diff options
Diffstat (limited to 'modules-available/usblockoff/templates/usb-choose-config.html')
-rw-r--r-- | modules-available/usblockoff/templates/usb-choose-config.html | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/modules-available/usblockoff/templates/usb-choose-config.html b/modules-available/usblockoff/templates/usb-choose-config.html new file mode 100644 index 00000000..d446e4cf --- /dev/null +++ b/modules-available/usblockoff/templates/usb-choose-config.html @@ -0,0 +1,118 @@ +<form method="post" action="?do=usblockoff" id="configForm"> + <input type="hidden" name="token" value="{{token}}"> + <input type="hidden" name="action" id="formAction" value="updateConfig"> + <input type="hidden" name="id" value="0" id="configID"> + + <div class="panel panel-default"> + <div class="panel-heading">{{lang_general}}</div> + <div class="panel-body"> + <div class="list-group"> + + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-3"> + <label>{{lang_config}}</label> + </div> + <div class="col-sm-7"> + <div class="col-sm-7"> + <!--<input class="form-control" name="{{name}}" id="{{name}}" value="{{value}}">--> + <select class="form-control" id="select_config" name="select_config" onchange="loadConfig(this);"> + <option value="0">{{lang_createNewConfig}}</option> + {{#config_list}} + <option value={{config_id}}>{{config_name}}</option> + {{/config_list}} + </select> + </div> + </div> + <div class="col-sm-2"> + <a class="btn btn-default" title="{{lang_config_helptext}}"> + <span class="glyphicon glyphicon-question-sign"></span> + </a> + </div> + </div> + </div> + + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-3"> + <label>{{lang_configName}}</label> + </div> + <div class="col-sm-7"> + <div class="col-sm-7"> + <input required class="form-control" name="configName" id="configName" value="{{configName}}"> + </div> + </div> + <div class="col-sm-2"> + <a class="btn btn-default" title="{{lang_configName_helptext}}"> + <span class="glyphicon glyphicon-question-sign"></span> + </a> + </div> + </div> + </div> + + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-3"> + <label>{{lang_deleteConfig}}</label> + </div> + <div class="col-sm-7"> + <div class="col-sm-7"> + <!-- <button class="btn btn-danger confirm-delete" type="submit" onclick="deleteConfig();">{{lang_delete}}</button>--> + <button class="btn btn-danger" value="" id="deleteConfigButton" title="{{lang_delete}}" onclick="deleteConfig(event);"> + <span class="glyphicon glyphicon-trash"> {{lang_delete}}</span> + </button> + </div> + </div> + <div class="col-sm-2"> + <a class="btn btn-default" title="{{lang_deleteConfig_helptext}}"> + <span class="glyphicon glyphicon-question-sign"></span> + </a> + </div> + </div> + </div> + + </div> + </div> + </div> + <div id="configDIV"></div> +</form> +<script type="text/javascript"> +document.addEventListener("DOMContentLoaded", function () { + $('#select_config').change(); +}); + +function loadConfig(selectedOption) { + var configID = selectedOption.value; + var configName = $('#select_config option:selected').text(); + $('#configDIV').load("?do=usblockoff&action=loadConfig&id=" + configID); + $('#configID').val(configID); + if (configID == 0) { + $('#configName').val(''); + } else { + $('#configName').val(configName); + } +} + +function deleteConfig(event) { + event.preventDefault(); + + BootstrapDialog.confirm({ + title: '{{lang_delete}}', + message: '{{lang_deleteConfigMessage}}', + type: BootstrapDialog.TYPE_DANGER, // <-- Default value is BootstrapDialog.TYPE_PRIMARY + closable: false, // <-- Default value is false + draggable: false, // <-- Default value is false + btnCancelLabel: '{{lang_cancel}}', // <-- Default value is 'Cancel', + btnOKLabel: '{{lang_delete}}', // <-- Default value is 'OK', + btnOKClass: 'btn-danger', // <-- If you didn't specify it, dialog type will be used, + callback: function(result) { + if (result) { + var configID = $('#select_config option:selected').val(); + $('#configID').val(configID); + $('#formAction').val('deleteConfig'); + $('#configForm').submit(); + } + } + }); +} +</script> |