rhodecode-toast.html
24 lines
| 1.1 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"> | |||
r1483 | <template is="dom-if" if="[[hasToasts]]"> | |||
<div class$="container toast-message-holder [[conditionalClass(isFixed)]]" > | ||||
<template is="dom-repeat" items="[[toasts]]"> | ||||
<div class$="alert alert-[[item.level]]"> | ||||
<rhodecode-unsafe-html text="[[item.message]]"></rhodecode-unsafe-html> | ||||
r703 | </div> | |||
</template> | ||||
r1483 | ||||
<div class="toast-close"> | ||||
<button on-tap="dismissNotifications" class="btn btn-default">[[_gettext('Close')]]</button> | ||||
</div> | ||||
r703 | </div> | |||
r1483 | </template> | |||
r703 | </template> | |||
<script src="rhodecode-toast.js"></script> | ||||
</dom-module> | ||||