mirror of
https://gitlab.com/crafty-controller/crafty-4.git
synced 2024-08-30 18:23:09 +00:00
326 lines
11 KiB
HTML
326 lines
11 KiB
HTML
{% extends ../base.html %}
|
||
|
||
{% block meta %}
|
||
{% end %}
|
||
|
||
{% block title %}Crafty Controller - {{ translate('panelConfig', 'pageTitle', data['lang']) }}{% end %}
|
||
|
||
{% block content %}
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.10/css/bootstrap-select.min.css">
|
||
|
||
|
||
<div class="content-wrapper">
|
||
<!-- Page Title Header Starts-->
|
||
<div class="row page-title-header">
|
||
<div class="col-12">
|
||
<div class="page-header">
|
||
<h4 class="page-title">
|
||
{{ translate('panelConfig', 'title', data['lang']) }}
|
||
<br />
|
||
</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Page Title Header Ends-->
|
||
|
||
<div class="row">
|
||
<div class="col-md-12 grid-margin">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
|
||
{% if data['superuser'] %}
|
||
<span class="d-none d-sm-block">
|
||
{% include "parts/crafty_config_list.html %}
|
||
</span>
|
||
<span class="d-block d-sm-none">
|
||
{% include "parts/m_crafty_config_list.html %}
|
||
</span>
|
||
{% end %}
|
||
|
||
<!-- Page Title Header Starts-->
|
||
<div class="row page-title-header">
|
||
<div class="col-12">
|
||
<div class="page-header">
|
||
<!-- TODO: Translate the following -->
|
||
<h4 class="page-title">Config.json</h4>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- Page Title Header Ends-->
|
||
|
||
<form id="config-form" class="forms-sample" method="post" action="/panel/config_json">
|
||
|
||
{% for item in data['config-json'].items() %}
|
||
{% if item[0] == "reset_secrets_on_next_boot" %}
|
||
<div class="form-group" style="background: rgba(243, 21, 6, 0.3); outline: 1px solid red; padding: 10px;">
|
||
{% else %}
|
||
<div class="form-group">
|
||
{% end %}
|
||
<label class="form" for="{{item[0]}}">{{item[0]}}
|
||
<small class="text-muted ml-1">
|
||
</small> </label><br />
|
||
{% if item[0] == 'language' %}
|
||
<select name="{{item[0]}}" class="form-control">
|
||
{% for lang in data['availables_languages'] %}
|
||
{% if lang == item[1] %}
|
||
<option selected>{{lang}}</option>
|
||
{% else %}
|
||
<option>{{lang}}</option>
|
||
{% end %}
|
||
{% end %}
|
||
</select>
|
||
{% elif item[0] == 'disabled_language_files' %}
|
||
<div class="input-group">
|
||
<button type="button" class="btn btn-outline-default custom-picker" onclick="$('option', $('#lang_select')).each(function(element) {$(this).removeAttr('selected').prop('selected', false); $('.selectpicker').selectpicker('refresh')});">{{ translate('panelConfig', 'enableLang', data['lang']) }}</button>
|
||
<select id="lang_select" class="form-control selectpicker show-tick custom-picker" data-icon-base="fas" data-tick-icon="fa-check" multiple data-style="custom-picker">
|
||
{% for lang in data['all_languages'] %}
|
||
{% if lang in item[1] %}
|
||
<option selected>{{lang}}</option>
|
||
{% else %}
|
||
<option>{{lang}}</option>
|
||
{% end %}
|
||
{% end %}
|
||
</select>
|
||
<textarea id="disabled_lang" name="{{item[0]}}" class="form-control list hidden" rows="{{ len(data['all_languages']) }}" value="{{','.join(item[1])}}" hidden>{{','.join(item[1])}}</textarea>
|
||
</div>
|
||
{% elif item[0] == 'monitored_mounts'%}
|
||
<div class="input-group">
|
||
<button type="button" class="btn btn-outline-default custom-picker" onclick="$('option', $('#mount_select')).each(function(element) {$(this).removeAttr('selected').prop('selected', false); $('.selectpicker').selectpicker('refresh')});">{{ translate('panelConfig', 'noMounts', data['lang']) }}</button>
|
||
<select id="mount_select" class="form-control selectpicker show-tick" data-icon-base="fas" data-tick-icon="fa-check" multiple data-style="custom-picker">
|
||
{% for mount in data['all_partitions'] %}
|
||
{% if mount in item[1] %}
|
||
<option selected>{{mount}}</option>
|
||
{% else %}
|
||
<option>{{mount}}</option>
|
||
{% end %}
|
||
{% end %}
|
||
</select>
|
||
<textarea id="monitored_mounts" name="{{item[0]}}" class="form-control list hidden" rows="{{ len(data['all_partitions']) }}" value="{{','.join(item[1])}}" hidden>{{','.join(item[1])}}</textarea>
|
||
</div>
|
||
{% elif isinstance(item[1], list) %}
|
||
<textarea value="{{','.join(item[1])}}" type="text" name="{{item[0]}}" class="form-control list">{{','.join(item[1])}}</textarea>
|
||
{% elif isinstance(item[1], bool) %}
|
||
<div style="margin-left: 30px;">
|
||
{% if item[1] == True %}
|
||
<input type="radio" class="form-check-input" name="{{item[0]}}" id="True" value="True" checked>
|
||
<label for="True">True</label><br>
|
||
<input type="radio" class="form-check-input" name="{{item[0]}}" id="False" value="False">
|
||
<label for="False">False</label>
|
||
{% else %}
|
||
<input type="radio" class="form-check-input" name="{{item[0]}}" id="True" value="True">
|
||
<label for="True">True</label><br>
|
||
<input type="radio" class="form-check-input" name="{{item[0]}}" id="False" value="False" checked>
|
||
<label for="False">False</label>
|
||
{% end %}
|
||
</div>
|
||
{% elif isinstance(item[1], int) %}
|
||
<input type="number" class="form-control" name="{{item[0]}}" id="{{item[0]}}" value="{{ item[1] }}" step="1" min="0" required>
|
||
{% else %}
|
||
<input type="text" class="form-control" name="{{item[0]}}" id="{{item[0]}}" value="{{ item[1] }}" step="2" min="0" required>
|
||
{% end %}
|
||
</div>
|
||
{% end %}
|
||
<button class="btn btn-success" type="submit">Submit</button> <span id="submit-status"></span>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<style>
|
||
.dropdown-menu.inner {
|
||
display: inline-block !important;
|
||
}
|
||
|
||
.popover-body {
|
||
color: white !important;
|
||
;
|
||
}
|
||
|
||
input[type="radio"] {
|
||
-ms-transform: scale(1.5);
|
||
/* IE 9 */
|
||
-webkit-transform: scale(1.5);
|
||
/* Chrome, Safari, Opera */
|
||
transform: scale(1.5);
|
||
}
|
||
</style>
|
||
<!-- content-wrapper ends -->
|
||
|
||
{% end %}
|
||
|
||
{% block js %}
|
||
<script>
|
||
function replacer(key, value) {
|
||
if (key == "disabled_language_files") {
|
||
if (value == 0){
|
||
return []
|
||
} else {
|
||
return value
|
||
}
|
||
}
|
||
if (typeof value == "boolean") {
|
||
return value
|
||
} else {
|
||
return (isNaN(value) ? value : +value);
|
||
}
|
||
}
|
||
$("#config-form").on("submit", async function (e) {
|
||
e.preventDefault();
|
||
$("#submit-status").html('<i class="fa fa-spinner fa-spin"></i>');
|
||
var token = getCookie("_xsrf")
|
||
let configForm = document.getElementById("config-form");
|
||
|
||
let formData = new FormData(configForm);
|
||
formData.delete("disabled_lang");
|
||
formData.delete("lang_select");
|
||
|
||
//Create an object from the form data entries
|
||
let formDataObject = Object.fromEntries(formData.entries());
|
||
//We need to make sure these are sent regardless of whether or not they're checked
|
||
formDataObject.disabled_language_files = $('#lang_select').val();
|
||
formDataObject.monitored_mounts = $('#mount_select').val();
|
||
$('#config-form input[type="radio"]:checked').each(function() {
|
||
if ($(this).val() == 'True'){
|
||
formDataObject[this.name] = true;
|
||
}else{
|
||
formDataObject[this.name] = false;
|
||
}
|
||
});
|
||
console.log(formDataObject);
|
||
// Format the plain form data as JSON
|
||
let formDataJsonString = JSON.stringify(formDataObject, replacer);
|
||
|
||
console.log(formDataJsonString);
|
||
|
||
let res = await fetch(`/api/v2/crafty/config/`, {
|
||
method: 'PATCH',
|
||
headers: {
|
||
'X-XSRFToken': token
|
||
},
|
||
body: formDataJsonString,
|
||
});
|
||
let responseData = await res.json();
|
||
if (responseData.status === "ok") {
|
||
$("#submit-status").html('<i class="fa fa-check"></i>');
|
||
} else {
|
||
|
||
bootbox.alert({
|
||
title: responseData.error,
|
||
message: responseData.error_data
|
||
});
|
||
}
|
||
});
|
||
|
||
function uuidv4() {
|
||
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
|
||
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
|
||
);
|
||
}
|
||
function convertFormToJSON(form) {
|
||
const array = $(form).serializeArray(); // Encodes the set of form elements as an array of names and values.
|
||
const json = {};
|
||
$.each(array, function () {
|
||
json[this.name] = this.value || "";
|
||
});
|
||
return json;
|
||
}
|
||
|
||
$(document).ready(function () {
|
||
$('[data-toggle="popover"]').popover();
|
||
if ($(window).width() < 1000) {
|
||
$('.too_small').popover("show");
|
||
$('.too_small2').popover("show");
|
||
}
|
||
|
||
});
|
||
$(window).ready(function () {
|
||
$('body').click(function () {
|
||
$('.too_small').popover("hide");
|
||
$('.too_small2').popover("hide");
|
||
});
|
||
});
|
||
$(window).resize(function () {
|
||
// This will execute whenever the window is resized
|
||
if ($(window).width() < 1000) {
|
||
$('.too_small').popover("show");
|
||
}
|
||
else {
|
||
$('.too_small').popover("hide");
|
||
} // New width
|
||
if ($(window).width() < 1000) {
|
||
$('.too_small2').popover("show");
|
||
}
|
||
else {
|
||
$('.too_small2').popover("hide");
|
||
} // New width
|
||
});
|
||
$('#file').change(function () {
|
||
console.log("File changed");
|
||
if ($('#file').val()) {
|
||
$('#upload-button').prop("disabled", false);
|
||
console.log("File changed good");
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
|
||
$(document).ready(function () {
|
||
console.log('ready for JS!');
|
||
$('.selectpicker').selectpicker("refresh");
|
||
});
|
||
|
||
$(".show_button").click(function () {
|
||
console.log("showing key");
|
||
api_key = $(this).attr("data-id");
|
||
bootbox.alert({
|
||
backdrop: true,
|
||
title: '',
|
||
message: api_key,
|
||
});
|
||
});
|
||
|
||
$('.clear-comm').click(function () {
|
||
var token = getCookie("_xsrf")
|
||
$.ajax({
|
||
type: "POST",
|
||
headers: { 'X-XSRFToken': token },
|
||
url: '/ajax/clear_comm',
|
||
success: function (data) {
|
||
},
|
||
});
|
||
})
|
||
|
||
$('.delete-photo').click(function () {
|
||
var token = getCookie("_xsrf")
|
||
let photo = $('#photo').find(":selected").val();
|
||
$.ajax({
|
||
type: "POST",
|
||
headers: { 'X-XSRFToken': token },
|
||
url: '/ajax/delete_photo?photo=' + photo,
|
||
success: function (data) {
|
||
location.reload();
|
||
},
|
||
});
|
||
})
|
||
|
||
$('.select-photo').click(function () {
|
||
var token = getCookie("_xsrf")
|
||
let photo = $('#photo').find(":selected").val();
|
||
$.ajax({
|
||
type: "POST",
|
||
headers: { 'X-XSRFToken': token },
|
||
url: '/ajax/select_photo?photo=' + photo,
|
||
success: function (data) {
|
||
window.location.reload();
|
||
},
|
||
});
|
||
})
|
||
</script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.10/js/bootstrap-select.min.js">
|
||
</script>
|
||
{% end %} |