headers

Author: splitbrain

lang/en/lang.php

@@ -66,6 +66,7 @@
 $lang['js']['btn_start'] = 'Start';
 $lang['js']['syncdone']  = 'Synchronization finished.';
 $lang['js']['loading']   = 'Retrieving File List…';
+$lang['js']['summary']   = 'Summary';
 
 
 $lang['timeout'] = 'Timeout';

style.less

@@ -41,70 +41,67 @@
         table-layout: fixed;
         width: 100%;
 
-        td {
+        th, td {
             vertical-align: middle;
         }
 
+        th.dir,
         td.dir {
             width: 6em;
         }
 
+        th.local,
         td.local,
+        th.remote,
         td.remote {
             white-space: nowrap;
             width: 9em;
         }
-    }
-
-    // general setup for custom radio buttons
-    label input {
-        visibility: hidden;
-        width: 2em;
-        height: 2em;
 
-        &::before {
-            cursor: pointer;
-            visibility: visible;
-            display: block;
+        // general setup for custom radio buttons
+        label input {
+            visibility: hidden;
             width: 2em;
             height: 2em;
 
-            color: @ini_text;
-            fill: red;
-        }
-    }
+            &::before {
+                cursor: pointer;
+                visibility: visible;
+                display: block;
+                width: 2em;
+                height: 2em;
 
-    // custom radio icons
-    label.push input {
-        &::before {
-            content: url(pix/arrow-right-bold-circle-outline.svg);
-        }
-        &:checked::before {
-            content: url(pix/arrow-right-bold-circle.svg);
+                color: @ini_text;
+                fill: red;
+            }
         }
-    }
 
-    label.skip input {
-        &::before {
-            content: url(pix/pause-circle-outline.svg);
-        }
-        &:checked::before {
-            content: url(pix/pause-circle.svg);
+        // custom radio icons
+        label.push input {
+            &::before {
+                content: url(pix/arrow-right-bold-circle-outline.svg);
+            }
+            &:checked::before {
+                content: url(pix/arrow-right-bold-circle.svg);
+            }
         }
-    }
 
-    label.pull input {
-        &::before {
-            content: url(pix/arrow-left-bold-circle-outline.svg);
+        label.skip input {
+            &::before {
+                content: url(pix/pause-circle-outline.svg);
+            }
+            &:checked::before {
+                content: url(pix/pause-circle.svg);
+            }
         }
-        &:checked::before {
-            content: url(pix/arrow-left-bold-circle.svg);
+
+        label.pull input {
+            &::before {
+                content: url(pix/arrow-left-bold-circle-outline.svg);
+            }
+            &:checked::before {
+                content: url(pix/arrow-left-bold-circle.svg);
+            }
         }
     }
-
 }
-
-/*
-// arrow-left-bold-circle-outline
-<svg viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z" /></svg>
-*/

sync.js

@@ -31,6 +31,14 @@ jQuery(function () {
         });
         $output.append($table);
 
+        var $lbl = jQuery('<label>');
+        $lbl.text(LANG.plugins.sync.summary +': ');
+        var $sum = jQuery('<input>');
+        $sum.attr('type', 'text');
+        $sum.addClass('edit');
+        $lbl.append($sum);
+        $output.append($lbl);
+
         var $button = jQuery('<button>');
         $button.click(beginsync);
         $button.text(LANG.plugins.sync.btn_start);