github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Modifed links and add check all button

pull/556/head^2
Abdullah Almsaeed 2015-02-15 19:46:13 -05:00
parent 78ac2fe031
commit 51822ddcb0
3 changed files with 44 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/mailbox/compose.html
View File

@ -352,14 +352,14 @@
<section class="content">
<div class="row">
<div class="col-md-3">
<button class="btn btn-primary btn-block margin-bottom">Back to Inbox</button>
<a href="mailbox.html" class="btn btn-primary btn-block margin-bottom">Back to Inbox</a>
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">Folders</h3>
</div>
<div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked">
<li><a href="#"><i class="fa fa-inbox"></i> Inbox <span class="label label-primary pull-right">12</span></a></li>
<li><a href="mailbox.html"><i class="fa fa-inbox"></i> Inbox <span class="label label-primary pull-right">12</span></a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i> Sent</a></li>
<li><a href="#"><i class="fa fa-file-text-o"></i> Drafts</a></li>
<li><a href="#"><i class="fa fa-filter"></i> Junk <span class="label label-waring pull-right">65</span></a></li>

44
pages/mailbox/mailbox.html
View File

@ -349,7 +349,7 @@
<section class="content">
<div class="row">
<div class="col-md-3">
<button class="btn btn-primary btn-block margin-bottom">Compose</button>
<a href="compose.html" class="btn btn-primary btn-block margin-bottom">Compose</a>
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">Folders</h3>
@ -390,13 +390,14 @@
</div><!-- /.box-header -->
<div class="box-body no-padding">
<div class="mailbox-controls">
<button class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
<button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
<!-- Check all button -->
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
<div class="btn-group">
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
<button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
<button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
</div><!-- /.btn-group -->
<button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
<div class="pull-right">
1-50/200
<div class="btn-group">
@ -534,13 +535,14 @@
</div><!-- /.box-body -->
<div class="box-footer no-padding">
<div class="mailbox-controls">
<button class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
<button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
<!-- Check all button -->
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
<div class="btn-group">
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
<button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
<button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
</div><!-- /.btn-group -->
<button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
<div class="pull-right">
1-50/200
<div class="btn-group">
@ -585,6 +587,38 @@
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
//Enable check and uncheck all functionality
$(".checkbox-toggle").click(function () {
var clicks = $(this).data('clicks');
if (clicks) {
//Uncheck all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
} else {
//Check all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
}
$(this).data("clicks", !clicks);
});
//Handle starring for glyphicon and font awesome
$(".fa-star, .fa-star-o, .glyphicon-star, .glyphicon-star-empty").click(function (e) {
e.preventDefault();
//detect type
var glyph = $(this).hasClass("glyphicon");
var fa = $(this).hasClass("fa");
//Switch states
if (glyph) {
$(this).toggleClass("glyphicon-star");
$(this).toggleClass("glyphicon-star-empty");
}
if (fa) {
$(this).toggleClass("fa-star");
$(this).toggleClass("fa-star-o");
}
});
});
</script>
</body>

4
pages/mailbox/read-mail.html
View File

@ -348,14 +348,14 @@
<section class="content">
<div class="row">
<div class="col-md-3">
<button class="btn btn-primary btn-block margin-bottom">Compose</button>
<a href="compose.html" class="btn btn-primary btn-block margin-bottom">Compose</a>
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">Folders</h3>
</div>
<div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked">
<li><a href="#"><i class="fa fa-inbox"></i> Inbox <span class="label label-primary pull-right">12</span></a></li>
<li><a href="mailbox.html"><i class="fa fa-inbox"></i> Inbox <span class="label label-primary pull-right">12</span></a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i> Sent</a></li>
<li><a href="#"><i class="fa fa-file-text-o"></i> Drafts</a></li>
<li><a href="#"><i class="fa fa-filter"></i> Junk <span class="label label-waring pull-right">65</span></a></li>