Use jquery UI to render the new user dialog

git-svn-id: https://svn.roundcube.net/trunk@5783 208e9e7b-5314-0410-a742-e7e81cd9613c

3 files changed, 109 insertions, 115 deletions

diff --git a/plugins/new_user_dialog/new_user_dialog.php b/plugins/new_user_dialog/new_user_dialog.php
index 9d7cbcba5..7a73984c5 100644
--- a/plugins/new_user_dialog/new_user_dialog.php
+++ b/plugins/new_user_dialog/new_user_dialog.php
@@ -81,8 +81,8 @@ class new_user_dialog extends rcube_plugin
       ));
 
       // add overlay input box to html page
-      $rcmail->output->add_footer(html::div(array('id' => 'newuseroverlay'),
-        html::tag('form', array(
+      $rcmail->output->add_footer(html::tag('form', array(
+            'id' => 'newuserdialog',
             'action' => $rcmail->url('plugin.newusersave'),
             'method' => 'post'),
           html::tag('h3', null, Q($this->gettext('identitydialogtitle'))) .
@@ -91,13 +91,13 @@ class new_user_dialog extends rcube_plugin
           html::p(array('class' => 'formbuttons'),
             html::tag('input', array('type' => 'submit',
               'class' => 'button mainaction', 'value' => $this->gettext('save'))))
-        )
-      ));
+        ));
 
       // disable keyboard events for messages list (#1486726)
       $rcmail->output->add_script(
         "rcmail.message_list.key_press = function(){};
          rcmail.message_list.key_down = function(){};
+         $('#newuserdialog').show().dialog({ modal:true, resizable:false, closeOnEscape:false, width:420 });
          $('input[name=_name]').focus();
         ", 'docready');
 
diff --git a/plugins/new_user_dialog/newuserdialog.css b/plugins/new_user_dialog/newuserdialog.css
index 1c3e652b6..207604dd1 100644
--- a/plugins/new_user_dialog/newuserdialog.css
+++ b/plugins/new_user_dialog/newuserdialog.css
@@ -1,60 +1,39 @@
-/** Styles for the new-user-dialog overlay box */
+/** Styles for the new-user-dialog box */
 
-#newuseroverlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 10000;
-  background: rgba(0,0,0,0.5) !important;
-  background: #333;
-  
-  /** IE hacks */
-  filter: alpha(opacity=90);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-  width: expression(document.documentElement.clientWidth+'px');
-  height: expression(document.documentElement.clientHeight+'px');
+#newuserdialog {
+	display: none;
 }
 
-#newuseroverlay h3 {
-  color: #333;
-  font-size: normal;
-  margin-top: 0.5em;
-  margin-bottom: 0;
+#newuserdialog h3 {
+	color: #333;
+	font-size: normal;
+	margin-top: 0;
+	margin-bottom: 0;
 }
 
-#newuseroverlay p.hint {
-  margin-top: 0.5em;
-  font-style: italic;
+#newuserdialog p.hint {
+	margin-top: 0.5em;
+	margin-bottom: 1em;
+	font-style: italic;
 }
 
-#newuseroverlay form {
-  width: 32em;
-  margin: 8em auto;
-  padding: 1em 2em;
-  background: #F6F6F6;
-  border: 2px solid #555;
-  border-radius: 6px;
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
+#newuserdialog table td.title {
+	color: #666;
+	text-align: right;
+	padding-right: 1em;
+	white-space: nowrap;
 }
 
-#newuseroverlay table td.title
-{
-  color: #666;
-  text-align: right;
-  padding-right: 1em;
-  white-space: nowrap;
+#newuserdialog table td input,
+#newuserdialog table td textarea {
+	width: 20em;
 }
 
-#newuseroverlay table td input,
-#newuseroverlay table td textarea
-{
-  width: 20em;
+#newuserdialog .formbuttons {
+	margin-top: 1.5em;
+	text-align: center;
 }
 
-#newuseroverlay .formbuttons {
-  margin-top: 1.5em;
-  text-align: center;
+.ui-dialog-titlebar-close {
+	display: none;
 }
\ No newline at end of file
diff --git a/plugins/new_user_dialog/package.xml b/plugins/new_user_dialog/package.xml
index 52874701f..ef585e39c 100644
--- a/plugins/new_user_dialog/package.xml
+++ b/plugins/new_user_dialog/package.xml
@@ -13,10 +13,10 @@
 		<email>roundcube@gmail.com</email>
 		<active>yes</active>
 	</lead>
-	<date>2011-05-12</date>
-	<time>10:00</time>
+	<date>2012-01-16</date>
+	<time>17:00</time>
 	<version>
-		<release>1.4</release>
+		<release>1.5</release>
 		<api>1.0</api>
 	</version>
 	<stability>
@@ -25,8 +25,9 @@
 	</stability>
 	<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
 	<notes>
+- Use jquery UI to render the dialog
 - Fixed IDNA encoding/decoding of e-mail addresses (#1487909)
-    </notes>
+	</notes>
 	<contents>
 		<dir baseinstalldir="/" name="/">
 			<file name="new_user_dialog.php" role="php">
@@ -70,70 +71,84 @@
 		</required>
 	</dependencies>
 	<phprelease/>
-    <changelog>
-        <release>
-	        <date>2010-03-29</date>
-	        <time>13:20:00</time>
-	        <version>
-		        <release>1.0</release>
-		        <api>1.0</api>
-	        </version>
-	        <stability>
-		        <release>stable</release>
-		        <api>stable</api>
-	        </stability>
-        	<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
-        	<notes></notes>
-        </release>
-        <release>
-	        <date>2010-05-13</date>
-	        <time>19:35:00</time>
-	        <version>
-		        <release>1.1</release>
-		        <api>1.0</api>
-	        </version>
-	        <stability>
-		        <release>stable</release>
-		        <api>stable</api>
-	        </stability>
-        	<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
-	        <notes>
+	<changelog>
+		<release>
+			<date>2010-03-29</date>
+			<time>13:20:00</time>
+			<version>
+				<release>1.0</release>
+				<api>1.0</api>
+			</version>
+			<stability>
+				<release>stable</release>
+				<api>stable</api>
+			</stability>
+			<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
+			<notes></notes>
+		</release>
+		<release>
+			<date>2010-05-13</date>
+			<time>19:35:00</time>
+			<version>
+				<release>1.1</release>
+				<api>1.0</api>
+			</version>
+			<stability>
+				<release>stable</release>
+				<api>stable</api>
+			</stability>
+			<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
+			<notes>
 - Fix space bar and backspace buttons not working (#1486726)
-            </notes>
-        </release>
-        <release>
-	        <date>2010-05-27</date>
-	        <time>12:00:00</time>
-	        <version>
-		        <release>1.2</release>
-		        <api>1.0</api>
-	        </version>
-	        <stability>
-		        <release>stable</release>
-		        <api>stable</api>
-	        </stability>
-	        <license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
-	        <notes>
+			</notes>
+		</release>
+		<release>
+			<date>2010-05-27</date>
+			<time>12:00:00</time>
+			<version>
+				<release>1.2</release>
+				<api>1.0</api>
+			</version>
+			<stability>
+				<release>stable</release>
+				<api>stable</api>
+			</stability>
+			<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
+			<notes>
 - Add overlay box only to mail task main template
 - Fix possible error on form submission (#1486103)
-            </notes>
-        </release>
-        <release>
-	        <date>2010-12-02</date>
-	        <time>12:00:00</time>
-	        <version>
-		        <release>1.3</release>
-		        <api>1.0</api>
-	        </version>
-	        <stability>
-		        <release>stable</release>
-		        <api>stable</api>
-	        </stability>
-	        <license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
-	        <notes>
+			</notes>
+		</release>
+		<release>
+			<date>2010-12-02</date>
+			<time>12:00:00</time>
+			<version>
+				<release>1.3</release>
+				<api>1.0</api>
+			</version>
+			<stability>
+				<release>stable</release>
+				<api>stable</api>
+			</stability>
+			<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
+			<notes>
 - Added setting of focus on name input
 - Added gl_ES translation
-            </notes>
-        </release>
-    </changelog>
+			</notes>
+		</release>
+		<release>
+			<date>2012-01-16</date>
+			<time>17:00:00</time>
+			<version>
+				<release>1.5</release>
+				<api>1.0</api>
+			</version>
+			<stability>
+				<release>stable</release>
+				<api>stable</api>
+			</stability>
+			<license uri="http://www.gnu.org/licenses/gpl-2.0.html">GNU GPLv2</license>
+			<notes>- Use jquery UI to render the dialog</notes>
+		</release>
+	</changelog>
 </package>