merged cont.
[opensuse:yast-rest-service.git] / webservice / public / javascripts / jqueryDisableOnSubmit.js
1 /*
2 #--
3 # Webyast Webservice framework
4 #
5 # Copyright (C) 2009, 2010 Novell, Inc. 
6 #   This library is free software; you can redistribute it and/or modify
7 # it only under the terms of version 2.1 of the GNU Lesser General Public
8 # License as published by the Free Software Foundation. 
9 #
10 #   This library is distributed in the hope that it will be useful, but WITHOUT
11 # ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
12 # FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more 
13 # details. 
14 #
15 #   You should have received a copy of the GNU Lesser General Public
16 # License along with this library; if not, write to the Free Software 
17 # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
18 #++
19 */
20
21 //TODO: no css overlay in Chromium 
22
23 //preload the wait.gif 
24 var myPic = new Image();
25 myPic.src = "/images/wait.gif";
26          
27 // use this function to block form        
28 function blockForm(form, message) {
29   $.blockUI.defaults.message = "<p><h1 id='message'>" + message + " ... <img id='waitAnimation' style='vertical-align:middle' src='/images/wait.gif'/></h1></p>";
30   // fix - enable transparent overlay on FF/Linux 
31   $.blockUI.defaults.applyPlatformOpacityRules = false;
32     $('#'+form).block({
33         showOverlay: true, 
34         css: { 
35           padding:        0, 
36           margin:         0, 
37           width:          '30%', 
38           top:            '40%', 
39           left:           '35%', 
40           textAlign:      'center', 
41           color:          '#3399cc', 
42           border:         '5px solid #aaa', 
43           backgroundColor:'#fff', 
44           cursor:         'wait',
45           '-webkit-border-radius': '5px', 
46           '-moz-border-radius': '5px'
47         }
48     });          
49 }
50
51 // use this function to block the whole UI window
52 function disableFormOnSubmit(message) {
53   $.blockUI.defaults.message = "<p><h1 id='message'>" + message + " ... <img id='waitAnimation' style='vertical-align:middle' src='/images/wait.gif'/></h1></p>";
54   // fix - enable transparent overlay on FF/Linux 
55   $.blockUI.defaults.applyPlatformOpacityRules = false;
56
57     $.blockUI({
58         showOverlay: true, 
59         css: { 
60           padding:        0, 
61           margin:         0, 
62           width:          '30%', 
63           top:            '40%', 
64           left:           '35%', 
65           textAlign:      'center', 
66           color:          '#3399cc', 
67           border:         '5px solid #aaa', 
68           backgroundColor:'#fff', 
69           cursor:         'wait',
70           '-webkit-border-radius': '5px', 
71           '-moz-border-radius': '5px'
72         }
73     });          
74 }
75
76 function pleaseWaitForUpdates(message) {
77   $.blockUI.defaults.message = "<p><h1 id='message'><img id='waitAnimation' style='height:32px; width:32px; margin-right:20px; vertical-align:middle' src='/images/loading.gif'/>" + message + " ...</h1></p>";
78   // fix - enable transparent overlay on FF/Linux 
79   $.blockUI.defaults.applyPlatformOpacityRules = false;
80
81   $.blockUI({
82     showOverlay: true, 
83     css: { 
84       padding:                    0, 
85       margin:                     0, 
86       width:                      '100%', 
87       top:                        '0%', 
88       left:                       '0%', 
89       textAlign:                  'center', 
90       color:                      '#444444', 
91       border:                     '0px solid #666', 
92       backgroundColor:            '#f5f5f5', 
93       cursor:                     'wait'
94     }
95   });
96 }
97