Changeset 2291 in products

Timestamp:

May 11, 2010 2:22:53 PM (14 years ago)

Author:

mylan

Message:

Plug in StyledColumn? to Title column; added blur and focus javascript event handlers; added changed/not-changed styles

Location:

quintagroup.referencedatagridfield/trunk/quintagroup/referencedatagridfield

Files:

• _field.py (modified) (3 diffs)
• skins/referencedatagridfield/referencebrowser.js (modified) (1 diff)
• skins/referencedatagridfield/referencedatagridwidget.css.dtml (modified) (1 diff)

quintagroup.referencedatagridfield/trunk/quintagroup/referencedatagridfield/_field.py

@@ -21 +21 @@
 from quintagroup.referencedatagridfield.columns import BlockColumn
 from quintagroup.referencedatagridfield.columns import HiddenColumn
+from quintagroup.referencedatagridfield.columns import StyledColumn
 
 # Logger object
@@ -35 +36 @@
         'force_close_on_insert': True,
         'columns': {
-            'title': Column("Title"), 
+            'title': StyledColumn("Title", trigger_key="title_changed",
+                                  blur_handler="triggerTitleClass",
+                                  focus_handler="triggerOnFocusStyles",
+                                  class_no=None,
+                                  class_changed="changed-title-field",
+                                  class_not_changed="not-changed-title-field"),
             'link': BlockColumn("Link", column_on_class="hidden-field",
                                 columns=['link','uid'], read_only=True),
@@ -157 +163 @@
                 # If title not set - get it from the brain
                 if not data["title"]:
+                    data["title_changed"] = False
                     data["title"] = self._brains_title_or_id(b, instance)
+                else:
+                    data["title_changed"] = True
+
 
         return result

quintagroup.referencedatagridfield/trunk/quintagroup/referencedatagridfield/skins/referencedatagridfield/referencebrowser.js

@@ +1 @@
+// function to change class attribute for object
+function triggerTitleClass(e) {
+    var currnode = window.event ? window.event.srcElement : e.currentTarget;
+    
+        // fetch required data structure   
+    var element = getThisOrParentElement(currnode, "INPUT");
+    // If no input tag found - leave function
+    if (element == null || element.tagName.toUpperCase() == "BODY")
+        return;
+    
+    var current = element.value;
+    var initial = element.getAttribute("initial_value");
+    if (initial == null || current == null)
+        return;
+
+    if (initial == current) {
+        element.setAttribute("CLASS", "not-changed-title-field")
+    } else {
+        element.setAttribute("CLASS", "changed-title-field")
+    }
+}
+
+// Trigger styles on focusing on the element
+function triggerOnFocusStyles(e) {
+    var currnode = window.event ? window.event.srcElement : e.currentTarget;
+    
+        // fetch required data structure   
+    var element = getThisOrParentElement(currnode, "INPUT");
+    // If no input tag found - leave function
+    if (element == null || element.tagName.toUpperCase() == "BODY")
+        return;
+    element.setAttribute("CLASS", "changed-title-field")
+}
+
+function getThisOrParentElement(currnode, tagname) {
+    /* Find the first parent node with the given tag name */
+
+    tagname = tagname.toUpperCase();
+    var parent = currnode;
+
+    while(parent.tagName.toUpperCase() != tagname) {
+        parent = parent.parentNode;
+        // Next line is a safety belt
+        if(parent.tagName.toUpperCase() == "BODY") 
+            return null;
+    }
+
+    return parent;
+}
+
+
 // function to open the popup window
 function getOrderIndex(currnode) {

quintagroup.referencedatagridfield/trunk/quintagroup/referencedatagridfield/skins/referencedatagridfield/referencedatagridwidget.css.dtml

@@ -19 +19 @@
 }
 
+input.not-changed-title-field {
+        color: gray;
+}
+
+input.changed-title-field {
+        color: black;
+}
+
 /* 
   </dtml-with>  (end of loaded base_properties variables)