From 9d411725122a6e6289872c110cad1b0d75cb53e0 Mon Sep 17 00:00:00 2001 From: jitendra Date: Fri, 7 Dec 2018 12:38:29 +0530 Subject: [PATCH] Refactor core config system --- config/carriers.php | 18 +- config/core.php | 4 + config/paymentmethods.php | 28 - packages/Webkul/Core/src/Core.php | 9 +- .../Payment/src/Config/paymentmethods.php | 31 + .../src/Providers/PaymentServiceProvider.php | 4 + .../Webkul/Shipping/src/Carriers/FlatRate.php | 60 - .../Webkul/Shipping/src/Carriers/Free.php | 60 - .../Webkul/Shipping/src/Config/carriers.php | 21 + .../Webkul/Shipping/src/Config/fields.php | 66 + .../src/Providers/ShippingServiceProvider.php | 19 + .../Webkul/Ui/publishable/assets/css/ui.css | 1586 +------- .../Webkul/Ui/publishable/assets/js/ui.js | 3278 +---------------- .../Ui/publishable/assets/mix-manifest.json | 6 +- 14 files changed, 157 insertions(+), 5033 deletions(-) create mode 100644 config/core.php create mode 100644 packages/Webkul/Payment/src/Config/paymentmethods.php create mode 100644 packages/Webkul/Shipping/src/Config/carriers.php create mode 100644 packages/Webkul/Shipping/src/Config/fields.php diff --git a/config/carriers.php b/config/carriers.php index 030b22f1c..3a82deda4 100644 --- a/config/carriers.php +++ b/config/carriers.php @@ -1,23 +1,7 @@ [ - 'code' => 'flatrate', - 'title' => 'Flat Rate', - 'description' => 'This is a flat rate', - 'active' => true, - 'default_rate' => '10', - 'type' => 'per_unit', - 'class' => 'Webkul\Shipping\Carriers\FlatRate', - ], - - 'free' => [ - 'code' => 'free', - 'title' => 'Free Shipping', - 'description' => 'This is a free shipping', - 'active' => true, - 'class' => 'Webkul\Shipping\Carriers\Free', - ] + ]; ?> \ No newline at end of file diff --git a/config/core.php b/config/core.php new file mode 100644 index 000000000..034bbb637 --- /dev/null +++ b/config/core.php @@ -0,0 +1,4 @@ + [ - 'code' => 'cashondelivery', - 'title' => 'Cash On Delivery', - 'description' => 'Cash On Delivery', - 'class' => 'Webkul\Payment\Payment\CashOnDelivery', - 'order_status' => 'pending', - 'active' => true - ], - - 'moneytransfer' => [ - 'code' => 'moneytransfer', - 'title' => 'Money Transfer', - 'description' => 'Money Transfer', - 'class' => 'Webkul\Payment\Payment\MoneyTransfer', - 'order_status' => 'pending', - 'active' => true - ], - - 'paypal_standard' => [ - 'code' => 'paypal_standard', - 'title' => 'Paypal Standard', - 'description' => 'Paypal Standard', - 'class' => 'Webkul\Paypal\Payment\Standard', - 'order_status' => 'pending_payment', - 'sandbox' => true, - 'active' => true, - 'business_account' => 'test@webkul.com' - ] ]; ?> \ No newline at end of file diff --git a/packages/Webkul/Core/src/Core.php b/packages/Webkul/Core/src/Core.php index b00afcabd..cbf0be519 100644 --- a/packages/Webkul/Core/src/Core.php +++ b/packages/Webkul/Core/src/Core.php @@ -483,18 +483,21 @@ class Core public function getConfigData($field, $channel = null, $locale = null) { if (null === $channel) { - $channel = $this->getCurrentChannel()->code; + $channel = request()->get('channel') ?: ($this->getCurrentChannelCode() ?: $this->getDefaultChannelCode()); } if (null === $locale) { - $locale = app()->getLocale(); + $locale = request()->get('locale') ?: app()->getLocale(); } $coreConfigValue = $this->coreConfigRepository->findOneWhere([ 'code' => $field ]); - return $coreConfigValue; + if(!$coreConfigValue) + return Config::get($field); + + return $coreConfigValue->value; } /** diff --git a/packages/Webkul/Payment/src/Config/paymentmethods.php b/packages/Webkul/Payment/src/Config/paymentmethods.php new file mode 100644 index 000000000..477e64792 --- /dev/null +++ b/packages/Webkul/Payment/src/Config/paymentmethods.php @@ -0,0 +1,31 @@ + [ + 'code' => 'cashondelivery', + 'title' => 'Cash On Delivery', + 'description' => 'Cash On Delivery', + 'class' => 'Webkul\Payment\Payment\CashOnDelivery', + 'order_status' => 'pending', + 'active' => true + ], + + 'moneytransfer' => [ + 'code' => 'moneytransfer', + 'title' => 'Money Transfer', + 'description' => 'Money Transfer', + 'class' => 'Webkul\Payment\Payment\MoneyTransfer', + 'order_status' => 'pending', + 'active' => true + ], + + 'paypal_standard' => [ + 'code' => 'paypal_standard', + 'title' => 'Paypal Standard', + 'description' => 'Paypal Standard', + 'class' => 'Webkul\Paypal\Payment\Standard', + 'order_status' => 'pending_payment', + 'sandbox' => true, + 'active' => true, + 'business_account' => 'test@webkul.com' + ] +]; \ No newline at end of file diff --git a/packages/Webkul/Payment/src/Providers/PaymentServiceProvider.php b/packages/Webkul/Payment/src/Providers/PaymentServiceProvider.php index 2bd28d181..738ecbe0d 100644 --- a/packages/Webkul/Payment/src/Providers/PaymentServiceProvider.php +++ b/packages/Webkul/Payment/src/Providers/PaymentServiceProvider.php @@ -28,6 +28,10 @@ class PaymentServiceProvider extends ServiceProvider public function register() { $this->registerFacades(); + + $this->mergeConfigFrom( + dirname(__DIR__) . '/Config/paymentmethods.php', 'paymentmethods' + ); } /** * Register Bouncer as a singleton. diff --git a/packages/Webkul/Shipping/src/Carriers/FlatRate.php b/packages/Webkul/Shipping/src/Carriers/FlatRate.php index cc7a7ed9c..6f9e48953 100644 --- a/packages/Webkul/Shipping/src/Carriers/FlatRate.php +++ b/packages/Webkul/Shipping/src/Carriers/FlatRate.php @@ -19,42 +19,6 @@ class FlatRate extends AbstractShipping */ protected $code = 'flatrate'; - /** - * Contains field details - * - * @var string - */ - protected $fields = [ - [ - 'name' => 'title', - 'title' => 'Title', - 'type' => 'text', - 'validation' => 'required', - 'channel_based' => true, - 'locale_based' => true - ], [ - 'name' => 'description', - 'title' => 'Description', - 'type' => 'textarea', - 'channel_based' => true, - 'locale_based' => false - ], [ - 'name' => 'active', - 'title' => 'Status', - 'type' => 'select', - 'options' => [ - [ - 'title' => 'Active', - 'value' => true - ], [ - 'title' => 'Inactive', - 'value' => false - ] - ], - 'validation' => 'required' - ] - ]; - /** * Returns rate for flatrate * @@ -77,28 +41,4 @@ class FlatRate extends AbstractShipping return $object; } - - /** - * Returns Configfields for flatrate - * - * @return array - */ - public function getConfigFields() - { - return $this->fields; - } - - /** - * Returns fieldDetails for flatrate - * - * @return array - */ - public function getFieldDetails($fieldName) - { - foreach ($this->fields as $field) { - if ($fieldName == $field['name']) { - return $field; - } - } - } } \ No newline at end of file diff --git a/packages/Webkul/Shipping/src/Carriers/Free.php b/packages/Webkul/Shipping/src/Carriers/Free.php index fc02c2ddd..784de27ba 100644 --- a/packages/Webkul/Shipping/src/Carriers/Free.php +++ b/packages/Webkul/Shipping/src/Carriers/Free.php @@ -19,42 +19,6 @@ class Free extends AbstractShipping */ protected $code = 'free'; - /** - * Contains field details - * - * @var string - */ - protected $fields = [ - [ - 'name' => 'title', - 'title' => 'Title', - 'type' => 'text', - 'validation' => 'required', - 'channel_based' => false, - 'locale_based' => true - ], [ - 'name' => 'description', - 'title' => 'Description', - 'type' => 'textarea', - 'channel_based' => false, - 'locale_based' => true - ], [ - 'name' => 'active', - 'title' => 'Status', - 'type' => 'select', - 'options' => [ - [ - 'title' => 'Active', - 'value' => true - ], [ - 'title' => 'Inactive', - 'value' => false - ] - ], - 'validation' => 'required' - ] - ]; - /** * Returns rate for flatrate * @@ -77,28 +41,4 @@ class Free extends AbstractShipping return $object; } - - /** - * Returns Configfields for flatrate - * - * @return array - */ - public function getConfigFields() - { - return $this->fields; - } - - /** - * Returns fieldDetails for flatrate - * - * @return array - */ - public function getFieldDetails($fieldName) - { - foreach ($this->fields as $field) { - if ($fieldName == $field['name']) { - return $field; - } - } - } } \ No newline at end of file diff --git a/packages/Webkul/Shipping/src/Config/carriers.php b/packages/Webkul/Shipping/src/Config/carriers.php new file mode 100644 index 000000000..8c4524da0 --- /dev/null +++ b/packages/Webkul/Shipping/src/Config/carriers.php @@ -0,0 +1,21 @@ + [ + 'code' => 'flatrate', + 'title' => 'Flat Rate', + 'description' => 'This is a flat rate', + 'active' => true, + 'default_rate' => '10', + 'type' => 'per_unit', + 'class' => 'Webkul\Shipping\Carriers\FlatRate', + ], + + 'free' => [ + 'code' => 'free', + 'title' => 'Free Shipping', + 'description' => 'This is a free shipping', + 'active' => true, + 'class' => 'Webkul\Shipping\Carriers\Free', + ] +]; \ No newline at end of file diff --git a/packages/Webkul/Shipping/src/Config/fields.php b/packages/Webkul/Shipping/src/Config/fields.php new file mode 100644 index 000000000..bf44a8803 --- /dev/null +++ b/packages/Webkul/Shipping/src/Config/fields.php @@ -0,0 +1,66 @@ + [ + 'free' => [ + [ + 'name' => 'title', + 'title' => 'Title', + 'type' => 'text', + 'validation' => 'required', + 'channel_based' => false, + 'locale_based' => true + ], [ + 'name' => 'description', + 'title' => 'Description', + 'type' => 'textarea', + 'channel_based' => false, + 'locale_based' => true + ], [ + 'name' => 'active', + 'title' => 'Status', + 'type' => 'select', + 'options' => [ + [ + 'title' => 'Active', + 'value' => true + ], [ + 'title' => 'Inactive', + 'value' => false + ] + ], + 'validation' => 'required' + ] + ], + 'flatrate' => [ + [ + 'name' => 'title', + 'title' => 'Title', + 'type' => 'text', + 'validation' => 'required', + 'channel_based' => true, + 'locale_based' => true + ], [ + 'name' => 'description', + 'title' => 'Description', + 'type' => 'textarea', + 'channel_based' => true, + 'locale_based' => false + ], [ + 'name' => 'active', + 'title' => 'Status', + 'type' => 'select', + 'options' => [ + [ + 'title' => 'Active', + 'value' => true + ], [ + 'title' => 'Inactive', + 'value' => false + ] + ], + 'validation' => 'required' + ] + ] + ] +]; \ No newline at end of file diff --git a/packages/Webkul/Shipping/src/Providers/ShippingServiceProvider.php b/packages/Webkul/Shipping/src/Providers/ShippingServiceProvider.php index f7a29055d..021989e83 100644 --- a/packages/Webkul/Shipping/src/Providers/ShippingServiceProvider.php +++ b/packages/Webkul/Shipping/src/Providers/ShippingServiceProvider.php @@ -29,7 +29,10 @@ class ShippingServiceProvider extends ServiceProvider public function register() { $this->registerFacades(); + + $this->registerConfig(); } + /** * Register Bouncer as a singleton. * @@ -44,4 +47,20 @@ class ShippingServiceProvider extends ServiceProvider return new Shipping(); }); } + + /** + * Register package config. + * + * @return void + */ + protected function registerConfig() + { + $this->mergeConfigFrom( + dirname(__DIR__) . '/Config/carriers.php', 'carriers' + ); + + $this->mergeConfigFrom( + dirname(__DIR__) . '/Config/fields.php', 'core' + ); + } } diff --git a/packages/Webkul/Ui/publishable/assets/css/ui.css b/packages/Webkul/Ui/publishable/assets/css/ui.css index 6b6e6e762..262d37363 100644 --- a/packages/Webkul/Ui/publishable/assets/css/ui.css +++ b/packages/Webkul/Ui/publishable/assets/css/ui.css @@ -1,1585 +1 @@ -.dashboard-icon, .sales-icon, .catalog-icon, .customer-icon, .configuration-icon, .settings-icon, .active.configuration-icon { - width: 48px; - height: 48px; - display: inline-block; - background-size: cover; -} - -.icon { - display: inline-block; - background-size: cover; -} - -.dashboard-icon { - background-image: url("../images/Icon-Dashboard.svg"); -} - -.sales-icon { - background-image: url("../images/Icon-Sales.svg"); -} - -.catalog-icon { - background-image: url("../images/Icon-Catalog.svg"); -} - -.customer-icon { - background-image: url("../images/Icon-Customers.svg"); -} - -.configuration-icon { - background-image: url("../images/Icon-Configure.svg"); -} - -.settings-icon { - background-image: url("../images/Icon-Settings.svg"); -} - -.angle-right-icon { - background-image: url("../images/Angle-Right.svg"); - width: 17px; - height: 17px; -} - -.angle-left-icon { - background-image: url("../images/Angle-Left.svg"); - width: 17px; - height: 17px; -} - -.arrow-down-icon { - background-image: url("../images/Arrow-Down-Light.svg"); - width: 14px; - height: 8px; -} - -.arrow-right-icon { - background-image: url("../images/Arrow-Right.svg"); - width: 18px; - height: 18px; -} - -.white-cross-sm-icon { - background-image: url("../images/Icon-Sm-Cross-White.svg"); - width: 18px; - height: 18px; -} - -.accordian-up-icon { - background-image: url("../images/Accordion-Arrow-Up.svg"); - width: 24px; - height: 24px; -} - -.accordian-down-icon { - background-image: url("../images/Accordion-Arrow-Down.svg"); - width: 24px; - height: 24px; -} - -.cross-icon { - background-image: url("../images/Icon-Crossed.svg"); - width: 18px; - height: 18px; -} - -.trash-icon { - background-image: url("../images/Icon-Trash.svg"); - width: 24px; - height: 24px; -} - -.remove-icon { - background-image: url("../images/Icon-remove.svg"); - width: 24px; - height: 24px; -} - -.pencil-lg-icon { - background-image: url("../images/Icon-Pencil-Large.svg"); - width: 24px; - height: 24px; -} - -.eye-icon { - background-image: url("../images/Icon-eye.svg"); - width: 24px; - height: 24px; -} - -.search-icon { - background-image: url("../images/icon-search.svg"); - width: 24px; - height: 24px; -} - -.sortable-icon { - background-image: url("../images/Icon-Sortable.svg"); - width: 24px; - height: 24px; -} - -.sort-down-icon { - background-image: url("../images/Icon-Sort-Down.svg"); - width: 18px; - height: 18px; -} - -.sort-up-icon { - background-image: url("../images/Icon-Sort-Down.svg"); - width: 18px; - height: 18px; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} - -.primary-back-icon { - background-image: url("../images/Icon-Back-Primary.svg"); - width: 24px; - height: 24px; -} - -.checkbox-dash-icon { - background-image: url("../images/Checkbox-Dash.svg"); - width: 24px; - height: 24px; -} - -.account-icon { - background-image: url("../images/icon-account.svg"); - width: 24px; - height: 24px; -} - -.expand-icon { - background-image: url("../images/Expand-Light.svg"); - width: 18px; - height: 18px; -} - -.expand-on-icon { - background-image: url("../images/Expand-Light-On.svg"); - width: 18px; - height: 18px; -} - -.dark-left-icon { - background-image: url("../images/arrow-left-dark.svg"); - width: 18px; - height: 18px; -} - -.light-right-icon { - background-image: url("../images/arrow-right-light.svg"); - width: 18px; - height: 18px; -} - -.folder-icon { - background-image: url("../images/Folder-Icon.svg"); - width: 24px; - height: 24px; -} - -.star-icon { - background-image: url("../images/Star-Icon.svg"); - width: 24px; - height: 24px; -} - -.arrow-down-white-icon { - background-image: url("../images/down-arrow-white.svg"); - width: 17px; - height: 13px; -} - -.arrow-up-white-icon { - background-image: url("../images/up-arrow-white.svg"); - width: 17px; - height: 13px; -} - -.profile-pic-icon { - background-image: url("../images/Profile-Pic.svg"); - width: 60px; - height: 60px; -} - -.graph-up-icon { - background-image: url("../images/Icon-Graph-Green.svg"); - width: 24px; - height: 24px; -} - -.graph-down-icon { - background-image: url("../images/Icon-Graph-Red.svg"); - width: 24px; - height: 24px; -} - -.no-result-icon { - background-image: url("../images/limited-icon.svg"); - width: 52px; - height: 47px; -} - -.active .dashboard-icon { - background-image: url("../images/Icon-Dashboard-Active.svg"); -} - -.active .sales-icon { - background-image: url("../images/Icon-Sales-Active.svg"); -} - -.active .catalog-icon { - background-image: url("../images/Icon-Catalog-Active.svg"); -} - -.active .customer-icon { - background-image: url("../images/Icon-Customers-Active.svg"); -} - -.active .settings-icon { - background-image: url("../images/Icon-Settings-Active.svg"); -} - -.active .configuration-icon { - background-image: url("../images/Icon-Configure-Active.svg"); -} - -.active > .arrow-down-icon { - background-image: url("../images/Arrow-Down.svg"); - width: 14px; - height: 8px; -} - -.active > .expand-icon { - background-image: url("../images/Expand-Light-On.svg"); -} - -.active.dashboard-icon { - background-image: url("../images/Icon-Dashboard-Active.svg"); -} - -.active.customer-icon { - background-image: url("../images/Icon-Customers-Active.svg"); -} - -.active.sales-icon { - background-image: url("../images/Icon-Sales-Active.svg"); -} - -.active.settings-icon { - background-image: url("../images/Icon-Settings-Active.svg"); -} - -.active.configuration-icon { - background-image: url("../images/Icon-Configure-Active.svg"); -} - -.active.arrow-down-icon { - background-image: url("../images/Arrow-Down.svg"); - width: 14px; - height: 8px; -} - -.active.expand-icon { - background-image: url("../images/Expand-Light-On.svg"); -} - -.icon-404 { - background-image: url("../images/404-image.svg"); - width: 255px; - height: 255px; -} - -.export-icon { - background-image: url("../images/Icon-Export.svg"); - width: 32px; - height: 32px; -} - -/* Data grid css starts here */ -.grid-container { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.grid-container .filter-wrapper { - display: block; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.grid-container .filter-wrapper .filter-row-one, -.grid-container .filter-wrapper .filter-row-two { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} - -.grid-container .filter-wrapper .filter-row-one { - height: 40px; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.grid-container .filter-wrapper .filter-row-one .search-filter .control { - font-family: "montserrat", sans-serif; - padding-left: 10px; - width: 380px; - height: 36px; - border: 2px solid #C7C7C7; - border-radius: 3px; - border-right: 0px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - font-size: 14px; -} - -.grid-container .filter-wrapper .filter-row-one .search-filter .ic-wrapper { - display: block; - height: 36px; - width: 36px; - border: 2px solid #C7C7C7; - border-left: none; - border-radius: 2px; -} - -.grid-container .filter-wrapper .filter-row-one .search-filter .ic-wrapper .search-icon { - margin-left: 4px; - margin-top: 4px; - height: 24px; - width: 24px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters { - margin-right: 5px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-family: "montserrat", sans-serif; - padding-left: 5px; - height: 36px; - width: 150px; - border: 2px solid #C7C7C7; - border-radius: 2px; - background-color: #ffffff; - color: #8e8e8e; - font-size: 14px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle .dropdown-header { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle .dropdown-header .arrow-down-icon { - margin-right: 5px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul li.filter-column-dropdown .filter-column-select { - width: 100%; - background: #ffffff; - border: 2px solid #C7C7C7; - border-radius: 3px; - height: 36px; - display: inline-block; - vertical-align: middle; - -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - padding: 0px 5px; - font-family: "montserrat", sans-serif; - margin-top: 10px; - margin-bottom: 5px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul li select { - background: #ffffff; - border: 2px solid #C7C7C7; - border-radius: 3px; - height: 36px; - max-width: 100%; - display: inline-block; - vertical-align: middle; - -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - padding: 0px 5px; - font-family: "montserrat", sans-serif; - margin-top: 10px; - margin-bottom: 5px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul li input { - background: #fff; - border: 2px solid #c7c7c7; - border-radius: 3px; - height: 36px; - max-width: 100%; - display: inline-block; - vertical-align: middle; - -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - padding: 0px 5px; - font-family: "montserrat", sans-serif; - margin-top: 10px; - margin-bottom: 5px; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-condition-dropdown-string { - display: none; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-condition-dropdown-number { - display: none; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-condition-dropdown-datetime { - display: none; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-string { - display: none; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-boolean { - display: none; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-datetime { - display: none; -} - -.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-number { - display: none; -} - -.grid-container .filter-wrapper .filter-row-two { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-top: 6px; - margin-bottom: 6px; -} - -.grid-container .filter-wrapper .filter-row-two .filter-one { - margin-right: 10px; -} - -.grid-container .filter-wrapper .filter-row-two .filter-one .filter-name { - margin-right: 5px; -} - -.grid-container .filter-wrapper .filter-row-two .filter-one .filter-value { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - background: #e7e7e7; - padding-left: 5px; - color: #000311; - vertical-align: middle; -} - -.grid-container .filter-wrapper .filter-row-two .filter-one .filter-value .f-value { - margin: auto; -} - -.grid-container .filter-wrapper .filter-row-two .filter-one .filter-value .cross-icon { - margin: 5px; - height: 18px !important; - width: 18px !important; - cursor: pointer; -} - -.grid-container .table thead .mass-action-wrapper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.grid-container .table thead .mass-action-wrapper .massaction-remove { - margin-top: 4px; - margin-right: 10px; -} - -.grid-container .table thead .mass-action-wrapper .selected-items { - margin-right: 15px; -} - -.grid-container .table thead tr th.grid_head .sort-down-icon, .grid-container .table thead tr th.grid_head .sort-up-icon { - margin-left: 5px; - margin-top: -3px; - vertical-align: middle; -} - -.grid-container .table thead tr th.grid_head.sortable { - cursor: pointer; -} - -.grid-container .table thead tr th { - text-transform: capitalize; -} - -.grid-container .table tbody td.action a:first-child { - margin-right: 10px; -} - -.grid-container .table .pagination { - margin-top: 20px; -} - -/* DataGrid css ends in here */ -@-webkit-keyframes jelly { - 0% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0; - } - 70% { - -webkit-transform: translateY(5px) scale(1.05); - transform: translateY(5px) scale(1.05); - opacity: 1; - } - 100% { - -webkit-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); - opacity: 1; - } -} -@keyframes jelly { - 0% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0; - } - 70% { - -webkit-transform: translateY(5px) scale(1.05); - transform: translateY(5px) scale(1.05); - opacity: 1; - } - 100% { - -webkit-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); - opacity: 1; - } -} - -@-webkit-keyframes jelly-out { - 0% { - -webkit-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); - opacity: 1; - } - 30% { - -webkit-transform: translateY(-5px) scale(1.05); - transform: translateY(-5px) scale(1.05); - opacity: 1; - } - 100% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0; - } -} - -@keyframes jelly-out { - 0% { - -webkit-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); - opacity: 1; - } - 30% { - -webkit-transform: translateY(-5px) scale(1.05); - transform: translateY(-5px) scale(1.05); - opacity: 1; - } - 100% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0; - } -} - -* { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -*:focus { - outline: none; -} - -a:link, -a:hover, -a:visited, -a:focus, -a:active { - text-decoration: none; - color: #0041FF; -} - -ul { - margin: 0; - padding: 0; - list-style: none; -} - -h1 { - font-size: 28px; - color: #3a3a3a; - margin-top: 0; -} - -h2 { - font-size: 18px; - color: #3a3a3a; -} - -.tooltip { - position: relative; - border-bottom: 1px solid black; -} - -.tooltip .tooltiptext { - visibility: hidden; - width: 120px; - background-color: black; - color: #fff; - text-align: center; - border-radius: 6px; - padding: 5px 0; - /* Position the tooltip */ - position: absolute; - z-index: 1; -} - -.tooltip:hover .tooltiptext { - visibility: visible; -} - -.hide { - display: none !important; -} - -.btn { - -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1); - border-radius: 3px; - border: none; - color: #fff; - cursor: pointer; - -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - font: inherit; - display: inline-block; -} - -.btn:hover, .btn:active, .btn:focus { - opacity: 0.75; - border: none; -} - -.btn.btn-sm { - padding: 6px 12px; -} - -.btn.btn-md { - padding: 8px 16px; -} - -.btn.btn-lg { - padding: 10px 20px; -} - -.btn.btn-xl { - padding: 12px 24px; - font-size: 16px; -} - -.btn.btn-primary { - background: #0041FF; - color: #ffffff; -} - -.btn:disabled, .btn[disabled="disabled"], .btn[disabled="disabled"]:hover, .btn[disabled="disabled"]:active { - cursor: not-allowed; - background: #b1b1ae; - -webkit-box-shadow: none; - box-shadow: none; - opacity: 1; -} - -.dropdown-open { - position: relative; -} - -.dropdown-list { - width: 200px; - margin-bottom: 20px; - -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0 9px 0 rgba(0, 0, 0, 0.16); - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0 9px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - background-color: #ffffff; - position: absolute; - display: none; - z-index: 10; - text-align: left; -} - -.dropdown-list.bottom-left { - top: 42px; - left: 0px; -} - -.dropdown-list.bottom-right { - top: 42px; - right: 0px; -} - -.dropdown-list.top-left { - bottom: 42px; - left: 0px; -} - -.dropdown-list.top-right { - bottom: 42px; - right: 0px; -} - -.dropdown-list .search-box { - padding: 20px; - border-bottom: 1px solid rgba(162, 162, 162, 0.2); -} - -.dropdown-list .search-box .control { - background: #fff; - border: 2px solid #C7C7C7; - border-radius: 3px; - width: 100%; - height: 36px; - display: inline-block; - vertical-align: middle; - -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - padding: 0px 10px; - font-size: 15px; -} - -.dropdown-list .search-box .control:focus { - border-color: #0041FF; -} - -.dropdown-list .dropdown-container { - padding: 20px; - overflow-y: auto; - max-height: 280px; -} - -.dropdown-list .dropdown-container label { - font-size: 15px; - display: inline-block; - text-transform: uppercase; - color: #9e9e9e; - font-weight: 700; - padding-bottom: 5px; -} - -.dropdown-list .dropdown-container ul { - margin: 0px; - list-style-type: none; - padding: 0px; -} - -.dropdown-list .dropdown-container ul li { - padding: 5px 0px; -} - -.dropdown-list .dropdown-container ul li a:link, -.dropdown-list .dropdown-container ul li a:active, -.dropdown-list .dropdown-container ul li a:visited, -.dropdown-list .dropdown-container ul li a:focus { - color: #333333; - display: block; -} - -.dropdown-list .dropdown-container ul li a:hover { - color: #0041FF; -} - -.dropdown-list .dropdown-container ul li .checkbox { - margin: 0; -} - -.dropdown-list .dropdown-container ul li .control-group label { - color: #3a3a3a; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - width: 100%; -} - -.dropdown-list .dropdown-container .btn { - width: 100%; - margin-top: 10px; -} - -.table { - width: 100%; - overflow-x: auto; -} - -.table table { - width: 100%; - border-collapse: collapse; - text-align: left; -} - -.table table thead th { - font-weight: 700; - padding: 12px 10px; - background: #f8f9fa; - color: #3a3a3a; -} - -.table table tbody td { - padding: 10px; - border-bottom: solid 1px #d3d3d3; - color: #3a3a3a; - vertical-align: top; -} - -.table table tbody td.actions { - text-align: right; -} - -.table table tbody td.actions .icon { - cursor: pointer; - vertical-align: middle; -} - -.table table tbody td.empty { - text-align: center; -} - -.table table tbody tr:last-child td { - border-bottom: none; -} - -.table .control-group { - width: 100%; - margin-bottom: 0; -} - -.table .control-group .control { - width: 100%; - margin: 0; -} - -.dropdown-btn { - min-width: 150px; - text-align: left; - background: #ffffff; - border: 2px solid #C7C7C7; - border-radius: 3px; - font-size: 14px; - padding: 8px 35px 8px 10px; - cursor: pointer; - position: relative; -} - -.dropdown-btn:hover, .dropdown-btn:active, .dropdown-btn:focus { - opacity: 0.75; - border: 2px solid #C7C7C7; -} - -.dropdown-btn .icon { - position: absolute; - right: 10px; - top: 50%; - margin-top: -4px; -} - -.pagination .page-item { - background: #ffffff; - border: 2px solid #C7C7C7; - border-radius: 3px; - padding: 7px 14px; - margin-right: 5px; - font-size: 16px; - display: inline-block; - color: #8e8e8e; - vertical-align: middle; - text-decoration: none; -} - -.pagination .page-item.previous, .pagination .page-item.next { - padding: 6px 9px; -} - -.pagination .page-item.active { - background: #0041ff; - color: #fff; - border-color: #0041ff; -} - -.pagination .page-item .icon { - vertical-align: middle; - margin-bottom: 3px; -} - -.checkbox { - position: relative; - display: block; - vertical-align: middle; - margin: 10px 5px 5px 0px; -} - -.checkbox input { - left: 0; - opacity: 0; - position: absolute; - top: 0; - height: 24px; - width: 24px; - z-index: 100; -} - -.checkbox .checkbox-view { - background-image: url("../images/Checkbox.svg"); - height: 24px; - width: 24px; - margin: 0; - display: inline-block !important; - vertical-align: middle; - margin-right: 5px; -} - -.checkbox input:checked + .checkbox-view { - background-image: url("../images/Checkbox-Checked.svg"); -} - -.checkbox input:disabled + .checkbox-view { - opacity: 0.5; - cursor: not-allowed; -} - -.radio { - position: relative; - display: block; - margin: 10px 5px 5px 0px; -} - -.radio input { - left: 0; - opacity: 0; - position: absolute; - top: 0; - z-index: 100; -} - -.radio .radio-view { - background-image: url("../images/controls.svg"); - background-position: -21px 0px; - height: 20px; - width: 20px; - margin: 0; - display: inline-block !important; - vertical-align: middle; - margin-right: 5px; -} - -.radio input:checked + .radio-view { - background-position: -21px -21px; -} - -.radio input:disabled + .radio-view { - opacity: 0.5; - cursor: not-allowed; -} - -.control-group { - display: block; - margin-bottom: 25px; - font-size: 15px; - color: #333333; - width: 750px; - max-width: 100%; - position: relative; -} - -.control-group label { - display: block; - color: #3a3a3a; -} - -.control-group label.required::after { - content: "*"; - color: #FC6868; - font-weight: 700; - display: inline-block; -} - -.control-group textarea.control { - height: 100px; - padding: 10px; -} - -.control-group .control { - background: #fff; - border: 2px solid #C7C7C7; - border-radius: 3px; - width: 70%; - height: 36px; - display: inline-block; - vertical-align: middle; - -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); - padding: 0px 10px; - font-size: 15px; - margin-top: 10px; - margin-bottom: 5px; -} - -.control-group .control:focus { - border-color: #0041FF; -} - -.control-group .control[disabled="disabled"] { - border-color: #d3d3d3; - background-color: #d3d3d3; - cursor: not-allowed; -} - -.control-group .control[multiple] { - height: 100px; -} - -.control-group.date::after, .control-group.datetime::after { - background-image: url("../images/Icon-Calendar.svg"); - width: 24px; - height: 24px; - content: ''; - display: inline-block; - vertical-align: middle; - margin-left: -34px; - margin-top: 2px; - pointer-events: none; -} - -.control-group .control-info { - display: block; - font-style: italic; - color: #6f6f6f; -} - -.control-group .control-error { - display: none; - color: #ff5656; - margin-top: 5px; -} - -.control-group.has-error .control { - border-color: #FC6868; -} - -.control-group.has-error .control-error { - display: block; -} - -.control-group.price .currency-code { - vertical-align: middle; - display: inline-block; -} - -.button-group { - margin-top: 20px; - margin-bottom: 20px; -} - -.alert-wrapper { - width: 300px; - top: 10px; - right: 10px; - position: fixed; - z-index: 6; - text-align: left; -} - -.alert-wrapper .alert { - width: 300px; - padding: 15px; - border-radius: 3px; - display: inline-block; - -webkit-box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12); - box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12); - position: relative; - -webkit-animation: jelly 0.5s ease-in-out; - animation: jelly 0.5s ease-in-out; - -webkit-transform-origin: center top; - transform-origin: center top; - z-index: 500; - margin-bottom: 10px; -} - -.alert-wrapper .alert.alert-error { - background: #FC6868; -} - -.alert-wrapper .alert.alert-info { - background: #204d74; -} - -.alert-wrapper .alert.alert-success { - background: #4CAF50; -} - -.alert-wrapper .alert.alert-warning { - background: #FFC107; -} - -.alert-wrapper .alert .icon { - position: absolute; - right: 10px; - top: 10px; - cursor: pointer; -} - -.alert-wrapper .alert p { - color: #ffffff; - margin: 0px; - padding: 0px; - font-size: 15px; -} - -.tabs ul { - border-bottom: solid 1px rgba(162, 162, 162, 0.2); -} - -.tabs ul li { - display: inline-block; -} - -.tabs ul li a { - padding: 15px 20px; - cursor: pointer; - margin: 0px 2px; - text-align: center; - color: #000311; - display: block; -} - -.tabs ul li.active a { - border-bottom: 3px solid #0041FF; -} - -.accordian, accordian { - display: inline-block; - width: 100%; -} - -.accordian .accordian-header, .accordian div[slot*="header"], accordian .accordian-header, accordian div[slot*="header"] { - width: 100%; - display: inline-block; - font-size: 18px; - color: #3a3a3a; - border-bottom: solid 1px rgba(162, 162, 162, 0.2); - padding: 20px 15px; - cursor: pointer; -} - -.accordian .accordian-header .expand-icon, .accordian div[slot*="header"] .expand-icon, accordian .accordian-header .expand-icon, accordian div[slot*="header"] .expand-icon { - background-image: url("../images/Expand-Light.svg"); - margin-right: 10px; - margin-top: 3px; -} - -.accordian .accordian-header h1, .accordian div[slot*="header"] h1, accordian .accordian-header h1, accordian div[slot*="header"] h1 { - margin: 0; - font-size: 20px; - display: inline-block; -} - -.accordian .accordian-header .icon, .accordian div[slot*="header"] .icon, accordian .accordian-header .icon, accordian div[slot*="header"] .icon { - float: right; -} - -.accordian .accordian-header .icon.left, .accordian div[slot*="header"] .icon.left, accordian .accordian-header .icon.left, accordian div[slot*="header"] .icon.left { - float: left; -} - -.accordian .accordian-content, .accordian div[slot*="body"], accordian .accordian-content, accordian div[slot*="body"] { - width: 100%; - padding: 20px 15px; - display: none; - -webkit-transition: 0.3s ease all; - transition: 0.3s ease all; -} - -.accordian.active > .accordian-content, accordian.active > .accordian-content { - display: inline-block; -} - -.accordian.active > .accordian-header .expand-icon, accordian.active > .accordian-header .expand-icon { - background-image: url("../images/Expand-Light-On.svg"); -} - -.tree-container .tree-item { - padding-left: 30px; - display: inline-block; - margin-top: 10px; - width: 100%; -} - -.tree-container .tree-item > .tree-item { - display: none; -} - -.tree-container .tree-item.active > .tree-item { - display: inline-block; -} - -.tree-container .tree-item .checkbox { - margin: 0; - display: inline-block; -} - -.tree-container .tree-item .radio { - margin: 0; - display: inline-block; -} - -.tree-container .tree-item .expand-icon { - display: inline-block; - margin-right: 10px; - cursor: pointer; - background-image: url("../images/Expand-Light.svg"); - width: 18px; - height: 18px; - vertical-align: middle; -} - -.tree-container .tree-item .folder-icon { - vertical-align: middle; - margin-right: 10px; -} - -.tree-container .tree-item.active > .expand-icon { - background-image: url("../images/Expand-Light-On.svg"); -} - -.tree-container > .tree-item { - padding-left: 0; -} - -.panel { - -webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.15); - box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.15); - border-radius: 5px; - background: #fff; -} - -.panel .panel-content { - padding: 20px; -} - -.modal-open { - overflow: hidden; -} - -.modal-overlay { - display: none; - overflow-y: auto; - z-index: 10; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - position: fixed; - background: #000; - opacity: 0.75; -} - -.modal-open .modal-overlay { - display: block; -} - -.modal-container { - -webkit-animation: fade-in-white 0.3s ease-in-out; - animation: fade-in-white 0.3s ease-in-out; - z-index: 11; - margin-left: -350px; - width: 600px; - max-width: 80%; - background: #ffffff; - position: fixed; - left: 50%; - top: 100px; - margin-bottom: 100px; - -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2); - box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2); - -webkit-animation: jelly 0.5s ease-in-out; - animation: jelly 0.5s ease-in-out; - border-radius: 5px; -} - -.modal-container .modal-header { - padding: 20px; -} - -.modal-container .modal-header h3 { - display: inline-block; - font-size: 20px; - color: #3a3a3a; - margin: 0; -} - -.modal-container .modal-header .icon { - float: right; - cursor: pointer; -} - -.modal-container .modal-body { - padding: 20px; -} - -.modal-container .modal-body .control-group .control { - width: 100%; -} - -.label { - background: #E7E7E7; - border-radius: 2px; - padding: 8px; - color: #000311; - display: inline-block; -} - -.label.label-sm { - padding: 5px; -} - -.label.label-md { - padding: 8px; -} - -.label.label-lg { - padding: 11px; -} - -.label.label-xl { - padding: 14px; -} - -.badge { - border-radius: 50px; - color: white; - padding: 8px; -} - -.badge.badge-sm { - padding: 5px; -} - -.badge.badge-md { - padding: 3px 10px; -} - -.badge.badge-lg { - padding: 11px; -} - -.badge.badge-xl { - padding: 14px; -} - -.badge.badge-success { - background-color: #4CAF50; -} - -.badge.badge-info { - background-color: #0041FF; -} - -.badge.badge-danger { - background-color: #FC6868; -} - -.badge.badge-warning { - background-color: #FFC107; -} - -.image-wrapper { - margin-bottom: 20px; - display: inline-block; - width: 100%; -} - -.image-wrapper .image-item { - width: 200px; - height: 200px; - margin-right: 20px; - background: #F8F9FA; - border-radius: 3px; - display: inline-block; - position: relative; - background-image: url("../images/placeholder-icon.svg"); - background-repeat: no-repeat; - background-position: center; - margin-bottom: 20px; -} - -.image-wrapper .image-item img.preview { - width: 100%; - height: 100%; -} - -.image-wrapper .image-item input { - display: none; -} - -.image-wrapper .image-item .remove-image { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0.24))); - background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.24) 100%); - border-radius: 0 0 4px 4px; - position: absolute; - bottom: 0; - width: 100%; - padding: 10px; - text-align: center; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); - margin-right: 20px; - cursor: pointer; -} - -.image-wrapper .image-item:hover .remove-image { - display: block; -} - -.image-wrapper .image-item.has-image { - background-image: none; -} - -.cp-spinner { - width: 48px; - height: 48px; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.cp-round:before { - border-radius: 50%; - content: " "; - width: 48px; - height: 48px; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-top: solid 6px #bababa; - border-right: solid 6px #bababa; - border-bottom: solid 6px #bababa; - border-left: solid 6px #bababa; - position: absolute; - top: 0; - left: 0; -} - -.cp-round:after { - border-radius: 50%; - content: " "; - width: 48px; - height: 48px; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-top: solid 6px #0041FF; - border-right: solid 6px transparent; - border-bottom: solid 6px transparent; - border-left: solid 6px transparent; - position: absolute; - top: 0; - left: 0; - -webkit-animation: spin 1s ease-in-out infinite; - animation: spin 1s ease-in-out infinite; -} - -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} +.active.configuration-icon,.catalog-icon,.configuration-icon,.customer-icon,.dashboard-icon,.sales-icon,.settings-icon{width:48px;height:48px;display:inline-block;background-size:cover}.icon{display:inline-block;background-size:cover}.dashboard-icon{background-image:url("../images/Icon-Dashboard.svg")}.sales-icon{background-image:url("../images/Icon-Sales.svg")}.catalog-icon{background-image:url("../images/Icon-Catalog.svg")}.customer-icon{background-image:url("../images/Icon-Customers.svg")}.configuration-icon{background-image:url("../images/Icon-Configure.svg")}.settings-icon{background-image:url("../images/Icon-Settings.svg")}.angle-right-icon{background-image:url("../images/Angle-Right.svg");width:17px;height:17px}.angle-left-icon{background-image:url("../images/Angle-Left.svg");width:17px;height:17px}.arrow-down-icon{background-image:url("../images/Arrow-Down-Light.svg");width:14px;height:8px}.arrow-right-icon{background-image:url("../images/Arrow-Right.svg");width:18px;height:18px}.white-cross-sm-icon{background-image:url("../images/Icon-Sm-Cross-White.svg");width:18px;height:18px}.accordian-up-icon{background-image:url("../images/Accordion-Arrow-Up.svg");width:24px;height:24px}.accordian-down-icon{background-image:url("../images/Accordion-Arrow-Down.svg");width:24px;height:24px}.cross-icon{background-image:url("../images/Icon-Crossed.svg");width:18px;height:18px}.trash-icon{background-image:url("../images/Icon-Trash.svg");width:24px;height:24px}.remove-icon{background-image:url("../images/Icon-remove.svg");width:24px;height:24px}.pencil-lg-icon{background-image:url("../images/Icon-Pencil-Large.svg");width:24px;height:24px}.eye-icon{background-image:url("../images/Icon-eye.svg");width:24px;height:24px}.search-icon{background-image:url("../images/icon-search.svg");width:24px;height:24px}.sortable-icon{background-image:url("../images/Icon-Sortable.svg");width:24px;height:24px}.sort-down-icon,.sort-up-icon{background-image:url("../images/Icon-Sort-Down.svg");width:18px;height:18px}.sort-up-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.primary-back-icon{background-image:url("../images/Icon-Back-Primary.svg");width:24px;height:24px}.checkbox-dash-icon{background-image:url("../images/Checkbox-Dash.svg");width:24px;height:24px}.account-icon{background-image:url("../images/icon-account.svg");width:24px;height:24px}.expand-icon{background-image:url("../images/Expand-Light.svg");width:18px;height:18px}.expand-on-icon{background-image:url("../images/Expand-Light-On.svg");width:18px;height:18px}.dark-left-icon{background-image:url("../images/arrow-left-dark.svg");width:18px;height:18px}.light-right-icon{background-image:url("../images/arrow-right-light.svg");width:18px;height:18px}.folder-icon{background-image:url("../images/Folder-Icon.svg");width:24px;height:24px}.star-icon{background-image:url("../images/Star-Icon.svg");width:24px;height:24px}.arrow-down-white-icon{background-image:url("../images/down-arrow-white.svg");width:17px;height:13px}.arrow-up-white-icon{background-image:url("../images/up-arrow-white.svg");width:17px;height:13px}.profile-pic-icon{background-image:url("../images/Profile-Pic.svg");width:60px;height:60px}.graph-up-icon{background-image:url("../images/Icon-Graph-Green.svg");width:24px;height:24px}.graph-down-icon{background-image:url("../images/Icon-Graph-Red.svg");width:24px;height:24px}.no-result-icon{background-image:url("../images/limited-icon.svg");width:52px;height:47px}.active .dashboard-icon{background-image:url("../images/Icon-Dashboard-Active.svg")}.active .sales-icon{background-image:url("../images/Icon-Sales-Active.svg")}.active .catalog-icon{background-image:url("../images/Icon-Catalog-Active.svg")}.active .customer-icon{background-image:url("../images/Icon-Customers-Active.svg")}.active .settings-icon{background-image:url("../images/Icon-Settings-Active.svg")}.active .configuration-icon{background-image:url("../images/Icon-Configure-Active.svg")}.active>.arrow-down-icon{background-image:url("../images/Arrow-Down.svg");width:14px;height:8px}.active>.expand-icon{background-image:url("../images/Expand-Light-On.svg")}.active.dashboard-icon{background-image:url("../images/Icon-Dashboard-Active.svg")}.active.customer-icon{background-image:url("../images/Icon-Customers-Active.svg")}.active.sales-icon{background-image:url("../images/Icon-Sales-Active.svg")}.active.settings-icon{background-image:url("../images/Icon-Settings-Active.svg")}.active.configuration-icon{background-image:url("../images/Icon-Configure-Active.svg")}.active.arrow-down-icon{background-image:url("../images/Arrow-Down.svg");width:14px;height:8px}.active.expand-icon{background-image:url("../images/Expand-Light-On.svg")}.icon-404{background-image:url("../images/404-image.svg");width:255px;height:255px}.export-icon{background-image:url("../images/Icon-Export.svg");width:32px;height:32px}.grid-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.grid-container .filter-wrapper{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.grid-container .filter-wrapper .filter-row-one,.grid-container .filter-wrapper .filter-row-two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.grid-container .filter-wrapper .filter-row-one{height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-container .filter-wrapper .filter-row-one .search-filter .control{font-family:montserrat,sans-serif;padding-left:10px;width:380px;height:36px;border:2px solid #c7c7c7;border-radius:3px;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;font-size:14px}.grid-container .filter-wrapper .filter-row-one .search-filter .ic-wrapper{display:block;height:36px;width:36px;border:2px solid #c7c7c7;border-left:none;border-radius:2px}.grid-container .filter-wrapper .filter-row-one .search-filter .ic-wrapper .search-icon{margin-left:4px;margin-top:4px;height:24px;width:24px}.grid-container .filter-wrapper .filter-row-one .dropdown-filters{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters{margin-right:5px}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:montserrat,sans-serif;padding-left:5px;height:36px;width:150px;border:2px solid #c7c7c7;border-radius:2px;background-color:#fff;color:#8e8e8e;font-size:14px}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle .dropdown-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle .dropdown-header{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-toggle .dropdown-header .arrow-down-icon{margin-right:5px}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul li.filter-column-dropdown .filter-column-select{width:100%;background:#fff;border:2px solid #c7c7c7;border-radius:3px;height:36px;display:inline-block;vertical-align:middle;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);padding:0 5px;font-family:montserrat,sans-serif;margin-top:10px;margin-bottom:5px}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul li input,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul li select{background:#fff;border:2px solid #c7c7c7;border-radius:3px;height:36px;max-width:100%;display:inline-block;vertical-align:middle;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);padding:0 5px;font-family:montserrat,sans-serif;margin-top:10px;margin-bottom:5px}.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-condition-dropdown-datetime,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-condition-dropdown-number,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-condition-dropdown-string,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-boolean,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-datetime,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-number,.grid-container .filter-wrapper .filter-row-one .dropdown-filters .more-filters .dropdown-list .dropdown-container ul .filter-response-string{display:none}.grid-container .filter-wrapper .filter-row-two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:6px;margin-bottom:6px}.grid-container .filter-wrapper .filter-row-two .filter-one{margin-right:10px}.grid-container .filter-wrapper .filter-row-two .filter-one .filter-name{margin-right:5px}.grid-container .filter-wrapper .filter-row-two .filter-one .filter-value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#e7e7e7;padding-left:5px;color:#000311;vertical-align:middle}.grid-container .filter-wrapper .filter-row-two .filter-one .filter-value .f-value{margin:auto}.grid-container .filter-wrapper .filter-row-two .filter-one .filter-value .cross-icon{margin:5px;height:18px!important;width:18px!important;cursor:pointer}.grid-container .table thead .mass-action-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-container .table thead .mass-action-wrapper .massaction-remove{margin-top:4px;margin-right:10px}.grid-container .table thead .mass-action-wrapper .selected-items{margin-right:15px}.grid-container .table thead tr th.grid_head .sort-down-icon,.grid-container .table thead tr th.grid_head .sort-up-icon{margin-left:5px;margin-top:-3px;vertical-align:middle}.grid-container .table thead tr th.grid_head.sortable{cursor:pointer}.grid-container .table thead tr th{text-transform:capitalize}.grid-container .table tbody td.action a:first-child{margin-right:10px}.grid-container .table .pagination{margin-top:20px}@-webkit-keyframes jelly{0%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}70%{-webkit-transform:translateY(5px) scale(1.05);transform:translateY(5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@keyframes jelly{0%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}70%{-webkit-transform:translateY(5px) scale(1.05);transform:translateY(5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@-webkit-keyframes jelly-out{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}30%{-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}}@keyframes jelly-out{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}30%{-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05);opacity:1}to{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:0}}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:#0041ff}ul{margin:0;padding:0;list-style:none}h1{font-size:28px;margin-top:0}h1,h2{color:#3a3a3a}h2{font-size:18px}.tooltip{position:relative;border-bottom:1px solid #000}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.hide{display:none!important}.btn{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 1px 4px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);border-radius:3px;border:none;color:#fff;cursor:pointer;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);font:inherit;display:inline-block}.btn:active,.btn:focus,.btn:hover{opacity:.75;border:none}.btn.btn-sm{padding:6px 12px}.btn.btn-md{padding:8px 16px}.btn.btn-lg{padding:10px 20px}.btn.btn-xl{padding:12px 24px;font-size:16px}.btn.btn-primary{background:#0041ff;color:#fff}.btn:disabled,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:hover{cursor:not-allowed;background:#b1b1ae;-webkit-box-shadow:none;box-shadow:none;opacity:1}.dropdown-open{position:relative}.dropdown-list{width:200px;margin-bottom:20px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);border-radius:3px;background-color:#fff;position:absolute;display:none;z-index:10;text-align:left}.dropdown-list.bottom-left{top:42px;left:0}.dropdown-list.bottom-right{top:42px;right:0}.dropdown-list.top-left{bottom:42px;left:0}.dropdown-list.top-right{bottom:42px;right:0}.dropdown-list .search-box{padding:20px;border-bottom:1px solid hsla(0,0%,64%,.2)}.dropdown-list .search-box .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:100%;height:36px;display:inline-block;vertical-align:middle;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px}.dropdown-list .search-box .control:focus{border-color:#0041ff}.dropdown-list .dropdown-container{padding:20px;overflow-y:auto;max-height:280px}.dropdown-list .dropdown-container label{font-size:15px;display:inline-block;text-transform:uppercase;color:#9e9e9e;font-weight:700;padding-bottom:5px}.dropdown-list .dropdown-container ul{margin:0;list-style-type:none;padding:0}.dropdown-list .dropdown-container ul li{padding:5px 0}.dropdown-list .dropdown-container ul li a:active,.dropdown-list .dropdown-container ul li a:focus,.dropdown-list .dropdown-container ul li a:link,.dropdown-list .dropdown-container ul li a:visited{color:#333;display:block}.dropdown-list .dropdown-container ul li a:hover{color:#0041ff}.dropdown-list .dropdown-container ul li .checkbox{margin:0}.dropdown-list .dropdown-container ul li .control-group label{color:#3a3a3a;font-size:15px;font-weight:500;text-transform:capitalize;width:100%}.dropdown-list .dropdown-container .btn{width:100%;margin-top:10px}.table{width:100%;overflow-x:auto}.table table{width:100%;border-collapse:collapse;text-align:left}.table table thead th{font-weight:700;padding:12px 10px;background:#f8f9fa;color:#3a3a3a}.table table tbody td{padding:10px;border-bottom:1px solid #d3d3d3;color:#3a3a3a;vertical-align:top}.table table tbody td.actions{text-align:right}.table table tbody td.actions .icon{cursor:pointer;vertical-align:middle}.table table tbody td.empty{text-align:center}.table table tbody tr:last-child td{border-bottom:none}.table .control-group{width:100%;margin-bottom:0}.table .control-group .control{width:100%;margin:0}.dropdown-btn{min-width:150px;text-align:left;background:#fff;border:2px solid #c7c7c7;border-radius:3px;font-size:14px;padding:8px 35px 8px 10px;cursor:pointer;position:relative}.dropdown-btn:active,.dropdown-btn:focus,.dropdown-btn:hover{opacity:.75;border:2px solid #c7c7c7}.dropdown-btn .icon{position:absolute;right:10px;top:50%;margin-top:-4px}.pagination .page-item{background:#fff;border:2px solid #c7c7c7;border-radius:3px;padding:7px 14px;margin-right:5px;font-size:16px;display:inline-block;color:#8e8e8e;vertical-align:middle;text-decoration:none}.pagination .page-item.next,.pagination .page-item.previous{padding:6px 9px}.pagination .page-item.active{background:#0041ff;color:#fff;border-color:#0041ff}.pagination .page-item .icon{vertical-align:middle;margin-bottom:3px}.checkbox{position:relative;display:block;vertical-align:middle;margin:10px 5px 5px 0}.checkbox input{left:0;opacity:0;position:absolute;top:0;height:24px;width:24px;z-index:100}.checkbox .checkbox-view{background-image:url("../images/Checkbox.svg");height:24px;width:24px;margin:0;display:inline-block!important;vertical-align:middle;margin-right:5px}.checkbox input:checked+.checkbox-view{background-image:url("../images/Checkbox-Checked.svg")}.checkbox input:disabled+.checkbox-view{opacity:.5;cursor:not-allowed}.radio{position:relative;display:block;margin:10px 5px 5px 0}.radio input{left:0;opacity:0;position:absolute;top:0;z-index:100}.radio .radio-view{background-image:url("../images/controls.svg");background-position:-21px 0;height:20px;width:20px;margin:0;display:inline-block!important;vertical-align:middle;margin-right:5px}.radio input:checked+.radio-view{background-position:-21px -21px}.radio input:disabled+.radio-view{opacity:.5;cursor:not-allowed}.control-group{display:block;margin-bottom:25px;font-size:15px;color:#333;width:750px;max-width:100%;position:relative}.control-group label{display:block;color:#3a3a3a}.control-group label.required:after{content:"*";color:#fc6868;font-weight:700;display:inline-block}.control-group textarea.control{height:100px;padding:10px}.control-group .control{background:#fff;border:2px solid #c7c7c7;border-radius:3px;width:70%;height:36px;display:inline-block;vertical-align:middle;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);padding:0 10px;font-size:15px;margin-top:10px;margin-bottom:5px}.control-group .control:focus{border-color:#0041ff}.control-group .control[disabled=disabled]{border-color:#d3d3d3;background-color:#d3d3d3;cursor:not-allowed}.control-group .control[multiple]{height:100px}.control-group.date:after,.control-group.datetime:after{background-image:url("../images/Icon-Calendar.svg");width:24px;height:24px;content:"";display:inline-block;vertical-align:middle;margin-left:-34px;margin-top:2px;pointer-events:none}.control-group .control-info{display:block;font-style:italic;color:#6f6f6f}.control-group .control-error{display:none;color:#ff5656;margin-top:5px}.control-group.has-error .control{border-color:#fc6868}.control-group.has-error .control-error{display:block}.control-group.price .currency-code{vertical-align:middle;display:inline-block}.button-group{margin-top:20px;margin-bottom:20px}.alert-wrapper{width:300px;top:10px;right:10px;position:fixed;z-index:6;text-align:left}.alert-wrapper .alert{width:300px;padding:15px;border-radius:3px;display:inline-block;-webkit-box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);position:relative;-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;-webkit-transform-origin:center top;transform-origin:center top;z-index:500;margin-bottom:10px}.alert-wrapper .alert.alert-error{background:#fc6868}.alert-wrapper .alert.alert-info{background:#204d74}.alert-wrapper .alert.alert-success{background:#4caf50}.alert-wrapper .alert.alert-warning{background:#ffc107}.alert-wrapper .alert .icon{position:absolute;right:10px;top:10px;cursor:pointer}.alert-wrapper .alert p{color:#fff;margin:0;padding:0;font-size:15px}.tabs ul{border-bottom:1px solid hsla(0,0%,64%,.2)}.tabs ul li{display:inline-block}.tabs ul li a{padding:15px 20px;cursor:pointer;margin:0 2px;text-align:center;color:#000311;display:block}.tabs ul li.active a{border-bottom:3px solid #0041ff}.accordian,accordian{display:inline-block;width:100%}.accordian .accordian-header,.accordian div[slot*=header],accordian .accordian-header,accordian div[slot*=header]{width:100%;display:inline-block;font-size:18px;color:#3a3a3a;border-bottom:1px solid hsla(0,0%,64%,.2);padding:20px 15px;cursor:pointer}.accordian .accordian-header .expand-icon,.accordian div[slot*=header] .expand-icon,accordian .accordian-header .expand-icon,accordian div[slot*=header] .expand-icon{background-image:url("../images/Expand-Light.svg");margin-right:10px;margin-top:3px}.accordian .accordian-header h1,.accordian div[slot*=header] h1,accordian .accordian-header h1,accordian div[slot*=header] h1{margin:0;font-size:20px;display:inline-block}.accordian .accordian-header .icon,.accordian div[slot*=header] .icon,accordian .accordian-header .icon,accordian div[slot*=header] .icon{float:right}.accordian .accordian-header .icon.left,.accordian div[slot*=header] .icon.left,accordian .accordian-header .icon.left,accordian div[slot*=header] .icon.left{float:left}.accordian .accordian-content,.accordian div[slot*=body],accordian .accordian-content,accordian div[slot*=body]{width:100%;padding:20px 15px;display:none;-webkit-transition:all .3s ease;transition:all .3s ease}.accordian.active>.accordian-content,accordian.active>.accordian-content{display:inline-block}.accordian.active>.accordian-header .expand-icon,accordian.active>.accordian-header .expand-icon{background-image:url("../images/Expand-Light-On.svg")}.tree-container .tree-item{padding-left:30px;display:inline-block;margin-top:10px;width:100%}.tree-container .tree-item>.tree-item{display:none}.tree-container .tree-item.active>.tree-item{display:inline-block}.tree-container .tree-item .checkbox,.tree-container .tree-item .radio{margin:0;display:inline-block}.tree-container .tree-item .expand-icon{display:inline-block;margin-right:10px;cursor:pointer;background-image:url("../images/Expand-Light.svg");width:18px;height:18px;vertical-align:middle}.tree-container .tree-item .folder-icon{vertical-align:middle;margin-right:10px}.tree-container .tree-item.active>.expand-icon{background-image:url("../images/Expand-Light-On.svg")}.tree-container>.tree-item{padding-left:0}.panel{-webkit-box-shadow:0 2px 25px 0 rgba(0,0,0,.15);box-shadow:0 2px 25px 0 rgba(0,0,0,.15);border-radius:5px;background:#fff}.panel .panel-content{padding:20px}.modal-open{overflow:hidden}.modal-overlay{display:none;overflow-y:auto;z-index:10;top:0;right:0;bottom:0;left:0;position:fixed;background:#000;opacity:.75}.modal-open .modal-overlay{display:block}.modal-container{-webkit-animation:fade-in-white .3s ease-in-out;animation:fade-in-white .3s ease-in-out;z-index:11;margin-left:-350px;width:600px;max-width:80%;background:#fff;position:fixed;left:50%;top:100px;margin-bottom:100px;-webkit-box-shadow:0 15px 25px 0 rgba(0,0,0,.03),0 20px 45px 5px rgba(0,0,0,.2);box-shadow:0 15px 25px 0 rgba(0,0,0,.03),0 20px 45px 5px rgba(0,0,0,.2);-webkit-animation:jelly .5s ease-in-out;animation:jelly .5s ease-in-out;border-radius:5px}.modal-container .modal-header{padding:20px}.modal-container .modal-header h3{display:inline-block;font-size:20px;color:#3a3a3a;margin:0}.modal-container .modal-header .icon{float:right;cursor:pointer}.modal-container .modal-body{padding:20px}.modal-container .modal-body .control-group .control{width:100%}.label{background:#e7e7e7;border-radius:2px;padding:8px;color:#000311;display:inline-block}.label.label-sm{padding:5px}.label.label-md{padding:8px}.label.label-lg{padding:11px}.label.label-xl{padding:14px}.badge{border-radius:50px;color:#fff;padding:8px}.badge.badge-sm{padding:5px}.badge.badge-md{padding:3px 10px}.badge.badge-lg{padding:11px}.badge.badge-xl{padding:14px}.badge.badge-success{background-color:#4caf50}.badge.badge-info{background-color:#0041ff}.badge.badge-danger{background-color:#fc6868}.badge.badge-warning{background-color:#ffc107}.image-wrapper{margin-bottom:20px;display:inline-block;width:100%}.image-wrapper .image-item{width:200px;height:200px;margin-right:20px;background:#f8f9fa;border-radius:3px;display:inline-block;position:relative;background-image:url("../images/placeholder-icon.svg");background-repeat:no-repeat;background-position:50%;margin-bottom:20px}.image-wrapper .image-item img.preview{width:100%;height:100%}.image-wrapper .image-item input{display:none}.image-wrapper .image-item .remove-image{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.08)),to(rgba(0,0,0,.24)));background-image:linear-gradient(-180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));border-radius:0 0 4px 4px;position:absolute;bottom:0;width:100%;padding:10px;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.24);margin-right:20px;cursor:pointer}.image-wrapper .image-item:hover .remove-image{display:block}.image-wrapper .image-item.has-image{background-image:none}.cp-spinner{width:48px;height:48px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.cp-round:before{border-radius:50%;border:6px solid #bababa}.cp-round:after,.cp-round:before{content:" ";width:48px;height:48px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0}.cp-round:after{border-radius:50%;border-top:6px solid #0041ff;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} \ No newline at end of file diff --git a/packages/Webkul/Ui/publishable/assets/js/ui.js b/packages/Webkul/Ui/publishable/assets/js/ui.js index 7da9be7c6..07f361aed 100644 --- a/packages/Webkul/Ui/publishable/assets/js/ui.js +++ b/packages/Webkul/Ui/publishable/assets/js/ui.js @@ -1,3277 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { -/******/ configurable: false, -/******/ enumerable: true, -/******/ get: getter -/******/ }); -/******/ } -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = "/"; -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 1); -/******/ }) -/************************************************************************/ -/******/ ([ -/* 0 */ -/***/ (function(module, exports) { - -/* globals __VUE_SSR_CONTEXT__ */ - -// IMPORTANT: Do NOT use ES2015 features in this file. -// This module is a runtime utility for cleaner component module output and will -// be included in the final webpack user bundle. - -module.exports = function normalizeComponent ( - rawScriptExports, - compiledTemplate, - functionalTemplate, - injectStyles, - scopeId, - moduleIdentifier /* server only */ -) { - var esModule - var scriptExports = rawScriptExports = rawScriptExports || {} - - // ES6 modules interop - var type = typeof rawScriptExports.default - if (type === 'object' || type === 'function') { - esModule = rawScriptExports - scriptExports = rawScriptExports.default - } - - // Vue.extend constructor export interop - var options = typeof scriptExports === 'function' - ? scriptExports.options - : scriptExports - - // render functions - if (compiledTemplate) { - options.render = compiledTemplate.render - options.staticRenderFns = compiledTemplate.staticRenderFns - options._compiled = true - } - - // functional template - if (functionalTemplate) { - options.functional = true - } - - // scopedId - if (scopeId) { - options._scopeId = scopeId - } - - var hook - if (moduleIdentifier) { // server build - hook = function (context) { - // 2.3 injection - context = - context || // cached call - (this.$vnode && this.$vnode.ssrContext) || // stateful - (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional - // 2.2 with runInNewContext: true - if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { - context = __VUE_SSR_CONTEXT__ - } - // inject component styles - if (injectStyles) { - injectStyles.call(this, context) - } - // register component module identifier for async chunk inferrence - if (context && context._registeredComponents) { - context._registeredComponents.add(moduleIdentifier) - } - } - // used by ssr in case component is cached and beforeCreate - // never gets called - options._ssrRegister = hook - } else if (injectStyles) { - hook = injectStyles - } - - if (hook) { - var functional = options.functional - var existing = functional - ? options.render - : options.beforeCreate - - if (!functional) { - // inject component registration as beforeCreate hook - options.beforeCreate = existing - ? [].concat(existing, hook) - : [hook] - } else { - // for template-only hot-reload because in that case the render fn doesn't - // go through the normalizer - options._injectStyles = hook - // register for functioal component in vue file - options.render = function renderWithStyleInjection (h, context) { - hook.call(context) - return existing(h, context) - } - } - } - - return { - esModule: esModule, - exports: scriptExports, - options: options - } -} - - -/***/ }), -/* 1 */ -/***/ (function(module, exports, __webpack_require__) { - -__webpack_require__(2); -__webpack_require__(57); -module.exports = __webpack_require__(58); - - -/***/ }), -/* 2 */ -/***/ (function(module, exports, __webpack_require__) { - -Vue.component("flash-wrapper", __webpack_require__(3)); -Vue.component("flash", __webpack_require__(6)); -Vue.component("tabs", __webpack_require__(9)); -Vue.component("tab", __webpack_require__(12)); -Vue.component("accordian", __webpack_require__(15)); -Vue.component("tree-view", __webpack_require__(18)); -Vue.component("tree-item", __webpack_require__(20)); -Vue.component("tree-checkbox", __webpack_require__(22)); -Vue.component("tree-radio", __webpack_require__(25)); -Vue.component("modal", __webpack_require__(28)); -Vue.component("image-upload", __webpack_require__(31)); -Vue.component("image-wrapper", __webpack_require__(39)); -Vue.component("image-item", __webpack_require__(42)); -Vue.directive("slugify", __webpack_require__(45)); -Vue.directive("code", __webpack_require__(47)); -Vue.directive("alert", __webpack_require__(49)); -Vue.component("datetime", __webpack_require__(51)); -Vue.component("date", __webpack_require__(54)); - -__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"flatpickr/dist/flatpickr.css\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); - -/***/ }), -/* 3 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(4) -/* template */ -var __vue_template__ = __webpack_require__(5) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/flash-wrapper.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-34b58a1a", Component.options) - } else { - hotAPI.reload("data-v-34b58a1a", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 4 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - data: function data() { - return { - uid: 1, - - flashes: [] - }; - }, - - methods: { - addFlash: function addFlash(flash) { - flash.uid = this.uid++; - this.flashes.push(flash); - }, - - removeFlash: function removeFlash(flash) { - var index = this.flashes.indexOf(flash); - - this.flashes.splice(index, 1); - } - } -}); - -/***/ }), -/* 5 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c( - "transition-group", - { - staticClass: "alert-wrapper", - attrs: { tag: "div", name: "flash-wrapper" } - }, - _vm._l(_vm.flashes, function(flash) { - return _c("flash", { - key: flash.uid, - attrs: { flash: flash }, - on: { - onRemoveFlash: function($event) { - _vm.removeFlash($event) - } - } - }) - }) - ) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-34b58a1a", module.exports) - } -} - -/***/ }), -/* 6 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(7) -/* template */ -var __vue_template__ = __webpack_require__(8) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/flash.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-feee1d58", Component.options) - } else { - hotAPI.reload("data-v-feee1d58", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 7 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - props: ['flash'], - - created: function created() { - var this_this = this; - setTimeout(function () { - this_this.$emit('onRemoveFlash', this_this.flash); - }, 5000); - }, - - methods: { - remove: function remove() { - this.$emit('onRemoveFlash', this.flash); - } - } -}); - -/***/ }), -/* 8 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c("div", { staticClass: "alert", class: _vm.flash.type }, [ - _c("span", { - staticClass: "icon white-cross-sm-icon", - on: { click: _vm.remove } - }), - _vm._v(" "), - _c("p", [_vm._v(_vm._s(_vm.flash.message))]) - ]) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-feee1d58", module.exports) - } -} - -/***/ }), -/* 9 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(10) -/* template */ -var __vue_template__ = __webpack_require__(11) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/tabs/tabs.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-7e97b353", Component.options) - } else { - hotAPI.reload("data-v-7e97b353", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 10 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - data: function data() { - return { - tabs: [] - }; - }, - - created: function created() { - this.tabs = this.$children; - }, - - - methods: { - selectTab: function selectTab(selectedTab) { - this.tabs.forEach(function (tab) { - tab.isActive = tab.name == selectedTab.name; - }); - } - } -}); - -/***/ }), -/* 11 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c("div", [ - _c("div", { staticClass: "tabs" }, [ - _c( - "ul", - _vm._l(_vm.tabs, function(tab) { - return _c( - "li", - { - class: { active: tab.isActive }, - on: { - click: function($event) { - _vm.selectTab(tab) - } - } - }, - [_c("a", [_vm._v(_vm._s(tab.name))])] - ) - }) - ) - ]), - _vm._v(" "), - _c("div", { staticClass: "tabs-content" }, [_vm._t("default")], 2) - ]) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-7e97b353", module.exports) - } -} - -/***/ }), -/* 12 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(13) -/* template */ -var __vue_template__ = __webpack_require__(14) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/tabs/tab.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-299e3060", Component.options) - } else { - hotAPI.reload("data-v-299e3060", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 13 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - props: { - name: { - required: true - }, - - selected: { - default: false - } - }, - - data: function data() { - return { - isActive: false - }; - }, - mounted: function mounted() { - this.isActive = this.selected; - } -}); - -/***/ }), -/* 14 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c( - "div", - { - directives: [ - { - name: "show", - rawName: "v-show", - value: _vm.isActive, - expression: "isActive" - } - ] - }, - [_vm._t("default")], - 2 - ) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-299e3060", module.exports) - } -} - -/***/ }), -/* 15 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(16) -/* template */ -var __vue_template__ = __webpack_require__(17) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/accordian.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-d9e5880c", Component.options) - } else { - hotAPI.reload("data-v-d9e5880c", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 16 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - props: { - title: String, - id: String, - className: String, - active: Boolean - }, - - inject: ['$validator'], - - data: function data() { - return { - isActive: false, - imageData: '' - }; - }, - - mounted: function mounted() { - this.isActive = this.active; - }, - - methods: { - toggleAccordion: function toggleAccordion() { - this.isActive = !this.isActive; - } - }, - - computed: { - iconClass: function iconClass() { - return { - 'accordian-down-icon': !this.isActive, - 'accordian-up-icon': this.isActive - }; - } - } -}); - -/***/ }), -/* 17 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c( - "div", - { - staticClass: "accordian", - class: [_vm.isActive ? "active" : "", _vm.className], - attrs: { id: _vm.id } - }, - [ - _c( - "div", - { - staticClass: "accordian-header", - on: { - click: function($event) { - _vm.toggleAccordion() - } - } - }, - [ - _vm._t("header", [ - _vm._v("\n " + _vm._s(_vm.title) + "\n "), - _c("i", { staticClass: "icon", class: _vm.iconClass }) - ]) - ], - 2 - ), - _vm._v(" "), - _c("div", { staticClass: "accordian-content" }, [_vm._t("body")], 2) - ] - ) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-d9e5880c", module.exports) - } -} - -/***/ }), -/* 18 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(19) -/* template */ -var __vue_template__ = null -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/tree-view/tree-view.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-2c07aa7d", Component.options) - } else { - hotAPI.reload("data-v-2c07aa7d", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 19 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); - - -/* harmony default export */ __webpack_exports__["default"] = ({ - name: 'tree-view', - - inheritAttrs: false, - - props: { - inputType: { - type: String, - required: false, - default: 'checkbox' - }, - - nameField: { - type: String, - required: false, - default: 'permissions' - }, - - idField: { - type: String, - required: false, - default: 'id' - }, - - valueField: { - type: String, - required: false, - default: 'value' - }, - - captionField: { - type: String, - required: false, - default: 'name' - }, - - childrenField: { - type: String, - required: false, - default: 'children' - }, - - items: { - type: [Array, String, Object], - required: false, - default: function _default() { - return []; - } - }, - - behavior: { - type: String, - required: false, - default: 'reactive' - }, - - value: { - type: [Array, String, Object], - required: false, - default: function _default() { - return []; - } - } - }, - - data: function data() { - return { - finalValues: [] - }; - }, - - computed: { - savedValues: function savedValues() { - if (!this.value) return []; - - if (this.inputType == 'radio') return [this.value]; - - return typeof this.value == 'string' ? JSON.parse(this.value) : this.value; - } - }, - - methods: { - generateChildren: function generateChildren() { - var childElements = []; - - var items = typeof this.items == 'string' ? JSON.parse(this.items) : this.items; - - for (var key in items) { - childElements.push(this.generateTreeItem(items[key])); - } - - return childElements; - }, - generateTreeItem: function generateTreeItem(item) { - var _this = this; - - return this.$createElement('tree-item', { - props: { - items: item, - value: this.finalValues, - savedValues: this.savedValues, - nameField: this.nameField, - inputType: this.inputType, - captionField: this.captionField, - childrenField: this.childrenField, - valueField: this.valueField, - idField: this.idField, - behavior: this.behavior - }, - on: { - input: function input(selection) { - _this.finalValues = selection; - } - } - }); - } - }, - - render: function render(createElement) { - return createElement('div', { - class: ['tree-container'] - }, [this.generateChildren()]); - } -}); - -/***/ }), -/* 20 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(21) -/* template */ -var __vue_template__ = null -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/tree-view/tree-item.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-2af003eb", Component.options) - } else { - hotAPI.reload("data-v-2af003eb", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 21 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; - -function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - -/* harmony default export */ __webpack_exports__["default"] = ({ - name: 'tree-view', - - inheritAttrs: false, - - props: { - inputType: String, - - nameField: String, - - idField: String, - - captionField: String, - - childrenField: String, - - valueField: String, - - items: { - type: [Array, String, Object], - required: false, - default: null - }, - - value: { - type: Array, - required: false, - default: null - }, - - behavior: { - type: String, - required: false, - default: 'reactive' - }, - - savedValues: { - type: Array, - required: false, - default: null - } - }, - - created: function created() { - var index = this.savedValues.indexOf(this.items[this.valueField]); - if (index !== -1) { - this.value.push(this.items); - } - }, - - - computed: { - caption: function caption() { - return this.items[this.captionField]; - }, - allChildren: function allChildren() { - var _this = this; - - var leafs = []; - var searchTree = function searchTree(items) { - if (!!items[_this.childrenField] && _this.getLength(items[_this.childrenField]) > 0) { - if (_typeof(items[_this.childrenField]) == 'object') { - for (var key in items[_this.childrenField]) { - searchTree(items[_this.childrenField][key]); - } - } else { - items[_this.childrenField].forEach(function (child) { - return searchTree(child); - }); - } - } else { - leafs.push(items); - } - }; - - searchTree(this.items); - - return leafs; - }, - hasChildren: function hasChildren() { - return !!this.items[this.childrenField] && this.getLength(this.items[this.childrenField]) > 0; - }, - hasSelection: function hasSelection() { - return !!this.value && this.value.length > 0; - }, - isAllChildrenSelected: function isAllChildrenSelected() { - var _this2 = this; - - return this.hasChildren && this.hasSelection && this.allChildren.every(function (leaf) { - return _this2.value.some(function (sel) { - return sel[_this2.idField] === leaf[_this2.idField]; - }); - }); - }, - isSomeChildrenSelected: function isSomeChildrenSelected() { - var _this3 = this; - - return this.hasChildren && this.hasSelection && this.allChildren.some(function (leaf) { - return _this3.value.some(function (sel) { - return sel[_this3.idField] === leaf[_this3.idField]; - }); - }); - } - }, - - methods: { - getLength: function getLength(items) { - if ((typeof items === 'undefined' ? 'undefined' : _typeof(items)) == 'object') { - var length = 0; - - for (var item in items) { - length++; - } - - return length; - } - - return items.length; - }, - generateRoot: function generateRoot() { - var _this4 = this; - - if (this.inputType == 'checkbox') { - if (this.behavior == 'reactive') { - return this.$createElement('tree-checkbox', { - props: { - id: this.items[this.idField], - label: this.caption, - nameField: this.nameField, - modelValue: this.items[this.valueField], - inputValue: this.hasChildren ? this.isSomeChildrenSelected : this.value, - value: this.hasChildren ? this.isAllChildrenSelected : this.items - }, - on: { - change: function change(selection) { - if (_this4.hasChildren) { - if (_this4.isAllChildrenSelected) { - _this4.allChildren.forEach(function (leaf) { - var index = _this4.value.indexOf(leaf); - _this4.value.splice(index, 1); - }); - } else { - _this4.allChildren.forEach(function (leaf) { - var exists = false; - _this4.value.forEach(function (item) { - if (item['key'] == leaf['key']) { - exists = true; - } - }); - - if (!exists) { - _this4.value.push(leaf); - } - }); - } - - _this4.$emit('input', _this4.value); - } else { - _this4.$emit('input', selection); - } - } - } - }); - } else { - return this.$createElement('tree-checkbox', { - props: { - id: this.items[this.idField], - label: this.caption, - nameField: this.nameField, - modelValue: this.items[this.valueField], - inputValue: this.value, - value: this.items - } - }); - } - } else if (this.inputType == 'radio') { - return this.$createElement('tree-radio', { - props: { - id: this.items[this.idField], - label: this.caption, - nameField: this.nameField, - modelValue: this.items[this.valueField], - value: this.savedValues - } - }); - } - }, - generateChild: function generateChild(child) { - var _this5 = this; - - return this.$createElement('tree-item', { - on: { - input: function input(selection) { - _this5.$emit('input', selection); - } - }, - props: { - items: child, - value: this.value, - savedValues: this.savedValues, - nameField: this.nameField, - inputType: this.inputType, - captionField: this.captionField, - childrenField: this.childrenField, - valueField: this.valueField, - idField: this.idField, - behavior: this.behavior - } - }); - }, - generateChildren: function generateChildren() { - var _this6 = this; - - var childElements = []; - if (this.items[this.childrenField]) { - if (_typeof(this.items[this.childrenField]) == 'object') { - for (var key in this.items[this.childrenField]) { - childElements.push(this.generateChild(this.items[this.childrenField][key])); - } - } else { - this.items[this.childrenField].forEach(function (child) { - childElements.push(_this6.generateChild(child)); - }); - } - } - - return childElements; - }, - generateIcon: function generateIcon() { - var _this7 = this; - - return this.$createElement('i', { - class: ['expand-icon'], - on: { - click: function click(selection) { - _this7.$el.classList.toggle("active"); - } - } - }); - }, - generateFolderIcon: function generateFolderIcon() { - return this.$createElement('i', { - class: ['icon', 'folder-icon'] - }); - } - }, - - render: function render(createElement) { - return createElement('div', { - class: ['tree-item', 'active', this.hasChildren ? 'has-children' : ''] - }, [this.generateIcon(), this.generateFolderIcon(), this.generateRoot()].concat(_toConsumableArray(this.generateChildren()))); - } -}); - -/***/ }), -/* 22 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(23) -/* template */ -var __vue_template__ = __webpack_require__(24) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/tree-view/tree-checkbox.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-0c27ec9b", Component.options) - } else { - hotAPI.reload("data-v-0c27ec9b", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 23 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - name: 'tree-checkbox', - - props: ['id', 'label', 'nameField', 'modelValue', 'inputValue', 'value'], - - computed: { - isMultiple: function isMultiple() { - return Array.isArray(this.internalValue); - }, - isActive: function isActive() { - var _this = this; - - var value = this.value; - var input = this.internalValue; - - if (this.isMultiple) { - return input.some(function (item) { - return _this.valueComparator(item, value); - }); - } - - return value ? this.valueComparator(value, input) : Boolean(input); - }, - - - internalValue: { - get: function get() { - return this.lazyValue; - }, - set: function set(val) { - this.lazyValue = val; - this.$emit('input', val); - } - } - }, - - data: function data(vm) { - return { - lazyValue: vm.inputValue - }; - }, - - watch: { - inputValue: function inputValue(val) { - this.internalValue = val; - } - }, - - methods: { - inputChanged: function inputChanged() { - var _this2 = this; - - var value = this.value; - var input = this.internalValue; - - if (this.isMultiple) { - var length = input.length; - - input = input.filter(function (item) { - return !_this2.valueComparator(item, value); - }); - - if (input.length === length) { - input.push(value); - } - } else { - input = !input; - } - - this.$emit('change', input); - }, - valueComparator: function valueComparator(a, b) { - var _this3 = this; - - if (a === b) return true; - - if (a !== Object(a) || b !== Object(b)) { - return false; - } - - var props = Object.keys(a); - - if (props.length !== Object.keys(b).length) { - return false; - } - - return props.every(function (p) { - return _this3.valueComparator(a[p], b[p]); - }); - } - } -}); - -/***/ }), -/* 24 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c("span", { staticClass: "checkbox" }, [ - _c("input", { - attrs: { type: "checkbox", id: _vm.id, name: [_vm.nameField + "[]"] }, - domProps: { value: _vm.modelValue, checked: _vm.isActive }, - on: { - change: function($event) { - _vm.inputChanged() - } - } - }), - _vm._v(" "), - _c("label", { staticClass: "checkbox-view", attrs: { for: _vm.id } }), - _vm._v(" "), - _c("span", { attrs: { for: _vm.id } }, [_vm._v(_vm._s(_vm.label))]) - ]) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-0c27ec9b", module.exports) - } -} - -/***/ }), -/* 25 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(26) -/* template */ -var __vue_template__ = __webpack_require__(27) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/tree-view/tree-radio.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-7b7bb153", Component.options) - } else { - hotAPI.reload("data-v-7b7bb153", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 26 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - name: 'tree-radio', - - props: ['id', 'label', 'nameField', 'modelValue', 'value'], - - computed: { - isActive: function isActive() { - if (this.value.length) { - return this.value[0] == this.modelValue ? true : false; - } - - return false; - } - } -}); - -/***/ }), -/* 27 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c("span", { staticClass: "radio" }, [ - _c("input", { - attrs: { type: "radio", id: _vm.id, name: _vm.nameField }, - domProps: { value: _vm.modelValue, checked: _vm.isActive } - }), - _vm._v(" "), - _c("label", { staticClass: "radio-view", attrs: { for: _vm.id } }), - _vm._v(" "), - _c("span", { attrs: { for: _vm.id } }, [_vm._v(_vm._s(_vm.label))]) - ]) -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-7b7bb153", module.exports) - } -} - -/***/ }), -/* 28 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(29) -/* template */ -var __vue_template__ = __webpack_require__(30) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = null -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/modal.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-463f5591", Component.options) - } else { - hotAPI.reload("data-v-463f5591", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 29 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -/* harmony default export */ __webpack_exports__["default"] = ({ - props: ['id', 'isOpen'], - - created: function created() { - this.closeModal(); - }, - - - computed: { - isModalOpen: function isModalOpen() { - this.addClassToBody(); - - return this.isOpen; - } - }, - - methods: { - closeModal: function closeModal() { - this.$root.$set(this.$root.modalIds, this.id, false); - }, - addClassToBody: function addClassToBody() { - var body = document.querySelector("body"); - if (this.isOpen) { - body.classList.add("modal-open"); - } else { - body.classList.remove("modal-open"); - } - } - } -}); - -/***/ }), -/* 30 */ -/***/ (function(module, exports, __webpack_require__) { - -var render = function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _vm.isModalOpen - ? _c("div", { staticClass: "modal-container" }, [ - _c( - "div", - { staticClass: "modal-header" }, - [ - _vm._t("header", [ - _vm._v("\n Default header\n ") - ]), - _vm._v(" "), - _c("i", { - staticClass: "icon remove-icon", - on: { click: _vm.closeModal } - }) - ], - 2 - ), - _vm._v(" "), - _c( - "div", - { staticClass: "modal-body" }, - [_vm._t("body", [_vm._v("\n Default body\n ")])], - 2 - ) - ]) - : _vm._e() -} -var staticRenderFns = [] -render._withStripped = true -module.exports = { render: render, staticRenderFns: staticRenderFns } -if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api") .rerender("data-v-463f5591", module.exports) - } -} - -/***/ }), -/* 31 */ -/***/ (function(module, exports, __webpack_require__) { - -var disposed = false -function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(32) -} -var normalizeComponent = __webpack_require__(0) -/* script */ -var __vue_script__ = __webpack_require__(37) -/* template */ -var __vue_template__ = __webpack_require__(38) -/* template functional */ -var __vue_template_functional__ = false -/* styles */ -var __vue_styles__ = injectStyle -/* scopeId */ -var __vue_scopeId__ = null -/* moduleIdentifier (server only) */ -var __vue_module_identifier__ = null -var Component = normalizeComponent( - __vue_script__, - __vue_template__, - __vue_template_functional__, - __vue_styles__, - __vue_scopeId__, - __vue_module_identifier__ -) -Component.options.__file = "src/Resources/assets/js/components/image/image-upload.vue" - -/* hot reload */ -if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-5431fa9a", Component.options) - } else { - hotAPI.reload("data-v-5431fa9a", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) -})()} - -module.exports = Component.exports - - -/***/ }), -/* 32 */ -/***/ (function(module, exports, __webpack_require__) { - -// style-loader: Adds some css to the DOM by adding a