fae-railsz 2.1.0

data/app/assets/stylesheets/fae/modules/tables/_sorting.scss

@@ -0,0 +1,58 @@
+.th-sortable-handle {
+  width: 25px;
+  padding: 0;
+}
+
+.sortable-handle {
+  padding-right: 5px;
+  color: $c-text-sub;
+  cursor: pointer;
+}
+
+// tablesorter classes
+th {
+  &:not(.sorter-false) {
+    cursor: pointer;
+
+    .tablesorter-header-inner,
+    .th-sortable-title {
+      &:after {
+        display: inline-block;
+      }
+    }
+
+    &:hover,
+    &.tablesorter-headerAsc,
+    &.tablesorter-headerDesc,
+    &.-desc,
+    &.-asc {
+      .tablesorter-header-inner,
+      .th-sortable-title {
+        &:after {
+          color: $c-darkest-grey;
+        }
+      }
+    }
+  }
+}
+
+.tablesorter-header-inner,
+.th-sortable-title {
+  &:after {
+    @include icon-stuff;
+    content: fae-icon(arrow_down);
+    display: none;
+    font-size: 4px;
+    position: relative;
+    top: -3px;
+    left: 6px;
+    color: $c-darker-grey;
+  }
+}
+
+th.-asc .th-sortable-title,
+.tablesorter-headerAsc .tablesorter-header-inner {
+  &:after {
+    content: fae-icon(arrow_up);
+  }
+}

data/app/assets/stylesheets/fae/modules/tables/_sticky.scss

@@ -0,0 +1,9 @@
+// sticky table header
+.sticky-table-header {
+  @include stack($fae-nav-stack);
+  position: fixed;
+  top: 70px;
+  display: none;
+  border-top: 0;
+  border-bottom: 0;
+}

data/app/assets/stylesheets/fae/modules/tables/_tooltips.scss

@@ -0,0 +1,24 @@
+.tooltip {
+  @include transition(opacity 0.2s);
+  @include triangle(bottom, $c-darkest-grey, 4px);
+  background: $c-darkest-grey;
+  color: $c-white;
+  opacity: 0;
+  position: absolute;
+  top: -25px;
+  left: 0;
+  border-radius: 2px;
+  font-size: 10px;
+  padding: 5px;
+  width: 100%;
+}
+
+.tooltip-parent {
+  position: relative;
+
+  &:hover {
+    .tooltip {
+      opacity: 1;
+    }
+  }
+}

data/app/assets/stylesheets/fae/pages/_error.scss

@@ -0,0 +1,35 @@
+.error-page {
+  background-image: image-url('fae/error_bg.jpg');
+  padding-top: 100px;
+
+  section {
+    margin: 0 auto;
+    max-width: 700px;
+    min-width: 235px;
+    height: 330px;
+    padding: 35px;
+    border-top: 8px solid $c-custom-highlight;
+    border-radius: 4px;
+    background: white;
+    color: $c-mid-dark-grey;
+    line-height: 1.5;
+    font-size: 13px;
+    box-shadow: 0 3px 8px 0 $c-mid-grey;
+
+    p {
+      margin-top: 30px;
+      font-size: 16px;
+    }
+  }
+}
+
+.center {
+  text-align: center;
+}
+
+.sad_face {
+  background: image-url('fae/error_sad_face.png');
+  margin: 40px auto 0;
+  width: 56px;
+  height: 56px;
+}

data/app/assets/stylesheets/fae/pages/_help.scss

@@ -0,0 +1,28 @@
+.help-section {
+  .content {
+    &:first-child {
+      padding-top: 0;
+
+      h2 {
+        border-top: 0;
+      }
+    }
+  }
+
+  h3 {
+    color: $c-text-heavy;
+    font-size: 20px;
+    padding-top: 10px;
+  }
+
+  p {
+    color: $c-text-heavy;
+    font-size: 15px;
+    line-height: 1.4;
+    margin: 0;
+  }
+
+  strong {
+    font-weight: bold;
+  }
+}

data/app/assets/stylesheets/fae/pages/_home.scss

@@ -0,0 +1,18 @@
+.tutorial {
+  div {
+    background-image: image-url('fae/tutorial_model_location.png');
+    height: 11em;
+    margin-left: 2em;
+    background-size: 60%;
+    background-position: left;
+    background-repeat: no-repeat;
+  }
+
+  @media (max-width: 800px){
+    height: 8em;
+  }
+
+  p {
+    margin: 2em;
+  }
+}

data/app/assets/stylesheets/fae/pages/_login.scss

@@ -0,0 +1,137 @@
+.login-body {
+  height: auto;
+  padding: 0 20px;
+
+  .alert {
+    width: 100%;
+  }
+}
+
+.login-content {
+  width: 100%;
+  max-width: 700px;
+  padding-top: 55px;
+  margin: 20px auto;
+}
+
+.login-area {
+  border-top: 10px solid $c-custom-highlight;
+  margin: auto;
+  border-radius: 5px;
+  box-shadow: 0 0 5px 0 $c-grey;
+  background: $c-white;
+
+  img,
+  h1 {
+    display: block;
+    margin: 25px auto;
+    text-align: center;
+  }
+}
+
+.login-form {
+  width: 50%;
+  margin: auto;
+
+  @include bp(login_container) {
+    display: inline-block;
+    vertical-align: middle;
+    width: 50%;
+    padding: 35px 23px;
+    border-left: 1px solid $c-border;
+  }
+
+  input[type=text],
+  input[type=password],
+  input[type=email] {
+    width: 100%;
+    min-width: 100%;
+  }
+}
+
+.login-logo {
+  @include bp(login_container) {
+    display: inline-block;
+    vertical-align: middle;
+    padding: 0 25px;
+    width: 50%;
+  }
+}
+
+.login-form-password {
+  @extend .login-form;
+  width: 75%;
+  padding: 75px 23px;
+
+  @include bp(login_container) {
+    width: 50%;
+  }
+}
+
+.login-form-actions {
+  @include clearfix;
+
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding-bottom: 20px;
+  padding-top: 20px;
+
+  @include bp(login_container) {
+    padding: 0;
+  }
+
+  @include bp(login_submit) {
+    padding-top: 0;
+  }
+
+  > * {
+    margin-bottom: 20px;
+  }
+
+  > .input.boolean {
+    flex-grow: 1;
+  }
+}
+
+.login-helper {
+  font-size: 13px;
+  color: $c-darker-grey;
+}
+
+.login-footer {
+  margin-top: 10px;
+
+  .credit,
+  .login-helper {
+    display: inline-block;
+    width: 50%;
+    vertical-align: middle;
+  }
+}
+
+.login-form-password {
+  label {
+    margin-bottom: 10px;
+
+    & + label {
+      margin-bottom: 15px;
+    }
+  }
+
+  input[type=submit] {
+    margin-right: 20px;
+  }
+}
+
+.first_user-form {
+  @extend .login-form;
+
+  p {
+    margin-bottom: 30px;
+  }
+
+  input[type=submit] {
+    float: none;
+  }
+}

data/app/assets/stylesheets/fae/vendor/chosen.css

@@ -0,0 +1,377 @@
+/* @group Base */
+.chosen-container {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 13px;
+  zoom: 1;
+  *display: inline;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.chosen-container .chosen-drop {
+  position: absolute;
+  top: 100%;
+  left: -9999px;
+  z-index: 1010;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  border: 1px solid #aaa;
+  border-top: 0;
+  background: #fff;
+  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+  left: 0;
+}
+.chosen-container a {
+  cursor: pointer;
+}
+
+/* @end */
+/* @group Single Chosen */
+.chosen-container-single .chosen-single {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  padding: 0 0 0 8px;
+  height: 23px;
+  border: 1px solid #aaa;
+  border-radius: 5px;
+  background-color: #fff;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
+  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background-clip: padding-box;
+  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
+  color: #444;
+  text-decoration: none;
+  white-space: nowrap;
+  line-height: 24px;
+}
+.chosen-container-single .chosen-default {
+  color: #999;
+}
+.chosen-container-single .chosen-single span {
+  display: block;
+  overflow: hidden;
+  margin-right: 26px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.chosen-container-single .chosen-single-with-deselect span {
+  margin-right: 38px;
+}
+.chosen-container-single .chosen-single abbr {
+  position: absolute;
+  top: 6px;
+  right: 26px;
+  display: block;
+  width: 12px;
+  height: 12px;
+  font-size: 1px;
+}
+.chosen-container-single .chosen-single div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 18px;
+  height: 100%;
+}
+.chosen-container-single .chosen-single div b {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.chosen-container-single .chosen-search {
+  position: relative;
+  z-index: 1010;
+  margin: 0;
+  padding: 3px 4px 0;
+  white-space: nowrap;
+}
+.chosen-container-single .chosen-search input[type="text"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 1px 0;
+  padding: 4px 20px 4px 5px;
+  width: 100%;
+  height: auto;
+  outline: 0;
+  border: 1px solid #aaa;
+  background: white;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: linear-gradient(#eeeeee 1%, #ffffff 15%);
+  font-size: 1em;
+  font-family: sans-serif;
+  line-height: normal;
+  border-radius: 0;
+}
+.chosen-container-single .chosen-drop {
+  margin-top: -1px;
+  border-radius: 0 0 4px 4px;
+  background-clip: padding-box;
+}
+.chosen-container-single.chosen-container-single-nosearch .chosen-search {
+  position: absolute;
+  left: -9999px;
+}
+
+/* @end */
+/* @group Results */
+.chosen-container .chosen-results {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  margin: 4px 4px 4px 0;
+  padding: 0 0 0 4px;
+  max-height: 240px;
+  -webkit-overflow-scrolling: touch;
+}
+.chosen-container .chosen-results li {
+  display: none;
+  margin: 0;
+  padding: 5px 6px;
+  list-style: none;
+  line-height: 15px;
+}
+.chosen-container .chosen-results li.active-result {
+  display: list-item;
+  cursor: pointer;
+}
+.chosen-container .chosen-results li.chosen-hide { display: none; }
+.chosen-container .chosen-results li.disabled-result {
+  display: list-item;
+  color: #ccc;
+  cursor: default;
+}
+.chosen-container .chosen-results li.no-results {
+  display: list-item;
+  background: #f4f4f4;
+}
+.chosen-container .chosen-results li.group-result {
+  display: list-item;
+  font-weight: bold;
+  cursor: default;
+}
+.chosen-container .chosen-results li.group-option {
+  padding-left: 15px;
+}
+.chosen-container .chosen-results li em {
+  font-style: normal;
+  text-decoration: underline;
+}
+
+/* @end */
+/* @group Multi Chosen */
+.chosen-container-multi .chosen-choices {
+  position: relative;
+  overflow: hidden;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: auto !important;
+  height: 1%;
+  border: 1px solid #aaa;
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
+  cursor: text;
+}
+.chosen-container-multi .chosen-choices li {
+  float: left;
+  list-style: none;
+}
+.chosen-container-multi .chosen-choices li.search-field {
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+  margin: 1px 0;
+  padding: 5px;
+  height: 15px;
+  outline: 0;
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none;
+  color: #666;
+  font-size: 100%;
+  font-family: sans-serif;
+  line-height: normal;
+  border-radius: 0;
+}
+.chosen-container-multi .chosen-choices li.search-field .default {
+  color: #999;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+  position: relative;
+  margin: 3px 0 3px 5px;
+  padding: 3px 20px 3px 5px;
+  border: 1px solid #aaa;
+  border-radius: 3px;
+  background-color: #e4e4e4;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-clip: padding-box;
+  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+  color: #333;
+  line-height: 13px;
+  cursor: default;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  position: absolute;
+  top: 4px;
+  right: 3px;
+  display: block;
+  width: 12px;
+  height: 12px;
+  font-size: 1px;
+}
+.chosen-container-multi .chosen-choices li.search-choice-disabled {
+  padding-right: 5px;
+  border: 1px solid #ccc;
+  background-color: #e4e4e4;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  color: #666;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus {
+  background: #d4d4d4;
+}
+.chosen-container-multi .chosen-results {
+  margin: 0;
+  padding: 0;
+}
+.chosen-container-multi .chosen-drop .result-selected {
+  display: list-item;
+  color: #ccc;
+  cursor: default;
+}
+
+/* @end */
+/* @group Active  */
+.chosen-container-active .chosen-single {
+  border: 1px solid #5897fb;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+.chosen-container-active.chosen-with-drop .chosen-single {
+  -moz-border-radius-bottomright: 0;
+  border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft: 0;
+  border-bottom-left-radius: 0;
+  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
+  background: #fff;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div {
+  border-left: none;
+  background: transparent;
+}
+.chosen-container-active .chosen-choices {
+  border: 1px solid #5897fb;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+.chosen-container-active .chosen-choices li.search-field input[type="text"] {
+  color: #111 !important;
+}
+
+/* @end */
+/* @group Disabled Support */
+.chosen-disabled {
+  opacity: 0.5 !important;
+  cursor: default;
+}
+.chosen-disabled .chosen-single {
+  cursor: default;
+}
+.chosen-disabled .chosen-choices .search-choice .search-choice-close {
+  cursor: default;
+}
+
+/* @end */
+/* @group Right to Left */
+.chosen-rtl {
+  text-align: right;
+}
+.chosen-rtl .chosen-single {
+  overflow: visible;
+  padding: 0 8px 0 0;
+}
+.chosen-rtl .chosen-single span {
+  margin-right: 0;
+  margin-left: 26px;
+  direction: rtl;
+}
+.chosen-rtl .chosen-single-with-deselect span {
+  margin-left: 38px;
+}
+.chosen-rtl .chosen-single div {
+  right: auto;
+  left: 3px;
+}
+.chosen-rtl .chosen-single abbr {
+  right: auto;
+  left: 26px;
+}
+.chosen-rtl .chosen-choices li {
+  float: right;
+}
+.chosen-rtl .chosen-choices li.search-field input[type="text"] {
+  direction: rtl;
+}
+.chosen-rtl .chosen-choices li.search-choice {
+  margin: 3px 5px 3px 0;
+  padding: 3px 5px 3px 19px;
+}
+.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
+  right: auto;
+  left: 4px;
+}
+.chosen-rtl.chosen-container-single-nosearch .chosen-search,
+.chosen-rtl .chosen-drop {
+  left: 9999px;
+}
+.chosen-rtl.chosen-container-single .chosen-results {
+  margin: 0 0 4px 4px;
+  padding: 0 4px 0 0;
+}
+.chosen-rtl .chosen-results li.group-option {
+  padding-right: 15px;
+  padding-left: 0;
+}
+.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
+  border-right: none;
+}
+.chosen-rtl .chosen-search input[type="text"] {
+  padding: 4px 5px 4px 20px;
+  background: white;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: linear-gradient(#eeeeee 1%, #ffffff 15%);
+  direction: rtl;
+}