Changeset 4388

Timestamp:

07/13/07 10:01:23 (1 year ago)

Author:

gregmac

Message:

Add freepbx_modal_show(), freepbx_modal_close(), freepbx_modal_hide() javascript functions;
Add CSS for module admin modal dialog;
Refactor css/javascript from AJAX reload so it also supports module admin

Files:

• freepbx/branches/2.3/amp_conf/htdocs/admin/common/freepbx.css (added)
• freepbx/branches/2.3/amp_conf/htdocs/admin/common/interface.dim.js (added)
• freepbx/branches/2.3/amp_conf/htdocs/admin/common/mainstyle.css (modified) (4 diffs)
• freepbx/branches/2.3/amp_conf/htdocs/admin/views/freepbx.php (modified) (2 diffs)
• freepbx/branches/2.3/amp_conf/htdocs/admin/views/freepbx_reload.php (modified) (3 diffs)

freepbx/branches/2.3/amp_conf/htdocs/admin/common/mainstyle.css

@@ -48 +48 @@
-        border:1px solid #ccc;
-}
-
-body { 
-        background-image: url('../images/shadow-side-background.png');
-        background-repeat: repeat-y;
-        background-position: left;
-}
-
-
-.attention {
@@ -541 +534 @@
-}
-#reloadBox {
+        border:2px solid #333;
-        background:#8c0000;
-        padding:15px;
@@ -556 +550 @@
-#reload_reloading {
-        text-align:center;
+        cursor:wait;
-}
-#reload_reloading h2 {
@@ -563 +558 @@
-#reload_reloading img {
-        align:center;
+}
+
+
+#moduleBox {
+        border:2px solid #333;
+        background:white;
+        padding:15px;
+        z-index:1000;
+        position:fixed;
+        width:500px;
+        height:400px;
+}
+#moduleBox iframe {
+        width:490px;
+        height:390px;
+        border:0;
-}
-

freepbx/branches/2.3/amp_conf/htdocs/admin/views/freepbx.php

@@ -33 +33 @@
-        <meta http-equiv="Content-Type" content="text/html" />
-        <link href="common/mainstyle.css" rel="stylesheet" type="text/css" />
+        <link href="common/freepbx.css" rel="stylesheet" type="text/css" />
-        <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
-        <!--[if IE]>
@@ -71 +72 @@
-        <script type="text/javascript" src="common/jquery.dimensions.js"></script> <!-- used by reload/module admin -->
-        <script type="text/javascript" src="common/jquery.interface.js"></script> <!-- used to fade colors -->
+        <script type="text/javascript" src="common/interface.dim.js"></script> <!-- used for interface blocking (reload, modadmin) -->
-        <link href="common/jquery.tabs.css" rel="stylesheet" type="text/css" />
-        

freepbx/branches/2.3/amp_conf/htdocs/admin/views/freepbx_reload.php

@@ -1 +1 @@
-<script type="text/javascript">
-        var realHeight;
-        
-        function freepbx_show_reload() {
-                //$.blockUI($('#reloadBox')[0], { width: '400px' });
@@ -10 +8 @@
-                $("#reload_response").hide();
-                
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-        }
-        function freepbx_stop_reload() {
-
-
-
+
-        }
+        
-        function run_reload() {
-                
@@ -72 +55 @@
-        }
-
-//dimScreen()
-//by Brandon Goldman
-jQuery.extend({
-    //dims the screen
-    dimScreen: function(speed, opacity, callback) {
-        if(jQuery('#__dimScreen').size() > 0) return;
-        
-        if(typeof speed == 'function') {
-            callback = speed;
-            speed = null;
-        }
-
-        if(typeof opacity == 'function') {
-            callback = opacity;
-            opacity = null;
-        }
-
-        if(speed < 1) {
-            var placeholder = opacity;
-            opacity = speed;
-            speed = placeholder;
-        }
-        
-        if(opacity >= 1) {
-            var placeholder = speed;
-            speed = opacity;
-            opacity = placeholder;
-        }
-                
-                /* freepbx hack to get "real" height */
-                dimHeight = (realHeight > 0) ? realHeight : $(window).height();
-
-        speed = (speed > 0) ? speed : 500;
-        opacity = (opacity > 0) ? opacity : 0.5;
-        return jQuery('<div></div>').attr({
-                id: '__dimScreen'
-                ,fade_opacity: opacity
-                ,speed: speed
-            }).css({
-            background: '#000'
-            ,height: dimHeight + 'px'
-            ,left: '0px'
-            ,opacity: 0
-            ,position: 'absolute'
-            ,top: '0px'
-            ,width: $(window).width() + 'px'
-            ,zIndex: 999
-        }).appendTo(document.body).fadeTo(speed, 0.7, callback);
-    },
-    
-    //stops current dimming of the screen
-    dimScreenStop: function(callback) {
-        var x = jQuery('#__dimScreen');
-        var opacity = x.attr('fade_opacity');
-        var speed = x.attr('speed');
-        x.fadeOut(speed, function() {
-            x.remove();
-            if(typeof callback == 'function') callback();
-        });
-    }
-});
-
-
-</script>