rhodecode-toast.html
24 lines
| 1.1 KiB
| text/html
|
HtmlLexer
r703 | <link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html"> | |||
<link rel="import" href="../rhodecode-unsafe-html/rhodecode-unsafe-html.html"> | ||||
<dom-module id="rhodecode-toast"> | ||||
<template> | ||||
r704 | <style include="shared-styles"></style> | |||
r703 | <link rel="stylesheet" href="rhodecode-toast.css"> | |||
<paper-toast id="p-toast" duration="0" horizontal-offset="100" horizontal-align="auto" vertical-align="top" always-on-top> | ||||
<div class="toast-message-holder"> | ||||
<template is="dom-repeat" items="{{toasts}}"> | ||||
<div class="toast-notification"> | ||||
<span class$="toast-level {{item.level}}">{{item.level}}</span> | ||||
<rhodecode-unsafe-html text="{{item.message}}"></rhodecode-unsafe-html> | ||||
</div> | ||||
</template> | ||||
</div> | ||||
<div class="toast-close"> | ||||
r704 | <paper-button on-tap="dismissNotifications" class="btn btn-primary">{{_gettext('Close now')}}</paper-button> | |||
r703 | </div> | |||
</paper-toast> | ||||
</template> | ||||
<script src="rhodecode-toast.js"></script> | ||||
</dom-module> | ||||