This is a change being applied to the configuration file (conf.json). Are you sure you want to do this? You must restart Shinobi for these changes to take effect. The JSON below is what you are about to save.
' - html += `${newConfiguration}`
- $.confirm.create({
- title: 'Save Configuration',
- body: html,
- clickOptions: {
- class: 'btn-success',
- title: lang.Save,
- },
- clickCallback: function(){
- $.post(superApiPrefix + $user.sessionKey + '/system/configure',{
- data: newConfiguration
- },function(data){
- // console.log(data)
- })
- }
- })
- }else{
- new PNotify({text:'Invalid JSON Syntax, Cannot Save.',type:'error'})
- }
+
+ const configurationEditor = new JSONEditor(
+ document.getElementById("configForHumans"), {
+ schema: schema,
+ }
+ );
+
+ configurationEditor.setValue(data.config);
+
+ moduleData.configurationEditor = configurationEditor;
+ window.configurationEditor = configurationEditor;
+ };
+
+ const handlePostConfigurationData = data => {
+ // console.log(data);
+ }
+
+ function loadConfiguationIntoEditor(d) {
+ moduleData.endpoint = `${superApiPrefix}${$user.sessionKey}/system/configure`;
+
+ $.get(moduleData.endpoint, handleGetConfigurationData);
+ }
+
+ // configurationEditor.on("change", function() {
+ // // Do something...
+ // });
+ const submitConfiguration = function () {
+ const configurationEditor = moduleData.configurationEditor;
+ const errors = configurationEditor.validate();
+
+ if (errors.length === 0) {
+ const newConfiguration = JSON.stringify(configurationEditor.getValue(), null, 3);
+
+ const html = `+ This is a change being applied to the configuration file (conf.json). + Are you sure you want to do this? You must restart Shinobi for these changes to take effect. + + The JSON below is what you are about to save. +
+
+ ${newConfiguration}
+ `;
+
+ $.confirm.create({
+ title: "Save Configuration",
+ body: html,
+ clickOptions: {
+ class: "btn-success",
+ title: lang.Save,
+ },
+ clickCallback: () => {
+ const requestData = {
+ data: newConfiguration
+ };
+
+ $.post(moduleData.endpoint, requestData, handlePostConfigurationData);
+ },
+ });
+ } else {
+ new PNotify({ text: "Invalid JSON Syntax, Cannot Save.", type: "error" });
}
- configurationTab.find('.submit').click(function(){
- submitConfiguration()
- })
- configurationForm.submit(function(e){
- e.preventDefault()
- submitConfiguration()
- return false;
- })
- $.ccio.ws.on('f',function(d){
- switch(d.f){
- case'init_success':
- loadConfiguationIntoEditor()
- break;
- }
- })
- window.configurationEditor = configurationEditor
-})
+ };
+
+ configurationTab.find(".submit").click(function () {
+ submitConfiguration();
+ });
+
+ configurationForm.submit(function (e) {
+ e.preventDefault();
+ submitConfiguration();
+ return false;
+ });
+
+ $.ccio.ws.on("f", d => {
+ if (d.f === "init_success") {
+ loadConfiguationIntoEditor();
+ }
+ });
+});
diff --git a/web/assets/js/super.faceManager.js b/web/assets/js/super.faceManager.js
new file mode 100644
index 00000000..a06484f9
--- /dev/null
+++ b/web/assets/js/super.faceManager.js
@@ -0,0 +1,471 @@
+$(document).ready(() => {
+ //const faceManagerModal = $("#faceManager");
+ const faceImageList = $("#faceImageList");
+ const faceNvigationPanel = $("#faceNvigationPanel");
+
+ const faceManagerForm = $("#faceManagerUploadForm");
+ const faceNameField = $("#faceNameField");
+ const fileinput = $("#fileinput");
+ const faceManagerUploadStatus = $("#faceManagerUploadStatus");
+
+ const getUrl = (endpoint) => {
+ const url = `${moduleData.baseUrl}${endpoint}`;
+
+ return url;
+ };
+
+ const getFaceImages = () => {
+ const url = getUrl("s");
+
+ $.get(url, response => {
+ moduleData.faces = response.faces || {};
+
+ onFaceImagesReterived();
+ });
+ };
+
+ const sendAJAXRequest = (requestData) => {
+ try {
+ requestData.success = result => {
+ console.info(`Succesfully sent ${requestData.type} request to ${requestData.url}, Response: ${JSON.stringify(result)}`);
+ };
+
+ requestData.error = result => {
+ console.error(`Failed to ${requestData.type} request to ${requestData.url}, Response: ${JSON.stringify(result)}`);
+ };
+
+ $.ajax(requestData);
+ } catch (error) {
+ console.error(`Failed to ${requestData.type} request to ${requestData.url}, Error: ${error}`);
+ }
+ };
+
+ const deleteFaceImage = (name, image) => {
+ try {
+ const url = getUrl(`/${name}/image/${image}`);
+
+ const requestData = {
+ url: url,
+ type: "DELETE"
+ };
+
+ sendAJAXRequest(requestData);
+ } catch (error) {
+ console.error(`Failed to delete image ${image} of face ${face}, Error: ${error}`);
+ }
+ };
+
+ const deleteFaceFolder = (name) => {
+ try {
+ const url = getUrl(`/${name}`);
+
+ const requestData = {
+ url: url,
+ type: "DELETE"
+ };
+
+ sendAJAXRequest(requestData);
+ } catch (error) {
+ console.error(`Failed to delete face ${face}, Error: ${error}`);
+ }
+ };
+
+ const moveFaceImage = (name, image, newFaceName) => {
+ try {
+ const url = getUrl(`/${name}/image/${image}/move/${newFaceName}`);
+
+ const requestData = {
+ url: url,
+ type: "POST",
+ data: new FormData(faceManagerForm[0]),
+ cache: false,
+ contentType: false,
+ processData: false,
+ };
+
+ sendAJAXRequest(requestData);
+ } catch (error) {
+ console.error(`Failed to move image ${image} of face ${face} to ${newFaceName}, Error: ${error}`);
+ }
+ };
+
+ const onFormSubmitted = () => {
+ try {
+ const name = faceNameField.val();
+ const url = getUrl(`/${name}`);
+
+ const requestData = {
+ url: url,
+ type: "POST",
+ data: new FormData(faceManagerForm[0]),
+ cache: false,
+ contentType: false,
+ processData: false
+ };
+
+ faceManagerUploadStatus.show();
+
+ sendAJAXRequest(requestData);
+
+ faceNameField.val("");
+ fileinput.val("");
+ } catch (error) {
+ console.error(`Failed to handle form submit event, Error: ${error}`);
+ }
+ };
+
+ const getFaceNavigationItem = (name) => {
+ const images = moduleData.faces[name];
+ const imageCount = images.length;
+
+ const navigationItem = `