vbax-admin_syst 0.1.0 → 0.2.0

data/lib/vbax/sass/custom/_AdministrateactiveStorage.scss

@@ -0,0 +1,79 @@
+dd.attribute-data.attribute-data--active-storage {
+    display: flex;
+    flex-wrap: wrap;
+}
+.attachments-listing {
+    width: 20rem;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+}
+.direct-upload {
+  display: inline-block;
+  position: relative;
+  padding: 7px 14px;
+  margin: 0 3px 3px 0;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+  font-size: 11px;
+  line-height: 13px;
+  min-width: 100%;
+}
+
+.direct-upload--pending {
+  opacity: 0.6;
+}
+
+.direct-upload__progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  opacity: 0.2;
+  background: #0076ff;
+  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
+  transform: translate3d(0, 0, 0);
+}
+.direct-upload.direct-upload--complete{
+  .direct-upload__progress{
+    transition: background 0.5s ease;
+    background: #00ffa3;
+  }
+}
+
+.direct-upload--complete .direct-upload__progress {
+  opacity: 0.4;
+}
+
+.direct-upload--error {
+  border-color: red;
+}
+
+input[type=file][data-direct-upload-url][disabled] {
+  display: none;
+}
+
+// view edit
+.active__storage__admin > .field-unit__field {
+  .field-unit__field__picture{
+    display: flex;
+    width: 220%;
+    flex-wrap: wrap;
+    .attachments-listing{
+      width: 10rem;
+      margin-right: 1rem;
+      margin-bottom: 1rem;
+    }
+  }
+}
+.active__storage__admin > .field-unit__field .field-unit__field__picture .attachments-listing {
+    width: 10rem;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    min-height: 160px;
+}
+.active__storage__admin > .fileinput {
+    min-width: 300px;
+}

data/lib/vbax/sass/custom/components/_form-actions.scss

@@ -0,0 +1,56 @@
+//  CSS ON NEW
+form#new_customer {
+    border: 1px solid #8080801f;
+    border-radius: 2%;
+    width: 100%;
+    padding: 0.75em;
+    @include media-breakpoint-up(sm) {
+      width: 50%;
+      padding: 3em 3em;
+    }
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    .field-unit__field {
+    float: left;
+    margin-left: 2rem;
+    width: 70%;
+}
+}
+#new_customer_section_form,
+#create_customer_section_form {
+    padding: 1em 0em;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 80vh;
+}
+
+//  CSS ON SHOW
+#show_seller_profile_section_form,
+#show_supplier_profile_section_form{
+  dl{
+    display: flex;
+    flex-wrap: wrap;
+    dt{
+      @include media-breakpoint-down(md) {
+      width: calc(30% - 1rem);
+      }
+      @include media-breakpoint-up(md) {
+      width: calc(20% - 1rem);
+      }
+    }
+    dd{
+      // width: calc(30% - 1rem);
+      @include media-breakpoint-down(md) {
+        width: calc(55% - 1rem);
+      }
+      @include media-breakpoint-up(md) {
+        width: calc(30% - 1rem);
+      }
+    }
+  }
+}
+section#new_quotation_section_form {
+    padding: 1rem 0rem;
+}

data/lib/vbax/sass/custom/components/_index.scss

@@ -0,0 +1,12 @@
+@import "app-container";
+@import "attributes";
+@import "buttons";
+@import "cells";
+@import "field-unit";
+@import "flashes";
+@import "form-actions";
+@import "main-content";
+@import "navigation";
+@import "pagination";
+@import "search";
+@import "progress";

data/lib/vbax/sass/custom/components/_progress.scss

@@ -0,0 +1,5 @@
+.progress-container .progress .progress-bar {
+  border-radius: 0.875rem;
+  box-shadow: none;
+  background: $worker;
+}

data/lib/vbax/sass/custom/index.scss

@@ -0,0 +1,3 @@
+@import "AdministrateactiveStorage";
+@import "quotation/index";
+@import "components/index"

data/lib/vbax/sass/custom/quotation/_button.scss

@@ -0,0 +1,88 @@
+// buttons
+// _______________________________
+.button.disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+button, input[type="button"], input[type="reset"], input[type="submit"], .button{
+  background-color: #526889;
+  margin: 0 0.75em;
+  // &:hover{
+  //   background-color: #344d71;
+  //   color: #fff;
+  // }
+}
+
+// flex button inside lineItem
+// _______________________________
+.sophieTolouba_line_items{
+  position: absolute;
+  bottom: 20px;
+  width: 95%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+// Button float inside Quotation
+// _______________________________
+// .testtststst{
+//   position: sticky;
+//   bottom: 50%;
+//   right: 0;
+//   margin-left: 88%;
+//
+// }
+// .add_has_many.oioioioioi {
+//     position: sticky;
+//     bottom: 57%;
+//     right: 0;
+//     margin-left: 88%;
+// }
+.container-flex_line_items,
+.container-flex_working_zones, {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+}
+.field-unit--nested.fieldset_line_items{
+ padding-left: 0px!important;
+}
+.nested-fields.working_zones{
+  padding: 1rem 1rem 8rem 1rem!important;
+}
+.nested-fields.working_zones {
+    border: 1px solid rgba(255, 90, 95, 0.32)!important;
+    border-radius: 6px;
+}
+  // .add_has_many.div_button_add_line_items{
+  //   width: 110px;
+  //   position: sticky;
+  //   bottom: 51%;
+  //   z-index: 9999;
+  //   margin-left: 98.3%;
+  //   height: 20px;
+  //   .button{
+  //     padding: 25px;
+  //     border-radius: 50%;
+  //     z-index: 9999;
+  //     background: #34e79a;
+  //     // box-shadow: 0 2px 2px 0 rgba(91, 255, 97, 0.2), 0 3px 1px -2px rgba(91, 255, 97, 0.2), 0 1px 5px 0 rgba(91, 255, 97, 0.2);
+  //     // transition: all 0.35s ease-in-out;
+  //     // border: 0px solid #FFFFFF;
+  //   }
+  // }
+// .add_has_many.div_button_add_working_zones{
+//   position: sticky;
+//   bottom: 40%;
+//   z-index: 9999;
+//   margin-left: 94%;
+//   height: 20px;
+//   .button{
+//     padding: 25px;
+//     border-radius: 50%;
+//     z-index: 9999;
+//     background: #48ac98;
+//   }
+// }

data/lib/vbax/sass/custom/quotation/_index.scss

@@ -0,0 +1,12 @@
+$buttonGreen: #34e79a;
+@import "button";
+@import "quotation";
+@import "shortCode";
+@import "tabs";
+// @import "navbar";
+
+.field-unit--nested {
+  width: 100%;
+  min-height: 100px;
+  padding-bottom: 1rem!important;
+}

data/lib/vbax/sass/custom/quotation/_navbar.scss

@@ -0,0 +1,70 @@
+
+.image[class*="-blur"] {
+    margin: -20px;
+    -webkit-filter: blur(10px);
+    -moz-filter: blur(10px);
+    -o-filter: blur(10px);
+    -ms-filter: blur(10px);
+    filter: blur(10px);
+}
+.image {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-size: cover;
+    background-position: center;
+}
+.image[class*="-overlay"]::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    content: "";
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.navigation {
+  position: fixed;
+  top: 10px;
+  // left: 30px;
+  bottom: 10px;
+  overflow-y: scroll;
+  .administrate_logo_div{
+    img{
+      margin-bottom: 30px;
+    }
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+.medium-btn{
+  margin-left:0px!important;
+  background-color: $buttonGreen;
+  &:hover{
+    background-color: $buttonGreen;
+  }
+}
+.main-content{
+  margin-left: 200px;
+  .main-content__header{
+    position: sticky;
+    z-index: 9999;
+    height: 107px;
+    top: 0rem;
+    background-color:  rgba(255, 255, 255, 0.85);
+  }
+}
+.navigation__link {
+    padding: 0.8em;
+
+}
+.navigation__link:hover {
+    background-color: #34e79a14;
+}
+.navigation {
+    padding-left: calc(1.5em - 0.6em);
+}

data/lib/vbax/sass/custom/quotation/_quotation.scss

@@ -0,0 +1,115 @@
+// Button for new_quotation
+// _________________________
+
+.button{
+  margin-top: 1rem;
+  align-items: center;
+  justify-content: center;
+  // display: flex;
+  border-radius: 4px;
+  padding: 12px 24px;
+  &.remove-field{
+    background-color: #ff5a5f;
+  }
+  &.remove-field__option_buton{
+    background-color: #fff;
+    border: 1px solid #454545;
+    color:#454545;
+    width: 100%;
+    &.add_option{
+      border : 1px double #79df4f;
+      display: flex!important;
+    }
+  }
+  a{
+    color:#fff;
+    font-weight: 500;
+    text-decoration: none;
+  }
+  span{
+    font-weight: 500;
+  }
+
+}
+
+// Custom for Selectize
+// _________________________
+
+.selectize-dropdown-content {
+    overflow-y: auto;
+    overflow-x: hidden;
+    max-height: 500px;
+    cursor: pointer;
+    -webkit-overflow-scrolling: touch;
+}
+.selected_green{
+  border : 1px solid #79df4f;
+  background-color : #aeffa1!important;
+  border: 1px solid #d0d0d0;
+  padding: 8px 8px;
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  box-sizing: border-box;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+}
+
+
+// broder
+// _________________________
+.nested-fields.working_zones,
+fieldset.field-unit--nested.fieldset_line_items,
+fieldset.field-unit--nested.fieldset_working_zones
+{
+  margin-left: 0%!important;
+  width: 100%!important;
+}
+fieldset.field-unit--nested.fieldset_line_items,
+// .field-unit--nested.working_zones
+.nested-fields.working_zones,
+fieldset.field-unit--nested.fieldset_option_pack,
+fieldset.field-unit--nested.fieldset_working_zones
+ {
+    border: 0px solid #dfe0e1;
+}
+.field-unit__label.check_box_inside_quotation{
+  width: 18%!important;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  height: 4rem;
+  border: 1px solid #cecece1f;
+  padding: 0.3rem;
+  border-radius: 8%;
+  margin: 1rem;
+}
+
+// Job On Main Form
+// _________________________
+#new_quotation  .field-unit,
+#edit_quotation  .field-unit,
+#create_quotation  .field-unit,
+#update_quotation .field-unit,
+#quotation_solid_id .field-unit{
+    align-items: center;
+    display: flex;
+    margin-bottom: 0.2em;
+    position: relative;
+    width: 100%;
+}
+
+.field-unit--nested-has-many .nested-fields {
+    margin-bottom: 0.4em;
+    padding-bottom: 0.3em;
+}
+
+.line_item_container .field-unit--has-one {
+    display: flex;
+    /* flex-shrink: unset; */
+    flex-wrap: wrap;
+}

data/lib/vbax/sass/custom/quotation/_shortCode.scss

@@ -0,0 +1,7 @@
+.hiden {
+  display: none;
+}
+.button.disabled {
+  opacity: 0.25;
+  cursor: not-allowed;
+}

data/lib/vbax/sass/custom/quotation/_tabs.scss

@@ -0,0 +1,43 @@
+.final_price,
+.final_growth_price {
+    color: #28b779;
+    font-weight: 600;
+}
+.check_box_inside_quotation{
+  margin-top: 0.85rem;
+}
+.tab-to-hide--line_item--promo_cost,
+.tab-to-hide--line_item--promo_cost_euro,
+.tab-to-hide--line_item--line_item_fee,
+.tab-to-hide--line_item--growth_option_price_size{
+    &.hidden{
+      display: none!important;
+    }
+}
+
+ .line_item_fee.tab-to-hide--line_item--line_item_fee.on {
+     background-color: $buttonGreen;
+     border-radius: 6px;
+     padding: 8px 22px;
+     transition: all 1s ease;
+     color: white;
+     font-weight: 800;
+     text-align: center;
+ }
+ .cell-data{
+   a:hover {
+     color: inherit!important;
+     text-decoration: none!important;
+   }
+ }
+
+
+ // tab-on lineitem
+table{
+  &[aria-labelledby="line_items"]{
+    td {
+      height: 75px!important;
+      font-size: 1.1em;
+    }
+  }
+}

data/lib/vbax/sass/library/_clearfix.scss

@@ -0,0 +1,7 @@
+@mixin administrate-clearfix {
+  &::after {
+    clear: both;
+    content: "";
+    display: block;
+  }
+}

data/lib/vbax/sass/library/_data-label.scss

@@ -0,0 +1,8 @@
+@mixin data-label {
+  color: $hint-grey;
+  font-size: 0.8em;
+  font-weight: 400;
+  letter-spacing: 0.0357em;
+  position: relative;
+  text-transform: uppercase;
+}

data/lib/vbax/sass/library/_variables.scss

@@ -0,0 +1,66 @@
+// Typography
+// $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+//   "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+//   sans-serif !default;
+// $heading-font-family: $base-font-family !default;
+$base-font-family: 'Nunito Sans', sans-serif;
+$headings-font-family: 'Nunito Sans', sans-serif;
+$heading-font-family: 'Nunito Sans', sans-serif;
+$base-font-size: 0.9em !default;
+$light-font-weight: 400 !default;
+$bold-font-weight: 700 !default;
+
+$base-line-height: 1.5 !default;
+$heading-line-height: 1.2 !default;
+
+// Other Sizes
+$base-spacing-panel: 1.5em 1.5em 1.5em 0em;
+$base-border-radius: 4px !default;
+$base-spacing: $base-line-height * 1em !default;
+$small-spacing: $base-spacing / 2 !default;
+
+// Colors
+$white: #fff !default;
+$black: #000 !default;
+
+$blue: #1976d2 !default;
+$red: #d32f2f !default;
+$light-yellow: #f0cd66 !default;
+$light-green: #4ab471 !default;
+
+$grey-0: #f6f7f7 !default;
+$grey-1: #dfe0e1 !default;
+$grey-2: #cfd8dc !default;
+$grey-5: #adb5bd !default;
+$grey-7: #293f54 !default;
+
+$hint-grey: #7b808c !default;
+
+// Font Colors
+$base-font-color: $grey-7 !default;
+$action-color: $blue !default;
+
+// Background Colors
+$base-background-color: $grey-0 !default;
+
+// Focus
+$focus-outline-color: transparentize($action-color, 0.4);
+$focus-outline-width: 3px;
+$focus-outline: $focus-outline-width solid $focus-outline-color;
+$focus-outline-offset: 1px;
+
+// Flash Colors
+$flash-colors: (
+  alert: $light-yellow,
+  error: $red,
+  notice: mix($white, $blue, 50%),
+  success: $light-green
+);
+
+// Border
+$base-border-color: $grey-1 !default;
+$base-border: 1px solid $base-border-color !default;
+
+// Transitions
+$base-duration: 250ms !default;
+$base-timing: ease-in-out !default;