Alerts are now dismissible. [issue 3]
Former-commit-id: a14d76e8da8aac6139dd1e130a9d0be63205a7ea
This commit is contained in:
parent
86bf95d417
commit
afcad4b31f
5 changed files with 69 additions and 15 deletions
|
|
@ -1,30 +1,46 @@
|
|||
{{#alerts}}
|
||||
{{#.isError()}}
|
||||
<div class="alert alert-danger alert-dismissible" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close" data-id="{{.getId()}}">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
|
||||
<strong>Error:</strong> {{.getMessage()}}
|
||||
</div>
|
||||
{{/.isError()}}
|
||||
{{#.isWarning()}}
|
||||
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close" data-id="{{.getId()}}">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
|
||||
<strong>Warning:</strong> {{.getMessage()}}
|
||||
</div>
|
||||
{{/.isWarning()}}
|
||||
{{#.isSuccess()}}
|
||||
<div class="alert alert-success alert-dismissible" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close" data-id="{{.getId()}}">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span>
|
||||
<strong>Success:</strong> {{.getMessage()}}
|
||||
</div>
|
||||
{{/.isSuccess()}}
|
||||
{{#.isInfo()}}
|
||||
<div class="alert alert-info alert-dismissible" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close" data-id="{{.getId()}}">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
|
||||
<strong>Info:</strong> {{.getMessage()}}
|
||||
</div>
|
||||
{{/.isInfo()}}
|
||||
{{/alerts}}
|
||||
{{/alerts}}
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$(".alert .close").click(function(event){
|
||||
$.get("{{url}}?action=dismiss&id="+$(this).data("id"));
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue