spree_backend 2.0.0.rc1

data/app/assets/stylesheets/admin/sections/_image_settings.scss

@@ -0,0 +1,3 @@
+.destroy_style, .destroy_header {
+  float: right;
+}

data/app/assets/stylesheets/admin/sections/_orders.scss

@@ -0,0 +1,54 @@
+// Customize orders filter
+[data-hook="admin_orders_index_search"] {
+  select[data-placeholder="Status"] {
+    width: 100%;
+  }
+
+  .select2-container {
+    width: 100% !important;
+  }
+}
+
+// Order-total
+[data-hook="order_details_total"]{
+  text-align: center;
+
+  .order-total {
+    font-size: 35px;
+    font-weight: 600;
+    color: $color-success;
+  }
+}
+
+[data-hook="admin_order_form_fields"] {
+  legend.stock-location {
+    color: $color-body-text;
+
+    .shipment-number {
+      color: $color-success;
+    }
+    .stock-location-name {
+      color: $color-success;
+    }
+  }
+}
+
+// Customize orduct add fieldset
+#add-line-item {
+  fieldset {
+    padding: 10px 0;
+
+    .field {
+      margin-bottom: 0;
+
+      input[type="text"], input[type="number"] {
+        width: 100%;
+      }
+    }
+    .actions {
+      .button {
+        margin-top: 28px;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/admin/sections/_overview.scss

@@ -0,0 +1,86 @@
+.preview-buttons {
+  position: absolute;  
+  z-index: 1;
+  width: 100%;
+  text-align: center;
+
+  a {
+    font-size: 100%;
+  }
+}
+
+.analytics_splash {
+  position: absolute;
+  top: 0;
+  opacity: 0.5; 
+  min-height: 880px; 
+  background: url('/assets/analytics_dashboard_preview.jpg') no-repeat center top;
+  width: 1280px;
+  left: -160px;
+  z-index: 0;
+}
+
+.analytics-description {
+  text-align: center;
+  position: relative;
+  z-index: 1;
+
+  ul {
+    margin: 20px 0;
+    list-style: none;
+    color: $color-2;
+
+    li {
+      padding: 10px 0;
+      font-weight: $font-weight-bold;
+      text-transform: uppercase;
+    }
+  }
+}
+
+#analytics_signup {
+  .select2-choice {
+    width: 296px;
+
+    span {
+      margin-right: 0;
+    }
+  }
+}
+
+// Jirafe styles
+#jirafe {
+  margin-left: -140px;
+
+  #mod-jirafe {
+    background-color: transparent;
+    color: lighten($color-body-text, 10);
+
+    .jBox {
+      box-shadow: none;
+      border-radius: 3px;
+    }
+
+    .boxHed, .cartDataBars, .jBox, .cartBar,  #boxAbandon .pieDataHed {
+      border-color: $color-border;
+    }
+
+    h3.boxHeader, .valHeader {
+      color: $color-body-text;
+    }
+
+    #acctMenuRpts {
+      left: inherit !important;
+      right: 0 !important;
+    }
+
+    #purchaseFunnel {
+      text {
+        fill: $color-body-text;
+      }
+      path {
+        stroke: $color-border;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/admin/sections/_products.scss

@@ -0,0 +1,113 @@
+[data-hook="admin_products_sidebar"] {
+  // .field.checkbox:first-child {
+  //   margin-top: 36px;
+  // }
+  .actions {
+    padding: 0 !important;
+  }
+}
+
+[data-hook="admin_product_form_fields"] {
+  label {
+    display: inline-block;
+  }
+  input, select, textarea, .select2-container {
+    width: 100%;
+  }
+}
+
+.outstanding-balance {
+  margin-bottom: 15px;
+  text-transform: uppercase;
+
+  strong {
+    color: $color-2;
+  }
+}
+
+#listing_product_stock {
+  > tbody {
+    > tr {
+      &.even {
+        td {
+          background-color: $color-tbl-even;
+        }
+      }
+      &.odd:hover > td {
+        background-color: $color-tbl-even;
+      }
+      > td {
+        background-color: $color-tbl-odd;
+
+        > table {
+          > tbody {
+            > tr {
+              > td {
+                border-color: lighten($color-border, 4);
+              }
+            }
+            > tr.even {
+              td {
+                background-color: lighten($color-tbl-even, 2);
+              }
+            }
+            > tr.odd {
+              td {
+                background-color: $color-tbl-odd;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  td {
+    vertical-align: top;
+
+    &.stock_location_info {
+      padding: 0;
+
+      table {
+        margin-bottom: 0;
+        border-collapse: collapse;
+        min-height: 102px;
+
+        thead {
+          th {
+            border-top: none;
+            padding: 5px 10px;
+            text-transform: none;
+
+            &:first-child {
+              border-left: none;
+            }
+            &:last-child {
+              border-right: none;
+            }
+          }
+        }
+        tbody {
+          tr {
+            td {
+              padding: 5px 10px;
+              vertical-align: middle;
+
+              &:first-child {
+                border-left: none;
+              }
+              &:last-child {
+                border-right: none;
+              }
+            }
+
+            &:last-child {
+              td {
+                border-bottom: none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/admin/sections/_promotions.scss

@@ -0,0 +1,100 @@
+#general_fields, #expiry_fields {
+  border-bottom: none;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+#rules_container, #actions_container {
+  position: relative;
+
+  fieldset {
+    position: static !important;
+  }
+}
+
+#actions_container {
+  .edit_promotion {
+    margin-top: 73px;
+  }
+}
+
+#promotion-pilicy-select {
+  overflow: auto;
+}
+
+.promotion-block {
+  // padding: 0 5px 5px;
+  background-color: lighten($color-border, 5);
+  border: 1px solid $color-border;
+  border-radius: 3px;
+  margin-bottom: 15px;
+  position: relative;
+
+  .row {
+    margin-bottom: 0;
+  }
+
+  .field {
+    padding-bottom: 10px;
+
+    &.alpha {
+      margin-left: -1px;
+      padding-left: 11px;
+    }
+
+    &.omega {
+      margin-right: -1px;
+      padding-right: 11px;
+    }
+  }
+
+  &.action-remove {
+    background-color: lighten($color-5, 50);
+    border-color: lighten($color-5, 45);
+    text-decoration: line-through;
+
+    .promotion-title, input[type="text"], input[type="number"],
+    .token-input-list {
+      border-color: lighten($color-5, 45);
+    }
+  }
+
+  .add-line-item {
+    #add_quantity {
+      width: 50px;
+      margin-top: 15px;
+    }
+    button.add {
+      min-width: 80px;
+      margin-top: 30px;
+
+      &:before {
+        padding-right: 5px;
+      }
+    }
+  }
+
+  a.delete {
+    position: absolute;
+    top: 3px;
+    right: 5px;
+    cursor: pointer;
+
+    &:hover {
+      color: $color-error;
+    }
+  }
+}
+
+.promotion-title {
+  text-transform: uppercase;
+  text-align: left;
+  font-size: 85%;
+  border-bottom: 1px solid $color-border;
+  padding: 0 10px;
+
+  &.no-text {
+    border: none;
+    padding-bottom: 0;
+  }
+}

data/app/assets/stylesheets/admin/shared/_forms.scss

@@ -0,0 +1,262 @@
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="date"],
+input[type="datetime"],
+input[type="time"],
+input[type="url"],
+input[type="number"],
+input[type="tel"],
+textarea, fieldset {
+  @include border-radius($border-radius);
+  padding: 7px 10px;
+  border: 1px solid $color-txt-brd;
+  color: $color-txt-text;
+  font-size: 90%;
+
+  &:focus {
+    outline: none;
+    border-color: $color-txt-hover-brd;
+  }
+
+  &[disabled] {
+    opacity: 0.7;
+  }
+}
+
+textarea {
+  line-height: 19px;
+}
+
+.fullwidth {
+  width: 100%;
+}
+
+label {
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 85%;
+  display: inline;
+  margin-bottom: 5px;
+  color: $color-4;
+
+  &.inline {
+    display: inline-block !important;
+  }
+
+  &.block {
+    display: block !important;
+  }
+}
+
+.label-block label { display: block }
+
+input[type="submit"],
+input[type="button"],
+button, .button {
+  @include border-radius($border-radius);
+  display: inline-block;
+  padding: 8px 15px;
+  border: none;
+  background-color: $color-btn-bg;
+  color: $color-btn-text;
+  text-transform: uppercase;
+  font-size: 85%;
+  font-weight: 600;
+
+  &:visited, &:active, &:focus { color: $color-btn-text }
+
+  &:hover {
+    background-color: $color-btn-hover-bg;
+    color: $color-btn-hover-text;
+  }
+
+  &:active:focus {
+    box-shadow: 0 0 8px 0 darken($color-btn-hover-bg, 5) inset;
+  }
+
+  &.fullwidth {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+span.info {
+  font-style: italic;
+  font-size: 85%;
+  color: lighten($color-body-text, 15);
+  display: block;
+  line-height: 20px;
+  margin: 5px 0;
+}
+
+.field {
+  padding: 10px 0;
+
+  &.checkbox {
+    min-height: 73px;
+
+    input[type="checkbox"] {
+      display: inline-block;
+      width: auto;
+    }
+
+    label {
+      cursor: pointer;
+      display: block;
+    }
+  }
+
+  ul {
+    border-top: 1px solid $color-border;
+    list-style: none;
+    padding-top: 5px;
+
+    li {
+      display: inline-block;
+      padding-right: 10px;
+
+
+      label {
+        font-weight: normal;
+        text-transform: none;
+      }
+      &.white-space-nowrap {
+        white-space: nowrap;
+      }
+    }
+  }
+
+  &.withError {
+    .field_with_errors {
+      label {
+        color: very-light($color-error, 30);
+      }
+
+      input {
+        border-color: very-light($color-error, 15);
+      }
+    }
+    .formError {
+      color: very-light($color-error, 30);
+      font-style: italic;
+      font-size: 85%;
+    }
+  }
+}
+
+fieldset {
+  box-shadow: none;
+  box-sizing: border-box;
+  border-color: $color-border;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  margin-left: 0;
+  margin-right: 0;
+  position: relative;
+  margin-bottom: 35px;
+  padding: 10px 0 15px 0;
+  background-color: transparent;
+  border-left: none;
+  border-right: none;
+  border-radius: 0;
+
+  &.no-border-bottom {
+    border-bottom: none;
+    margin-bottom: 0;
+  }
+
+  &.no-border-top {
+    border-top: none;
+    padding-top: 0;
+  }
+
+  legend {
+    background-color: $color-1;
+    color: $color-2;
+    font-size: 14px;
+    font-weight: 600;
+    text-transform: uppercase;
+    text-align: center;
+    padding: 8px 15px;
+    -webkit-font-smoothing: antialiased;
+
+    i {
+      color: $color-link;
+    }
+  }
+
+  label {
+    color: lighten($color-body-text, 8);
+  }
+
+  .filter-actions {
+    margin-bottom: -32px;
+    margin-top: 15px;
+    text-align: center;
+
+    form {
+      display: inline-block;
+    }
+
+    button, .button, input[type="submit"], input[type="button"], span.or {
+      @include border-radius($border-radius);
+
+      -webkit-box-shadow: 0 0 0 15px $color-1;
+         -moz-box-shadow: 0 0 0 15px $color-1;
+          -ms-box-shadow: 0 0 0 15px $color-1;
+           -o-box-shadow: 0 0 0 15px $color-1;
+              box-shadow: 0 0 0 15px $color-1;
+
+      &:hover {
+        border-color: $color-1;
+      }
+    }
+
+    span.or {
+      background-color: $color-1;
+      border-width: 5px;
+      margin-left: 5px;
+      margin-right: 5px;
+      position: relative;
+
+      -webkit-box-shadow: 0 0 0 5px $color-1;
+         -moz-box-shadow: 0 0 0 5px $color-1;
+          -ms-box-shadow: 0 0 0 5px $color-1;
+           -o-box-shadow: 0 0 0 5px $color-1;
+              box-shadow: 0 0 0 5px $color-1;
+    }
+  }
+
+  &.labels-inline {
+    .field {
+      margin-bottom: 0;
+      display: table;
+      width: 100%;
+
+      label, input {
+        display: table-cell !important;
+      }
+      input {
+        width: 100%;
+      }
+
+      &.checkbox {
+        input {
+          width: auto !important
+        }
+      }
+    }
+    .actions {
+      padding: 0;
+      text-align: right;
+    }
+  }
+}
+
+.form-actions {
+  margin-top: 18px;
+}
+.form-buttons {
+  text-align: center;
+}