improved file view, added default plugin icon

4 files changed, 109 insertions, 54 deletions

diff --git a/module/web/static/css/default/common.less b/module/web/static/css/default/common.less
index ba96bb4ed..97cc20463 100644
--- a/module/web/static/css/default/common.less
+++ b/module/web/static/css/default/common.less
@@ -39,9 +39,11 @@
 
 @green: #468847;
 @greenLight: lighten(spin(@green, 5), 10%);
+@greenDark: darken(spin(@green, -5), 10%);
 
 @red: #b94a48;
 @redLight: lighten(spin(@red, 5), 10%);
+@redDark: darken(spin(@red, -5), 10%);
 
 @emph: #FF7637;
 
diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less
index 72758959c..12d833168 100644
--- a/module/web/static/css/default/dashboard.less
+++ b/module/web/static/css/default/dashboard.less
@@ -156,14 +156,38 @@
 }

 

 .file-view {

+  position: relative;

   margin-bottom: 3px;

   color: @light;

   .gradient(top, @blue, @blueLight); //  background-color: @blue;

   border-radius: 5px;

   line-height: 28px;

+

   &:hover {

     .gradient(top, @blue, @blueDark);

   }

+

+  &.selected {

+    .gradient(top, @yellow, @yellowDark);

+    color: @dark;

+

+    .iconf-chevron-down:hover {

+      color: @light;

+    }

+

+  }

+

+  img {

+    padding: 0 2px;

+    height: 24px;

+    width: 24px;

+  }

+

+  .iconf-chevron-down:hover {

+    cursor: pointer;

+    color: @yellow;

+  }

+

 }

 

 .file-row {

@@ -185,22 +209,36 @@
   width: 50%;

   font-weight: bold;

 

-  .icon-file {

+  .icon-white {

     cursor: move;

   }

 

 }

 

 .file-row.second {

+  color: @light;

+  font-size: small;

   width: 20%;

   .gradient(top, @blueDark, @blueDarker);

-  font-size: smaller;

 }

 

-.file-view a {

-  color: @light;

+.file-row.third {

+  font-size: small;

+

+  .dropdown-menu {

+    font-size: medium;

+  }

+

 }

 

+//.file-row.finished {

+//  .gradient(top, @green, @greenLight);

+//}

+//

+//.file-row.failed {

+//  .gradient(top, @red, @redLight);

+//}

+

 /*

 FANCY CHECKBOXES

 */

@@ -214,6 +252,6 @@ FANCY CHECKBOXES
   cursor: pointer;

 }

 

-.file-view .checkbox.checked {

+.file-view.selected .checkbox {

   background: url(../../img/default/checks_sheet.png) -21px top no-repeat;

 }

diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index 7c857227f..c009a3920 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -271,6 +271,10 @@ header .logo {
   font-size: small;

 

   li {

+    background-repeat: no-repeat;

+    background-size: 32px 32px;

+    background-position: 0px 8px;

+    padding-left: 38px;

 

     &:not(:last-child) {

       margin-bottom: 5px;

diff --git a/module/web/static/css/fontawesome.css b/module/web/static/css/fontawesome.css
index ca7a8ed83..d8cb66237 100644
--- a/module/web/static/css/fontawesome.css
+++ b/module/web/static/css/fontawesome.css
@@ -268,52 +268,63 @@ ul.icons li [class*=" iconf-"] {
   .btn .iconf-spin.iconf-large {
     height: .75em;
   }
-}.iconf-search:before		{ content: "\f021"; }
-.iconf-user:before		{ content: "\f022"; }
-.iconf-ok:before		{ content: "\f023"; }
-.iconf-remove:before		{ content: "\f024"; }
-.iconf-cog:before		{ content: "\f025"; }
-.iconf-trash:before		{ content: "\f026"; }
-.iconf-repeat:before		{ content: "\f027"; }
-.iconf-refresh:before		{ content: "\f028"; }
-.iconf-list-alt:before		{ content: "\f029"; }
-.iconf-lock:before		{ content: "\f02a"; }
-.iconf-tag:before		{ content: "\f02b"; }
-.iconf-tags:before		{ content: "\f02c"; }
-.iconf-list:before		{ content: "\f02d"; }
-.iconf-pencil:before		{ content: "\f02e"; }
-.iconf-edit:before		{ content: "\f02f"; }
-.iconf-share:before		{ content: "\f030"; }
-.iconf-check:before		{ content: "\f031"; }
-.iconf-play:before		{ content: "\f032"; }
-.iconf-pause:before		{ content: "\f033"; }
-.iconf-stop:before		{ content: "\f034"; }
-.iconf-eye-open:before		{ content: "\f035"; }
-.iconf-eye-close:before		{ content: "\f036"; }
-.iconf-check-empty:before		{ content: "\f037"; }
-.iconf-globe:before		{ content: "\f038"; }
-.iconf-tasks:before		{ content: "\f039"; }
-.iconf-filter:before		{ content: "\f03a"; }
-.iconf-plus-sign:before		{ content: "\f03b"; }
-.iconf-chevron-left:before		{ content: "\f03c"; }
-.iconf-chevron-right:before		{ content: "\f03d"; }
-.iconf-chevron-up:before		{ content: "\f03e"; }
-.iconf-chevron-down:before		{ content: "\f03f"; }
-.iconf-key:before		{ content: "\f040"; }
-.iconf-cogs:before		{ content: "\f041"; }
-.iconf-signout:before		{ content: "\f042"; }
-.iconf-signin:before		{ content: "\f043"; }
-.iconf-wrench:before		{ content: "\f044"; }
-.iconf-inbox:before		{ content: "\f045"; }
-.iconf-share:before		{ content: "\f046"; }
-.iconf-hdd:before		{ content: "\f047"; }
-.iconf-group:before		{ content: "\f048"; }
-.iconf-cloud:before		{ content: "\f049"; }
-.iconf-carret-left:before		{ content: "\f04a"; }
-.iconf-sort-down:before		{ content: "\f04b"; }
-.iconf-sort-up:before		{ content: "\f04c"; }
-.iconf-sitemap:before		{ content: "\f04d"; }
-.iconf-folder-open:before		{ content: "\f04e"; }
-.iconf-folder-open-alt:before		{ content: "\f04f"; }
-.iconf-folder-close:before		{ content: "\f050"; }
-.iconf-folder-close-alt:before		{ content: "\f051"; }
+}.iconf-music:before		{ content: "\f021"; }
+.iconf-search:before		{ content: "\f022"; }
+.iconf-user:before		{ content: "\f023"; }
+.iconf-film:before		{ content: "\f024"; }
+.iconf-file:before		{ content: "\f025"; }
+.iconf-download-alt:before		{ content: "\f026"; }
+.iconf-download:before		{ content: "\f027"; }
+.iconf-inbox:before		{ content: "\f028"; }
+.iconf-ok:before		{ content: "\f029"; }
+.iconf-remove:before		{ content: "\f02a"; }
+.iconf-cog:before		{ content: "\f02b"; }
+.iconf-trash:before		{ content: "\f02c"; }
+.iconf-repeat:before		{ content: "\f02d"; }
+.iconf-refresh:before		{ content: "\f02e"; }
+.iconf-list-alt:before		{ content: "\f02f"; }
+.iconf-lock:before		{ content: "\f030"; }
+.iconf-tag:before		{ content: "\f031"; }
+.iconf-tags:before		{ content: "\f032"; }
+.iconf-print:before		{ content: "\f033"; }
+.iconf-list:before		{ content: "\f034"; }
+.iconf-picture:before		{ content: "\f035"; }
+.iconf-pencil:before		{ content: "\f036"; }
+.iconf-edit:before		{ content: "\f037"; }
+.iconf-share:before		{ content: "\f038"; }
+.iconf-check:before		{ content: "\f039"; }
+.iconf-play:before		{ content: "\f03a"; }
+.iconf-pause:before		{ content: "\f03b"; }
+.iconf-stop:before		{ content: "\f03c"; }
+.iconf-eye-open:before		{ content: "\f03d"; }
+.iconf-eye-close:before		{ content: "\f03e"; }
+.iconf-bar-chart:before		{ content: "\f03f"; }
+.iconf-check-empty:before		{ content: "\f040"; }
+.iconf-globe:before		{ content: "\f041"; }
+.iconf-tasks:before		{ content: "\f042"; }
+.iconf-filter:before		{ content: "\f043"; }
+.iconf-plus-sign:before		{ content: "\f044"; }
+.iconf-chevron-left:before		{ content: "\f045"; }
+.iconf-chevron-right:before		{ content: "\f046"; }
+.iconf-chevron-up:before		{ content: "\f047"; }
+.iconf-chevron-down:before		{ content: "\f048"; }
+.iconf-key:before		{ content: "\f049"; }
+.iconf-cogs:before		{ content: "\f04a"; }
+.iconf-signout:before		{ content: "\f04b"; }
+.iconf-signin:before		{ content: "\f04c"; }
+.iconf-wrench:before		{ content: "\f04d"; }
+.iconf-inbox:before		{ content: "\f04e"; }
+.iconf-share:before		{ content: "\f04f"; }
+.iconf-hdd:before		{ content: "\f050"; }
+.iconf-group:before		{ content: "\f051"; }
+.iconf-cloud:before		{ content: "\f052"; }
+.iconf-save:before		{ content: "\f053"; }
+.iconf-carret-left:before		{ content: "\f054"; }
+.iconf-sort-down:before		{ content: "\f055"; }
+.iconf-sort-up:before		{ content: "\f056"; }
+.iconf-sitemap:before		{ content: "\f057"; }
+.iconf-file-alt:before		{ content: "\f058"; }
+.iconf-folder-open:before		{ content: "\f059"; }
+.iconf-folder-open-alt:before		{ content: "\f05a"; }
+.iconf-folder-close:before		{ content: "\f05b"; }
+.iconf-folder-close-alt:before		{ content: "\f05c"; }