reduce read/not read button size + mark content as read when you interact with it + mark read every stuff created by current user

tracim/tracim/lib/content.py

 
     def mark_read(self, content: Content,
                   read_datetime: datetime=None,
-                  do_flush=True) -> Content:
+                  do_flush: bool=True, recursive: bool=True) -> Content:
 
         assert self._user
         assert content
         for revision in viewed_revisions:
             revision.read_by[self._user] = read_datetime
 
-        for child in content.get_valid_children():
-            self.mark_read(child, read_datetime=read_datetime, do_flush=False)
+        if recursive:
+            # mark read :
+            # - all children
+            # - parent stuff (if you mark a comment as read,
+            #                 then you have seen the parent)
+            # - parent comments
+            for child in content.get_valid_children():
+                self.mark_read(child, read_datetime=read_datetime,
+                               do_flush=False)
+
+            if ContentType.Comment == content.type:
+                self.mark_read(content.parent, read_datetime=read_datetime,
+                               do_flush=False, recursive=False)
+                for comment in content.parent.get_comments():
+                    if comment != content:
+                        self.mark_read(comment, read_datetime=read_datetime,
+                                       do_flush=False, recursive=False)
 
         if do_flush:
             self.flush()
             content.revision_type = action_description
 
         if do_flush:
+            # INFO - 2015-09-03 - D.A.
+            # There are 2 flush because of the use
+            # of triggers for content creation
+            #
+            # (when creating a content, actually this is an insert of a new
+            # revision in content_revisions ; so the mark_read operation need
+            # to get full real data from database before to be prepared.
+
             DBSession.add(content)
             DBSession.flush()
 
+            # TODO - 2015-09-03 - D.A. - Do not use triggers
+            # We should create a new ContentRevisionRO object instead of Content
+            # This would help managing view/not viewed status
+            self.mark_read(content, do_flush=True)
+
         if do_notify:
             self.do_notify(content)
 

tracim/tracim/public/assets/css/dashboard.css

 }
 
 .panel-heading > h3 { font-size: 1.5em;}
+
+hr.t-toolbar-btn-group-separator { border-color: #CCC; border-style: dotted; }

tracim/tracim/templates/file/toolbar.mak

     <div class="btn-group btn-group-vertical text-center">
         ${BUTTON.MARK_CONTENT_READ_OR_UNREAD(user, workspace, file)}
     </div>
+    <hr class="t-toolbar-btn-group-separator"/>
     <p></p>
 
     <% download_url = tg.url('/workspaces/{}/folders/{}/files/{}/download?revision_id={}'.format(result.file.workspace.id, result.file.parent.id,result.file.id,result.file.selected_revision)) %>

tracim/tracim/templates/page/toolbar.mak

     <div class="btn-group btn-group-vertical">
         ${BUTTON.MARK_CONTENT_READ_OR_UNREAD(user, workspace, page)}
     </div>
+    <hr class="t-toolbar-btn-group-separator"/>
     <p></p>
 
     <% edit_disabled = ('', 'disabled')[page.selected_revision!='latest' or page.status.id[:6]=='closed'] %>

tracim/tracim/templates/thread/toolbar.mak

     <div class="btn-group btn-group-vertical">
         ${BUTTON.MARK_CONTENT_READ_OR_UNREAD(user, workspace, thread)}
     </div>
+    <hr class="t-toolbar-btn-group-separator"/>
     <p></p>
 
     <% edit_disabled = ('', 'disabled')[thread.selected_revision!='latest' or thread.status.id[:6]=='closed'] %>

tracim/tracim/templates/widgets/button.mak

         if 'latest' != content.selected_revision:
             disabled_or_not = 'disabled'
     %>
+
     % if content.is_new:
-       <a href="${content.urls.mark_read}" class="btn btn-success ${disabled_or_not}" style="text-align: center;">
-           <i class="fa fa-4x fa-fw fa-eye"></i><br/>
+       <a href="${content.urls.mark_read}" class="btn btn-success ${disabled_or_not}">
+           <i class="fa fa-fw fa-inverse fa-eye"></i>
            <span style="color: #FFF">${_('Mark read')}</span>
        </a>
     % else:
-       <a href="${content.urls.mark_unread}" class="btn btn-default ${disabled_or_not}" style="text-align: center;">
-           <i class="fa fa-4x fa-fw fa-eye-slash tracim-less-visible"></i><br/>
+       <a href="${content.urls.mark_unread}" class="btn btn-default ${disabled_or_not}">
+           <i class="fa fa-fw fa-eye-slash t-less-visible"></i>
            <span class="tracim-less-visible">${_('Mark unread')}</span>
        </a>
     % endif
 </%def>
+