Changeset 6017 for main/waeup.sirp/trunk

Timestamp:

2 May 2011, 15:27:20 (14 years ago)

Author:

Henrik Bettermann

Message:

Implement jQuery datatables on DepartmentManageFormPage?.
Add missing images.

Location:

main/waeup.sirp/trunk/src/waeup/sirp/browser

Files:

• pages.py (modified) (2 diffs)
• resources.py (modified) (1 diff)
• static/back_disabled.jpg (added)
• static/back_enabled.jpg (added)
• static/datatables.css (modified) (2 diffs)
• static/forward_disabled.jpg (added)
• static/forward_enabled.jpg (added)
• static/sort_asc.png (added)
• static/sort_asc_disabled.png (added)
• static/sort_both.png (added)
• static/sort_desc.png (added)
• static/sort_desc_disabled.png (added)
• templates/departmentmanagepage.pt (modified) (2 diffs)

main/waeup.sirp/trunk/src/waeup/sirp/browser/pages.py

@@ -15 +15 @@
 from hurry.workflow.interfaces import NoTransitionAvailableError
 from zope import schema
-from waeup.sirp.browser.resources import warning
-from waeup.sirp.browser.resources import datepicker, tabs
+from waeup.sirp.browser.resources import warning, datepicker, tabs, datatable
 try:
     from zope.authentication.interfaces import (
@@ -1134 +1133 @@
     def title(self):
         return self.context.longtitle()   
+        
+    def getCourses(self):
+        """Get a list of all stored courses.
+        """
+        for key, val in self.context.courses.items():
+            url = self.url(val)
+            yield(dict(url=url, name=key, container=val)) 
+
+    def getCertificates(self):
+        """Get a list of all stored certificates.
+        """
+        for key, val in self.context.certificates.items():
+            url = self.url(val)
+            yield(dict(url=url, name=key, container=val))                     
 
     def update(self):
         tabs.need()
-        self.tables = ITableProvider(self.context).getTables(view=self)
-        self.coursetable = self.tables[0]
-        self.certificatetable = self.tables[1]
-        self.coursetable.need()
+        datatable.need() 
+    #    self.tables = ITableProvider(self.context).getTables(view=self)
+    #    self.coursetable = self.tables[0]
+    #    self.certificatetable = self.tables[1]
+    #    self.coursetable.need()
+        super(DepartmentManageFormPage, self).update()
+        return
 
     form_fields = grok.AutoFields(IDepartment)

main/waeup.sirp/trunk/src/waeup/sirp/browser/resources.py

@@ -186 +186 @@
 #: other <div>s disappear. See
 #:
-#:   http://jqueryui.com/demos/tabs/
+#:   http://www.datatables.net/
 #:
 #: for details.

main/waeup.sirp/trunk/src/waeup/sirp/browser/static/datatables.css

@@ -158 +158 @@
 
 .paginate_disabled_previous {
-        background-image: url('../images/back_disabled.jpg');
+        background-image: url('back_disabled.jpg');
 }
 
 .paginate_enabled_previous {
-        background-image: url('../images/back_enabled.jpg');
+        background-image: url('back_enabled.jpg');
 }
 
 .paginate_disabled_next {
-        background-image: url('../images/forward_disabled.jpg');
+        background-image: url('forward_disabled.jpg');
 }
 
 .paginate_enabled_next {
-        background-image: url('../images/forward_enabled.jpg');
+        background-image: url('forward_enabled.jpg');
 }
 
@@ -210 +210 @@
 
 .sorting_asc {
-        background: url('../images/sort_asc.png') no-repeat center right;
+        background: url('sort_asc.png') no-repeat center right;
 }
 
 .sorting_desc {
-        background: url('../images/sort_desc.png') no-repeat center right;
+        background: url('sort_desc.png') no-repeat center right;
 }
 
 .sorting {
-        background: url('../images/sort_both.png') no-repeat center right;
+        background: url('sort_both.png') no-repeat center right;
 }
 
 .sorting_asc_disabled {
-        background: url('../images/sort_asc_disabled.png') no-repeat center right;
+        background: url('sort_asc_disabled.png') no-repeat center right;
 }
 
 .sorting_desc_disabled {
-        background: url('../images/sort_desc_disabled.png') no-repeat center right;
+        background: url('sort_desc_disabled.png') no-repeat center right;
 }
 

main/waeup.sirp/trunk/src/waeup/sirp/browser/templates/departmentmanagepage.pt

@@ -74 +74 @@
     
 <div id="tab-2">  
-    <div name="thecoursetable" tal:condition="python: len(context.courses.keys())">
-        <div tal:replace="structure view/coursetable/renderHTML"></div>
-    </div> 
-    <br />
+    <table id="datatable" class="display">
+      <thead>
+        <tr>
+          <th>&nbsp;</th><th>Code</th><th>Title</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr tal:repeat="entry view/getCourses"
+        class="gradeB">
+          <td>
+            <input type="checkbox" name="val_id" tal:attributes="value entry/name" />
+          </td>
+          <td>
+                <a href=""
+                   tal:attributes="href entry/url"
+                   tal:content="entry/name">Name</a>
+          </td>
+          <td tal:content="entry/container/title">
+               Title
+          </td> 
+        </tr>
+      </tbody>
+    </table>
+    <br /><br />
     <div id="actionsView">
         <span class="actionButtons" tal:condition="view/availableActions">
@@ -90 +110 @@
 
 <div id="tab-3">  
-    <div name="thecerttable">
-        <div tal:replace="structure view/certificatetable/renderHTML"></div>
-    </div> 
-    <br />
+    <table id="datatable" class="display">
+      <thead>
+        <tr>
+          <th>&nbsp;</th><th>Code</th><th>Title</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr tal:repeat="entry view/getCertificates"
+        class="gradeB">
+          <td>
+            <input type="checkbox" name="val_id" tal:attributes="value entry/name" />
+          </td>
+          <td>
+                <a href=""
+                   tal:attributes="href entry/url"
+                   tal:content="entry/name">Name</a>
+          </td>
+          <td tal:content="entry/container/title">
+               Title
+          </td> 
+        </tr>
+      </tbody>
+    </table>
+    <br /><br />
     <div id="actionsView">
         <span class="actionButtons" tal:condition="view/availableActions">