##// END OF EJS Templates
notifications: move all notifications into polymer for consistency fix #4201
notifications: move all notifications into polymer for consistency fix #4201

File last commit:

r822:133118c1 default
r822:133118c1 default
Show More
rhodecode-toast.html
30 lines | 1.3 KiB | text/html | HtmlLexer
<link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../../../../../bower_components/paper-toast/paper-toast.html">
<link rel="import" href="../rhodecode-unsafe-html/rhodecode-unsafe-html.html">
<dom-module id="rhodecode-toast">
<template>
<style include="shared-styles"></style>
<link rel="stylesheet" href="rhodecode-toast.css">
<paper-toast id="p-toast"
duration="0"
horizontal-offset="100"
horizontal-align="auto"
vertical-align="top"
on-iron-overlay-closed="handleClosed"
always-on-top>
<div class="toast-message-holder">
<template is="dom-repeat" items="{{toasts}}">
<div class$="alert alert-{{item.level}}">
<rhodecode-unsafe-html text="{{item.message}}"></rhodecode-unsafe-html>
</div>
</template>
</div>
<div class="toast-close">
<button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close')}}</button>
</div>
</paper-toast>
</template>
<script src="rhodecode-toast.js"></script>
</dom-module>