Fix #35

CHANGELOG.md

@@ -1,6 +1,7 @@
 seaweedchan:
 - Change ESC functionality in QR to autohide if Persistent QR is enabled
 - Add /v/ and /vg/ archiving to archive.nihil-ad-rem.net, and make sure Archiver Selection settings actually switch to it
+- Add option to toggle between updater and stats fixed in header or floating
 
 MayhemYDG: 
 - Add nyafuu archiving for /w/

src/General/Config.coffee

@@ -13,6 +13,10 @@ Config =
         false,
         'Adds a small [QR] link in the header.'
       ]
+      'Updater and Stats in Header': [
+        true,
+        'Places the thread updater and thread stats in the header instead of floating them.'
+      ]
       'Announcement Hiding': [
         true
         'Add button to hide 4chan announcements.'

src/General/css/style.css

@@ -66,6 +66,8 @@ a[href="javascript:;"] {
 #qp, #ihover,
 #navlinks, .fixed #header-bar,
 #watcher,
+:root.float #updater,
+:root.float #thread-stats,
 #qr {
   position: fixed;
 }
@@ -385,13 +387,14 @@ a.hide-announcement {
 }
 
 /* Thread Updater */
-#updater:not(:hover) {
+#updater {
   background: none;
   border: none;
   box-shadow: none;
 }
 #updater > .move {
-  padding: 0 3px;
+  padding: 5px 3px 0px;
+  margin-bottom: -3px;
 }
 #updater > div:last-child {
   text-align: center;
@@ -399,11 +402,8 @@ a.hide-announcement {
 #updater input[type=number] {
   width: 4em;
 }
-#updater:not(:hover) > div:not(.move) {
-  display: none;
-}
-#updater input[type="button"] {
-  width: 100%;
+:root.float #updater {
+  padding: 0px 3px;
 }
 .new {
   color: limegreen;
@@ -444,6 +444,12 @@ a.hide-announcement {
   border: none;
   box-shadow: none;
 }
+:root.float #post-count, :root.float #file-count {
+  pointer-events: none;
+}
+:root.float #thread-stats {
+  padding: 0px 3px;
+}
 
 /* Quote */
 .deadlink {

src/Monitoring/ThreadStats.coffee

@@ -1,14 +1,20 @@
 ThreadStats =
   init: ->
     return if g.VIEW isnt 'thread' or !Conf['Thread Stats']
-    @dialog = sc = $.el 'span',
-      innerHTML: "<span id=post-count>0</span> / <span id=file-count>0</span></div>"
-      id:        'thread-stats'
+
+    if Conf['Updater and Stats in Header']
+      @dialog = sc = $.el 'span',
+        innerHTML: "<span id=post-count>0</span> / <span id=file-count>0</span>"
+        id:        'thread-stats'
+      Header.addShortcut sc
+    else 
+      @dialog = sc = UI.dialog 'thread-stats', 'bottom: 0px; right: 0px;',
+        "<div class=move><span id=post-count>0</span> / <span id=file-count>0</span></div>"
+      $.ready => 
+        $.add d.body, sc    
 
     @postCountEl = $ '#post-count', sc
     @fileCountEl = $ '#file-count', sc
-    
-    Header.addShortcut sc
 
     Thread::callbacks.push
       name: 'Thread Stats'

src/Monitoring/ThreadUpdater.coffee

@@ -3,20 +3,28 @@ ThreadUpdater =
     return if g.VIEW isnt 'thread' or !Conf['Thread Updater']
 
     checked = if Conf['Auto Update'] then 'checked' else ''
-    @dialog = sc = $.el 'span',
-      innerHTML: "<span id=update-status></span><span id=update-timer title='Update now'></span>"
-      id:        'updater'
 
-    @timer  = $ '#update-timer',  sc
+    if Conf['Updater and Stats in Header']
+      @dialog = sc = $.el 'span',
+        innerHTML: "<span id=update-status></span><span id=update-timer title='Update now'></span>"
+        id:        'updater'
+      Header.addShortcut sc
+    else 
+      @dialog = sc = UI.dialog 'updater', 'bottom: 0px; left: 0px;',
+        "<div class=move></div><span id=update-status></span><span id=update-timer title='Update now'></span>"
+      $.addClass doc, 'float'
+      $.ready => 
+        $.addClass doc, 'float'
+        $.add d.body, sc    
+
+    @checkPostCount = 0
+
+    @timer  = $ '#update-timer', sc
     @status = $ '#update-status', sc
 
     $.on @timer,  'click', ThreadUpdater.update
     $.on @status, 'click', ThreadUpdater.update
 
-    @checkPostCount = 0
-
-    Header.addShortcut sc
-
     subEntries = []
     for name, conf of Config.updater.checkbox
       checked = if Conf[name] then 'checked' else ''