Business/QwikClock
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Change "show all shifts" checkbox to toolbar button

Browse Source
This commit is contained in:
Skylar Ittner 2017-11-18 16:03:16 -07:00
parent cba85de876
commit 030a265ed2
4 changed files with 34 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lang/en_us.php
View File

@ -60,6 +60,8 @@ define("STRINGS", [
"friday" => "Friday", "friday" => "Friday",
"saturday" => "Saturday", "saturday" => "Saturday",
"show all shifts" => "Show all shifts", "show all shifts" => "Show all shifts",
"showing all shifts" => "Showing all shifts",
"show only my shifts" => "Show only my shifts",
"new shift" => "New Shift", "new shift" => "New Shift",
"edit shift" => "Edit Shift", "edit shift" => "Edit Shift",
"shift added" => "Shift added.", "shift added" => "Shift added.",

21
pages/shifts.php
View File

@ -16,16 +16,20 @@ $totalpunches = count($punches);
?> ?>
<p class="page-header h5"><i class="fa fa-clock-o fa-fw"></i> <?php lang("shifts") ?></p> <p class="page-header h5"><i class="fa fa-clock-o fa-fw"></i> <?php lang("shifts") ?></p>
<?php
if (account_has_permission($_SESSION['username'], "QWIKCLOCK_MANAGE")) { <div class="btn-group mgn-btm-10px">
?> <?php
<div class="btn-group mgn-btm-10px"> if (account_has_permission($_SESSION['username'], "QWIKCLOCK_MANAGE")) {
?>
<a href="app.php?page=editshift" class="btn btn-success"><i class="fa fa-calendar-plus-o"></i> <?php lang("new shift"); ?></a> <a href="app.php?page=editshift" class="btn btn-success"><i class="fa fa-calendar-plus-o"></i> <?php lang("new shift"); ?></a>
<a href="app.php?page=assignshift" class="btn btn-info"><i class="fa fa-calendar-check-o"></i> <?php lang("assign shift"); ?></a> <a href="app.php?page=assignshift" class="btn btn-info"><i class="fa fa-calendar-check-o"></i> <?php lang("assign shift"); ?></a>
</div> <?php
<?php }
} ?>
?> <span class="btn btn-grey" id="show_btn" data-showall=""><i class="fa fa-filter"></i> <span><?php lang("show all shifts") ?></span></span>
</div>
<div class="text-grey" id="showing-all"><i class="fa fa-info-circle"></i> <?php lang("showing all shifts"); ?></div>
<table id="shifttable" class="table table-bordered table-striped"> <table id="shifttable" class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
@ -56,4 +60,5 @@ if (account_has_permission($_SESSION['username'], "QWIKCLOCK_MANAGE")) {
* it needs to inject the filter checkbox * it needs to inject the filter checkbox
*/ */
var lang_show_all_shifts = "<?php lang("show all shifts") ?>"; var lang_show_all_shifts = "<?php lang("show all shifts") ?>";
var lang_show_my_shifts = "<?php lang("show only my shifts") ?>";
</script> </script>

5
static/css/app.css
View File

@ -73,6 +73,11 @@
text-align: center; text-align: center;
} }
#showing-all {
display: inline-block;
margin-left: 10px;
}
/* /*
============================== ==============================
THEMING THEMING

19
static/js/shifts.js
View File

@ -35,15 +35,24 @@ var shifttable = $('#shifttable').DataTable({
ajax: { ajax: {
url: "lib/getshifttable.php", url: "lib/getshifttable.php",
data: function (d) { data: function (d) {
if ($('#show_all_checkbox').is(':checked')) { if ($('#show_btn').data("showall") == 1) {
d.show_all = 1; d.show_all = 1;
} }
}, },
} }
}); });
$('#shifttable_filter').append("<div class=\"checkbox inblock\"><label><input type=\"checkbox\" id=\"show_all_checkbox\"> " + lang_show_all_shifts + "</label></div>"); $('#show_btn').click(function () {
if ($('#show_btn').data("showall") == 1) {
$('#show_all_checkbox').click(function () { $('#show_btn').data("showall", "");
$('#showing-all').css("display", "none");
$('#show_btn span').text(lang_show_all_shifts);
} else {
$('#show_btn').data("showall", "1");
$('#showing-all').css("display", "inline-block");
$('#show_btn span').text(lang_show_my_shifts);
}
shifttable.ajax.reload(); shifttable.ajax.reload();
}); });
$('#showing-all').css("display", "none");