rhodecode-toast.html
24 lines
| 1.2 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"> | |||
r1486 | <link rel="import" href="../../../../../../bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.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"> | |||
r1483 | <template is="dom-if" if="[[hasToasts]]"> | |||
r1484 | <div class$="container toast-message-holder [[conditionalClass(isFixed)]]"> | |||
r1483 | <template is="dom-repeat" items="[[toasts]]"> | |||
<div class$="alert alert-[[item.level]]"> | ||||
r1513 | <div on-tap="dismissNotification" class="toast-close" index-pos="[[index]]"> | |||
<span>[[_gettext('Close')]]</span> | ||||
</div> | ||||
r1483 | <rhodecode-unsafe-html text="[[item.message]]"></rhodecode-unsafe-html> | |||
r703 | </div> | |||
</template> | ||||
</div> | ||||
r1483 | </template> | |||
r703 | </template> | |||
<script src="rhodecode-toast.js"></script> | ||||
</dom-module> | ||||