diff options
Diffstat (limited to 'modules-available/rebootcontrol/templates/_page.html')
| -rw-r--r-- | modules-available/rebootcontrol/templates/_page.html | 256 |
1 files changed, 95 insertions, 161 deletions
diff --git a/modules-available/rebootcontrol/templates/_page.html b/modules-available/rebootcontrol/templates/_page.html index 1bef8dd4..a124e165 100644 --- a/modules-available/rebootcontrol/templates/_page.html +++ b/modules-available/rebootcontrol/templates/_page.html @@ -1,93 +1,53 @@ -<div class="page-header"> - <button type="button" id="settingsButton" class="btn btn-default pull-right" data-toggle="modal" data-target="#settingsModal"><span class="glyphicon glyphicon-cog"></span> {{lang_settings}}</button> - <h1>{{lang_rebootControl}}</h1> -</div> +<h3>{{location}}</h3> - -<form id="tableDataForm" method="post" action="?do=rebootcontrol" class="form-inline"> +<form method="post" action="?do=rebootcontrol" class="form-inline"> <input type="hidden" name="token" value="{{token}}"> <div class="row"> <div class="col-md-12"> - <label>{{lang_location}}: - <select id="locationDropdown" name="locationId" class="form-control" onchange="selectLocation()"> - {{#locations}} - <option value="{{locationid}}" {{#selected}}selected{{/selected}}>{{locationpad}} {{locationname}}</option> - {{/locations}} - </select> - </label> - <button type="button" id="selectAllButton" class="btn btn-primary pull-right" onclick="selectAllRows()"><span class="glyphicon glyphicon-check"></span> {{lang_selectall}}</button> - <button type="button" id="unselectAllButton" class="btn btn-default pull-right" onclick="unselectAllRows()" style="display: none;"><span class="glyphicon glyphicon-unchecked"></span> {{lang_unselectall}}</button> - <button type="button" id="rebootButton" class="btn btn-warning pull-right" data-toggle="modal" data-target="#rebootModal" disabled><span class="glyphicon glyphicon-repeat"></span> {{lang_rebootButton}}</button> - <button type="button" id="shutdownButton" class="btn btn-danger pull-right" data-toggle="modal" data-target="#shutdownModal" disabled><span class="glyphicon glyphicon-off"></span> {{lang_shutdownButton}}</button> - </div> - </div> - <div class="row"> - <div class="col-md-12"> <table class="table table-condensed table-hover stupidtable" id="dataTable"> <thead> - <tr> - <th data-sort="string">{{lang_client}}</th> - <th data-sort="ipv4">{{lang_ip}}</th> - <th data-sort="string">{{lang_status}}</th> - <th data-sort="string">{{lang_session}}</th> - <th data-sort="string">{{lang_user}}</th> - <th data-sort="int" data-sort-default="desc">{{lang_selected}}</th> - </tr> + <tr> + <th data-sort="string">{{lang_client}}</th> + <th data-sort="ipv4">{{lang_ip}}</th> + <th data-sort="string">{{lang_status}}</th> + <th data-sort="string">{{lang_session}}</th> + <th data-sort="string">{{lang_user}}</th> + <th data-sort="int" data-sort-default="desc">{{lang_selected}}</th> + </tr> </thead> <tbody> {{#data}} - <tr> - <td> - {{hostname}} - {{^hostname}}{{clientip}}{{/hostname}} - </td> - <td>{{clientip}}</td> - <td class="statusColumn"> - {{#status}} - <span class="text-success">{{lang_on}}</span> - {{/status}} - {{^status}} - <span class="text-danger">{{lang_off}}</span> - {{/status}} - </td> - <td>{{#status}}{{currentsession}}{{/status}}</td> - <td>{{#status}}{{currentuser}}{{/status}}</td> - <td data-sort-value="0" class="checkboxColumn"> - <div class="checkbox"> - <input id="m-{{machineuuid}}" type="checkbox" name="clients[]" value='{{machineuuid}}'> - <label for="m-{{machineuuid}}"></label> - </div> - </td> - </tr> + <tr> + <td> + {{hostname}} + {{^hostname}}{{clientip}}{{/hostname}} + </td> + <td>{{clientip}}</td> + <td class="statusColumn"> + {{#status}} + <span class="text-success">{{lang_on}}</span> + {{/status}} + {{^status}} + <span class="text-danger">{{lang_off}}</span> + {{/status}} + </td> + <td>{{#status}}{{currentsession}}{{/status}}</td> + <td>{{#status}}{{currentuser}}{{/status}}</td> + <td data-sort-value="0" class="checkboxColumn slx-smallcol"> + <div class="checkbox"> + <input id="m-{{machineuuid}}" type="checkbox" name="clients[]" value='{{machineuuid}}'> + <label for="m-{{machineuuid}}"></label> + </div> + </td> + </tr> {{/data}} </tbody> </table> </div> </div> - <!-- Modals --> - - <div id="settingsModal" class="modal fade" role="dialog"> - <div class="modal-dialog"> - - <div class="modal-content"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal">×</button> - <h4 class="modal-title"><b>{{lang_settings}}</b></h4> - </div> - <div class="modal-body"> - <span id="pubKeyTitle">{{lang_pubKey}}</span> - <button class="btn btn-s btn-warning pull-right" onclick="generateNewKeypair()" type="button"><span class="glyphicon glyphicon-refresh"></span> {{lang_genNew}}</button> - <pre id="pubKey">{{pubKey}}</pre> - </div> - <div class="modal-footer"> - </div> - </div> - </div> - </div> - <div class ="modal fade" id="rebootModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> @@ -96,17 +56,27 @@ <h4 class="modal-title" id="myModalLabel">{{lang_rebootButton}}</h4> </div> <div class="modal-body"> - {{lang_rebootCheck}} + <div>{{lang_rebootCheck}}</div> + <div>{{lang_rebootIn}} <input name="r-minutes" title="{{lang_shutdownIn}}" type="number" value="0" min="0" pattern="\d+"> {{lang_minutes}}</div> + <div> + <div class="checkbox checkbox-inline"> + <input name="quick" type="checkbox" value="on" id="rb-quick"> + <label for="rb-quick">{{lang_kexecRebootCheck}}</label> + </div> + </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">{{lang_cancel}}</button> - <button type="submit" name="action" value="startReboot" class="btn btn-warning"><span class="glyphicon glyphicon-repeat"></span> {{lang_reboot}}</button> + <button type="submit" {{perms.action.reboot.disabled}} name="action" value="reboot" class="btn btn-warning"> + <span class="glyphicon glyphicon-repeat"></span> + {{lang_reboot}} + </button> </div> </div> </div> </div> - <div class ="modal fade" id="shutdownModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> + <div class ="modal fade" id="shutdownModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> @@ -114,12 +84,15 @@ <h4 class="modal-title" id="myModalLabel2">{{lang_shutdownButton}}</h4> </div> <div class="modal-body"> - {{lang_shutdownCheck}} - {{lang_shutdownIn}} <input id="shutdownTimer" name="minutes" title="{{lang_shutdownIn}}" type="number" value="0" min="0" onkeypress="return isNumberKey(event)"> {{lang_minutes}} + <div>{{lang_shutdownCheck}}</div> + {{lang_shutdownIn}} <input name="s-minutes" title="{{lang_shutdownIn}}" type="number" value="0" min="0" pattern="\d+"> {{lang_minutes}} </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">{{lang_cancel}}</button> - <button type="submit" name="action" value="startShutdown" class="btn btn-danger"><span class="glyphicon glyphicon-off"></span> {{lang_shutdownButton}}</button> + <button type="submit" {{perms.action.shutdown.disabled}} name="action" value="shutdown" class="btn btn-danger"> + <span class="glyphicon glyphicon-off"></span> + {{lang_shutdownButton}} + </button> </div> </div> </div> @@ -128,104 +101,76 @@ <script type="application/javascript"> + var $dataTable; + document.addEventListener("DOMContentLoaded", function() { - markCheckedRows(); - $('input:checkbox').change( - function(){ + $dataTable = $("#dataTable"); + markCheckedRows(); + // Handle change of checkboxes in table + $('input:checkbox').change(function() { + var $this = $(this); //give each checkbox the function to mark the row (in green) - if ($(this).is(':checked')) { - markRows($(this).closest("tr"), true); - $(this).closest("td").data("sort-value", 1); + if ($this.is(':checked')) { + markRows($this.closest("tr"), true); + $this.closest("td").data("sort-value", 1); } else { - markRows($(this).closest("tr"), false); - $(this).closest("td").data("sort-value", 0); + markRows($this.closest("tr"), false); + $this.closest("td").data("sort-value", 0); } //if all are checked, change the selectAll-Button to unselectAll. if one is not checked, change unselectAll to selectAll - var dataTable = $("#dataTable"); - var unchecked = dataTable.find("input[type=checkbox]:not(:checked)").length; - if (unchecked == 0) { + var unchecked = $dataTable.find("input:checkbox:not(:checked)").length; + var checked = $dataTable.find("input:checkbox:checked").length; + if (unchecked === 0) { $('#selectAllButton').hide(); $('#unselectAllButton').show(); - } else if (unchecked == 1) { + } else if (checked === 0) { $('#selectAllButton').show(); $('#unselectAllButton').hide(); } //if no client is selected, disable the shutdown/reboot button, and enable them if a client is selected - var checked = dataTable.find("input[type=checkbox]:checked").length; - if (checked == 0) { - $('#rebootButton').prop('disabled', true); - $('#shutdownButton').prop('disabled', true); - } else { - $('#rebootButton').prop('disabled', false); - $('#shutdownButton').prop('disabled', false); - } - }); + $('#rebootButton').prop('disabled', checked === 0 || '{{perms.action.reboot.disabled}}' === 'disabled'); + $('#shutdownButton').prop('disabled', checked === 0 || '{{perms.action.shutdown.disabled}}' === 'disabled'); + }); + // Propagate click on column with checkbox to checkbox $('.checkboxColumn').click(function(e) { if (e.target === this) { - $(this).find('input[type="checkbox"]').click(); + $(this).find('input:checkbox').click(); } }); + // Arm the (de)select all buttons + $('#selectAllButton').click(function() { selectAllRows(true); }); + $('#unselectAllButton').click(function() { selectAllRows(false); }); }); - // Change Location when selected in Dropdown Menu - function selectLocation() { - var dropdown = $("#locationDropdown"); - var location = dropdown.val(); - window.location.replace("?do=rebootcontrol&location="+location); - } - // Check all checkboxes, change selectAll button, make shutdown/reboot button enabled as clients will certainly be selected - function selectAllRows() { - var checked = $("tr input:checkbox:checked"); - - //change button - $('#selectAllButton').hide(); - $('#unselectAllButton').show(); - - //check rows and mark them - $('input[type="checkbox"]', '#dataTable').prop('checked', true); - markRows($("tr:not(:first)"), true); - $(".checkboxColumn").data("sort-value", 1); - - //enable shutdown/reboot button - $('#rebootButton').prop('disabled', false); - $('#shutdownButton').prop('disabled', false); - } - - // Uncheck all checkboxes, change unselectAll Button, make shutdown/reboot button disabled as clients will certainly be not selected - function unselectAllRows() { - //change button - $('#selectAllButton').show(); - $('#unselectAllButton').hide(); - - //uncheck rows and unmark them - $('input[type="checkbox"]', '#dataTable').prop('checked', false); - markRows($("tr"), false); - $(".checkboxColumn").data("sort-value", 0); - - //disable shutdown/reboot button - $('#rebootButton').prop('disabled', true); - $('#shutdownButton').prop('disabled', true); + function selectAllRows(selected) { + var $box = $dataTable.find('input:checkbox'); + if ($box.length === 0) return; + if (selected) { + $box = $box.filter(':not(:checked)'); + } else { + $box = $box.filter(':checked'); + } + if ($box.length === 0) return; + $box.prop('checked', !!selected).trigger('change'); } - // mark all previous checked rows (used when loading site) + // mark all previous checked rows (used when loading site), enable (de)select all if list is not empty function markCheckedRows() { - var checked = $("tr input:checkbox:checked"); - markRows(checked.closest("tr"), true); - var unchecked = $("#dataTable").find("input[type=checkbox]:not(:checked)").length; - if(unchecked == 0) { + var $checked = $dataTable.find("input:checkbox:checked"); + markRows($checked.closest("tr"), true); + var $unchecked = $dataTable.find("input:checkbox:not(:checked)"); + markRows($unchecked.closest("tr"), false); + if($unchecked.length === 0) { $('#selectAllButton').hide(); $('#unselectAllButton').show(); } - } - - // only allow numbers to get typed into the "shutdown in X Minutes" box. - function isNumberKey(evt){ - var charCode = (evt.which) ? evt.which : event.keyCode; - return !(charCode > 31 && (charCode < 48 || charCode > 57)); + if ($unchecked.length > 0 || $checked.length > 0) { + $('.select-button').prop('disabled', false); + } } function markRows($rows, marked) { @@ -236,15 +181,4 @@ } } - function generateNewKeypair() { - $.ajax({ - url: '?do=rebootcontrol', - type: 'POST', - data: { action: "generateNewKeypair", token: TOKEN }, - success: function(value) { - $('#pubKey').text(value); - } - }); - } - </script>
\ No newline at end of file |