cai/CAICP
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

initial code comit

Browse Source
This commit is contained in:
Alexander I. Chebykin
2018-11-22 21:02:44 +03:00
parent dda0488d4b
commit 801bbd37b7
117 changed files with 7612 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
system/ui/forms/settings/css/styles.css Normal file
View File

@@ -0,0 +1,79 @@
/* Common classes block */
.hidden {
/* visibility: hidden; */
display: none;
}
.full_width {
width: 100%;
}
.bold {
font-weight: bold;
}
/* Elements block */
html, body {
margin: 0;
padding: 0;
min-width: 600px;
height: 100%;
width: 100%;
/* background: url(../gfx/bg.jpg) repeat fixed; */
font-family: Arial, sans-serif;
}
hr {
margin: 0;
padding: 0;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}
fieldset {
border: solid 1px #ccc;
margin: 5px 0;
}
form {
margin: 5px;
transition: all 0.5s ease-out 0.1s;
}
/* Language selector */
input, select {border: solid 1px #999;}
.select_lang {
border : 0;
background-color : transparent;
}
.select_lang option {
color: #000;
background-color: rgba(255, 255, 255, 0.85);
}
/*
select#gender option[value="male"] { background-image:url(male.png); }
select#gender option[value="female"] { background-image:url(female.png); }
select#gender option[value="others"] { background-image:url(others.png); }
*/
.input_ru {
background-image: url('../gfx/flags/russian-16x16.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 2px center;
padding-left: 21px;
margin-left: 1px;
}
.input_en {
background-image: url('../gfx/flags/uk-16x16.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 2px center;
padding-left: 21px;
margin-left: 1px;
}
#in_submit {margin-top: 5px};

103
system/ui/forms/settings/index.html Normal file
View File

@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
<title>CAI CP Settings</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css" type="text/css">
</head>
<body>
<div>
<form id="frm_submit" method="get" action="../../../action/" class="hidden">
<input type="hidden" name="do" value="setup">
<fieldset id="fs_general">
<legend id="fsl_general"></legend>
<table>
<tr>
<td>
<span id="lbl_default_language">[lang_default_language]: </span>
</td>
<td>
<select id="default_language" name="default_language" class="select_lang"></select>
</td>
</tr>
<tr>
<td>
<label for="dim_on_create" id="lbl_dim_on_create">[lang_dim_on_create]: </label>
</td>
<td>
<input type="checkbox" value="1" name="dim_on_create" id="dim_on_create">
</td>
</tr>
<tr>
<td>
<label for="check_files_rights" id="lbl_check_files_rights">[lang_check_files_rights]: </label>
</td>
<td>
<input type="checkbox" value="1" name="chk_files_rights" id="chk_files_rights">
</td>
</tr>
</table>
</fieldset>
<fieldset id="fs_monitoring">
<legend id="fsl_monitoring"></legend>
<table>
<tr>
<td>
<span id="lbl_max_hdd_temp">[lang_max_hdd_temp]: </span>
</td>
<td>
<input type="number" id="max_hdd_temp" name="max_hdd_temp" min="30" max="100">
</td>
</tr>
<tr>
<td>
<span id="lbl_check_hdd_temp_interval">[lang_check_temp_int]: </span>
</td>
<td>
<input type="number" id="chk_temp_interval" name="chk_temp_interval" min="0" max="86400"> <span id="lbl_temp_secs">[lang_secs]</span>
</td>
</tr>
<tr>
<td>
<span id="lbl_check_smart_interval">[lang_check_smart_int]: </span>
</td>
<td>
<input type="number" id="chk_smart_interval" name="chk_smart_interval" min="0" max="86400"> <span id="lbl_smart_secs">[lang_secs]</span>
</td>
</tr>
<tr>
<td>
<span id="lbl_check_users_online_interval">[lang_check_users_online_int]: </span>
</td>
<td>
<input type="number" id="chk_users_online_interval" name="chk_users_online_interval" min="0" max="86400"> <span id="lbl_users_online_secs">[lang_secs]</span>
</td>
</tr>
</table>
</fieldset>
<fieldset id="fs_apps">
<legend id="fsl_apps"></legend>
<table id="tbl_apps" class="full_width">
<tr class="bold">
<td>
<span id="lbl_enabled">[lang_enabled]</span>
</td>
<td>
<span id="lbl_app_name">[lang_app_name]</span>
</td>
<td>
<span id="lbl_app_ver">[lang_app_ver]</span>
</td>
<td>
<span id="lbl_app_author">[lang_app_author]: </span>
</td>
</tr>
</table>
</fieldset>
<input id="in_submit" type="submit" value="[lang_save]">
</form>
</div>
<script src="js/settings.js"></script>
</body>
</html>

278
system/ui/forms/settings/js/settings.js Normal file
View File

@@ -0,0 +1,278 @@
// MIT License:
//
// Copyright (c) 2016-2017, Alexander I. Chebykin
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
/**
* CAI CP v.0.9
*
* @module : Configuration subsystem
* @author : Alexander I. Chebykin <alex.chebykin@gmail.com>
* @copyright : Copyright (c) 2016-2017 Alexander I. Chebykin
* @version : 0.9
* @build date : 2017-07-23
* @license : MIT
* @link : https://github.com/CAI79/CAI-CP
******************************************************************/
(function () {
'use strict';
/**
* Return GET parameter
*
* @param {string} key Key name
*
* returns {string}
*/
function $_GET(key) {
var s = window.location.search;
s = s.match(new RegExp(key + '=([^&=]+)'));
return s ? s[1] : false;
}
/**
* SetupSystem constructor
*
* @returns {undefined}
*/
function SetupSystem() {
this.locale = 'en';
this.langs = [];
this.tranlation = [];
}
/**
*
* @param {int} init_level Initialization level: 1 - configure language
* 2 - do localization
* 3 - load languages list
*
* @returns {undefined}
*/
SetupSystem.prototype.init = function (init_level) {
var setup_instance = this,
request = new XMLHttpRequest(),
res_data;
switch (init_level) {
case 1: // Configure language
if ($_GET('lang') !== '') {
this.locale = $_GET('lang');
} else {
request.open('GET', '../../../json/settings.json');
request.send();
request.onreadystatechange = function () {
if (this.readyState === 4) {
if (this.status === 200) {
res_data = JSON.parse(this.responseText);
setup_instance.locale = res_data.lang;
}
}
};
}
this.init(2);
break;
case 2: // Do localization
request.open('GET', '../../../json/locale/' + this.locale + '.json');
request.send();
request.onreadystatechange = function () {
if (this.readyState === 4) {
if (this.status === 200) {
res_data = JSON.parse(this.responseText);
setup_instance.tranlation = res_data;
document.getElementById('lbl_dim_on_create').textContent = res_data.dim_on_create;
document.getElementById('lbl_default_language').textContent = res_data.default_language;
document.getElementById('lbl_check_files_rights').textContent = res_data.check_files_rights;
document.getElementById('lbl_check_hdd_temp_interval').textContent = res_data.check_hdd_temp_int;
document.getElementById('lbl_check_users_online_interval').textContent = res_data.check_users_online_int;
document.getElementById('lbl_max_hdd_temp').textContent = res_data.max_hdd_temp;
document.getElementById('lbl_check_smart_interval').textContent = res_data.check_smart_int;
document.getElementById('lbl_temp_secs').textContent = res_data.secs;
document.getElementById('lbl_smart_secs').textContent = res_data.secs;
document.getElementById('lbl_users_online_secs').textContent = res_data.secs;
document.getElementById('fsl_general').textContent = res_data.general_settings;
document.getElementById('fsl_monitoring').textContent = res_data.monitoring;
document.getElementById('fsl_apps').textContent = res_data.applications;
document.getElementById('lbl_enabled').textContent = res_data.enbld;
document.getElementById('lbl_app_name').textContent = res_data.application;
document.getElementById('lbl_app_ver').textContent = res_data.version;
document.getElementById('lbl_app_author').textContent = res_data.author;
document.getElementById('in_submit').value = res_data.save;
document.getElementById("frm_submit").classList.remove('hidden');
}
}
};
this.init(3);
break;
case 3: // Load languages list
request.open('GET', '../../../json/settings.json');
request.send();
request.onreadystatechange = function () {
if (this.readyState === 4) {
if (this.status === 200) {
var select_lang = document.getElementById('default_language');
res_data = JSON.parse(this.responseText);
document.getElementById('dim_on_create').checked = res_data.dim_on_create;
document.getElementById('chk_files_rights').checked = res_data.check_files_rights;
document.getElementById('chk_temp_interval').value = res_data.check_hdd_temp_interval;
document.getElementById('chk_smart_interval').value = res_data.check_smart_interval;
document.getElementById('chk_users_online_interval').value = res_data.check_users_online_interval;
document.getElementById('max_hdd_temp').value = res_data.max_hdd_temp;
setup_instance.langs = res_data.langs;
for (var language in res_data.langs) {
var opt_lang = document.createElement('option');
opt_lang.value = language;
opt_lang.appendChild(document.createTextNode(res_data.langs[language]));
if (res_data.lang === language) {
opt_lang.selected = true;
} else if (!$_GET('lang') && setup_instance.locale === language){
opt_lang.selected = true;
}
select_lang.appendChild(opt_lang);
}
}
}
};
this.init(4);
break;
case 4: // Load apps list
request.open('GET', '../../../apps/?do=get_apps');
request.send();
request.onreadystatechange = function () {
if (this.readyState === 4) {
if (this.status === 200) {
var apps_table = document.getElementById('tbl_apps'),
apps_tr,
apps_td,
apps_name,
apps_caption,
apps_check,
i = 0;
res_data = JSON.parse(this.responseText);
for (var app_info in res_data) {
apps_tr = document.createElement('tr');
apps_td = document.createElement('td');
apps_caption = document.createElement('input');
apps_caption.type = 'hidden';
apps_caption.name = 'app_caption[' + i + ']';
apps_caption.value = res_data[app_info].caption;
apps_td.appendChild(apps_caption);
apps_name = document.createElement('input');
apps_name.type = 'hidden';
apps_name.name = 'app_name[' + i + ']';
apps_name.value = app_info;
apps_td.appendChild(apps_name);
apps_check = document.createElement('input');
apps_check.type = 'checkbox';
apps_check.name = 'app_enabled[' + i + ']';
apps_check.value = '1';
apps_check.checked = res_data[app_info].enabled;
apps_td.appendChild(apps_check);
apps_tr.appendChild(apps_td);
apps_td = document.createElement('td');
apps_td.appendChild(document.createTextNode(res_data[app_info].caption));
apps_tr.appendChild(apps_td);
apps_td = document.createElement('td');
apps_td.appendChild(document.createTextNode(res_data[app_info].version));
apps_tr.appendChild(apps_td);
apps_td = document.createElement('td');
apps_td.appendChild(document.createTextNode(res_data[app_info].author));
apps_tr.appendChild(apps_td);
apps_table.appendChild(apps_tr);
i++;
}
}
}
};
}
};
document.addEventListener('DOMContentLoaded', function () {
'use strict';
/**
* Initialize setup object
*/
var setup = new SetupSystem();
setup.init(1);
document.getElementById('frm_submit').onsubmit = function () {
var xhr = new XMLHttpRequest();
xhr.onload = function () {
if (xhr.responseText === 'true') {
alert(setup.tranlation.settings_saved);
window.top.location.reload(true);
} else {
alert(setup.tranlation.error);
}
};
if (this.method.toLowerCase() === 'post') {
xhr.open (this.method, this.action, true);
xhr.send (new FormData (this));
} else {
var element,
el_type,
file,
search = '';
for (var i = 0; i < this.elements.length; i++) {
element = this.elements[i];
if (!element.hasAttribute('name')) { continue; }
el_type = element.nodeName.toLowerCase() === 'input' ?
element.getAttribute('type').toLowerCase() : 'text';
if (el_type === 'file') {
for (file = 0; file < element.files.length;
search += '&' + escape(element.name) + '=' + escape(element.files[file++].name));
} else if ((el_type !== 'radio' && el_type !== 'checkbox') || element.checked) {
search += '&' + escape(element.name) + '=' + escape(element.value);
}
}
xhr.open('get', this.action.replace(/(?:\?.*)?$/, search.replace(/^&/, '?')), true);
xhr.send(null);
}
return false;
};
});
}());