##// END OF EJS Templates
i18n: Updated message catalog template
i18n: Updated message catalog template

File last commit:

r1900:7da9bb63 default
r4180:63987184 stable
Show More
75 lines | 2.4 KiB | text/html | HtmlGenshiLexer
## -*- coding: utf-8 -*-
<%inherit file="/debug_style/index.html"/>
<%def name="breadcrumbs_links()">
${h.link_to(_('Style'), h.route_path('debug_style_home'))}
<%def name="real_main()">
<div class="box">
<div class="title">
<div class='sidebar-col-wrapper'>
<div class="main-content">
<h3>Alert Messages</h3>
Alert messages are produced using the custom Polymer element
<code>rhodecode-toast</code> which is passed a message and level.
<div class="bs-example">
<p> There are four types of alert levels:</p>
<div class="alert alert-success">
"success" is used when an action is completed as expected<br/>
ex. updated settings, deletion of a repo/user
<div class="alert alert-warning">
"warning" is for notification of impending issues<br/>
ex. a gist which was updated elsewhere during editing, disk out of space
<div class="alert alert-error">
"error" should be used for unexpected results and actions which
are not successful<br/>
ex. a form not submitted, repo creation failure
<div class="alert alert-info">
"info" is used for non-critical information<br/>
ex. notification of new messages, invitations to chat
Whether singular or multiple, alerts are grouped into a dismissable
panel with a single "Close" button underneath.
<a class="btn btn-default" id="test-notification">Test Notification</a>
<script type="text/javascript">
$('#test-notification').on('click', function(e){
var levels = ['info', 'error', 'warning', 'success'];
var level = levels[Math.floor(Math.random()*levels.length)];
var payload = {
message: {
message: 'This is a test ' +level+ ' notification.',
level: level,
force: true
</div> <!-- .main-content -->
</div> <!-- .box -->