faalis 0.7.0

data/app/assets/stylesheets/faalis/dashboard/dashboard.css.scss

@@ -0,0 +1,226 @@
+@import "faalis/variables";
+@import "faalis/mixins";
+
+.row {
+   width: 100% !important;
+   max-width: 100%;
+}
+body {
+   background: $dashboard-background;
+}
+
+.full {
+   width: 100% !important;
+   max-width: 100% !important;
+}
+
+header {
+  background: white;
+  border-bottom: 1px solid $orange;
+  position: fixed;
+  z-index: 1000;
+  height: $header-height;
+  width: 100%;
+  ul {
+    list-style: none;
+
+    li {
+      display: inline;
+      h1 {
+        font-size: 1.5em;
+        display: inline-block;
+        font-weight: 300;
+        color: $darkgray;
+      }
+      .search {
+        display: inline-block;
+        padding: 0 10px;
+        input {
+          display: inline-block;
+          border-radius: 4px;
+          border-color: $lightergray;
+          box-shadow: none;
+          padding: 0 0.5em;
+        }
+      }
+    }
+  }
+
+  nav {
+    ul {
+      li {
+        display: inline-block;
+        padding: (($header-height / 4) - 3px) 20px 0 ;
+        height: $header-height;
+        margin: 0 5px;
+
+        &:not(.staticitem):hover {
+          border-bottom: 5px solid $alizarin;
+        }
+        span {
+          vertical-align: middle;
+          color: $darkgray;
+          cursor:pointer;
+          font-size: 1.2em;
+        }
+
+      }
+    }
+  }
+
+  .subnav {
+    background: $alizarin;
+    position: fixed;
+    top: $header-height;
+    padding: 10px 20px;
+    border-radius: 0 0 5px 5px;
+    min-width: 100px;
+    color: white;
+    ul li {
+      padding: 4px 10px;
+      a {
+        color: lighten($lightergray, 5%);
+        text-shadow: 0 1px 1px $darkgray;
+        &:hover {
+          color: white;
+        }
+      }
+    }
+  }
+}
+
+
+ul{
+   margin-bottom:0px !important;
+   margin-bottom:0;
+}
+
+
+.dashboard-content {
+   .content {
+      padding: 10px 20px 0;
+   }
+   h1, h2, h3, h4, h5 {
+      color: $darkergray;
+   }
+
+}
+
+
+.widget {
+   -webkit-box-shadow: 0px 1px 1px rgba(48, 50, 50, 0.2);
+   -moz-box-shadow:    0px 1px 1px rgba(48, 50, 50, 0.2);
+   box-shadow:         0px 1px 1px rgba(48, 50, 50, 0.2);
+   @include box-shadow (0px 1px 1px rgba(48, 50, 50, 0.2));
+   min-height:6em;
+   //margin: 5px;
+   padding: 10px;
+   border-radius: 3px;
+   border-bottom:solid 10px #FFFFFF;
+   .text-center {
+      vertical-align: middle;
+      min-height:100%;
+      padding-top:2em;
+      .icon {
+         display: block;
+      }
+
+   }
+  &.whitewidget {
+    background: white;
+  }
+}
+
+fieldset {
+  label {
+    padding: 0px 0px 5px 0px;
+  }
+  .permissions {
+    margin: 0 10px;
+
+    .field {
+      height: 16em;
+      border: 1px solid $lightergray;
+      color: $darkgray;
+
+      padding: 5px 10px;
+      overflow-y: auto;
+      ul {
+        list-style: none;
+        li {
+          cursor: pointer;
+          i.green-text {
+            color: $emerald;
+          }
+        }
+      }
+    }
+  }
+}
+
+.dashboard-body {
+  padding-top: $header-height + 20px;
+}
+
+.buttons-header {
+  span {
+    margin: 5px 5px 5px;
+  }
+}
+
+.input-error {
+  border-color: $alizarin !important;
+}
+
+// Tabs --------------------------------------------------------
+@mixin active-tab ($color){
+  border-bottom: $tab-bottom-border solid $color;
+}
+
+.tabs {
+  width: 100%;
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid $lightergray;
+  border-bottom: $tab-bottom-border solid $lightgray;
+  padding: 0 10px;
+  font-size: 14px;
+  height: $tabs-height;
+  color: $lightergray;
+  ul {
+    list-style: none;
+
+    li {
+      color: $darkgray;
+      display: inline-block;
+      position: relative;
+      padding: 10px 20px;
+      cursor: pointer;
+      height: $tabs-height - 1px;
+
+      &.active {
+        &.tab1{
+          @include active-tab($emerald);
+        }
+        &.tab2{
+          @include active-tab($alizarin);
+        }
+        &.tab3{
+          @include active-tab($peter_river);
+        }
+        &.tab4{
+          @include active-tab($orange);
+        }
+
+      }
+    }
+  }
+}
+
+
+.filter_box {
+  fieldset {
+    background: $peter_river;
+    border-color: darken($peter_river, 5%);
+  }
+}

data/app/assets/stylesheets/faalis/dashboard/list_view.css.scss

@@ -0,0 +1,169 @@
+@import "faalis/variables";
+@import "faalis/base";
+
+$table-list-line-height: 40px;
+/*
+  <.table-list>
+    .buttons
+    .details
+*/
+.table-list{
+   ul:not(.button-group){
+      border-top:2px solid $lightergray;
+      border-bottom: 5px solid $hover-box;
+      list-style: none;
+      border-radius: $border-radius;
+      overflow: hidden;
+
+      li:not(.btn) {
+         min-height: $table-list-line-height;
+         line-height: $table-list-line-height;
+         border-left: solid 1px $lightergray;
+         border-right: solid 1px $lightergray;
+         border-bottom: solid 1px $lightergray;
+         background-color: $verylightgray;
+         opacity: 0.8;
+         padding-left: 20px;
+         padding-right: 20px;
+
+         &.grid {
+           padding-left: 0px;
+           padding-right: 0px;
+           font-size: 14px;
+           line-height: 1.25;
+
+         }
+         color: lighten(black, 20%);
+         overflow: hidden;
+
+           // TODO: Create a mixin for user-select;
+         -webkit-user-select: none;
+         -moz-user-select: none;
+         -khtml-user-select: none;
+         -ms-user-select: none;
+         -o-user-select: none;
+         &.selected {
+            background: $selected-bg;
+         }
+         &:hover.selected{
+            background: darken($selected-bg, 5%);
+         }
+       .show_details {
+          display: block;
+          @include transition(display 300ms linear 0ms);
+       }
+       .hide_details {
+          display: hide;
+          @include transition(display 300ms linear 0ms);
+       }
+       .title {
+          display: inline;
+          position: absolute;
+          width: 75%;
+          height: $table-list-line-height;
+
+       }
+       .buttons {
+          margin-top: -$table-list-line-height;
+          opacity: 0;
+
+          @include transition(opacity 300ms linear 0ms);
+       }
+       i {
+          font-size: 1.2em;
+          width: 1em;
+          height: 1em;
+          text-align: center;
+       }
+       a{
+          color: $darkgray;
+       }
+       span.btn > a {
+          color: white;
+       }
+       &.table-header {
+          background: white;
+          padding-top: 3px;
+          padding-bottom: 5px;
+          opacity: 1;
+          .list-type {
+            span {
+              color: $lightgray;
+              cursor: pointer;
+              &.active {
+                color: $darkgray;
+              }
+            }
+          }
+       }
+       .overload{
+          display:none;
+          height:300px;
+       }
+       &:first-child{
+          border-top:solid 1px #E6E6E6;
+       }
+       &:hover {
+            //opacity: 1;
+          background: white;
+          overflow: hidden;
+
+          & > .buttons {
+             opacity: 1;
+             @include transition("opacity 300ms linear 0ms");
+          }
+       }
+       div:not(.pagination):not(.ng*) {
+          padding-right:10px;
+          padding-left:10px;
+       }
+
+       &.table-summery {
+          opacity: 1;
+          background: white;
+          .small-text {
+             font-size: 0.8em;
+             padding: 0 10px;
+          }
+
+          .pagination {
+            display: inline-block;
+            font-size: 1em;
+            padding-top: $table-list-line-height / 6;
+            input {
+              text-align: center;
+              display: inline;
+              width: 1.6em;
+              padding: 0 0.1em;
+              margin: 0;
+              font-size: 1.1em;
+              height: 1.2em;
+              background: lighten($lightergray, 5%);
+              border: 1px solid $lightergray;
+            }
+              .label {
+                text-align: center;
+                position: relative;
+                font-size: 0.7em;
+              }
+          }
+
+       }
+       .details{
+          font-size:0.9em;
+          margin: 0 1em;
+          padding:1em 0;
+          .button-group{
+             background-color:$lightergray;
+             border-radius: 1em 1em 0 0;
+          }
+        }
+    }
+ }
+}
+.grid-style {
+  width: 100%;
+  height: 300px;
+  max-height: 500px;
+
+}

data/app/assets/stylesheets/faalis/dashboard/ltr/application.css

@@ -0,0 +1,26 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require faalis/dashboard/ltr/foundation_and_overrides
+ *= require ./direction
+ *= require faalis/variables
+ *= require font-awesome
+ *= require faalis/base
+ *= require ./base
+ *= require ./buttons
+ *= require_self
+ *= require faalis/dashboard/dashboard
+ *= require faalis/dashboard/sidebar
+ *= require faalis/dashboard/list_view
+ *= require faalis/dashboard/ng-quick-date
+ *= require faalis/dashboard/ng-quick-date-default-theme
+ *= require faalis/dashboard/ng-grid
+ *= require faalis/dashboard/select2
+*/

data/app/assets/stylesheets/faalis/dashboard/ltr/base.css.scss.erb

@@ -0,0 +1,28 @@
+@import "faalis/variables";
+@import "faalis/dashboard/ltr/foundation_and_overrides";
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(<%= asset_path("OpenSans-Regular.ttf") %>) format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
+}
+
+* {
+    font-family: 'Open Sans', serif;
+}
+
+input[type="integer"] {
+  @include form-element;
+}
+select {
+  @include form-element;
+}
+select[multiple] {
+  min-height: 10em;
+}
+
+textarea {
+  height: 10em !important;
+}
+.subnav {
+    right: 10px;
+}