modificacion de estilos de ventana modal y editor de usuarios

This commit is contained in:
enriquecd 2016-09-22 11:12:19 +02:00
parent d2617df147
commit 6f33c0eaf8
11 changed files with 175 additions and 95 deletions

View File

@ -2,11 +2,21 @@
$tipo = $_GET['message']; $tipo = $_GET['message'];
echo "<div class='info_box' style='padding-top:20px;padding-bottom:20px;'><span style='padding:20px;'>"; echo "
<div class='modalheader'>
<span class='modalheadertext'>
Community version</span>
<img class='modalclosex cerrar' src='".$config['homeurl']."images/icono_cerrar.png'>
</div>
<div class='modalcontent'>
<img class='modalcontentimg' src='".$config['homeurl']."images/icono_popup.png'>
<div class='modalcontenttext'>";
switch ($tipo) { switch ($tipo) {
case "module": case "module":
echo __("The community version have not the ability to define your own library of local modules, or distribute it to remote agents. You need to do that changes individually on each agent, but it's possible by using external tools and space time and effort. Nor can distribute local plugins, and nor does it have access to the library of plugins enterprise to monitor applications such as Informix, Oracle, DB2, SQL Server, Exchange, WebSphere, Oracle Exadata, F5, JBoss, HyperV, VMWare, RHEV, to name a few. With the Enterprise version will have all this, and the ability to distribute and manage their own local modules to your systems, individually or through policies."); echo __("The community version have not the ability to define your own library of local modules, or distribute it to remote agents. You need to do that changes individually on each agent, but it's possible by using external tools and space time and effort. Nor can distribute local plugins, and nor does it have access to the library of plugins enterprise to monitor applications such as Informix, Oracle, DB2, SQL Server, Exchange, WebSphere, Oracle Exadata, F5, JBoss, HyperV, VMWare, RHEV, to name a few. With the Enterprise version will have all this, and the ability to distribute and manage their own local modules to your systems, individually or through policies.
<br><br><img style='width:105px' src='".$config['homeurl']."images/logo_oracle.png'><img style='width:105px' src='".$config['homeurl']."images/logo_citrix.png'><img style='width:105px' src='".$config['homeurl']."images/logo_sap.png'><img style='width:105px' src='".$config['homeurl']."images/logo_exchange.png'>");
break; break;
case "massive": case "massive":
echo __("You want to manage your monitoring homogeneously? Do you have many systems and is difficult to manage in a comprehensive manner? Would you like to deploy monitoring, alerts and even local plugins with a single click? Pandora FMS Enterprise Policies are exactly what you need, you'll save time, effort and dislikes. More information (link to pandorafms.com)"); echo __("You want to manage your monitoring homogeneously? Do you have many systems and is difficult to manage in a comprehensive manner? Would you like to deploy monitoring, alerts and even local plugins with a single click? Pandora FMS Enterprise Policies are exactly what you need, you'll save time, effort and dislikes. More information (link to pandorafms.com)");
@ -21,19 +31,28 @@ switch ($tipo) {
break; break;
} }
echo "</span></div>"; echo "
</div>
<div class='modalokbutton cerrar'>
<span class='modalokbuttontext'>OK</span>
</div>
<div class='modalgobutton gopandora'>
echo "<button id='cerrar' onclick='ocultar();'>OK</button>"; <span class='modalokbuttontext'>Go to Enterprise version</span>
</div>
";
?> ?>
<script> <script>
function ocultar(){ $(".cerrar").click(function(){
$("#alert_messages" ).dialog('close'); $("#alert_messages").hide();
$( "#opacidad" ).remove();
});
$(".gopandora").click(function(){
} window.open('https://pandorafms.com/es/software-de-monitorizacion-pandorafms/','_blank');
});
</script> </script>

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -59,24 +59,13 @@ $(document).ready (function () {
}); });
$("a.show_systemalert_dialog").click (function () { $("a.show_systemalert_dialog").click (function () {
$('body').append( "<div id='opacidad' style='position:fixed;background:black;opacity:0.6;z-index:1'></div>" );
jQuery.get ("ajax.php", jQuery.get ("ajax.php",
{"page": "operation/system_alert"}, {"page": "operation/system_alert"},
function (data, status) { function (data, status) {
$("#alert_messages").hide () $("#alert_messages").hide ()
.empty () .empty ()
.append (data) .append (data)
.dialog ({
title: $("a#show_systemalert_dialog").attr ("title"),
resizable: true,
draggable: true,
modal: true,
overlay: {
opacity: 0.5,
background: "black"
},
width: 700,
height: 300
})
.show (); .show ();
}, },
"html" "html"
@ -84,8 +73,10 @@ $(document).ready (function () {
return false; return false;
}); });
// Creacion de ventana modal y botones
$("#publienterprise").click (function () { $("#publienterprise").click (function () {
$('body').append( "<div id='opacidad' style='position:fixed;background:black;opacity:0.6;z-index:1'></div>" );
jQuery.get ("ajax.php", jQuery.get ("ajax.php",
{ {
"page": "general/alert_enterprise", "page": "general/alert_enterprise",
@ -94,24 +85,18 @@ $(document).ready (function () {
$("#alert_messages").hide () $("#alert_messages").hide ()
.empty () .empty ()
.append (data) .append (data)
.dialog ({
title: $("#publienterprise").attr ("title"),
resizable: true,
draggable: true,
modal: true,
open: function (event, ui) {
$(this).css({'overflow': 'hidden','text-align': 'center','padding-right':'25px','padding-bottom':'25px'}); //this line does the actual hiding
},
overlay: {
opacity: 0.5,
background: "black"
},
width: 600
})
.show (); .show ();
}, },
"html" "html"
); );
return false;
});
return false; return false;
}); });

View File

@ -3450,3 +3450,61 @@ div.simple_value > a > span.text > p {
.unicode{ .unicode{
font-family: unicodeFont; font-family: unicodeFont;
} }
#alert_messages{
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
z-index:2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
position:absolute;
width:650px;
background:white;
}
.modalheader{
text-align:center;width:100%;height:37px;left:0px;background-color:#82b92e;
}
.modalheadertext{
color:white;position:relative;font-family:Nunito;font-size:13pt;top:8px;
}
.modalclosex{
cursor:pointer;display:inline;float:right;margin-right:10px;margin-top:10px;
}
.modalcontent{
color:black;background:white;
}
.modalcontentimg{
float:left;margin-left:30px;margin-top:30px;
}
.modalcontenttext{
float:left;text-align:justify;color:black;font-size: 9.5pt;line-height:13pt;margin-top:30px;width:430px;margin-left:30px;
}
.modalokbutton{
cursor:pointer;text-align:center;margin-right:45px;margin-top:30px;margin-bottom:30px;float:right;-moz-border-radius: 3px;
-webkit-border-radius: 3px;border-radius: 3px;bottom:0px;width:90px;height:30px;background-color:white;border: 1px solid #82b92e;
}
.modalokbuttontext{
color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
}
.modalgobutton{
cursor:pointer;text-align:center;margin-right:15px;margin-top:30px;margin-bottom:30px;float:right;-moz-border-radius: 3px;
-webkit-border-radius: 3px;border-radius: 3px;bottom:0px;width:240px;height:30px;background-color:white;border: 1px solid #82b92e;
}
.modalgobuttontext{
color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
}
#opacidad{
opacity:0.5;
z-index:1;
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
}

View File

@ -2,6 +2,23 @@
// TODO: Poner esto resizable y dragable: http://jqueryui.com/demos/dialog // TODO: Poner esto resizable y dragable: http://jqueryui.com/demos/dialog
echo get_pandora_error_for_header(); echo "
<div class='modalheader'>
<span class='modalheadertext'>Community version</span>
<img class='modalclosex cerrar' src='".$config['homeurl']."/images/icono_cerrar.png'>
</div>".get_pandora_error_for_header()."
<div class='modalokbutton cerrar'>
<span class='modalokbuttontext close'>OK</span>
</div>";
?> ?>
<script>
$(".cerrar").click(function(){
$("#alert_messages").hide();
$( "#opacidad" ).remove();
});
</script>

View File

@ -201,8 +201,9 @@ if (defined('METACONSOLE')) {
$table->head_colspan[0] = 5; $table->head_colspan[0] = 5;
$table->headstyle[0] = 'text-align: center'; $table->headstyle[0] = 'text-align: center';
} }
$table->style[0] = 'width: 500px;'; $table->style[0] = 'min-width: 500px;width: 500px;';
$table->style[2] = 'width: 200px;'; $table->style[1] = 'min-width: 500px;width: 500px;';
$table->style[2] = 'min-width: 200px;width: 200px;';
$data = array(); $data = array();
$data[0] = '<b>' . __('User ID') . '</b>'; $data[0] = '<b>' . __('User ID') . '</b>';
@ -443,7 +444,7 @@ $select_out = html_print_select ($autorefresh_list_out, 'autorefresh_list_out[]'
$arrows = " "; $arrows = " ";
$select_in = html_print_select ($autorefresh_list, 'autorefresh_list[]', '', '', '', '', true, true, true, '', false, 'width:200px'); $select_in = html_print_select ($autorefresh_list, 'autorefresh_list[]', '', '', '', '', true, true, true, '', false, 'width:200px');
$table_ichanges = '<table> $table_ichanges = '<table style="position:relative;left:160px;">
<tr> <tr>
<td>' . __('Full list of pages') . '</td> <td>' . __('Full list of pages') . '</td>
<td></td> <td></td>