dealposbarcode 1.6.4 → 1.6.8

package/browser/assets/scss/components/_buttons.scss

@@ -0,0 +1,228 @@
+//Buttons
+
+.btn-circle {
+  width: 40px;
+  height: 40px;
+  padding: 10px;
+
+  &.btn-sm {
+    width: 35px;
+    height: 35px;
+    padding: 8px 10px;
+    font-size: 14px;
+  }
+
+  &.btn-lg {
+    width: 50px;
+    height: 50px;
+    padding: 14px 15px;
+    font-size: 18px;
+    line-height: 23px;
+  }
+
+  &.btn-xl {
+    width: 70px;
+    height: 70px;
+    padding: 14px 15px;
+    font-size: 24px;
+  }
+}
+
+.btn-rounded {
+  border-radius: 60px;
+  padding: 7px 18px;
+
+  &.btn-lg {
+    padding: 0.75rem 1.5rem;
+  }
+
+  &.btn-sm {
+    padding: 0.25rem 0.5rem;
+    font-size: 12px;
+  }
+
+  &.btn-xs {
+    padding: 0.25rem 0.5rem;
+    font-size: 10px;
+  }
+
+  &.btn-md {
+    padding: 12px 35px;
+    font-size: 16px;
+  }
+}
+
+.btn-primary,
+.btn-info,
+.btn-default,
+.btn-warning,
+.btn-success,
+.btn-danger,
+.btn-outline-primary:hover,
+.btn-check:checked + .btn-outline-primary,
+.btn-check:checked + .btn-outline-warning,
+.btn-check:checked + .btn-outline-success,
+.btn-check:checked + .btn-outline-danger,
+.btn-outline-warning:hover,
+.btn-outline-danger:hover,
+.btn-outline-info:hover,
+.btn-outline-success:hover,
+.btn-primary.active,
+.btn-info.active,
+.btn-info:focus,
+.btn-info:disabled,
+.btn-success:disabled,
+.btn-primary:disabled,
+.btn-danger.active,
+.btn-success.active,
+.btn-success:focus,
+.btn-danger:focus,
+.btn-primary:focus,
+.show > .btn-danger.dropdown-toggle,
+.show > .btn-primary.dropdown-toggle,
+.show > .btn-info.dropdown-toggle,
+.show > .btn-success.dropdown-toggle,
+.show > .btn-warning.dropdown-toggle {
+  color: $white;
+  &:hover {
+    color: $white;
+  }
+}
+
+.btn-default {
+  background-color: $info;
+}
+
+.button-group {
+  .btn {
+    margin-bottom: 8px;
+    margin-right: 8px;
+  }
+}
+
+.no-button-group .btn {
+  margin-bottom: 5px;
+  margin-right: 0px;
+}
+
+.btn .text-active {
+  display: none;
+}
+
+.btn.active .text-active {
+  display: inline-block;
+}
+
+.btn.active .text {
+  display: none;
+}
+
+button:disabled {
+  opacity: 0.65;
+}
+
+// ------------------------------------------
+// radio
+// ------------------------------------------
+.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
+.btn-group-toggle > .btn-group > .btn input[type="radio"],
+.btn-group-toggle > .btn input[type="checkbox"],
+.btn-group-toggle > .btn input[type="radio"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+
+// ------------------------------------------
+// Light Color Button Hover effect
+// ------------------------------------------
+.btn-light-primary {
+  &:hover {
+    background-color: $primary;
+    border-color: $primary;
+    color: $white !important;
+    svg,
+    i {
+      color: $white !important;
+    }
+  }
+}
+
+.btn-light-secondary {
+  &:hover {
+    background-color: $secondary;
+    border-color: $secondary;
+    color: $white !important;
+    svg,
+    i {
+      color: $white !important;
+    }
+  }
+  &:focus,
+  &.focus:hover {
+    color: $secondary;
+  }
+}
+
+.btn-light-success {
+  &:hover {
+    background-color: $success;
+    border-color: $success;
+    color: $white !important;
+    svg,
+    i {
+      color: $white !important;
+    }
+  }
+}
+
+.btn-light-info {
+  &:hover {
+    background-color: $info;
+    border-color: $info;
+    color: $white !important;
+    svg,
+    i {
+      color: $white !important;
+    }
+  }
+}
+
+.btn-light-warning {
+  &:hover {
+    background-color: $warning;
+    border-color: $warning;
+    color: $white !important;
+    svg,
+    i {
+      color: $white !important;
+    }
+  }
+}
+
+.btn-light-danger {
+  &:hover {
+    background-color: $danger;
+    border-color: $danger;
+    color: $white !important;
+    svg,
+    i {
+      color: $white !important;
+    }
+  }
+}
+
+.dropdown-toggle-icon-none {
+  &.dropdown-toggle::after {
+    display: none;
+  }
+}
+
+.featured-btn {
+  position: absolute;
+  right: 20px;
+}
+
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+  border-color: $gray-200 !important;
+}

package/browser/assets/scss/components/_card.scss

@@ -0,0 +1,67 @@
+//
+// Card
+//
+
+.card {
+  margin-bottom: 20px;
+  .card-subtitle {
+    font-weight: $font-weight-light;
+    margin-bottom: 10px;
+    color: $text-muted;
+  }
+  .card-title {
+    position: relative;
+    font-weight: 400;
+    margin-bottom: 10px;
+  }
+  .card-actions {
+    float: $rgt;
+    a {
+      padding: 0 5px;
+      cursor: pointer;
+    }
+  }
+  .card-header .card-title {
+    margin-bottom: 0px;
+  }
+}
+
+.card-group {
+  margin-bottom: 20px;
+  .card {
+    border-right: 1px solid $border-color;
+  }
+}
+
+.card-fullscreen {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  overflow: auto;
+}
+
+.card-hover {
+  -webkit-transition: all 0.25s ease;
+  -o-transition: all 0.25s ease;
+  -moz-transition: all 0.25s ease;
+  transition: all 0.25s ease;
+  &:hover {
+    -webkit-transform: translateY(-4px) scale(1.01);
+    -moz-transform: translateY(-4px) scale(1.01);
+    -ms-transform: translateY(-4px) scale(1.01);
+    -o-transform: translateY(-4px) scale(1.01);
+    transform: translateY(-4px) scale(1.01);
+    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
+    box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
+  }
+}
+.draggable-cards .card-header {
+  cursor: move;
+}
+.card-moved .card {
+  background: $info;
+  color: $white;
+}

package/browser/assets/scss/components/_datepicker.scss

@@ -0,0 +1,35 @@
+.ngb-dp-weekday {
+    color: $body-color !important;
+    font-size: 12px;
+    font-weight: 600;
+    font-style: normal !important;
+}
+
+.ngb-dp-header,
+.ngb-dp-weekdays,
+.ngb-dp-month-name {
+    background-color: transparent !important;
+}
+
+ngb-datepicker-navigation-select>.form-select:first-child {
+    margin-right: 7px;
+}
+
+.btn-link.ngb-dp-arrow-btn {
+    color: $text-muted;
+    &:hover {
+        color: $primary;
+    }
+}
+
+.ngb-dp-month-name {
+    margin-top: 7px;
+}
+
+.ngb-dp-day .btn-light {
+    color: $body-color;
+    &:hover {
+        background-color: $light-primary;
+    }
+}
+

package/browser/assets/scss/components/_dropdown.scss

@@ -0,0 +1,51 @@
+@keyframes animation-dropdown-menu-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes animation-dropdown-menu-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes animation-dropdown-menu-move-up-down-md {
+  from {
+    top: 1px;
+  }
+  to {
+    top: 0;
+  }
+}
+
+@-webkit-keyframes animation-dropdown-menu-move-up-down-md {
+  from {
+    top: 1px;
+  }
+  to {
+    top: 0;
+  }
+}
+
+.dropdown-menu-animate-up {
+  -webkit-animation: animation-dropdown-menu-fade-in 0.5s ease 1,
+    animation-dropdown-menu-move-up 0.5s ease-out 1;
+  animation: animation-dropdown-menu-fade-in 0.5s ease 1,
+    animation-dropdown-menu-move-up 0.5s ease-out 1;
+}
+
+@include media-breakpoint-down(md) {
+  .dropdown-menu-animate-up {
+    -webkit-animation: animation-dropdown-menu-fade-in 0.5s ease 1,
+      animation-dropdown-menu-move-up-down-md 0.5s ease-out 1;
+    animation: animation-dropdown-menu-fade-in 0.5s ease 1,
+      animation-dropdown-menu-move-up-down-md 0.5s ease-out 1;
+  }
+}

package/browser/assets/scss/components/_forms.scss

@@ -0,0 +1,68 @@
+// Custom select
+.form-select {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -o-appearance: none;
+}
+
+.form-check-input {
+  z-index: 1;
+}
+
+label {
+  font-weight: 400;
+}
+
+//
+// Row Separator page
+//
+.r-separator .form-group {
+  border-bottom: 1px solid $border-color;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+//
+// Striped Row page
+//
+.striped-rows .row:nth-child(odd) {
+  background-color: $gray-100;
+}
+
+//
+// Border form page
+//
+.b-form .row {
+  border-bottom: 1px solid $border-color;
+  margin-bottom: 0;
+  padding: 15px 0;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+//
+// Custom validation Classes
+//
+.error {
+  .form-control {
+    border-color: $danger;
+  }
+
+  .help-block {
+    color: $danger;
+  }
+}
+
+.validate {
+  .form-control {
+    border-color: $success;
+  }
+
+  .help-block {
+    color: $success;
+  }
+}

package/browser/assets/scss/components/_scafholdings.scss

@@ -0,0 +1,188 @@
+// scafholding
+* {
+  outline: none;
+}
+
+body {
+  margin: 0;
+  overflow-x: hidden;
+  color: $body-color;
+  background: $main-body-bg;
+  position: relative;
+}
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+a {
+  color: $themecolor;
+  text-decoration: none;
+}
+
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+
+a.link {
+  color: $body-color;
+  &:hover,
+  &:focus {
+    color: $themecolor;
+  }
+}
+
+.box {
+  border-radius: $border-radius;
+  padding: 10px;
+}
+
+.text-muted {
+  color: $gray-500 !important;
+}
+
+/*******************
+Blockquote
+*******************/
+
+html body blockquote {
+  border-left: 5px solid $primary;
+  border: 1px solid $border-color;
+  padding: 15px;
+}
+
+.clear {
+  clear: both;
+}
+
+ol li {
+  margin: 5px 0;
+}
+
+.hide {
+  display: none;
+}
+
+//
+// Opacity
+//
+
+.op-5 {
+  opacity: 0.5;
+}
+
+.op-3 {
+  opacity: 0.3;
+}
+
+// 
+// Font weight
+// 
+
+html body {
+  .font-medium {
+    font-weight: $font-weight-medium;
+  }
+  .font-22 {
+    font-size: 22px;
+  }
+}
+
+//
+// Background Colors
+//
+html body {
+  .bg-megna {
+    background-color: $cyan;
+  }
+  .bg-inverse {
+    background-color: $gray-900;
+  }
+  .bg-purple {
+    background-color: $purple;
+  }
+}
+
+// 
+// Round
+// 
+.round {
+  line-height: 48px;
+  width: 50px;
+  height: 50px;
+  background: $blue;
+  line-height: 52px;
+  img {
+    border-radius: 100%;
+  }
+  &.round-info {
+    background: $blue;
+  }
+
+  &.round-warning {
+    background: $warning;
+  }
+
+  &.round-danger {
+    background: $danger;
+  }
+
+  &.round-success {
+    background: $success;
+  }
+
+  &.round-primary {
+    background: $primary;
+  }
+}
+
+.round-lg {
+  line-height: 65px;
+  width: 60px;
+  height: 60px;
+  font-size: 30px;
+}
+
+//
+// Badge
+//
+
+.badge {
+  &.badge-pill {
+    padding: 0.2em 0.6em;
+  }
+}
+
+//
+// Lists
+//
+
+ul.list-style-none {
+  margin: 0px;
+  padding: 0px;
+  li {
+    list-style: none;
+    a {
+      color: $body-color;
+      padding: 8px 0px;
+      display: block;
+      text-decoration: none;
+      &:hover {
+        color: $themecolor;
+      }
+    }
+  }
+}
+
+// Dashboard Table
+
+.popover-icon {
+  margin-left: -15px;
+
+  &:hover {
+    z-index: 10;
+    position: relative;
+  }
+}

package/browser/assets/scss/components/_tables.scss

@@ -0,0 +1,39 @@
+// 
+// Table Common
+// 
+
+.table thead th,
+.table th {
+  font-weight: 500;
+}
+
+.no-wrap {
+  td,
+  th {
+      white-space: nowrap;
+  }
+}
+
+// 
+// Data-tables
+// 
+table.dataTable {
+  thead {
+    th,
+    td {
+      border-bottom-color: $border-color;
+      text-align: center;
+    }
+  }
+  tbody {
+    td {
+      text-align: center;
+    }
+  }
+}
+
+
+.ngx-datatable.material{
+  border: 1px solid $border-color;
+  box-shadow: none !important;
+}

package/browser/assets/scss/core/_core.scss

@@ -0,0 +1,14 @@
+@import 'layout/layout'; 
+
+// Header
+@import 'loader/spinner';  
+@import 'topbar/header'; 
+
+// sidebar
+@import 'sidebar/sidebar'; 
+
+// customizer
+@import 'customizer/customizer'; 
+
+// theme-colors
+@import 'theme-colors/theme-colors';