add event feature + extended menu bar

pboard/data/templates/home/daccorsi/sources/protos/pboard/pboard/pboard/templates/dashboard.mak.py

@@ -4,13 +4,13 @@ UNDEFINED = runtime.UNDEFINED
 __M_dict_builtin = dict
 __M_locals_builtin = locals
 _magic_number = 9
-_modified_time = 1378722899.890202
+_modified_time = 1378917566.913937
 _enable_loop = True
 _template_filename = '/home/daccorsi/sources/protos/pboard/pboard/pboard/templates/dashboard.mak'
 _template_uri = '/home/daccorsi/sources/protos/pboard/pboard/pboard/templates/dashboard.mak'
 _source_encoding = 'utf-8'
 from markupsafe import escape_silent as escape
-_exports = ['node_treeview', 'get_icon_class_from_node_type', 'title', 'node_treeview_in_select_field']
+_exports = ['node_treeview', 'title', 'node_treeview_in_select_field', 'node_treeview_for_set_parent_menu']
 
 
 def _mako_get_namespace(context, name):
@@ -20,7 +20,10 @@ def _mako_get_namespace(context, name):
         _mako_generate_namespaces(context)
         return context.namespaces[(__name__, name)]
 def _mako_generate_namespaces(context):
-    pass
+    # SOURCE LINE 2
+    ns = runtime.TemplateNamespace(u'POD', context._clean_inheritance_tokens(), templateuri=u'pboard.templates.pod', callables=None,  calling_uri=_template_uri)
+    context.namespaces[(__name__, u'POD')] = ns
+
 def _mako_inherit(template, context):
     _mako_generate_namespaces(context)
     return runtime._inherit_from(context, u'local:templates.master', _template_uri)
@@ -28,69 +31,180 @@ def render_body(context,**pageargs):
     __M_caller = context.caller_stack._push_frame()
     try:
         __M_locals = __M_dict_builtin(pageargs=pageargs)
+        def node_treeview_for_set_parent_menu(node_id,node_list,indentation=-1):
+            return render_node_treeview_for_set_parent_menu(context._locals(__M_locals),node_id,node_list,indentation)
         root_node_list = context.get('root_node_list', UNDEFINED)
-        tg = context.get('tg', UNDEFINED)
+        node_status_list = context.get('node_status_list', UNDEFINED)
         current_node = context.get('current_node', UNDEFINED)
-        def node_treeview(node_list,indentation=0):
+        def node_treeview(node_list,indentation=-1):
             return render_node_treeview(context._locals(__M_locals),node_list,indentation)
-        def node_treeview_in_select_field(node_list,indentation):
-            return render_node_treeview_in_select_field(context._locals(__M_locals),node_list,indentation)
+        tg = context.get('tg', UNDEFINED)
+        POD = _mako_get_namespace(context, 'POD')
+        _ = context.get('_', UNDEFINED)
         __M_writer = context.writer()
         # SOURCE LINE 1
         __M_writer(u'\n')
-        # SOURCE LINE 4
+        # SOURCE LINE 2
+        __M_writer(u'\n\n\n')
+        # SOURCE LINE 22
         __M_writer(u'\n\n')
-        # SOURCE LINE 31
+        # SOURCE LINE 56
         __M_writer(u'\n\n')
-        # SOURCE LINE 44
+        # SOURCE LINE 72
         __M_writer(u'\n\n')
-        # SOURCE LINE 48
-        __M_writer(u'\n\n  <div class="row">\n    <div class="span3">\n      <legend>\n        Documents\n      </legend>\n\n      <!-- Button to trigger modal -->\n      <p>\n        <a href="#addFolderNode" role="button" class="btn" data-toggle="modal">\n          <i class="icon-g-circle-plus"></i> Create document</a>\n      </p>\n      <!-- Modal -->\n      <div id="addFolderNode" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\n        <div class="modal-header">\n          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">\xd7</button>\n          <h3 id="myModalLabel">Create a new page</h3>\n        </div>\n        <div class="modal-body">\n          <form id="create_document_form" method="POST" action="')
-        # SOURCE LINE 68
-        __M_writer(escape(tg.url('/create_document')))
-        __M_writer(u'" class="form-horizontal">\n            <div class="control-group">\n              <label class="control-label" for="data_label">Title</label>\n              <div class="controls">\n                <input type="text" id="data_label" name="data_label" placeholder="page title...">\n              </div>\n            </div>\n            <div class="control-group">\n              <label class="control-label" for="parent_id">As child of...</label>\n              <div class="controls">\n                <select id="parent_id" name="parent_id" placeholder="as child of...">\n                  ')
-        # SOURCE LINE 79
-        __M_writer(escape(node_treeview_in_select_field(root_node_list, 0)))
-        __M_writer(u'\n                </select>\n              </div>\n            </div>\n            <div class="control-group">\n              <label class="control-label" for="data_content">Description</label>\n              <div class="controls">\n\n                <textarea id="data_content" name="data_content"></textarea>\n              </div>\n            </div>\n          </form>\n        </div>\n        <div class="modal-footer">\n          <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>\n          <button id="create_document_save_button" class="btn btn-primary">Save changes</button>\n        </div>\n      </div>\n\n      <div>\n        <table class="table table-striped table-hover table-condensed">\n          ')
-        # SOURCE LINE 100
+        # SOURCE LINE 76
+        __M_writer(u'\n\n  <div class="row">\n    <div class="span3">\n      <div class="btn-group">\n        <button class="btn">')
+        # SOURCE LINE 81
+        __M_writer(escape(_('Documents')))
+        __M_writer(u'</button>\n        <button class="btn" title="')
+        # SOURCE LINE 82
+        __M_writer(escape(_('Show current filtering state')))
+        __M_writer(u'"><i class="  icon-g-eye-open"></i></button>\n        \n        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" title=\'')
+        # SOURCE LINE 84
+        __M_writer(escape(_('Adjust filtering')))
+        __M_writer(u'\'><i class=" icon-g-adjust"></i></a>\n                <ul class="dropdown-menu">\n')
+        # SOURCE LINE 86
+        for node_status in node_status_list:
+            # SOURCE LINE 87
+            __M_writer(u'            <li>\n              <a class="')
+            # SOURCE LINE 88
+            __M_writer(escape(node_status.css))
+            __M_writer(u'" href="')
+            __M_writer(escape(tg.url('/edit_status?node_id=%i&node_status=%s'%(current_node.node_id, node_status.status_id))))
+            __M_writer(u'">\n                <i class="')
+            # SOURCE LINE 89
+            __M_writer(escape(node_status.icon_id))
+            __M_writer(u'"></i> ')
+            __M_writer(escape(node_status.label))
+            __M_writer(u'\n              </a>\n            </li>\n')
+        # SOURCE LINE 93
+        __M_writer(u'        </ul>\n      </div>\n      <p></p>\n      <div>\n        ')
+        # SOURCE LINE 97
         __M_writer(escape(node_treeview(root_node_list)))
-        __M_writer(u'\n        </table>\n      </div>\n    </div>\n    <div class="span5">\n      <div class="page-header">\n        <h3>')
+        __M_writer(u'\n      </div>\n    </div>\n    <div class="span9">\n        \n        \n        \n        <form style=\'display: none;\' id="current-document-title-edit-form" method=\'post\' action=\'')
+        # SOURCE LINE 104
+        __M_writer(escape(tg.url('/edit_label')))
+        __M_writer(u'\'>\n          <div class="input-prepend input-append">\n            <input type=\'hidden\' name=\'node_id\' value=\'')
         # SOURCE LINE 106
+        __M_writer(escape(current_node.node_id))
+        __M_writer(u"'/>\n            ")
+        # SOURCE LINE 107
+        __M_writer(escape(POD.CancelButton('current-document-title-edit-cancel-button')))
+        __M_writer(u"\n            <input type='text' name='data_label' value='")
+        # SOURCE LINE 108
         __M_writer(escape(current_node.data_label))
-        __M_writer(u'</h3>\n      </div>\n\n      <div class="btn-group">\n        <button class="btn"><i class="icon-g-edit"></i> Edit</button>\n\n      </div>\n\n      <div class="btn-group">\n        <a class="btn btn-primary" href="#"><i class="icon-g-stats icon-g-white"></i> Status</a>\n        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>\n        <ul class="dropdown-menu">\n        \n          \n  \n          <li><a class="btn-success" href="#"><i class="icon-g-sun"></i> Open</a></li>\n          <li><a class="btn-warning" href="#"><i class="icon-g-rotation-lock"></i> in Standby</a></li>\n          <li><a class="btn-danger"  href="#"><i class="icon-g-circle-exclamation-mark"></i> Hot</a></li>\n          <li><a class="btn " href="#"><i class="icon-g-ok"></i> Finished</a></li>\n          <li><a class="btn btn-disabled" href="#"><i class="icon-g-ban"></i> Archived</a></li>\n        </ul>\n\n      </div>\n\n      <div class="btn-group">\n        <a class="btn btn-primary" href="#" ><i class="icon-g-circle-plus icon-g-white"></i> Add</a>\n        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>\n        <ul class="dropdown-menu">\n          <li><a href="#"><i class="icon-g-calendar" ></i> Event</a></li>\n          <li><a href="#"><i class="icon-g-comments"></i> Comment</a></li>\n          <li><a href="#"><i class="icon-g-user"></i> Contact</a></li>\n          <li><a href="#"><i class="icon-g-attach"></i> File</a></li>\n        </ul>\n      </div>\n\n      <div class="btn-group">\n        <button class="btn btn-danger"><i class="icon-g-white icon-g-remove"></i> Delete</button>\n      </div>\n      \n    \n      <div>\n        ')
-        # SOURCE LINE 147
+        __M_writer(u'\' class="span2" />\n            ')
+        # SOURCE LINE 109
+        __M_writer(escape(POD.SaveButton('current-document-title-save-cancel-button')))
+        __M_writer(u'\n          </div>\n        </form>\n\n\n      <div class="btn-group">\n        <button class="btn">Status</button>\n        <a class="btn ')
+        # SOURCE LINE 116
+        __M_writer(escape(current_node.getStatus().css))
+        __M_writer(u'" href="#"><i class="')
+        __M_writer(escape(current_node.getStatus().icon))
+        __M_writer(u'"></i> ')
+        __M_writer(escape(current_node.getStatus().getLabel()))
+        __M_writer(u'</a>\n        <a class="btn ')
+        # SOURCE LINE 117
+        __M_writer(escape(current_node.getStatus().css))
+        __M_writer(u' dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>\n        <ul class="dropdown-menu">\n')
+        # SOURCE LINE 119
+        for node_status in node_status_list:
+            # SOURCE LINE 120
+            __M_writer(u'            <li>\n              <a class="')
+            # SOURCE LINE 121
+            __M_writer(escape(node_status.css))
+            __M_writer(u'" href="')
+            __M_writer(escape(tg.url('/edit_status?node_id=%i&node_status=%s'%(current_node.node_id, node_status.status_id))))
+            __M_writer(u'">\n                <i class="')
+            # SOURCE LINE 122
+            __M_writer(escape(node_status.icon_id))
+            __M_writer(u'"></i> ')
+            __M_writer(escape(node_status.label))
+            __M_writer(u'\n              </a>\n            </li>\n')
+        # SOURCE LINE 126
+        __M_writer(u'        </ul>\n      </div>\n      <div class="btn-group">\n        ')
+        # SOURCE LINE 129
+        __M_writer(escape(POD.EditButton('current-document-content-edit-button', True)))
+        __M_writer(u'\n        <a class="btn" href="#" data-toggle="dropdown"><i class="icon-g-move"></i> ')
+        # SOURCE LINE 130
+        __M_writer(escape(_('Move to')))
+        __M_writer(u' <span class="caret"></span></a>\n        <ul class="dropdown-menu">\n          ')
+        # SOURCE LINE 132
+        __M_writer(escape(node_treeview_for_set_parent_menu(current_node.node_id, root_node_list)))
+        __M_writer(u"\n        </ul>\n\n\n        <a href='")
+        # SOURCE LINE 136
+        __M_writer(escape(tg.url('/force_delete_node?node_id=%i'%(current_node.node_id))))
+        __M_writer(u'\' id=\'current-document-force-delete-button\' class="btn" onclick="return confirm(\'')
+        __M_writer(escape(_('Delete current document?')))
+        __M_writer(u'\');"><i class="icon-g-remove"></i> ')
+        __M_writer(escape(_('Delete')))
+        __M_writer(u'</a>\n      </div>\n      \n            <!--</div> PAGE HEADER -->\n      <h3 id="current-document-title">')
+        # SOURCE LINE 140
+        __M_writer(escape(current_node.data_label))
+        __M_writer(u'</h3>\n</div>\n      <div class="span5">\n      \n      <p>\n        <div id=\'current-document-content\' class="">\n          ')
+        # SOURCE LINE 146
+        __M_writer(current_node.data_content)
+        __M_writer(u'\n        </div>\n        <form style=\'display: none;\' id="current-document-content-edit-form" method=\'post\' action=\'')
+        # SOURCE LINE 148
+        __M_writer(escape(tg.url('/edit_content')))
+        __M_writer(u"'>\n          <input type='hidden' name='node_id' value='")
+        # SOURCE LINE 149
+        __M_writer(escape(current_node.node_id))
+        __M_writer(u'\'/>\n          <textarea id="current_node_textarea" name=\'data_content\' spellcheck="false" wrap="off" autofocus placeholder="Enter something ...">\n            ')
+        # SOURCE LINE 151
         __M_writer(current_node.data_content)
-        __M_writer(u'\n      </div>\n    </div>\n    <div class="span4">\n      <div class="tabbable">\n        <ul class="nav nav-tabs">\n            <li class="active">\n              <a href="#events" data-toggle="tab" title="History"><i class="icon-g-calendar"></i></a>\n            </li>\n            <li><a href="#contacts" data-toggle="tab" title="Contacts"><i class="icon-g-user""></i> </a></li>\n            <li><a href="#comments" data-toggle="tab" title="Comments"><i class="icon-g-comments"></i> </a></li>\n            <li><a href="#files" data-toggle="tab" title="Files"><i class="icon-g-attach"></i> </a></li>\n        </ul>\n        <div class="tab-content">\n            <div class="tab-pane active" id="events">\n              <!--p class="text-right" >\n                <button class="text-right btn btn-info " type="button"><i class="icon-g-plus icon-g-white"></i> new event</button>\n              </p-->\n              <table class="table table-striped table-hover table-condensed">\n                <thead>\n                  <tr>\n                    <th>Date</th>\n                    <th>Time</th>\n                    <th>\n                      Event\n                    </th>\n                    <th>\n                      <a href="" title="Add an event"><i class="icon-g-plus"></i></a>\n                    </th>\n                  </tr>\n                </thead>\n')
-        # SOURCE LINE 178
+        __M_writer(u'\n          </textarea>\n          ')
+        # SOURCE LINE 153
+        __M_writer(escape(POD.CancelButton('current-document-content-edit-cancel-button', True)))
+        __M_writer(u'\n          ')
+        # SOURCE LINE 154
+        __M_writer(escape(POD.SaveButton('current-document-content-edit-save-button', True)))
+        __M_writer(u'\n        </form>\n      </p>\n    </div>\n    <div class="span4">\n      <div class="tabbable">\n        <ul class="nav nav-tabs">\n            <li class="active">\n              <a href="#events" data-toggle="tab" title="History"><i class="icon-g-history"></i></a>\n            </li>\n            <li><a href="#contacts" data-toggle="tab" title="Contacts"><i class="icon-g-phone""></i> </a></li>\n            <li><a href="#comments" data-toggle="tab" title="Comments"><i class="icon-g-comments"></i> </a></li>\n            <li><a href="#files" data-toggle="tab" title="Files"><i class="icon-g-attach"></i> </a></li>\n            <li><a href="#contacts" data-toggle="tab" title="Users"><i class="icon-g-user""></i> </a></li>\n        </ul>\n        <div class="tab-content">\n            <div class="tab-pane active" id="events">\n\n')
+        # SOURCE LINE 172
+        __M_writer(escape(POD.AddButton('current-document-add-event-button', True, _(' Add event'))))
+        __M_writer(u"\n<form style='display: none;' id='current-document-add-event-form' action='")
+        # SOURCE LINE 173
+        __M_writer(escape(tg.url('/api/create_event')))
+        __M_writer(u'\' method=\'post\' class="well">\n  <input type="hidden" name=\'parent_id\' value=\'')
+        # SOURCE LINE 174
+        __M_writer(escape(current_node.node_id))
+        __M_writer(u'\'/>\n  <fieldset>\n    <legend>Add an event</legend>\n    <label>\n      <input type="text" name=\'data_label\' placeholder="Event"/>\n    </label>\n    <label>\n      <div class="datetime-picker-input-div input-append date">\n        <input name=\'data_datetime\' data-format="dd/MM/yyyy hh:mm" type="text" placeholder="date and time"/>\n        <span class="add-on"><i data-time-icon="icon-g-clock" data-date-icon="icon-g-calendar"></i></span>\n      </div>\n    </label>\n    <label class="checkbox">\n      <input disabled name=\'add_reminder\' type="checkbox"> add a reminder\n    </label>\n    <label>\n      <div class="datetime-picker-input-div input-append date">\n        <input disabled name=\'data_reminder_datetime\' data-format="dd/MM/yyyy hh:mm" type="text" placeholder="date and time"/>\n        <span class="add-on"><i data-time-icon="icon-g-clock" data-date-icon="icon-g-calendar"></i></span>\n      </div>\n    </label>\n\n    ')
+        # SOURCE LINE 196
+        __M_writer(escape(POD.CancelButton('current-document-add-event-cancel-button', True)))
+        __M_writer(u'\n    ')
+        # SOURCE LINE 197
+        __M_writer(escape(POD.SaveButton('current-document-add-event-save-button', True)))
+        __M_writer(u'\n  </fieldset>\n</form>\n\n              <table class="table table-striped table-hover table-condensed">\n                <thead>\n                  <tr>\n                    <th>Date</th>\n                    <th>Time</th>\n                    <th>\n                      Event\n                    </th>\n                    <th>\n                      <a href="" title="Add an event"><i class="icon-g-plus"></i></a>\n                    </th>\n                  </tr>\n                </thead>\n')
+        # SOURCE LINE 214
         for event in current_node.getEvents():
-            # SOURCE LINE 179
+            # SOURCE LINE 215
             __M_writer(u'                <tr title="Last updated: ')
             __M_writer(escape(event.updated_at))
             __M_writer(u'">\n                   <td>')
-            # SOURCE LINE 180
+            # SOURCE LINE 216
             __M_writer(escape(event.getFormattedDate(event.data_datetime)))
             __M_writer(u'</td>\n                   <td>')
-            # SOURCE LINE 181
+            # SOURCE LINE 217
             __M_writer(escape(event.getFormattedTime(event.data_datetime)))
             __M_writer(u'</td>\n                   <td>')
-            # SOURCE LINE 182
+            # SOURCE LINE 218
             __M_writer(escape(event.data_label))
             __M_writer(u'</td>\n                   <td>\n                     <a href=""><i class="icon-g-edit"></i></a>\n                   </td>\n                </tr>\n')
-        # SOURCE LINE 188
+        # SOURCE LINE 224
         __M_writer(u'              </table>\n            </div>\n            <div class="tab-pane" id="contacts">\n')
-        # SOURCE LINE 191
+        # SOURCE LINE 227
         for contact in current_node.getContacts():
-            # SOURCE LINE 192
+            # SOURCE LINE 228
             __M_writer(u'                <div class="well">\n                  <legend class="text-info">')
-            # SOURCE LINE 193
+            # SOURCE LINE 229
             __M_writer(escape(contact.data_label))
             __M_writer(u'</legend>\n                  <div>')
-            # SOURCE LINE 194
+            # SOURCE LINE 230
             __M_writer(contact.data_content)
             __M_writer(u'</div>\n                </div>\n')
-        # SOURCE LINE 197
+        # SOURCE LINE 233
         __M_writer(u'            </div>\n            <div class="tab-pane" id="comments">')
-        # SOURCE LINE 198
+        # SOURCE LINE 234
         __M_writer(current_node.data_content)
         __M_writer(u'</div>\n            <div class="tab-pane" id="files">Files</div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n')
         return ''
@@ -98,75 +212,81 @@ def render_body(context,**pageargs):
         context.caller_stack._pop_frame()
 
 
-def render_node_treeview(context,node_list,indentation=0):
+def render_node_treeview(context,node_list,indentation=-1):
     __M_caller = context.caller_stack._push_frame()
     try:
-        def node_treeview(node_list,indentation=0):
+        def node_treeview(node_list,indentation=-1):
             return render_node_treeview(context,node_list,indentation)
         len = context.get('len', UNDEFINED)
+        _ = context.get('_', UNDEFINED)
         tg = context.get('tg', UNDEFINED)
         __M_writer = context.writer()
-        # SOURCE LINE 6
+        # SOURCE LINE 24
         __M_writer(u'\n')
-        # SOURCE LINE 7
-        if len(node_list)>0:
-            # SOURCE LINE 8
-            __M_writer(u'    <!--ul style="list-style:none; margin-left: ')
-            __M_writer(escape((indentation+1)*0.5))
-            __M_writer(u'em;"-->\n')
-            # SOURCE LINE 9
-            for node in node_list:
-                # SOURCE LINE 10
-                __M_writer(u'      <tr title="Last updated: ')
-                __M_writer(escape(node.updated_at))
-                __M_writer(u'">\n        <td style="padding-left: ')
-                # SOURCE LINE 11
-                __M_writer(escape((indentation+1)*0.5))
-                __M_writer(u'em;">\n          <a href="?node=')
-                # SOURCE LINE 12
-                __M_writer(escape(node.node_id))
-                __M_writer(u'" title="')
-                __M_writer(escape(node.data_label))
-                __M_writer(u'">\n            <i class=\'')
-                # SOURCE LINE 13
-                __M_writer(escape(node.getIconClass()))
-                __M_writer(u"'></i>\n")
-                # SOURCE LINE 14
-                if len(node.data_label)<=15:
-                    # SOURCE LINE 15
-                    __M_writer(u'              ')
+        # SOURCE LINE 25
+        if indentation==-1:
+            # SOURCE LINE 26
+            __M_writer(u'    <div class="pod-toolbar-parent" style="padding-left: 0.5em; position: relative;">\n      <a href="?node=0" title="')
+            # SOURCE LINE 27
+            __M_writer(escape(_('Root')))
+            __M_writer(u'">\n        <i class=\'icon-g-folder-open\'></i>\n        ')
+            # SOURCE LINE 29
+            __M_writer(escape(_('Root')))
+            __M_writer(u'\n      </a>\n      <div class="pod-toolbar">\n        <a href="')
+            # SOURCE LINE 32
+            __M_writer(escape(tg.url('/create_document?parent_id=0')))
+            __M_writer(u'" title="')
+            __M_writer(escape(_('Add child document')))
+            __M_writer(u'"><i class="icon-g-circle-plus"></i></a>\n      </div>\n    </div>\n    ')
+            # SOURCE LINE 35
+            __M_writer(escape(node_treeview(node_list, 0)))
+            __M_writer(u'\n')
+            # SOURCE LINE 36
+        else:
+            # SOURCE LINE 37
+            if len(node_list)>0:
+                # SOURCE LINE 38
+                for node in node_list:
+                    # SOURCE LINE 39
+                    __M_writer(u'        <div class="pod-toolbar-parent" style="padding-left: ')
+                    __M_writer(escape((indentation+2)*0.5))
+                    __M_writer(u'em; position: relative;">\n          <a href="?node=')
+                    # SOURCE LINE 40
+                    __M_writer(escape(node.node_id))
+                    __M_writer(u'" title="')
                     __M_writer(escape(node.data_label))
+                    __M_writer(u'">\n            <i class=\'')
+                    # SOURCE LINE 41
+                    __M_writer(escape(node.getIconClass()))
+                    __M_writer(u"'></i> ")
+                    __M_writer(escape(node.getTruncatedLabel(32-0.8*(indentation+1))))
+                    __M_writer(u'\n          </a>\n          <div class="pod-toolbar">\n            <a href="')
+                    # SOURCE LINE 44
+                    __M_writer(escape(tg.url('/move_node_upper?node_id=%i'%(node.node_id))))
+                    __M_writer(u'" title="')
+                    __M_writer(escape(_('Move up')))
+                    __M_writer(u'"><i class="icon-g-up-arrow"></i></a>\n            <a href="')
+                    # SOURCE LINE 45
+                    __M_writer(escape(tg.url('/move_node_lower?node_id=%i'%(node.node_id))))
+                    __M_writer(u'" title="')
+                    __M_writer(escape(_('Move down')))
+                    __M_writer(u'"><i class="icon-g-down-arrow"></i></a>\n            <a href="')
+                    # SOURCE LINE 46
+                    __M_writer(escape(tg.url('/create_document?parent_id=%i'%(node.node_id))))
+                    __M_writer(u'" title="')
+                    __M_writer(escape(_('Add child document')))
+                    __M_writer(u'"><i class="icon-g-circle-plus"></i></a>\n          </div>\n          <div class="pod-status ')
+                    # SOURCE LINE 48
+                    __M_writer(escape(node.getStatus().css))
+                    __M_writer(u'" title=\'')
+                    __M_writer(escape(node.getStatus().label))
+                    __M_writer(u"'>\n             <i class='")
+                    # SOURCE LINE 49
+                    __M_writer(escape(node.getStatus().icon))
+                    __M_writer(u"'></i>\n          </div>\n        </div>\n        ")
+                    # SOURCE LINE 52
+                    __M_writer(escape(node_treeview(node.getChildren(), indentation+1)))
                     __M_writer(u'\n')
-                    # SOURCE LINE 16
-                else:
-                    # SOURCE LINE 17
-                    __M_writer(u'              ')
-                    __M_writer(escape(node.data_label[0:15]))
-                    __M_writer(u'...\n')
-                # SOURCE LINE 19
-                __M_writer(u'          </a>\n        </td>\n        <td class="text-right">\n          <a href="')
-                # SOURCE LINE 22
-                __M_writer(escape(tg.url('/move_node_upper?node_id=%i'%(node.node_id))))
-                __M_writer(u'" title="Move up"><i class=" icon-g-up-arrow"></i></a>\n          <a href="')
-                # SOURCE LINE 23
-                __M_writer(escape(tg.url('/move_node_lower?node_id=%i'%(node.node_id))))
-                __M_writer(u'" title="Move down"><i class=" icon-g-down-arrow"></i></a>\n          <a href="" title="Edit"><i class="icon-g-edit"></i></a>\n        </td>\n      </tr>\n      ')
-                # SOURCE LINE 27
-                __M_writer(escape(node_treeview(node.getChildren(), indentation+1)))
-                __M_writer(u'\n')
-            # SOURCE LINE 29
-            __M_writer(u'    <!--/ul-->\n')
-        return ''
-    finally:
-        context.caller_stack._pop_frame()
-
-
-def render_get_icon_class_from_node_type(context,node_type):
-    __M_caller = context.caller_stack._push_frame()
-    try:
-        __M_writer = context.writer()
-        # SOURCE LINE 2
-        __M_writer(u'\n\n')
         return ''
     finally:
         context.caller_stack._pop_frame()
@@ -175,46 +295,111 @@ def render_get_icon_class_from_node_type(context,node_type):
 def render_title(context):
     __M_caller = context.caller_stack._push_frame()
     try:
+        current_node = context.get('current_node', UNDEFINED)
         __M_writer = context.writer()
-        # SOURCE LINE 46
-        __M_writer(u'\nLearning TurboGears 2.3: Quick guide to the Quickstart pages.\n')
+        # SOURCE LINE 74
+        __M_writer(u'\nPOD :: ')
+        # SOURCE LINE 75
+        __M_writer(escape(current_node.getTruncatedLabel(40)))
+        __M_writer(u' [')
+        __M_writer(escape(current_node.getStatus().label))
+        __M_writer(u']\n')
         return ''
     finally:
         context.caller_stack._pop_frame()
 
 
-def render_node_treeview_in_select_field(context,node_list,indentation):
+def render_node_treeview_in_select_field(context,node_list,indentation,selected_id=0):
     __M_caller = context.caller_stack._push_frame()
     try:
-        def node_treeview_in_select_field(node_list,indentation):
-            return render_node_treeview_in_select_field(context,node_list,indentation)
+        def node_treeview_in_select_field(node_list,indentation,selected_id=0):
+            return render_node_treeview_in_select_field(context,node_list,indentation,selected_id)
         len = context.get('len', UNDEFINED)
         __M_writer = context.writer()
-        # SOURCE LINE 33
+        # SOURCE LINE 58
         __M_writer(u'\n')
-        # SOURCE LINE 34
+        # SOURCE LINE 59
         if len(node_list)>0:
-            # SOURCE LINE 35
+            # SOURCE LINE 60
             if indentation==0:
-                # SOURCE LINE 36
+                # SOURCE LINE 61
                 __M_writer(u'        <option style="margin-left: ')
                 __M_writer(escape(0.5*indentation))
                 __M_writer(u'em; color: #CCC;" value="0">no parent...</option>\n')
-            # SOURCE LINE 38
+            # SOURCE LINE 63
             for node in node_list:
-                # SOURCE LINE 39
-                __M_writer(u'        <option style="margin-left: ')
-                __M_writer(escape(0.5*indentation))
-                __M_writer(u'em;" value="')
-                __M_writer(escape(node.node_id))
-                __M_writer(u'">')
-                __M_writer(escape(node.data_label))
-                __M_writer(u'</option>\n        ')
-                # SOURCE LINE 40
-                __M_writer(escape(node_treeview_in_select_field(node.getChildren(), indentation+1)))
+                # SOURCE LINE 64
+                if selected_id!=node.node_id:
+                    # SOURCE LINE 65
+                    __M_writer(u'          <option style="margin-left: ')
+                    __M_writer(escape(0.5*indentation))
+                    __M_writer(u'em;" value="')
+                    __M_writer(escape(node.node_id))
+                    __M_writer(u'">')
+                    __M_writer(escape(node.data_label))
+                    __M_writer(u'</option>\n')
+                    # SOURCE LINE 66
+                else:
+                    # SOURCE LINE 67
+                    __M_writer(u'          <option style="margin-left: ')
+                    __M_writer(escape(0.5*indentation))
+                    __M_writer(u'em;" value="')
+                    __M_writer(escape(node.node_id))
+                    __M_writer(u'" selected>')
+                    __M_writer(escape(node.data_label))
+                    __M_writer(u'</option>\n')
+                # SOURCE LINE 69
+                __M_writer(u'        ')
+                __M_writer(escape(node_treeview_in_select_field(node.getChildren(), indentation+1, selected_id)))
                 __M_writer(u'\n')
-            # SOURCE LINE 42
-            __M_writer(u'      </ul>\n')
+        return ''
+    finally:
+        context.caller_stack._pop_frame()
+
+
+def render_node_treeview_for_set_parent_menu(context,node_id,node_list,indentation=-1):
+    __M_caller = context.caller_stack._push_frame()
+    try:
+        tg = context.get('tg', UNDEFINED)
+        current_node = context.get('current_node', UNDEFINED)
+        len = context.get('len', UNDEFINED)
+        _ = context.get('_', UNDEFINED)
+        def node_treeview_for_set_parent_menu(node_id,node_list,indentation=-1):
+            return render_node_treeview_for_set_parent_menu(context,node_id,node_list,indentation)
+        __M_writer = context.writer()
+        # SOURCE LINE 5
+        __M_writer(u'\n')
+        # SOURCE LINE 6
+        if indentation==-1:
+            # SOURCE LINE 7
+            __M_writer(u'    <li><a href="')
+            __M_writer(escape(tg.url('/api/set_parent_node?node_id=%i&new_parent_id=0'%(current_node.node_id))))
+            __M_writer(u'">')
+            __M_writer(escape(_('Root')))
+            __M_writer(u'</a>\n      ')
+            # SOURCE LINE 8
+            __M_writer(escape(node_treeview_for_set_parent_menu(node_id, node_list, 0)))
+            __M_writer(u'\n    </li>\n')
+            # SOURCE LINE 10
+        else:
+            # SOURCE LINE 11
+            if len(node_list)>0:
+                # SOURCE LINE 12
+                __M_writer(u'      <ul>\n')
+                # SOURCE LINE 13
+                for new_parent_node in node_list:
+                    # SOURCE LINE 14
+                    __M_writer(u'        <li>\n          <a href="')
+                    # SOURCE LINE 15
+                    __M_writer(escape(tg.url('/api/set_parent_node?node_id=%i&new_parent_id=%i'%(node_id, new_parent_node.node_id))))
+                    __M_writer(u'">')
+                    __M_writer(escape(new_parent_node.getTruncatedLabel(40-indentation*2)))
+                    __M_writer(u'</a>\n          ')
+                    # SOURCE LINE 16
+                    __M_writer(escape(node_treeview_for_set_parent_menu(node_id, new_parent_node.getChildren(), indentation+1)))
+                    __M_writer(u'\n        </li>\n')
+                # SOURCE LINE 19
+                __M_writer(u'      </ul>\n')
         return ''
     finally:
         context.caller_stack._pop_frame()

pboard/pboard/controllers/api.py

@@ -0,0 +1,51 @@
+# -*- coding: utf-8 -*-
+"""Sample controller with all its actions protected."""
+from tg import expose, flash, require, url, lurl, request, redirect, tmpl_context
+from tg.i18n import ugettext as _, lazy_ugettext as l_
+from tg import predicates
+
+
+from pboard.lib.base import BaseController
+from pboard.lib   import dbapi as pld
+from pboard.model import data as pmd
+from pboard import model as pm
+
+__all__ = ['PODApiController']
+
+class PODApiController(BaseController):
+    """Sample controller-wide authorization"""
+    
+    # The predicate that must be met for all the actions in this controller:
+    # allow_only = has_permission('manage',
+    #                             msg=l_('Only for people with the "manage" permission'))
+    
+    @expose('pboard.templates.index')
+    def index(self):
+        """Let the user know that's visiting a protected controller."""
+        flash(_("Secure Controller here"))
+        return dict(page='index')
+    
+    @expose()
+    def create_event(self, parent_id=None, data_label=u'',data_datetime=None,data_reminder_datetime=None,add_reminder=False, **kw):
+
+      loNewNode = pld.createNode()
+      loNewNode.parent_id     = int(parent_id)
+      loNewNode.node_type     = pmd.PBNodeType.Event
+      loNewNode.data_label    = data_label
+      loNewNode.data_content  = ''
+      loNewNode.data_datetime = data_datetime
+      if add_reminder:
+        loNewNode.data_reminder_datetime = data_reminder_datetime
+
+      pm.DBSession.flush()
+      redirect(lurl('/dashboard?node=%i'%(loNewNode.parent_id)))
+
+    @expose()
+    def set_parent_node(self, node_id, new_parent_id, **kw):
+      loNewNode = pld.getNode(node_id)
+      if new_parent_id!='':
+        loNewNode.parent_id = int(new_parent_id)
+      pm.DBSession.flush()
+      redirect(lurl('/dashboard?node=%s'%(node_id)))
+
+

pboard/pboard/controllers/root.py

@@ -14,7 +14,10 @@ from pboard.lib.base import BaseController
 from pboard.controllers.error import ErrorController
 
 import pboard.model as pbm
+import pboard.controllers as pbc
 from pboard.lib import dbapi as pld
+from pboard.controllers import api as pbca
+
 __all__ = ['RootController']
 
 
@@ -37,6 +40,8 @@ class RootController(BaseController):
 
     error = ErrorController()
 
+    api = pbca.PODApiController()
+    
     def _before(self, *args, **kw):
         tmpl_context.project_name = "pboard"
 
@@ -122,7 +127,8 @@ class RootController(BaseController):
         print "{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}}}}}}}", liNodeId
         # liNodeId = 5
         loCurrentNode    = pbm.DBSession.query(pbmd.PBNode).filter(pbmd.PBNode.node_id==liNodeId).one()
-        return dict(root_node_list=loRootNodeList, current_node=loCurrentNode)
+        loNodeStatusList = pbmd.PBNodeStatus.getList()
+        return dict(root_node_list=loRootNodeList, current_node=loCurrentNode, node_status_list = loNodeStatusList)
 
     @expose()
     def move_node_upper(self, node_id=0, came_from=lurl('/dashboard')):
@@ -156,6 +162,12 @@ class RootController(BaseController):
       redirect(lurl('/dashboard?node=%s'%(node_id)))
 
     @expose()
+    def edit_status(self, node_id, node_status):
+      loNewNode = pld.getNode(node_id)
+      loNewNode.node_status = node_status
+      redirect(lurl('/dashboard?node=%s'%(node_id)))
+
+    @expose()
     def edit_content(self, node_id, data_content, **kw):
       loNewNode = pld.getNode(node_id)
       loNewNode.data_content = data_content
@@ -167,5 +179,7 @@ class RootController(BaseController):
       liParentId = loNode.parent_id
       if loNode.getChildNb()<=0:
         DBSession.delete(loNode)
-      redirect(lurl('/dashboard?node=%i'%(liParentId)))
+      redirect(lurl('/dashboard?node=%i'%(liParentId or 0)))
+
+
 

pboard/pboard/model/data.py

@@ -19,7 +19,7 @@ pb_node_table = Table('pb_nodes', metadata,
     Column('parent_id', Integer, ForeignKey('pb_nodes.node_id'), nullable=True, default=None),
     Column('node_order', Integer, nullable=True, default=1),
     Column('node_type',   Unicode(16), unique=False, nullable=False, default=u'data'),
-    Column('node_status', Unicode(16), unique=False, nullable=False, default=u'open'),
+    Column('node_status', Unicode(16), unique=False, nullable=False, default=u'new'),
 
     Column('created_at', DateTime, unique=False, nullable=False),
     Column('updated_at', DateTime, unique=False, nullable=False),
@@ -27,6 +27,7 @@ pb_node_table = Table('pb_nodes', metadata,
     Column('data_label',   Unicode(1024), unique=False, nullable=False, default=u''),
     Column('data_content', Text(), unique=False, nullable=False, default=u''),
     Column('data_datetime', DateTime, unique=False, nullable=False),
+    Column('data_reminder_datetime', DateTime, unique=False, nullable=True),
 )
 """
 - node_type
@@ -41,38 +42,73 @@ pb_node_table = Table('pb_nodes', metadata,
 """
 
 class PBNodeStatusItem(object):
-  def __init__(self, psStatusId, psStatusLabel, psStatusFamily, psForegroundColor): #, psBackgroundColor):
+  def __init__(self, psStatusId, psStatusLabel, psStatusFamily, psIconId, psCssClass): #, psBackgroundColor):
     self._sStatusId     = psStatusId
     self._sStatusLabel  = psStatusLabel
     self._sStatusFamily = psStatusFamily
-    self._sForegroundColor = psForegroundColor
+    self._sIconId   = psIconId
+    self._sCssClass = psCssClass
     # self._sBackgroundColor = psBackgroundColor
   
-  @property
-  def label(self):
+  def getLabel(self):
     return self._sStatusLabel
     
+  @property
+  def icon(self):
+    return self._sIconId
+    
   def getId(self):
     return self._sStatusId
 
+  @property
+  def css(self):
+    return self._sCssClass
+
+  @property
+  def status_id(self):
+    return self._sStatusId
+    
+  @property
+  def icon_id(self):
+    return self._sIconId
+
+  @property
+  def label(self):
+    return self._sStatusLabel
 
 class PBNodeStatus(object):
     
   StatusList = dict()
-  StatusList['immortal'] = PBNodeStatusItem('immortal',  'Information', 'normal', 'rgb(51,51,51)')
-  StatusList['open']     = PBNodeStatusItem('open',      'Open',        'normal', 'rgb(91,183,91)')
-  StatusList['standby']  = PBNodeStatusItem('standby',   'in Standby',  'normal', 'rgb(250, 167, 50)')
-  StatusList['hot']      = PBNodeStatusItem('hot',       'Hot',         'normal', 'rgb(218, 79, 73)')
-  StatusList['done']     = PBNodeStatusItem('done',      'Done',        'closed', 'rgb(51, 51, 51)')
-  StatusList['closed']   = PBNodeStatusItem('closed',    'Closed',      'closed', 'rgb(51, 51, 51)')
-  StatusList['archived'] = PBNodeStatusItem('archived',  'Archived',    'invisible', 'rgb(51, 51, 51)')
-  StatusList['deleted']  = PBNodeStatusItem('deleted',   'Deleted',     'invisible', 'rgb(51, 51, 51)')
+  StatusList['immortal']   = PBNodeStatusItem('immortal',   'Information', 'normal', 'icon-g-circle-info',            'pod-status-grey-light')
+  StatusList['new']        = PBNodeStatusItem('new',        'New',         'open',   'icon-g-lightbulb icon-g-white', 'btn-success')
+  StatusList['inprogress'] = PBNodeStatusItem('inprogress', 'In progress', 'open',   ' icon-g-roundabout icon-g-white', 'btn-info')
+  StatusList['standby']    = PBNodeStatusItem('standby',    'In Standby',  'open',   'icon-g-clock icon-g-white', 'btn-warning')
+  StatusList['hot']        = PBNodeStatusItem('hot',        'Hot',         'open',   'icon-g-warning-sign icon-g-white', 'btn-danger')
+  StatusList['done']       = PBNodeStatusItem('done',       'Done',        'closed', 'icon-g-ok-2', 'pod-status-grey-light')
+  StatusList['closed']     = PBNodeStatusItem('closed',     'Closed',      'closed', 'icon-g-lightbulb', 'pod-status-grey-middle')
+  StatusList['archived']   = PBNodeStatusItem('archived',   'Archived',    'invisible', 'icon-g-wallet', 'pod-status-grey-dark')
+  StatusList['deleted']    = PBNodeStatusItem('deleted',    'Deleted',     'invisible', 'icon-g-bin',                    'pod-status-grey-dark')
 
   @classmethod
   def getList(cls):
-    return PBNodeStatus.StatusList.iteritems()
+    return [
+      PBNodeStatus.StatusList['immortal'],
+      PBNodeStatus.StatusList['new'],
+      PBNodeStatus.StatusList['inprogress'],
+      PBNodeStatus.StatusList['standby'],
+      PBNodeStatus.StatusList['hot'],
+      PBNodeStatus.StatusList['done'],
+      PBNodeStatus.StatusList['closed'],
+      PBNodeStatus.StatusList['archived'],
+      PBNodeStatus.StatusList['deleted']
+    ]
     
+    PBNodeStatus.StatusList.values()
+    
+  @classmethod
   def getStatusItem(cls, psStatusId):
+    print "====> ID=", psStatusId
+    print "====> ITEM=", PBNodeStatus.StatusList[psStatusId]
     return PBNodeStatus.StatusList[psStatusId]
 
 class PBNodeType(object):
@@ -150,6 +186,15 @@ class PBNode(object):
   def getStatus(self):
     return PBNodeStatus.getStatusItem(self.node_status)
 
+  def getTruncatedLabel(self, piCharNb):
+    lsTruncatedLabel = u''
+    liMaxLength = int(piCharNb)
+    if len(self.data_label)>liMaxLength:
+      lsTruncatedLabel = self.data_label[0:liMaxLength-1]+u'…'
+    else:
+      lsTruncatedLabel = self.data_label
+    return lsTruncatedLabel
+
 from sqlalchemy.orm import mapper
 mapper(PBNode, pb_node_table)
 

pboard/pboard/templates/dashboard.mak

@@ -1,45 +1,54 @@
 <%inherit file="local:templates.master"/>
+<%namespace name="POD" file="pboard.templates.pod"/>
 
 
+<%def name="node_treeview_for_set_parent_menu(node_id, node_list, indentation=-1)">
+  % if indentation==-1:
+    <li><a href="${tg.url('/api/set_parent_node?node_id=%i&new_parent_id=0'%(current_node.node_id))}">${_('Root')}</a>
+      ${node_treeview_for_set_parent_menu(node_id, node_list, 0)}
+    </li>
+  % else:
+    % if len(node_list)>0:
+      <ul>
+      % for new_parent_node in node_list:
+        <li>
+          <a href="${tg.url('/api/set_parent_node?node_id=%i&new_parent_id=%i'%(node_id, new_parent_node.node_id))}">${new_parent_node.getTruncatedLabel(40-indentation*2)}</a>
+          ${node_treeview_for_set_parent_menu(node_id, new_parent_node.getChildren(), indentation+1)}
+        </li>
+      % endfor
+      </ul>
+    % endif
+  % endif
+</%def>
 
 <%def name="node_treeview(node_list, indentation=-1)">
   % if indentation==-1:
-    <tr>
-      <td style="padding-left: ${(indentation+1)*0.8}em;">
-        <a href="?node=0" title="${_('Root')}">
-          <i class='icon-g-folder-open'></i>
-          ${_('Root')}
-        </a>
-      </td>
-      <td class="text-right">
-        <div class="pod-toolbar">
-          <a href="${tg.url('/create_document?parent_id=0')}" title="${_('Add child document')}"><i class="icon-g-circle-plus"></i></a>
-        </div>
-      </td>
-    </tr>
+    <div class="pod-toolbar-parent" style="padding-left: 0.5em; position: relative;">
+      <a href="?node=0" title="${_('Root')}">
+        <i class='icon-g-folder-open'></i>
+        ${_('Root')}
+      </a>
+      <div class="pod-toolbar">
+        <a href="${tg.url('/create_document?parent_id=0')}" title="${_('Add child document')}"><i class="icon-g-circle-plus"></i></a>
+      </div>
+    </div>
     ${node_treeview(node_list, 0)}
   % else:
     % if len(node_list)>0:
       % for node in node_list:
-        <tr title="Last updated: ${node.updated_at}">
-          <td style="padding-left: ${(indentation+1)*0.5}em;">
-            <a href="?node=${node.node_id}" title="${node.data_label}">
-              <i class='${node.getIconClass()}'></i>
-              % if len(node.data_label)<=15:
-                ${node.data_label}
-              % else:
-                ${node.data_label[0:15]}...
-              % endif
-            </a>
-          </td>
-          <td class="text-right">
-            <div class="pod-toolbar">
-              <a href="${tg.url('/move_node_upper?node_id=%i'%(node.node_id))}" title="${_('Move up')}"><i class="icon-g-up-arrow"></i></a>
-              <a href="${tg.url('/move_node_lower?node_id=%i'%(node.node_id))}" title="${_('Move down')}"><i class="icon-g-down-arrow"></i></a>
-              <a href="${tg.url('/create_document?parent_id=%i'%(node.node_id))}" title="${_('Add child document')}"><i class="icon-g-circle-plus"></i></a>
-            </div>
-          </td>
-        </tr>
+        <div class="pod-toolbar-parent" style="padding-left: ${(indentation+2)*0.5}em; position: relative;">
+          <a href="?node=${node.node_id}" title="${node.data_label}">
+            <i class='${node.getIconClass()}'></i> ${node.getTruncatedLabel(32-0.8*(indentation+1))}
+          </a>
+          <div class="pod-toolbar">
+            <a href="${tg.url('/move_node_upper?node_id=%i'%(node.node_id))}" title="${_('Move up')}"><i class="icon-g-up-arrow"></i></a>
+            <a href="${tg.url('/move_node_lower?node_id=%i'%(node.node_id))}" title="${_('Move down')}"><i class="icon-g-down-arrow"></i></a>
+            <a href="${tg.url('/create_document?parent_id=%i'%(node.node_id))}" title="${_('Add child document')}"><i class="icon-g-circle-plus"></i></a>
+          </div>
+          <div class="pod-status ${node.getStatus().css}" title='${node.getStatus().label}'>
+             <i class='${node.getStatus().icon}'></i>
+          </div>
+        </div>
         ${node_treeview(node.getChildren(), indentation+1)}
       % endfor
     % endif
@@ -63,63 +72,86 @@
 </%def>
 
 <%def name="title()">
-Learning TurboGears 2.3: Quick guide to the Quickstart pages.
+POD :: ${current_node.getTruncatedLabel(40)} [${current_node.getStatus().label}]
 </%def>
 
   <div class="row">
     <div class="span3">
-      <legend>
-        Documents
-      </legend>
-
+      <div class="btn-group">
+        <button class="btn">${_('Documents')}</button>
+        <button class="btn" title="${_('Show current filtering state')}"><i class="  icon-g-eye-open"></i></button>
+        
+        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" title='${_('Adjust filtering')}'><i class=" icon-g-adjust"></i></a>
+                <ul class="dropdown-menu">
+          % for node_status in node_status_list:
+            <li>
+              <a class="${node_status.css}" href="${tg.url('/edit_status?node_id=%i&node_status=%s'%(current_node.node_id, node_status.status_id))}">
+                <i class="${node_status.icon_id}"></i> ${node_status.label}
+              </a>
+            </li>
+          % endfor
+        </ul>
+      </div>
+      <p></p>
       <div>
-        <table class="table table-striped table-hover table-condensed">
-          ${node_treeview(root_node_list)}
-        </table>
+        ${node_treeview(root_node_list)}
       </div>
     </div>
-    <div class="span5">
-      <div class="page-header">
-        <h3 id="current-document-title">${current_node.data_label}</h3>
-        <form id="current-document-title-edit-form" method='post' action='${tg.url('/edit_label')}'>
+    <div class="span9">
+        
+        
+        
+        <form style='display: none;' id="current-document-title-edit-form" method='post' action='${tg.url('/edit_label')}'>
           <div class="input-prepend input-append">
             <input type='hidden' name='node_id' value='${current_node.node_id}'/>
-            <button id="current-document-title-edit-cancel-button" type="button" class="btn" title="${_('Cancel editing')}"><i class="icon-g-ban"></i></button>
+            ${POD.CancelButton('current-document-title-edit-cancel-button')}
             <input type='text' name='data_label' value='${current_node.data_label}' class="span2" />
-            <button id='current-document-title-save-cancel-button' type="button" class="btn" title="${_('Save')}"><i class="icon-g-edit"></i></button>
+            ${POD.SaveButton('current-document-title-save-cancel-button')}
           </div>
         </form>
-      </div>
 
 
       <div class="btn-group">
-        <a class="btn btn-primary" href="#"><i class="icon-g-stats icon-g-white"></i> Status</a>
-        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+        <button class="btn">Status</button>
+        <a class="btn ${current_node.getStatus().css}" href="#"><i class="${current_node.getStatus().icon}"></i> ${current_node.getStatus().getLabel()}</a>
+        <a class="btn ${current_node.getStatus().css} dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
         <ul class="dropdown-menu">
-          <li><a class="btn-success" href="#"><i class="icon-g-sun"></i> Open</a></li>
-          <li><a class="btn-warning" href="#"><i class="icon-g-rotation-lock"></i> in Standby</a></li>
-          <li><a class="btn-danger"  href="#"><i class="icon-g-circle-exclamation-mark"></i> Hot</a></li>
-          <li><a class="btn " href="#"><i class="icon-g-ok"></i> Finished</a></li>
-          <li><a class="btn btn-disabled" href="#"><i class="icon-g-ban"></i> Archived</a></li>
+          % for node_status in node_status_list:
+            <li>
+              <a class="${node_status.css}" href="${tg.url('/edit_status?node_id=%i&node_status=%s'%(current_node.node_id, node_status.status_id))}">
+                <i class="${node_status.icon_id}"></i> ${node_status.label}
+              </a>
+            </li>
+          % endfor
         </ul>
       </div>
       <div class="btn-group">
-        <button id='current-document-content-edit-button' class="btn"><i class='icon-g-edit'></i> ${_('Edit')}</button>
-      </div>
-      <div class="btn-group">
-        <a href='${tg.url('/force_delete_node?node_id=%i'%(current_node.node_id))}' id='current-document-force-delete-button' class="btn btn-danger"><i class="icon-g-white icon-g-remove"></i> ${_('Delete')}</a>
+        ${POD.EditButton('current-document-content-edit-button', True)}
+        <a class="btn" href="#" data-toggle="dropdown"><i class="icon-g-move"></i> ${_('Move to')} <span class="caret"></span></a>
+        <ul class="dropdown-menu">
+          ${node_treeview_for_set_parent_menu(current_node.node_id, root_node_list)}
+        </ul>
+
+
+        <a href='${tg.url('/force_delete_node?node_id=%i'%(current_node.node_id))}' id='current-document-force-delete-button' class="btn" onclick="return confirm('${_('Delete current document?')}');"><i class="icon-g-remove"></i> ${_('Delete')}</a>
       </div>
+      
+            <!--</div> PAGE HEADER -->
+      <h3 id="current-document-title">${current_node.data_label}</h3>
+</div>
+      <div class="span5">
+      
       <p>
         <div id='current-document-content' class="">
           ${current_node.data_content|n}
         </div>
-        <form id="current-document-content-edit-form" method='post' action='${tg.url('/edit_content')}'>
+        <form style='display: none;' id="current-document-content-edit-form" method='post' action='${tg.url('/edit_content')}'>
           <input type='hidden' name='node_id' value='${current_node.node_id}'/>
           <textarea id="current_node_textarea" name='data_content' spellcheck="false" wrap="off" autofocus placeholder="Enter something ...">
             ${current_node.data_content|n}
           </textarea>
-          <button id="current-document-content-edit-cancel-button" type="button" class="btn" title="${_('Cancel editing')}"><i class="icon-g-ban"></i> ${_('Cancel')}</button>
-          <button id='current-document-content-edit-save-button' type="button" class="btn" title="${_('Save')}"><i class="icon-g-edit"></i>  ${_('Save')}</button>
+          ${POD.CancelButton('current-document-content-edit-cancel-button', True)}
+          ${POD.SaveButton('current-document-content-edit-save-button', True)}
         </form>
       </p>
     </div>
@@ -127,17 +159,45 @@ Learning TurboGears 2.3: Quick guide to the Quickstart pages.
       <div class="tabbable">
         <ul class="nav nav-tabs">
             <li class="active">
-              <a href="#events" data-toggle="tab" title="History"><i class="icon-g-calendar"></i></a>
+              <a href="#events" data-toggle="tab" title="History"><i class="icon-g-history"></i></a>
             </li>
-            <li><a href="#contacts" data-toggle="tab" title="Contacts"><i class="icon-g-user""></i> </a></li>
+            <li><a href="#contacts" data-toggle="tab" title="Contacts"><i class="icon-g-phone""></i> </a></li>
             <li><a href="#comments" data-toggle="tab" title="Comments"><i class="icon-g-comments"></i> </a></li>
             <li><a href="#files" data-toggle="tab" title="Files"><i class="icon-g-attach"></i> </a></li>
+            <li><a href="#contacts" data-toggle="tab" title="Users"><i class="icon-g-user""></i> </a></li>
         </ul>
         <div class="tab-content">
             <div class="tab-pane active" id="events">
-              <!--p class="text-right" >
-                <button class="text-right btn btn-info " type="button"><i class="icon-g-plus icon-g-white"></i> new event</button>
-              </p-->
+
+${POD.AddButton('current-document-add-event-button', True, _(' Add event'))}
+<form style='display: none;' id='current-document-add-event-form' action='${tg.url('/api/create_event')}' method='post' class="well">
+  <input type="hidden" name='parent_id' value='${current_node.node_id}'/>
+  <fieldset>
+    <legend>Add an event</legend>
+    <label>
+      <input type="text" name='data_label' placeholder="Event"/>
+    </label>
+    <label>
+      <div class="datetime-picker-input-div input-append date">
+        <input name='data_datetime' data-format="dd/MM/yyyy hh:mm" type="text" placeholder="date and time"/>
+        <span class="add-on"><i data-time-icon="icon-g-clock" data-date-icon="icon-g-calendar"></i></span>
+      </div>
+    </label>
+    <label class="checkbox">
+      <input disabled name='add_reminder' type="checkbox"> add a reminder
+    </label>
+    <label>
+      <div class="datetime-picker-input-div input-append date">
+        <input disabled name='data_reminder_datetime' data-format="dd/MM/yyyy hh:mm" type="text" placeholder="date and time"/>
+        <span class="add-on"><i data-time-icon="icon-g-clock" data-date-icon="icon-g-calendar"></i></span>
+      </div>
+    </label>
+
+    ${POD.CancelButton('current-document-add-event-cancel-button', True)}
+    ${POD.SaveButton('current-document-add-event-save-button', True)}
+  </fieldset>
+</form>
+
               <table class="table table-striped table-hover table-condensed">
                 <thead>
                   <tr>

pboard/pboard/templates/master.mak

@@ -8,6 +8,8 @@
     <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/style.css')}" />
     <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/glyphicons.css')}" />
 
+    <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/bootstrap-datetimepicker.min.css')}" />
+
     <style>
       /* Wrapper for page content to push down footer */
       #wrap {
@@ -37,17 +39,40 @@
         }
       }
       
+
 div.pod-toolbar {
   visibility: hidden;
+  position: absolute;
+  right: 1.2em;
+  top: 0;
 }
-tr:Hover td div.pod-toolbar {
+
+.pod-toolbar-parent {
+  border-bottom: 1px dotted #CCC;
+}
+.pod-toolbar-parent:Hover {
+  background-color: #EFEFEF;
+}
+.pod-toolbar-parent:Hover > div.pod-toolbar {
   visibility: visible;
 }
+.pod-status {
+  position: absolute;
+  width: 1.2em;
+  text-align: center;
+  right: 0;
+  top: 0;
+}
 
 h3:Hover div.pod-toolbar {
   visibility: visible;
 }
 
+body { padding-top: 60px; }
+@media screen and (max-width: 768px) {
+    body { padding-top: 0px; }
+}
+
     </style>
 </head>
 <body class="${self.body_class()}">
@@ -67,6 +92,7 @@ h3:Hover div.pod-toolbar {
 
 <script src="/bootstrap-wysihtml5-0.0.2/libs/js/wysihtml5-0.3.0_rc2.js"></script>
 <script src="/bootstrap-wysihtml5-0.0.2/bootstrap-wysihtml5-0.0.2.js"></script>
+<script src="/javascript/bootstrap-datetimepicker.min.js"></script>
 
 <style>
 tr:Hover td div.pod-toolbar {
@@ -75,6 +101,11 @@ tr:Hover td div.pod-toolbar {
 tr:Hover td div.pod-toolbar {
   visibility: visible;
 }
+
+.pod-status-grey-light  { background-color: #DDD; }
+.pod-status-grey-middle { background-color: #BBB; }
+.pod-status-grey-dark   { background-color: #AAA; }
+
 </style>
 
   
@@ -90,21 +121,9 @@ tr:Hover td div.pod-toolbar {
 
             <script>
               $(document).ready(function() {
-               
-                $('#data_content').wysihtml5({
-                  "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
-                  "emphasis": true, //Italics, bold, etc. Default true
-                  "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
-                  "html": true, //Button which allows you to edit the generated HTML. Default false
-                  "link": false, //Button to insert a link. Default true
-                  "image": false, //Button to insert an image. Default true,
-                  // "color": true //Button to change color of font  
-                });
-                
-                $('#data_content').css("width", "30em");
-                $('#data_content').css("height", "12em");
 
-                $('#data_content_edit').wysihtml5({
+                
+                $('#current_node_textarea').wysihtml5({
                   "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
                   "emphasis": true, //Italics, bold, etc. Default true
                   "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
@@ -113,19 +132,6 @@ tr:Hover td div.pod-toolbar {
                   "image": false, //Button to insert an image. Default true,
                   // "color": true //Button to change color of font  
                 });
-                
-                $('#data_content_edit').css("width", "30em");
-                $('#data_content_edit').css("height", "12em");
-                
-                          $('#current_node_textarea').wysihtml5({
-            "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
-            "emphasis": true, //Italics, bold, etc. Default true
-            "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
-            "html": true, //Button which allows you to edit the generated HTML. Default false
-            "link": false, //Button to insert a link. Default true
-            "image": false, //Button to insert an image. Default true,
-            // "color": true //Button to change color of font  
-          });
                 $('#current_node_textarea').css('margin-bottom', '0');
                 $('#current_node_textarea').css("min-height", "12em");
                 $('#current_node_textarea').addClass("span5");
@@ -167,7 +173,34 @@ tr:Hover td div.pod-toolbar {
                   $('#current-document-content-edit-form').submit();
                 });
 
-                /* Force delete content form */
+
+                /* Add event form hide/show behavior */
+                $("#current-document-add-event-button" ).click(function() {
+                  $("#current-document-add-event-form" ).css("display", "block");
+                  $("#current-document-add-event-button" ).css("display", "none");
+                });
+                $('#current-document-add-event-cancel-button').on('click', function(e){
+                  $("#current-document-add-event-form" ).css("display", "none");
+                  $("#current-document-add-event-button" ).css("display", "block");
+                });
+                $('#current-document-add-event-save-button').on('click', function(e){
+                  e.preventDefault(); // We don't want this to act as a link so cancel the link action
+                  $('#current-document-add-event-form').submit();
+                });
+
+
+
+
+/*                $('.date-picker-input').datepicker({
+                  format: 'mm-dd-yyyy'
+                });
+*/
+                $(function() {
+                  $('.datetime-picker-input-div').datetimepicker({
+                    language: 'fr-FR',
+                    pickSeconds: false
+                  });
+                });
 
               });
               
@@ -201,10 +234,10 @@ tr:Hover td div.pod-toolbar {
 </%def>
 
 <%def name="main_menu()">
-  <div class="navbar">
+  <div id="pod-navbar" class="navbar navbar-fixed-top">
     <div class="navbar-inner">
       <div class="container">
-        <a class="brand" href="#"><img src="${tg.url('/img/turbogears_logo.png')}" alt="TurboGears 2"/> <strong>pod</strong></a>
+        <a class="brand" href="#"><!--img src="${tg.url('/img/turbogears_logo.png')}" alt="TurboGears 2"/--> <strong>pod</strong></a>
         <div class="nav-collapse">
           <ul class="nav">
             <li class="active"><a href="${tg.url('/dashboard')}"><i class="icon-home icon-white"></i> Dashboard</a></li>

pboard/pboard/templates/pod.mak

@@ -0,0 +1,17 @@
+<%def name="Button(piId, pbWithLabel, psButtonCssClass, psButtonTitle, psButtonIcon, psButtonLabel)" >
+  <button id='${piId}' type="button" class="btn" title="${psButtonTitle}"><i class="${psButtonIcon}"></i>${u'' if (pbWithLabel==False) else u' %s'%(psButtonLabel)}</button>
+</%def>
+
+<%def name="SaveButton(piId, pbWithLabel=False)" >
+  ${Button(piId, pbWithLabel, 'btn', _('Save'), 'icon-g-edit', _('Save'))}
+</%def>
+<%def name="EditButton(piId, pbWithLabel=False)" >
+  ${Button(piId, pbWithLabel, 'btn', _('Edit'), 'icon-g-edit', _('Edit'))}
+</%def>
+<%def name='CancelButton(piId, pbWithLabel=False)'>
+  ${Button(piId, pbWithLabel, 'btn', _('Cancel'), 'icon-g-ban', _('Cancel'))}
+</%def>
+<%def name='AddButton(piId, pbWithLabel=False, psLabel=None)'>
+  ${Button(piId, pbWithLabel, 'btn', psLabel or _('New'), 'icon-g-circle-plus', psLabel or _('New'))}
+</%def>
+