Add Fappe and Werk Tyme indicators.

src/Images/FappeTyme.coffee

@@ -20,6 +20,17 @@ FappeTyme =
         el:    el
         order: 97
 
+      indicator = $.el 'span',
+        className: 'indicator'
+        textContent: type[0]
+        title: "#{type} Tyme active"
+      $.on indicator, 'click', ->
+        check = FappeTyme.nodes[@parentNode.id.split('-')[0]]
+        check.checked = !check.checked
+        $.event 'change', null, check
+      Header.addShortcut indicator, 410
+      indicator.parentNode.id = "#{lc}-indicator"
+
     if Conf['Werk Tyme']
       $.sync 'werk', @set.bind(@, 'werk')
 

src/css/burichan.css

@@ -39,6 +39,11 @@
   background-color: rgba(255, 255, 255, .14);
 }
 
+/* Fappe and Werk Tyme */
+:root.burichan .indicator {
+  color: #D6DAF0;
+}
+
 /* QR */
 .burichan #dump-list::-webkit-scrollbar-thumb {
   background-color: #D6DAF0;

src/css/futaba.css

@@ -39,6 +39,11 @@
   background-color: rgba(255, 255, 255, .14);
 }
 
+/* Fappe and Werk Tyme */
+:root.futaba .indicator {
+  color: #F0E0D6;
+}
+
 /* QR */
 .futaba #dump-list::-webkit-scrollbar-thumb {
   background-color: #F0E0D6;

src/css/photon.css

@@ -47,6 +47,11 @@
   background-color: rgba(255, 255, 255, .14);
 }
 
+/* Fappe and Werk Tyme */
+:root.photon .indicator {
+  color: #DDD;
+}
+
 /* QR */
 .photon #dump-list::-webkit-scrollbar-thumb {
   background-color: #DDD;

src/css/style.css

@@ -1108,12 +1108,11 @@ input[name="Default Volume"] {
   vertical-align: middle;
   margin: 0px;
 }
-/* Fappe Tyme */
+/* Fappe and Werk Tyme */
 :root.fappeTyme .thread > .noFile,
 :root.fappeTyme .threadContainer > .noFile {
   display: none;
 }
-/* Werk Tyme */
 :root.werkTyme .postContainer:not(.noFile) .fileThumb,
 :root.werkTyme .catalog-thumb:not(.deleted-file):not(.no-file),
 :root:not(.werkTyme) .werkTyme-filename {
@@ -1127,6 +1126,21 @@ input[name="Default Volume"] {
   -webkit-align-self: stretch;
   align-self: stretch;
 }
+.indicator {
+  background: rgba(255,0,0,0.8);
+  font-weight: bold;
+  display: inline-block;
+  min-width: 9px;
+  padding: 0px 2px;
+  text-align: center;
+  color: white;
+  border-radius: 2px;
+  cursor: pointer;
+}
+:root:not(.fappeTyme) #fappe-indicator,
+:root:not(.werkTyme) #werk-indicator {
+  display: none;
+}
 
 /* Index/Reply Navigation */
 #navlinks {

src/css/tomorrow.css

@@ -46,6 +46,11 @@
   background-color: rgba(0, 0, 0, .14);
 }
 
+/* Fappe and Werk Tyme */
+:root.tomorrow .indicator {
+  color: #282A2E;
+}
+
 /* Highlighting */
 :root.tomorrow .qphl {
   outline: 2px solid rgba(145, 182, 214, .8);

src/css/yotsuba-b.css

@@ -39,6 +39,11 @@
   background-color: rgba(255, 255, 255, .14);
 }
 
+/* Fappe and Werk Tyme */
+:root.yotsuba-b .indicator {
+  color: #D6DAF0;
+}
+
 /* QR */
 .yotsuba-b #dump-list::-webkit-scrollbar-thumb {
   background-color: #D6DAF0;

src/css/yotsuba.css

@@ -39,6 +39,11 @@
   background-color: rgba(255, 255, 255, .14);
 }
 
+/* Fappe and Werk Tyme */
+:root.yotsuba .indicator {
+  color: #F0E0D6;
+}
+
 /* QR */
 .yotsuba #dump-list::-webkit-scrollbar-thumb {
   background-color: #F0E0D6;