' + settings.message + "
"
- );
- $("#confirm_" + randomStr);
- $("#confirm_" + randomStr)
- .dialog({
- title: settings.title,
- close: false,
- width: 350,
- modal: true,
- buttons: [
- {
- text: "Cancel",
- class:
- "ui-widget ui-state-default ui-corner-all ui-button-text-only sub upd submit-cancel",
- click: function() {
- $(this).dialog("close");
- if (typeof settings.onDeny == "function") settings.onDeny();
- }
- },
- {
- text: "Ok",
- class:
- "ui-widget ui-state-default ui-corner-all ui-button-text-only sub ok submit-next",
- click: function() {
- $(this).dialog("close");
- if (typeof settings.onAccept == "function") settings.onAccept();
- }
- }
- ]
- })
- .show();
-}
-
function uniqId() {
var randomStr =
Math.random()
@@ -2174,58 +1838,6 @@ function uniqId() {
return randomStr;
}
-/**
- * Function to show modal with message Validation.
- *
- * @param {json} data Json example:
- * $return = [
- * 'error' => 0 or 1,
- * 'title' => [
- * Failed,
- * Success,
- * ],
- * 'text' => [
- * Failed,
- * Success,
- * ],
- *];
- * @param {string} idMsg ID div charge modal.
- *
- * @return {void}
- */
-function generalShowMsg(data, idMsg) {
- var title = data.title[data.error];
- var text = data.text[data.error];
- var failed = !data.error;
-
- $("#" + idMsg).empty();
- $("#" + idMsg).html(text);
- $("#" + idMsg).dialog({
- width: 450,
- position: {
- my: "center",
- at: "center",
- of: window,
- collision: "fit"
- },
- title: title,
- buttons: [
- {
- class:
- "ui-widget ui-state-default ui-corner-all ui-button-text-only sub ok submit-next",
- text: "OK",
- click: function(e) {
- if (!failed) {
- $(".ui-dialog-content").dialog("close");
- } else {
- $(this).dialog("close");
- }
- }
- }
- ]
- });
-}
-
/**
* Function for AJAX request.
*
diff --git a/pandora_console/include/javascript/pandora_ui.js b/pandora_console/include/javascript/pandora_ui.js
new file mode 100644
index 0000000000..37f91e7950
--- /dev/null
+++ b/pandora_console/include/javascript/pandora_ui.js
@@ -0,0 +1,399 @@
+/* global $ */
+/* exported load_modal */
+/*JS to Show user modals :
+ - Confirm dialogs.
+ - Display dialogs.
+ - Load modal windows.
+ - Logo Previews.
+ - General show messages.
+*/
+
+var ENTERPRISE_DIR = "enterprise";
+
+/**
+ * Display a dialog with an image
+ *
+ * @param {string} icon_name The name of the icon you will display
+ * @param {string} icon_path The path to the icon
+ * @param {Object} incoming_options All options
+ * grayed: {bool} True to display the background black
+ * title {string} 'Logo preview' by default
+ */
+function logo_preview(icon_name, icon_path, incoming_options) {
+ // Get the options
+ options = {
+ grayed: false,
+ title: "Logo preview"
+ };
+ $.extend(options, incoming_options);
+
+ if (icon_name == "") return;
+
+ $dialog = $("");
+ $image = $('")
+ .addClass("arrow")
+ .addClass(feedback.vertical)
+ .addClass(feedback.horizontal)
+ .appendTo(this);
+ }
+ }
+ });
+ $(this).tooltip("open");
+
+ var element = $(this);
+ setTimeout(
+ function(element) {
+ element.tooltip("destroy");
+ element.removeAttr("title");
+ },
+ 3000,
+ element
+ );
+
+ flagError = true;
+ }
+
+ if (this.type == "file") {
+ if ($(this).prop("files")[0]) {
+ formdata.append(this.name, $(this).prop("files")[0]);
+ }
+ } else {
+ if ($(this).attr("type") == "checkbox") {
+ if (this.checked) {
+ formdata.append(this.name, "on");
+ }
+ } else {
+ formdata.append(this.name, $(this).val());
+ }
+ }
+ });
+
+ if (flagError === false) {
+ $.ajax({
+ method: "post",
+ url: settings.url,
+ processData: false,
+ contentType: false,
+ data: formdata,
+ dataType: settings.onsubmit.dataType,
+ success: function(data) {
+ if (settings.ajax_callback != undefined) {
+ if (settings.idMsgCallback != undefined) {
+ settings.ajax_callback(data, settings.idMsgCallback);
+ } else {
+ settings.ajax_callback(data);
+ }
+ }
+ AJAX_RUNNING = 0;
+ }
+ });
+ } else {
+ AJAX_RUNNING = 0;
+ }
+ } else {
+ // No onsumbit configured. Directly close.
+ $(this).dialog("close");
+ }
+ },
+ error: function(data) {
+ // console.log(data);
+ AJAX_RUNNING = 0;
+ }
+ });
+ }
+
+ $.ajax({
+ method: "post",
+ url: settings.url,
+ processData: false,
+ contentType: false,
+ data: data,
+ success: function(data) {
+ settings.target.html(data);
+ if (settings.onload != undefined) {
+ settings.onload(data);
+ }
+ settings.target.dialog({
+ resizable: true,
+ draggable: true,
+ modal: true,
+ title: settings.modal.title,
+ width: width,
+ overlay: settings.modal.overlay,
+ buttons: required_buttons,
+ closeOnEscape: false,
+ open: function() {
+ $(".ui-dialog-titlebar-close").hide();
+ },
+ close: function() {
+ if (id_modal_target != undefined) {
+ $(id_modal_target).remove();
+ }
+ }
+ });
+ },
+ error: function(data) {
+ // console.log(data);
+ }
+ });
+}
+
+//Function that shows a dialog box to confirm closures of generic manners. The modal id is random
+function confirmDialog(settings) {
+ var randomStr = uniqId();
+
+ $("body").append(
+ '
' + settings.message + "
"
+ );
+ $("#confirm_" + randomStr);
+ $("#confirm_" + randomStr)
+ .dialog({
+ title: settings.title,
+ close: false,
+ width: 350,
+ modal: true,
+ buttons: [
+ {
+ text: "Cancel",
+ class:
+ "ui-widget ui-state-default ui-corner-all ui-button-text-only sub upd submit-cancel",
+ click: function() {
+ $(this).dialog("close");
+ if (typeof settings.onDeny == "function") settings.onDeny();
+ }
+ },
+ {
+ text: "Ok",
+ class:
+ "ui-widget ui-state-default ui-corner-all ui-button-text-only sub ok submit-next",
+ click: function() {
+ $(this).dialog("close");
+ if (typeof settings.onAccept == "function") settings.onAccept();
+ }
+ }
+ ]
+ })
+ .show();
+}
+
+/**
+ * Function to show modal with message Validation.
+ *
+ * @param {json} data Json example:
+ * $return = [
+ * 'error' => 0 or 1,
+ * 'title' => [
+ * Failed,
+ * Success,
+ * ],
+ * 'text' => [
+ * Failed,
+ * Success,
+ * ],
+ *];
+ * @param {string} idMsg ID div charge modal.
+ *
+ * @return {void}
+ */
+function generalShowMsg(data, idMsg) {
+ var title = data.title[data.error];
+ var text = data.text[data.error];
+ var failed = !data.error;
+
+ $("#" + idMsg).empty();
+ $("#" + idMsg).html(text);
+ $("#" + idMsg).dialog({
+ width: 450,
+ position: {
+ my: "center",
+ at: "center",
+ of: window,
+ collision: "fit"
+ },
+ title: title,
+ buttons: [
+ {
+ class:
+ "ui-widget ui-state-default ui-corner-all ui-button-text-only sub ok submit-next",
+ text: "OK",
+ click: function(e) {
+ if (!failed) {
+ $(".ui-dialog-content").dialog("close");
+ } else {
+ $(this).dialog("close");
+ }
+ }
+ }
+ ]
+ });
+}
diff --git a/pandora_console/mobile/include/ui.class.php b/pandora_console/mobile/include/ui.class.php
index ff411a86e0..87954cf96e 100755
--- a/pandora_console/mobile/include/ui.class.php
+++ b/pandora_console/mobile/include/ui.class.php
@@ -775,6 +775,7 @@ class Ui
echo " \n";
echo " \n";
echo " \n";
+ echo " \n";
echo " \n";
echo " \n";
diff --git a/pandora_console/operation/agentes/realtime_win.php b/pandora_console/operation/agentes/realtime_win.php
index 5223a4bb2e..93c8c85ea2 100644
--- a/pandora_console/operation/agentes/realtime_win.php
+++ b/pandora_console/operation/agentes/realtime_win.php
@@ -65,6 +65,7 @@ echo '
+
diff --git a/pandora_console/operation/agentes/stat_win.php b/pandora_console/operation/agentes/stat_win.php
index 05fd4c7c4b..c558530459 100644
--- a/pandora_console/operation/agentes/stat_win.php
+++ b/pandora_console/operation/agentes/stat_win.php
@@ -73,6 +73,7 @@ $label = db_get_value('nombre', 'tagente_modulo', 'id_agente_modulo', $id)
+