rhodecode-toast.html
30 lines
| 1.3 KiB
| text/html
|
HtmlLexer
r703 | <link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html"> | |||
r746 | <link rel="import" href="../../../../../../bower_components/paper-toast/paper-toast.html"> | |||
r703 | <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"> | |||
r778 | <paper-toast id="p-toast" | |||
duration="0" | ||||
horizontal-offset="100" | ||||
horizontal-align="auto" | ||||
vertical-align="top" | ||||
on-iron-overlay-closed="handleClosed" | ||||
always-on-top> | ||||
r703 | <div class="toast-message-holder"> | |||
<template is="dom-repeat" items="{{toasts}}"> | ||||
r747 | <div class$="alert alert-{{item.level}}"> | |||
r703 | <rhodecode-unsafe-html text="{{item.message}}"></rhodecode-unsafe-html> | |||
</div> | ||||
</template> | ||||
</div> | ||||
<div class="toast-close"> | ||||
r822 | <button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close')}}</button> | |||
r703 | </div> | |||
</paper-toast> | ||||
</template> | ||||
<script src="rhodecode-toast.js"></script> | ||||
</dom-module> | ||||