dealposbarcode 1.6.4 → 1.6.8

package/browser/assets/scss/_variable.scss

@@ -0,0 +1,460 @@
+// ======================================================
+// Custom layout variables
+// ======================================================
+//@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+// ======================================================
+// Theme Global setting colors
+// ======================================================
+$themecolor: #398bf7;
+$themecolor-dark: #028ee1;
+$themecolor-alt: #26c6da;
+$theme-light: #fff;
+$theme-dark: #212529;
+
+$skin1: #455a64;
+$skin2: #00acc1;
+$skin3: #f62d51;
+$skin4: #1976d2;
+$skin5: #242a33;
+$skin6: #fff;
+
+// ======================================================
+// Topbar settings
+// ======================================================
+
+$topbar: $theme-light;
+$topbar-height: 60px;
+$topbar-navlink-padding: 0px 0.75rem;
+$topbar-navlink-font-size: 15px;
+$topbar-navlink-height: 60px;
+$topbar-navbrand-padding: 0 10px 0 10px;
+
+// ======================================================
+// Sidebar settings
+// ======================================================
+
+$sidebar: $theme-light;
+$sidebar-alt: #edf0f5;
+$sidebar-text: #fff;
+$sidebar-icons: #fff;
+$sidebar-text-dark: #000000;
+$sidebar-icons-dark: #555f6d;
+
+$sidebar-width-full: 240px;
+//$sidebar-width-full: 0;
+$sidebar-width-iconbar: 180px;
+$sidebar-width-mini: 70px;
+
+// ======================================================
+// Layout settings
+// ======================================================
+$boxed-width: 1200px;
+$page-wrapper-max-width: 1300px;
+
+// ======================================================
+// Common settings
+// ======================================================
+$shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
+$transitions: 0.2s ease-in;
+$transparent-dark-bg: rgba(0, 0, 0, 0.05);
+$lft: left;
+$rgt: right;
+$card-alt: #e4e9ef;
+
+// ======================================================
+// Mixin settings
+// ======================================================
+%square {
+  border-radius: 0px;
+}
+
+%rotate45 {
+  transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+}
+
+// ======================================================
+// Bootstrap override colors
+// ======================================================
+$white: #fff !default;
+$gray-100: #ebf3f5 !default;
+$gray-200: #e9edf2 !default;
+$gray-300: #a6b7bf !default;
+$gray-400: #ced4da !default;
+$gray-500: #99abb4 !default;
+$gray-600: #cccccc !default;
+$gray-700: #4f5467 !default;
+$gray-800: #263238 !default;
+$gray-900: #212529 !default;
+$black: #000 !default;
+
+$blue: #398bf7 !default;
+$indigo: #6610f2 !default;
+$purple: #745af2 !default;
+$pink: #e83e8c !default;
+$red: #ef5350 !default;
+$orange: #fb8c00 !default;
+$yellow: #ffb22b !default;
+$green: #89b03e !default;
+$teal: #20c997 !default;
+$cyan: #4fc3f7 !default;
+$primary: #337ab7 !default;
+$text-muted: $gray-500 !default;
+$megna: #01c0c8 !default;
+
+$colors: (
+  "blue": $blue,
+  "indigo": $indigo,
+  "purple": $purple,
+  "pink": $pink,
+  "red": $red,
+  "orange": $orange,
+  "yellow": $yellow,
+  "green": $green,
+  "teal": $teal,
+  "cyan": $cyan,
+  "white": $white,
+  "gray": $gray-600,
+  "gray-dark": $gray-800,
+);
+
+$primary: $blue !default;
+$secondary: $gray-600 !default;
+$success: $green !default;
+$info: $blue !default;
+$warning: $yellow !default;
+$danger: $red !default;
+$light: $gray-200 !default;
+$dark: $gray-800 !default;
+$muted: $gray-500 !default;
+$cyan: $cyan !default;
+$orange: $orange !default;
+
+//
+// Light Colors
+//
+$light-danger: #f9e7eb;
+$light-success: #e8fdeb;
+$light-warning: #fff8ec;
+$light-primary: #f1effd;
+$light-secondary: #fbfafa;
+$light-info: #cfecfe;
+$light-inverse: #f6f6f6;
+$light-megna: #e0f2f4;
+
+//
+// Dark Colors
+//
+$danger-dark: #e6294b;
+$success-dark: #1eacbe;
+$warning-dark: #e9ab2e;
+$primary-dark: #6352ce;
+$info-dark: #028ee1;
+$red-dark: #d61f1f;
+$inverse-dark: #232a37;
+$dark-transparent: rgba(0, 0, 0, 0.05);
+
+$theme-colors: () !default;
+
+$theme-colors: map-merge(
+  (
+    "primary": $primary,
+    "secondary": $secondary,
+    "success": $success,
+    "info": $info,
+    "warning": $warning,
+    "danger": $danger,
+    "light": $light,
+    "dark": $dark,
+    "muted": $muted,
+    "cyan": $cyan,
+    "orange": $orange,
+    "purple": $purple,
+    "light-danger": $light-danger,
+    "light-success": $light-success,
+    "light-warning": $light-warning,
+    "light-primary": $light-primary,
+    "light-secondary": $light-secondary,
+    "light-info": $light-info,
+    "light-inverse": $light-inverse,
+    "light-megna": $light-megna,
+  ),
+  $theme-colors
+);
+
+// ======================================================
+// Dark Theme Colors Settings
+// ======================================================
+$theme-dark-bg-layout: #323743;
+$theme-dark-text-color: #b2b9bf !default;
+$theme-dark-border-color: rgba(255, 255, 255, 0.2) !default;
+$theme-dark-focus-border-color: rgba(255, 255, 255, 0.4) !default;
+$theme-dark-card-bg: #272b34;
+$theme-dark-bg-light: #3c424e;
+$main-body-bg-dark: $gray-900 !default;
+$background-alt: #2b2b2b !default;
+
+// ======================================================
+// Enable optional
+// ======================================================
+$enable-caret: true !default;
+$enable-rounded: true !default;
+$enable-shadows: false !default;
+$enable-gradients: false !default;
+$enable-transitions: true !default;
+$enable-hover-media-query: false !default;
+$enable-grid-classes: true !default;
+$enable-print-styles: false !default;
+$enable-negative-margins: true;
+
+// ======================================================
+// Body
+// ======================================================
+$main-body-bg: #fff !default;
+$body-bg: #f4f6f9;
+$body-color: #000 !default;
+$grid-gutter-width: 20px !default;
+
+// ======================================================
+// Typography
+// ======================================================
+$font-size-base: 1rem;
+$font-weight-base: 300 !default;
+$font-family-sans-serif: "Roboto", sans-serif !default;
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-medium: 500 !default;
+$font-weight-bold: 800 !default;
+$h1-font-size: 36px !default;
+$h2-font-size: 24px !default;
+$h3-font-size: 21px !default;
+$h4-font-size: 18px !default;
+$h5-font-size: 16px !default;
+$h6-font-size: 14px !default;
+$headings-margin-bottom: 8px !default;
+$headings-font-weight: 400 !default;
+$headings-color: #455a64 !default;
+
+// Font size
+$font-sizes: (
+  1: 10px,
+  2: 12px,
+  3: 14px,
+  4: 15px,
+  5: 18px,
+  6: 20px,
+  7: 24px,
+);
+
+// display
+$display-font-sizes: (
+  1: 5rem,
+  2: 4.5rem,
+  3: 4rem,
+  4: 3.5rem,
+  5: 3rem,
+  6: 2.5rem,
+  7: 2rem,
+  8: 1.75rem,
+) !default;
+
+// ======================================================
+// Breadcrumb
+// ======================================================
+$breadcrumb-bg: $body-bg;
+$breadcrumb-margin-bottom: 1.5rem;
+
+// ======================================================
+// Cards
+// ======================================================
+$card-bg: $white !default;
+$card-border-width: 0px !default;
+$card-border-color: transparent !default;
+$card-border-radius: 0.25rem !default;
+$card-spacer-y: 1.25rem !default;
+$card-spacer-x: 1.25rem !default;
+
+//
+// pagination
+//
+$pagination-color: $blue !default;
+
+// ======================================================
+// Buttons
+// ======================================================
+$btn-secondary-border: $gray-300;
+
+
+// ======================================================
+// Progressbar
+// ======================================================
+$progress-bg: $gray-100;
+
+// ======================================================
+// Tables
+// ======================================================
+$table-color: $body-color !default;
+$table-bg: $card-bg;
+$table-bg-accent: $gray-100;
+$table-bg-hover: $gray-100;
+$table-hover-bg: $gray-100 !default;
+$table-cell-padding-y: 0.75rem !default;
+$table-cell-padding-x: 0.75rem !default;
+$table-bg-level: -10 !default;
+$table-border-color: #e8eef3 !default;
+$table-group-separator-color: transparent;
+$table-striped-bg: $light !default;
+$table-cell-padding-y-sm: 10px !default;
+$table-cell-padding-x-sm: 15px !default;
+
+// ======================================================
+// Components
+// ======================================================
+$component-active-color: $white !default;
+$component-active-bg: $themecolor !default;
+$badge-pill-padding-x: 0.2em !default;
+$badge-pill-padding-y: 1em !default;
+
+// ======================================================
+// Forms
+// ======================================================
+$input-group-addon-bg: $gray-100;
+$input-border-color: $gray-200;
+$input-color: #54667a;
+$input-font-weight: 400;
+$input-group-addon-border-color: $gray-200;
+$input-btn-focus-color: rgba(0, 0, 0, 0.25) !default;
+$input-focus-border-color: rgba(0, 0, 0, 0.25) !default;
+$custom-control-indicator-active-bg: rgba(0, 0, 0, 35%) !default;
+$custom-select-indicator: url(../../assets/images/custom-select.png) !default;
+$input-btn-focus-box-shadow: transparent !default;
+$custom-select-focus-box-shadow: transparent !default;
+$custom-select-indicator: str-replace(url(""), "%23") !default;
+$form-select-box-shadow: unset !default;
+$input-border-radius-sm: 4px !default;
+$input-border-radius-lg: 4px !default;
+$form-select-focus-box-shadow: none !default;
+$input-bg: $card-bg !default;
+$form-select-bg:                    $input-bg;
+$input-focus-box-shadow: none !default;
+
+// ======================================================
+// Checkbox
+// ======================================================
+$form-check-input-bg: #ebedf3 !default;
+$form-check-input-border: 0 !default;
+$form-check-input-border-radius: 4px !default;
+$form-check-input-width: 1.375em !default;
+$form-check-input-height: 1.375em !default;
+$form-check-input-focus-box-shadow: none !default;
+$form-range-track-bg:             $gray-300 !default;
+
+
+// ======================================================
+// Border settings
+// ======================================================
+$border-width: 1px !default;
+$border-color: $gray-200 !default;
+$border-radius: 4px !default;
+$border-radius-lg: 5px !default;
+$border-radius-sm: 1px !default;
+
+$pagination-border-color:           $border-color;
+$pagination-disabled-border-color:  $pagination-border-color;
+
+$nav-tabs-border-color:            $border-color;
+$nav-tabs-link-active-bg:           trasparent ;
+$nav-tabs-link-active-border-color: $gray-100 $gray-100 $nav-tabs-link-active-bg;
+
+
+// ======================================================
+// Dropdowns
+// ======================================================
+$dropdown-item-padding-x: 1rem !default;
+$dropdown-item-padding-y: 0.65rem !default;
+$dropdown-border-color: $gray-200;
+$dropdown-divider-bg: $gray-100 !default;
+$dropdown-color: #212529 !default;
+$dropdown-link-color: #67757c !default;
+$dropdown-font-size: 0.875rem !default;
+$dropdown-bg: $white !default;
+
+// ======================================================
+// Progressbars
+// ======================================================
+$progress-height: 5px !default;
+
+// ======================================================
+// Tabs
+// ======================================================
+$nav-tabs-link-active-bg: $white !default;
+
+// ======================================================
+// Grid breakpoints
+// ======================================================
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 1024px,
+  xl: 1600px,
+) !default;
+
+// ======================================================
+// Navbar
+// ======================================================
+$navbar-dark-color: rgba($white, 0.8) !default;
+$navbar-dark-hover-color: rgba($white, 1) !default;
+
+$navbar-light-color: rgba($black, 0.3) !default;
+$navbar-light-hover-color: rgba($black, 0.8) !default;
+
+// ======================================================
+// Badges
+// ======================================================
+$badge-padding-y: 3px !default;
+$badge-padding-x: 10px !default;
+$badge-font-weight: 400 !default;
+$badge-border-radius: 4px !default;
+
+// ======================================================
+// Button shadow & hover
+// ======================================================
+$enable-shadows: true !default;
+$btn-box-shadow: 0 1px 0 rgba($white, 0.15) !default;
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color},
+  .btn-outline-#{$color} {
+    box-shadow: 0 2px 2px rgba($value, 0.05);
+    &:hover {
+      box-shadow: 0 8px 15px rgba($value, 0.3);
+    }
+  }
+}
+
+//
+// accordian
+//
+$accordion-padding-y:                     1rem !default;
+$accordion-padding-x:                     1rem !default;
+$accordion-bg:                            transparent !default;
+$accordion-button-active-color:           #31363F  !default;
+$accordion-button-color:                  #222831  !default;
+$accordion-button-active-bg:              #f5f5f5 !default;
+//
+// alert
+//
+$alert-bg-scale: 0% !default;
+$alert-border-scale: 0% !default;
+$alert-color-scale: 1% !default;
+
+
+// modal
+$modal-content-bg : $card-bg !default;
+
+

package/browser/assets/scss/components/_accordian.scss

@@ -0,0 +1,5 @@
+.accordion {
+  .card {
+    margin-bottom: 1px;
+  }
+}

package/browser/assets/scss/components/_alert.scss

@@ -0,0 +1,40 @@
+// .alert-danger,
+// .alert-info,
+// .alert-primary,
+// .alert-success,
+// .alert-warning {
+//   color: $white;
+// }
+
+.alert.customize-alert {
+  padding: 20px 25px;
+  .side-line {
+    position: absolute;
+    width: 3px;
+    height: 25px;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.btn-close {
+  background: transparent
+    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+    center/12px auto no-repeat;
+}
+
+// toast ng bootstrap component
+.ngb-toasts {
+  position: fixed;
+  top: 0;
+  right: 0;
+  margin: 0.5em;
+  z-index: 1200;
+}
+
+.text-bg-success,
+.text-bg-danger,
+.text-bg-warning {
+  color: $white !important;
+}

package/browser/assets/scss/components/_breadcrumb.scss

@@ -0,0 +1,29 @@
+/*******************
+ Breadcrumb and page title
+*******************/
+
+.page-breadcrumb {
+    padding: 20px 20px 0 20px;  
+    max-width: $page-wrapper-max-width;
+    margin-left: auto;
+    margin-right: auto;
+    .page-title{
+        margin-bottom: 0px;
+        font-weight: $font-weight-medium;
+        font-size: 21px;
+        
+    }
+    .breadcrumb {
+        padding: 0px;
+        margin: 0px;
+        background: transparent;
+        font-size: 12px;
+        .breadcrumb-item+.breadcrumb-item::before {
+            content: "\e649";
+            font-family: themify;
+            color: $gray-400;
+            font-size: 11px;
+        }
+    }
+}
+