JS + CSS
This commit is contained in:
@@ -33,6 +33,23 @@
|
|||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#user_sql .main .inner-fieldset {
|
||||||
|
border-bottom: 1px solid var(--color-border);
|
||||||
|
border-top: 1px solid var(--color-border);
|
||||||
|
margin: 16px 0;
|
||||||
|
padding: 8px 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#user_sql .main .inner-fieldset > legend {
|
||||||
|
background-color: var(--color-background-dark);
|
||||||
|
border-radius: var(--border-radius-pill);
|
||||||
|
border: 1px solid var(--color-border-dark);
|
||||||
|
color: var(--color-text-lighter);
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 3px 6px;
|
||||||
|
}
|
||||||
|
|
||||||
#user_sql .msg {
|
#user_sql .msg {
|
||||||
left: 0;
|
left: 0;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
@@ -43,18 +60,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#user_sql .msg.error {
|
#user_sql .msg.error {
|
||||||
background-color: #d2322d;
|
background-color: var(--color-error);
|
||||||
color: #fff;
|
color: var(--color-primary-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
#user_sql .msg.success {
|
#user_sql .msg.success {
|
||||||
background-color: #47a447;
|
background-color: var(--color-success);
|
||||||
color: #fff;
|
color: var(--color-primary-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
#user_sql .msg.waiting {
|
#user_sql .msg.waiting {
|
||||||
background-color: #ff8f00;
|
background-color: var(--color-warning);
|
||||||
color: #fff;
|
color: var(--color-primary-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
#user_sql .loading {
|
#user_sql .loading {
|
||||||
|
|||||||
@@ -60,33 +60,33 @@ user_sql.adminSettingsUI = function () {
|
|||||||
|
|
||||||
var cryptoParams = function () {
|
var cryptoParams = function () {
|
||||||
var cryptoChanged = function () {
|
var cryptoChanged = function () {
|
||||||
var div = $("#opt-crypto_params");
|
var content = $("#opt-crypto_params_content");
|
||||||
div.empty();
|
var loading = $("#opt-crypto_params_loading");
|
||||||
div.append("<span class=\"icon loading\"></span>");
|
|
||||||
|
|
||||||
var cryptoClass = $("#opt-crypto_class").val();
|
content.hide();
|
||||||
$.get(OC.generateUrl("/apps/user_sql/settings/crypto/params"), cryptoClass, function (data) {
|
loading.show();
|
||||||
div.empty();
|
|
||||||
if (data.status === "success") {
|
$.get(OC.generateUrl("/apps/user_sql/settings/crypto/params"), {cryptoClass: $("#opt-crypto_class").val()},
|
||||||
for (var index = 0, length = data.data.length; index < length; ++index) {
|
function (data) {
|
||||||
div.append("<div><label for=\"opt-crypto_param_"
|
content.empty();
|
||||||
+ index
|
loading.hide();
|
||||||
+ "\"><span>"
|
|
||||||
+ data.data[index]["name"]
|
if (data.status === "success") {
|
||||||
+ "</span><input type=\"number\" id=\"opt-crypto_param_"
|
if (data.data.length > 0) {
|
||||||
+ index
|
content.append("<legend>" + $("#opt-crypto_class option:selected").text() + "</legend>")
|
||||||
+ "\" name=\"opt-crypto_param_"
|
}
|
||||||
+ index
|
for (var index = 0, length = data.data.length; index < length; ++index) {
|
||||||
+ "\" step=\"1\" min=\""
|
content.append("<div><label for=\"opt-crypto_param_" + index
|
||||||
+ data.data[index]["min"]
|
+ "\"><span>" + data.data[index]["name"]
|
||||||
+ "\" max=\""
|
+ "</span><input type=\"number\" id=\"opt-crypto_param_"
|
||||||
+ data.data[index]["max"]
|
+ index + "\" name=\"opt-crypto_param_" + index
|
||||||
+ "\" value=\""
|
+ "\" step=\"1\" min=\"" + data.data[index]["min"] + "\" max=\""
|
||||||
+ data.data[index]["value"]
|
+ data.data[index]["max"] + "\" value=\"" + data.data[index]["value"]
|
||||||
+ "\"></label></div>");
|
+ "\"></label></div>");
|
||||||
|
content.show();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}, "json");
|
||||||
}, "json");
|
|
||||||
};
|
};
|
||||||
$("#opt-crypto_class").change(function () {
|
$("#opt-crypto_class").change(function () {
|
||||||
cryptoChanged();
|
cryptoChanged();
|
||||||
|
|||||||
@@ -132,7 +132,10 @@ function print_select_options(
|
|||||||
}
|
}
|
||||||
|
|
||||||
print_select_options($l, "opt-crypto_class", "Hash algorithm", $hashes, $_["opt.crypto_class"]); ?>
|
print_select_options($l, "opt-crypto_class", "Hash algorithm", $hashes, $_["opt.crypto_class"]); ?>
|
||||||
<div id="opt-crypto_params"></div>
|
<div id="opt-crypto_params_loading" style="display: none">
|
||||||
|
<span class="icon loading"></span>
|
||||||
|
</div>
|
||||||
|
<fieldset id="opt-crypto_params_content" class="inner-fieldset" style="display: none"></fieldset>
|
||||||
<?php
|
<?php
|
||||||
print_select_options($l, "opt-email_sync", "Email sync", ["" => "None", "initial" => "Synchronise only once", "force_nc"=>"Nextcloud always wins", "force_sql"=>"SQL always wins"], $_["opt.email_sync"]);
|
print_select_options($l, "opt-email_sync", "Email sync", ["" => "None", "initial" => "Synchronise only once", "force_nc"=>"Nextcloud always wins", "force_sql"=>"SQL always wins"], $_["opt.email_sync"]);
|
||||||
print_select_options($l, "opt-quota_sync", "Quota sync", ["" => "None", "initial" => "Synchronise only once", "force_nc"=>"Nextcloud always wins", "force_sql"=>"SQL always wins"], $_["opt.quota_sync"]);
|
print_select_options($l, "opt-quota_sync", "Quota sync", ["" => "None", "initial" => "Synchronise only once", "force_nc"=>"Nextcloud always wins", "force_sql"=>"SQL always wins"], $_["opt.quota_sync"]);
|
||||||
|
|||||||
Reference in New Issue
Block a user