Changeset 1056 for trunk/web-app

Timestamp:

Nov 3, 2010, 12:58:27 PM (12 years ago)

Author:

robert@…

Message:

Changed template editor to be more user friendly with selecting field types (see ticket #154)

Location:

trunk/web-app

Files:

• css/templateEditor.css (modified) (1 diff)
• images/icons (added)
• images/icons/sort_asc.png (added)
• images/icons/sort_asc_disabled.png (added)
• images/icons/sort_both.png (added)
• images/icons/sort_desc.png (added)
• images/icons/sort_desc_disabled.png (added)
• js/templateEditor.js (modified) (4 diffs)

trunk/web-app/css/templateEditor.css

@@ -110 +110 @@
 }
 
+.sorting_asc {
+        background:url("../images/icons/sort_asc.png") no-repeat scroll right center transparent;
+}
+.sorting_desc {
+        background:url("../images/icons/sort_desc.png") no-repeat scroll right center transparent;
+}
+.sorting {
+        background:url("../images/icons/sort_both.png") no-repeat scroll right center transparent;
+}
+.sorting_asc_disabled {
+        background:url("../images/icons/sort_asc_disabled.png") no-repeat scroll right center transparent;
+}
+.sorting_desc_disabled {
+        background:url("../images/icons/sort_desc_disabled.png") no-repeat scroll right center transparent;
+}
+
+#compare_templates th {white-space: nowrap;}
+.longTitle { display: none; }
 
 

trunk/web-app/js/templateEditor.js

@@ -55 +55 @@
 }
 
+
+/**
+ * Clears the form after adding a template
+ */
+function clearTemplateForm( id ) {
+    $( '#template_' + id + '_form input#name' ).val( "" );
+    $( '#template_' + id + '_form textarea' ).val( "" );
+}
+
 /**
  * Creates a new template using AJAX
@@ -70 +79 @@
         type:       "POST",
         success:    function(data, textStatus, request) {
-            hideTemplateForm( id );
+            clearTemplateForm( id );
+                        hideTemplateForm( id );
             addTemplateListItem( data.id, data.html );
         },
@@ -236 +246 @@
 
 /**
+ * Clears the form to add a template field after adding one
+ */
+function clearTemplateFieldForm( id ) {
+    $( '#templateField_' + id + '_form input#name' ).val( "" );
+    $( '#templateField_' + id + '_form input#unit' ).val( "" );
+    $( '#templateField_' + id + '_form input#required' ).attr( "checked", "" );
+    $( '#templateField_' + id + '_form textarea' ).val( "" );
+    $( '#templateField_' + id + '_form select' ).attr( 'selectedIndex', 0 );
+    $( '#templateField_' + id + '_form .extra' ).hide();
+}
+
+/**
  * Adds a new template field using AJAX
  */
@@ -251 +273 @@
         type:       "POST",
         success:    function(data, textStatus, request) {
+            clearTemplateFieldForm( id );
             hideTemplateFieldForm( id );
             addFieldListItem( data.id, data.html );