New Theme Work Done
This commit is contained in:
Deepak Singh Gusain
parent
ca535f0238
commit
38306a444d
|
|
@ -37,7 +37,8 @@
|
|||
"laravel/ui": "^3.0",
|
||||
"maatwebsite/excel": "^3.1.26",
|
||||
"paypal/paypal-checkout-sdk": "1.0.1",
|
||||
"prettus/l5-repository": "^2.6"
|
||||
"prettus/l5-repository": "^2.6",
|
||||
"pusher/pusher-php-server": "^7.0"
|
||||
},
|
||||
"require-dev": {
|
||||
"codeception/codeception": "^4.1",
|
||||
|
|
@ -101,7 +102,8 @@
|
|||
"Webkul\\BookingProduct\\": "packages/Webkul/BookingProduct/src",
|
||||
"Webkul\\SocialLogin\\": "packages/Webkul/SocialLogin/src",
|
||||
"Webkul\\DebugBar\\": "packages/Webkul/DebugBar/src",
|
||||
"Webkul\\Marketing\\": "packages/Webkul/Marketing/src"
|
||||
"Webkul\\Marketing\\": "packages/Webkul/Marketing/src",
|
||||
"Webkul\\Notification\\": "packages/Webkul/Notification/src"
|
||||
}
|
||||
},
|
||||
"autoload-dev": {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -280,6 +280,7 @@ return [
|
|||
Webkul\SocialLogin\Providers\SocialLoginServiceProvider::class,
|
||||
Webkul\DebugBar\Providers\DebugBarServiceProvider::class,
|
||||
Webkul\Marketing\Providers\MarketingServiceProvider::class,
|
||||
Webkul\Notification\Providers\NotificationServiceProvider::class
|
||||
],
|
||||
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -21,6 +21,9 @@
|
|||
"vue-template-compiler": "^2.6.14"
|
||||
},
|
||||
"dependencies": {
|
||||
"laravel-echo": "^1.11.3",
|
||||
"laravel-vue-pagination": "^2.3.1",
|
||||
"pusher-js": "^7.0.3",
|
||||
"vee-validate": "^2.2.15"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ class AdminServiceProvider extends ServiceProvider
|
|||
*/
|
||||
protected function composeView()
|
||||
{
|
||||
view()->composer(['admin::layouts.nav-left', 'admin::layouts.nav-aside', 'admin::layouts.tabs'], function ($view) {
|
||||
view()->composer(['admin::layouts.nav-left', 'admin::layouts.nav-aside', 'admin::layouts.tabs','admin::layouts.mobile-nav'], function ($view) {
|
||||
$tree = Tree::create();
|
||||
|
||||
$permissionType = auth()->guard('admin')->user()->role->permission_type;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 11H7V13H5V11ZM8 11H10V13H8V11ZM11 11H13V13H11V11ZM14 11H16V13H14V11ZM17 11H19V13H17V11ZM5 14H7V16H5V14ZM8 14H10V16H8V14ZM11 14H13V16H11V14ZM14 14H16V16H14V14ZM17 14H19V16H17V14ZM14 17H16V19H14V17ZM5 17H7V19H5V17ZM8 17H10V19H8V17ZM11 17H13V19H11V17Z" fill="#9497B8"/>
|
||||
<path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3 9H20.2234" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.05518 2.0166V4" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16 2V3.91915" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 960 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 7H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 12H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 17H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 408 B |
|
|
@ -0,0 +1 @@
|
|||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><style></style><path d="M15.4 14l7.9-7.9c.4-.4.4-1 0-1.4s-1-.4-1.4 0L14 12.6l-7.9-8c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l7.9 7.9-7.9 7.9c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l7.9-7.9 7.9 7.9c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L15.4 14z"/></svg>
|
||||
|
After Width: | Height: | Size: 363 B |
|
|
@ -0,0 +1 @@
|
|||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><style></style><path d="M26.3 25.2l-5.6-5.7c1.6-2 2.5-4.5 2.5-7.2 0-3.1-1.2-6-3.4-8.2-2.1-2-4.7-3.1-7.5-3-6 0-10.9 5-10.9 11.2 0 6.2 4.9 11.2 10.9 11.2 2.6 0 5.1-.9 7-2.6l5.6 5.7c.2.2.5.3.7.3.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4zM3.4 12.3c0-5.1 4-9.2 8.9-9.2h.2c2.2 0 4.3.9 5.9 2.5 1.8 1.7 2.8 4.2 2.8 6.7s-1 4.8-2.6 6.5c-1.6 1.7-3.9 2.7-6.3 2.7-4.9 0-8.9-4.1-8.9-9.2z"/></svg>
|
||||
|
After Width: | Height: | Size: 490 B |
|
|
@ -0,0 +1 @@
|
|||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><style></style><path d="M17.7 13.9c1.3-1.1 2.1-2.7 2.1-4.5 0-3.2-2.6-5.8-5.8-5.8S8.2 6.2 8.2 9.4c0 1.8.8 3.4 2.1 4.5-3.9 1.5-6.6 5.2-6.6 9.6 0 .6.4 1 1 1s1-.4 1-1c0-3.2 1.9-6.1 4.6-7.4l2.6 2.1v3.4c0 .6.4 1 1 1s1-.4 1-1v-3.5l2.4-2.2c2.8 1.3 4.8 4.2 4.8 7.5 0 .6.4 1 1 1s1-.4 1-1c.2-4.3-2.6-8.1-6.4-9.5zm-7.5-4.5c0-2.1 1.7-3.8 3.8-3.8s3.8 1.7 3.8 3.8-1.7 3.8-3.8 3.8-3.8-1.7-3.8-3.8zm3.8 6.9l-1.3-1.1c.4-.1.9-.1 1.4-.1.4 0 .8 0 1.2.1L14 16.3z"/></svg>
|
||||
|
After Width: | Height: | Size: 569 B |
|
|
@ -4,6 +4,7 @@
|
|||
import Vue from 'vue';
|
||||
import VeeValidate from 'vee-validate';
|
||||
import './bootstrap';
|
||||
import Echo from 'laravel-echo';
|
||||
|
||||
/**
|
||||
* Lang imports.
|
||||
|
|
@ -41,6 +42,8 @@ Vue.prototype.$http = axios;
|
|||
window.Vue = Vue;
|
||||
window.eventBus = new Vue();
|
||||
window.VeeValidate = VeeValidate;
|
||||
window.Pusher = require('pusher-js');
|
||||
window.Echo = Echo;
|
||||
|
||||
/**
|
||||
* Global components.
|
||||
|
|
@ -53,6 +56,19 @@ Vue.component(
|
|||
'required-if',
|
||||
require('./components/validators/required-if').default
|
||||
);
|
||||
Vue.component(
|
||||
'dark',
|
||||
require('./components/darkmode/dark').default
|
||||
);
|
||||
Vue.component(
|
||||
'notification',
|
||||
require('./components/navigation/notification').default
|
||||
);
|
||||
|
||||
Vue.component(
|
||||
'notification-list',
|
||||
require('./components/navigation/notification-list').default
|
||||
);
|
||||
|
||||
$(function() {
|
||||
Vue.config.ignoredElements = ['option-wrapper', 'group-form', 'group-list'];
|
||||
|
|
@ -61,7 +77,11 @@ $(function() {
|
|||
el: '#app',
|
||||
|
||||
data: {
|
||||
modalIds: {}
|
||||
modalIds: {},
|
||||
|
||||
isMenuOpen: localStorage.getItem('bagisto-sidebar') == 'true',
|
||||
|
||||
isDarkMode: localStorage.getItem('dark-mode') == 'true',
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
|
@ -178,6 +198,34 @@ $(function() {
|
|||
|
||||
showModal: function(id) {
|
||||
this.$set(this.modalIds, id, true);
|
||||
},
|
||||
|
||||
toggleMenu() {
|
||||
this.isMenuOpen = ! this.isMenuOpen;
|
||||
|
||||
localStorage.setItem('bagisto-sidebar', this.isMenuOpen);
|
||||
},
|
||||
|
||||
checkMode(){
|
||||
|
||||
this.isDarkMode = ! this.isDarkMode;
|
||||
|
||||
localStorage.setItem('dark-mode', this.isDarkMode);
|
||||
},
|
||||
|
||||
isMobile: function isMobile() {
|
||||
if (
|
||||
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i |
|
||||
/mobi/i.test(navigator.userAgent)
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
CheckIsMenuOpen: function(){
|
||||
return this.isMenuOpen;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -0,0 +1,47 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="control-group">
|
||||
<label class="switch">
|
||||
<input id="dark" class="control" type="checkbox" :checked="isDarkMode" @click="toggle">
|
||||
<span class="slider round switch-dark"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data(){
|
||||
return{
|
||||
lightMode: 'Light Mode',
|
||||
darkMode: 'Dark Mode',
|
||||
buttonText: 'Dark Mode',
|
||||
isDarkMode: this.$root.isDarkMode,
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
toggle: function () {
|
||||
|
||||
this.$root.checkMode();
|
||||
|
||||
this.toggleBodyClass();
|
||||
},
|
||||
|
||||
toggleBodyClass: function(){
|
||||
|
||||
let element = document.body;
|
||||
|
||||
element.classList.toggle("dark-mode");
|
||||
|
||||
if(this.buttonText == this.darkMode){
|
||||
this.buttonText = this.lightMode;
|
||||
}else{
|
||||
this.buttonText = this.darkMode;
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,50 +1,30 @@
|
|||
<template>
|
||||
<span class="toggle-aside-nav" @click="toggle">
|
||||
<template>
|
||||
<div class="menubar-bottom" @click="toggle">
|
||||
<i class="icon" :class="iconClass"></i>
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.toggle-aside-nav {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: -12px;
|
||||
}
|
||||
|
||||
.rtl .toggle-aside-nav {
|
||||
left: -12px;
|
||||
right: unset;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: [
|
||||
'iconClass',
|
||||
],
|
||||
export default {
|
||||
|
||||
data(){
|
||||
return {
|
||||
iconClass : 'accordian-right-icon',
|
||||
leftIconClass : 'accordian-left-icon',
|
||||
rightIconClass : 'accordian-right-icon'
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
toggle: function () {
|
||||
if ($('.aside-nav').hasClass('active')) {
|
||||
this.hide();
|
||||
} else {
|
||||
this.show();
|
||||
this.$root.toggleMenu();
|
||||
|
||||
if(this.$root.isMenuOpen && this.iconClass == 'accordian-right-icon'){
|
||||
this.iconClass = this.leftIconClass;
|
||||
}else{
|
||||
this.iconClass = this.rightIconClass;
|
||||
}
|
||||
},
|
||||
|
||||
hide: function () {
|
||||
$('#nav-expand-button').show();
|
||||
$('.aside-nav').hide(function () {
|
||||
$(this).removeClass('active');
|
||||
});
|
||||
},
|
||||
|
||||
show: function () {
|
||||
$('#nav-expand-button').hide();
|
||||
$('.aside-nav').show(function () {
|
||||
$(this).addClass('active');
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,210 @@
|
|||
<template>
|
||||
<div class="content">
|
||||
<div class="page-header">
|
||||
<div class="page-title">
|
||||
<h1>{{ title }}</h1>
|
||||
</div>
|
||||
<div class="page-action">
|
||||
<div class="control-group notif-filter">
|
||||
<div id="search-icon">
|
||||
<span class="icon search-icon search-btn"></span>
|
||||
</div>
|
||||
<input type="text" class="form-control control" placeholder="Search Order" @keyup="applyFilter('search',$event)">
|
||||
</div>
|
||||
<div class="control-group notif-filter">
|
||||
<select @change="applyFilter('filter',$event)" class="control">
|
||||
<option v-for="orderstatus in orderTypeStatus" :value="orderstatus">{{orderstatus}}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
|
||||
<ul class="notif" v-if="notifications.length > 0" >
|
||||
<li v-for="(notification,index) in notifications" :class="notification.read ? 'read' : ''">
|
||||
<template v-if="notification.order.status == 'pending'">
|
||||
<div class="notif-icon pending">
|
||||
<span :class="ordertype.pending.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.pending.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'canceled'">
|
||||
<div class="notif-icon canceled">
|
||||
<span :class="ordertype.canceled.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.canceled.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'completed'">
|
||||
<div class="notif-icon completed">
|
||||
<span :class="ordertype.completed.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.completed.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'processing'">
|
||||
<div class="notif-icon processing">
|
||||
<span :class="ordertype.processing.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.processing.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'closed'">
|
||||
<div class="notif-icon closed">
|
||||
<span :class="ordertype.closed.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.closed.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
<pagination align="center" :data="pagNotif" @pagination-change-page="getResults">
|
||||
<span slot="prev-nav"><</span>
|
||||
<span slot="next-nav">></span>
|
||||
</pagination>
|
||||
<ul class="notif" v-if="notifications.length == 0">
|
||||
<li>{{ noRecordText }}</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
|
||||
props: [
|
||||
'url',
|
||||
'orderViewUrl',
|
||||
'pusherKey',
|
||||
'pusherCluster',
|
||||
'title',
|
||||
'orderStatus',
|
||||
'noRecordText'
|
||||
],
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
notifications: [],
|
||||
pagNotif: {},
|
||||
id: '',
|
||||
status: '',
|
||||
ordertype: {
|
||||
pending : {
|
||||
icon: 'pending-icon',
|
||||
message: 'Order Pending'
|
||||
},
|
||||
processing : {
|
||||
icon: 'processing-icon',
|
||||
message: 'Order Processing'
|
||||
},
|
||||
canceled : {
|
||||
icon: 'canceled-icon',
|
||||
message: 'Order Canceled'
|
||||
},
|
||||
completed : {
|
||||
icon: 'completed-icon',
|
||||
message: 'Order Completed'
|
||||
},
|
||||
closed : {
|
||||
icon: 'closed-icon',
|
||||
message: 'Order Closed'
|
||||
},
|
||||
},
|
||||
orderTypeStatus: JSON.parse(this.orderStatus)
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
this.getNotification();
|
||||
|
||||
if(Echo){
|
||||
Echo.channel('notification').listen('.create-notification', (e) => {
|
||||
this.getNotification();
|
||||
});
|
||||
|
||||
Echo.channel('notification').listen('.update-notification', (e) => {
|
||||
this.notifications.forEach((notification)=>{
|
||||
if(notification.order_id == e.id){
|
||||
notification.order.status = e.status;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
async getNotification() {
|
||||
|
||||
const params = {};
|
||||
|
||||
if(this.id){
|
||||
params.id = this.id;
|
||||
}
|
||||
|
||||
if(this.status){
|
||||
params.status = this.status;
|
||||
}
|
||||
|
||||
let this_this = this;
|
||||
|
||||
await this.$http.get(this_this.url, {params: params})
|
||||
.then (function(response) {
|
||||
this_this.notifications = [];
|
||||
|
||||
this_this.notifications = response.data.search_results.data;
|
||||
this_this.pagNotif = response.data.search_results;
|
||||
}).catch (function (error) {})
|
||||
},
|
||||
applyFilter: function(type,$event){
|
||||
type == 'search' ? this.id = $event.target.value : this.status = $event.target.value;
|
||||
|
||||
this.getNotification();
|
||||
},
|
||||
getResults(page = 1){
|
||||
let this_this = this;
|
||||
axios.get(`${this.url}?page=${page}`)
|
||||
.then(response => {
|
||||
this_this.notifications = [];
|
||||
|
||||
this_this.notifications = response.data.search_results.data;
|
||||
this_this.pagNotif = response.data.search_results;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,194 @@
|
|||
<template>
|
||||
<div class="notifications">
|
||||
<div class="dropdown-toggle">
|
||||
<span class="notification-badge" v-if="totalUnRead">{{ totalUnRead }}</span>
|
||||
<i class="icon notification-icon active" style="margin-left:0px"></i>
|
||||
</div>
|
||||
<div class="dropdown-list bottom-right notification">
|
||||
<div class="dropdown-container">
|
||||
<ul class="notif">
|
||||
<div id="notif-title">{{ title }}</div>
|
||||
<li v-for="(notification,index) in notifications" :key="notification.id" :class="notification.read ? 'read': ' '">
|
||||
<template v-if="notification.order.status == 'pending'">
|
||||
<div class="notif-icon pending">
|
||||
<span :class="ordertype.pending.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.pending.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'canceled'">
|
||||
<div class="notif-icon canceled">
|
||||
<span :class="ordertype.canceled.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.canceled.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'completed'">
|
||||
<div class="notif-icon completed">
|
||||
<span :class="ordertype.completed.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.completed.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'processing'">
|
||||
<div class="notif-icon processing">
|
||||
<span :class="ordertype.processing.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.processing.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="notification.order.status == 'closed'">
|
||||
<div class="notif-icon closed">
|
||||
<span :class="ordertype.closed.icon"></span>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
<a :href="`${orderViewUrl}${notification.order_id}`">
|
||||
#{{ notification.order.id }} {{ordertype.closed.message}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="notif-content">
|
||||
{{ moment(notification.order.created_at).fromNow() }}
|
||||
</div>
|
||||
</template>
|
||||
</li>
|
||||
<li class="bottom-li">
|
||||
<a :href="viewAll">{{ viewAllTitle }}</a>
|
||||
<span @click="readAll()" class="read-all">{{ readAllTitle }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
|
||||
props: [
|
||||
'getNotificationUrl',
|
||||
'viewAll',
|
||||
'orderViewUrl',
|
||||
'pusherKey',
|
||||
'pusherCluster',
|
||||
'title',
|
||||
'viewAllTitle',
|
||||
'getReadAllUrl',
|
||||
'readAllTitle'
|
||||
],
|
||||
|
||||
data(){
|
||||
|
||||
return {
|
||||
notifications: [],
|
||||
ordertype: {
|
||||
pending : {
|
||||
icon: 'pending-icon',
|
||||
message: 'Order Pending'
|
||||
},
|
||||
processing : {
|
||||
icon: 'processing-icon',
|
||||
message: 'Order Processing'
|
||||
},
|
||||
canceled : {
|
||||
icon: 'canceled-icon',
|
||||
message: 'Order Canceled'
|
||||
},
|
||||
completed : {
|
||||
icon: 'completed-icon',
|
||||
message: 'Order Completed'
|
||||
},
|
||||
closed : {
|
||||
icon: 'closed-icon',
|
||||
message: 'Order Closed'
|
||||
}
|
||||
},
|
||||
totalUnRead: 0
|
||||
}
|
||||
},
|
||||
|
||||
mounted(){
|
||||
this.getNotification();
|
||||
|
||||
if(this.pusherKey != undefined && this.pusherCluster != undefined){
|
||||
Echo = new Echo({
|
||||
broadcaster: 'pusher',
|
||||
key: this.pusherKey,
|
||||
cluster: this.pusherCluster,
|
||||
encrypted: true
|
||||
});
|
||||
|
||||
Echo.channel('notification').listen('.create-notification', (e) => {
|
||||
this.getNotification();
|
||||
});
|
||||
|
||||
Echo.channel('notification').listen('.update-notification', (e) => {
|
||||
this.notifications.forEach((notification)=>{
|
||||
if(notification.order_id == e.id){
|
||||
notification.order.status = e.status;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getNotification: function(){
|
||||
|
||||
const params = {
|
||||
limit: 5,
|
||||
read: 0
|
||||
};
|
||||
|
||||
let this_this = this;
|
||||
|
||||
this.$http.get (this.getNotificationUrl, {params: params})
|
||||
.then (function(response) {
|
||||
this_this.notifications = response.data.search_results.data;
|
||||
this_this.totalUnRead = response.data.total_unread;
|
||||
})
|
||||
.catch (function (error) {})
|
||||
},
|
||||
readAll: function(){
|
||||
|
||||
let this_this = this;
|
||||
|
||||
this.$http.post(this.getReadAllUrl)
|
||||
.then (function(response) {
|
||||
this_this.notifications = response.data.search_results.data;
|
||||
|
||||
this_this.totalUnRead = response.data.total_unread;
|
||||
|
||||
window.flashMessages.push({'type': 'alert-success', 'message': response.data.success_message });
|
||||
|
||||
this_this.$root.addFlashMessages();
|
||||
})
|
||||
.catch (function (error) {})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,3 +1,5 @@
|
|||
$black: #0000;
|
||||
$brand-color: #0041FF;
|
||||
$white: #ffffff;
|
||||
$white: #ffffff;
|
||||
$seprator: rgba(162, 162, 162, 0.2);
|
||||
$drak-bg:#051e37;
|
||||
|
|
@ -8,6 +8,9 @@
|
|||
|
||||
@import "partials/default";
|
||||
|
||||
@import "partials/dark";
|
||||
@import "partials/mobile";
|
||||
|
||||
@import "partials/dashboard";
|
||||
@import "partials/configuration";
|
||||
@import "partials/sales";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,574 @@
|
|||
.dark-mode{
|
||||
background-color: #04101b;
|
||||
color: rgba(255,255,255,.8);
|
||||
|
||||
.read-all{
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.navbar-top{
|
||||
background-color: #051e37;
|
||||
|
||||
.navbar-top-left {
|
||||
background-color: #071e37;
|
||||
}
|
||||
|
||||
.profile-info {
|
||||
.app-version {
|
||||
padding: 10px 20px 0px 20px;
|
||||
margin-bottom: -10px;
|
||||
display: block;
|
||||
cursor: default;
|
||||
color: #a2a2a2;
|
||||
}
|
||||
.name {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
.dropdown-list {
|
||||
right: 0px;
|
||||
bottom: inherit !important;
|
||||
border: 1px solid #24384c;
|
||||
border: 1px solid #24384c;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-left {
|
||||
background-color: $drak-bg;
|
||||
border-right: 1px solid $seprator;
|
||||
|
||||
ul.menubar {
|
||||
li.menu-item {
|
||||
|
||||
> a {
|
||||
padding: 5px 2px;
|
||||
display: block;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.menu-label {
|
||||
display: none;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.arrow-icon{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.active,&:hover {
|
||||
padding: 5px 2px;
|
||||
background-color: rgba(1, 10, 20, .5);
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
> a{
|
||||
background-color: rgba(1, 10, 20, .5);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
ul.sub-menubar {
|
||||
background: #031425;
|
||||
box-shadow: none;
|
||||
border: 1px solid #24384c;
|
||||
|
||||
|
||||
.sub-menu-item {
|
||||
|
||||
.menu-label {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
&.active, &:hover {
|
||||
background-color: #020f1c;
|
||||
.menu-label {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open{
|
||||
ul.menubar {
|
||||
li.menu-item {
|
||||
a {
|
||||
.menu-label {
|
||||
font-size: 14px;
|
||||
font-weight: 200;
|
||||
display: inline-block;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.arrow-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
ul.sub-menubar {
|
||||
display: none;
|
||||
position: unset;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: unset;
|
||||
border: 0;
|
||||
|
||||
li.sub-menu-item {
|
||||
a {
|
||||
padding-left: 52px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: $drak-bg;
|
||||
width: calc(100% - 1px);
|
||||
|
||||
.menu-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul.sub-menubar {
|
||||
display: block;
|
||||
background-color: #031425;
|
||||
border:none !important;
|
||||
|
||||
.sub-menu-item {
|
||||
.menu-label {
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
&.active, &:hover {
|
||||
background-color: rgba(1, 10, 20, .5);
|
||||
.menu-label {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $drak-bg;
|
||||
.menu-label {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.menubar-bottom {
|
||||
background-color: $drak-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-container {
|
||||
|
||||
.nav-top {
|
||||
|
||||
background: $drak-bg;
|
||||
|
||||
.pro-info{
|
||||
|
||||
.profile-info-desc{
|
||||
display:inline-block;
|
||||
margin-left: 40px;
|
||||
|
||||
.name{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.role{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-items{
|
||||
|
||||
background: $drak-bg;
|
||||
|
||||
.nav-item {
|
||||
|
||||
a{
|
||||
color:#fff;
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
ul{
|
||||
.navbar-child{
|
||||
&.active,&:hover {
|
||||
background-color: rgba(1, 10, 20, .5);;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #031425;
|
||||
> a{
|
||||
background-color: rgba(1, 10, 20, .5);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> a{
|
||||
background-color: rgba(1, 10, 20, .5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.content-container{
|
||||
.inner-section{
|
||||
.content-wrapper{
|
||||
.page-header{
|
||||
background-color: #04101b;
|
||||
border-bottom: 1px solid #24384c;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content{
|
||||
.page-header{
|
||||
background-color: #04101b;
|
||||
border-bottom: 1px solid #24384c;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table{
|
||||
background-color: #04101b;
|
||||
table {
|
||||
background-color: #04101b;
|
||||
thead th {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
tbody td {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-container {
|
||||
background: #04101b;
|
||||
|
||||
.modal-header {
|
||||
|
||||
h3 {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
color: rgba(255,255,255,.8);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1300px) {
|
||||
.table {
|
||||
table {
|
||||
|
||||
tbody tr td {
|
||||
background-color: #04101b;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grid-dropdown-header {
|
||||
background-color: #000;
|
||||
border: 1px solid #24384c;
|
||||
}
|
||||
|
||||
.dropdown-list{
|
||||
background-color: #000;
|
||||
.dropdown-container {
|
||||
background-color: #02080d;
|
||||
color: rgba(255,255,255,.8);
|
||||
|
||||
label{
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
ul{
|
||||
li{
|
||||
a:link{
|
||||
color: rgba(255,255,255,.8);
|
||||
&:hover{
|
||||
color: #0041FF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notification{
|
||||
background-color: #000;
|
||||
|
||||
.dropdown-container {
|
||||
|
||||
color: rgba(255,255,255,.8);
|
||||
border: 1px solid #232d36;
|
||||
|
||||
label{
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
ul{
|
||||
.read{
|
||||
background-color: #02080d;
|
||||
border-bottom: 1px solid #24384c;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
.notif-content > a{
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
&:hover{
|
||||
color:rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
li{
|
||||
background-color: #02080d;
|
||||
border-bottom: 1px solid #24384c;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
|
||||
.notif-content > a{
|
||||
text-decoration: none;
|
||||
color: rgba(255,255,255,1);
|
||||
|
||||
&:hover{
|
||||
color:rgba(255, 255, 255, 1)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-li{
|
||||
|
||||
a{
|
||||
display: initial;
|
||||
color:rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.control-container {
|
||||
.control {
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
|
||||
select.control {
|
||||
border: 1px solid #24384c;
|
||||
}
|
||||
|
||||
.search-filter {
|
||||
.control{
|
||||
background-color: #02080d;
|
||||
color: rgba(255,255,255,.8);
|
||||
border: 1px solid #24384c;
|
||||
}
|
||||
.icon-wrapper{
|
||||
border: 1px solid #24384c;
|
||||
}
|
||||
}
|
||||
|
||||
h1{
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
|
||||
.control-group{
|
||||
label{
|
||||
color:rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.control{
|
||||
border: 1px solid #24384c;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
.grid-top {
|
||||
.datagrid-filters {
|
||||
.dropdown-filters {
|
||||
&.per-page {
|
||||
.control-group {
|
||||
label {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs {
|
||||
ul {
|
||||
border-bottom: solid 1px #24384c;
|
||||
li {
|
||||
a {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordian, accordian {
|
||||
.accordian-header, div[slot*="header"] {
|
||||
background-color: #02080d ;
|
||||
color: rgba(255,255,255,.5)
|
||||
}
|
||||
.accordian-content, div[slot*="body"] {
|
||||
background-color: #000;
|
||||
border-bottom: 1px solid #24384c;
|
||||
}
|
||||
&.active>.accordian-content {
|
||||
background-color: #02080d;
|
||||
}
|
||||
&.active>.accordian-header {
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.sale-container {
|
||||
.sale-section {
|
||||
.secton-title {
|
||||
color: rgba(255,255,255,.8);
|
||||
border-bottom: 1px solid #24384c;
|
||||
}
|
||||
.section-content {
|
||||
.row {
|
||||
.title {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
.value {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.summary-comment-container {
|
||||
.comment-container {
|
||||
.comment-list {
|
||||
li {
|
||||
p {
|
||||
color: rgba(255,255,255,.8)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.control-group{
|
||||
.label{
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
.control {
|
||||
background-color: #02080d;
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
.card {
|
||||
background: #071e37;
|
||||
box-shadow: 0 5px 10px 2px rgb(0 0 0 / 80%);
|
||||
.card-title {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
.card-info {
|
||||
.no-result-found {
|
||||
p {
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dashboard-stats {
|
||||
.dashboard-card {
|
||||
background: #071e37;
|
||||
box-shadow: 0 5px 10px 2px rgb(0 0 0 / 80%);
|
||||
.data {
|
||||
.progress {
|
||||
color: rgba(255,255,255,.8);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pagination .page-item {
|
||||
background: #000;
|
||||
border: 1px solid 000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.pagination .page-item.active {
|
||||
background: #0041FF;
|
||||
color: #ffffff;
|
||||
border-color: #0041FF;
|
||||
}
|
||||
|
||||
.filter-tag .wrapper {
|
||||
background: #02080d;
|
||||
border: 1px solid #02080d;
|
||||
color: rgba(255,255,255,.8);
|
||||
}
|
||||
|
||||
.notif{
|
||||
background-color: #02080d;
|
||||
|
||||
.read{
|
||||
background-color: hsl(0deg 0% 13%) !important;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
.notif-content > a{
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
li{
|
||||
border: 1px solid #24384c;
|
||||
|
||||
color: rgba(255, 255, 255, 1);
|
||||
|
||||
.notif-content > a{
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#notif-title{
|
||||
height: 50px;
|
||||
padding: 14px 10px;
|
||||
border-bottom: 1px solid #232d36;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
|
@ -175,6 +175,43 @@
|
|||
}
|
||||
}
|
||||
|
||||
#calender-destop{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#calender-mobile{
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#calender-mobile span{
|
||||
background-image: url(../images/Icon-Calendar.svg);
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
#date-start{
|
||||
display:block;
|
||||
width: 337px;
|
||||
margin-top:40px;
|
||||
}
|
||||
|
||||
#date-end{
|
||||
display:block;
|
||||
width: 337px;
|
||||
}
|
||||
|
||||
#date-submit{
|
||||
display:block;
|
||||
width: 337px;
|
||||
margin-top:15px;
|
||||
}
|
||||
|
||||
.rtl {
|
||||
.dashboard {
|
||||
.page-header {
|
||||
|
|
@ -186,4 +223,46 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// responsive css for modal
|
||||
@media only screen and (max-width: 770px) {
|
||||
|
||||
.dashboard {
|
||||
|
||||
.card {
|
||||
padding: 10px 0px 0px 15px;
|
||||
overflow: auto;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sale-stock {
|
||||
display: block;
|
||||
margin-top: 30px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.graph-stats {
|
||||
.left-card-container {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-right: 0px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.right-card-container {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#calender-mobile{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#calender-destop{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,54 +1,81 @@
|
|||
@import "colors";
|
||||
body {
|
||||
margin: 0;
|
||||
color: $font-color;
|
||||
font-family: $font-family;
|
||||
font-size: $font-size-base;
|
||||
font-weight: 500;
|
||||
position: static;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: $body-background;
|
||||
}
|
||||
|
||||
.dark-mode-button{
|
||||
background: #3c41ff;
|
||||
border: none;
|
||||
padding: 10px 30px;
|
||||
width: 95%;
|
||||
margin-left: 3%;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
width: 10px;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
|
||||
background-color: #C7C7C7;
|
||||
}
|
||||
|
||||
.navbar-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 60px;
|
||||
background-color: $navbar-top-background;
|
||||
font-size: 0;
|
||||
@include box-shadow(0 3px 6px 0 rgba(0, 0, 0, 0.05));
|
||||
border-bottom: 1px solid $border-color;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 5;
|
||||
z-index: 8;
|
||||
|
||||
.navbar-top-left {
|
||||
width: 50%;
|
||||
height: 60px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
background-color: $white;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.hamburger{
|
||||
display: block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-color: rebeccapurple;
|
||||
background-image: url("../assets/image/Icon-Sortable.svg");
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
padding: 10px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-top-right {
|
||||
width: 50%;
|
||||
height: 60px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
|
|
@ -60,11 +87,12 @@ body {
|
|||
text-align: left;
|
||||
min-width: 50px;
|
||||
position: relative;
|
||||
padding: 12px 0px;
|
||||
margin: 0px 25px 0px 30px;
|
||||
padding: 11px 16px;
|
||||
//margin: 0px 25px 0px 30px;
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
border-left: 1px solid $seprator;
|
||||
|
||||
.app-version {
|
||||
padding: 10px 20px 0px 20px;
|
||||
|
|
@ -86,7 +114,7 @@ body {
|
|||
text-align: left;
|
||||
}
|
||||
.role {
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
color: #8e8e8e;
|
||||
display: block;
|
||||
text-align: left;
|
||||
|
|
@ -96,36 +124,100 @@ body {
|
|||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.notifications {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
min-width: 50px;
|
||||
position: relative;
|
||||
padding: 11px 16px;
|
||||
//margin: 0px 25px 0px 30px;
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
border-left: 1px solid $seprator;
|
||||
|
||||
.dropdown-list {
|
||||
top: 63px;
|
||||
right: 0px;
|
||||
bottom: inherit !important;
|
||||
}
|
||||
|
||||
.name {
|
||||
color: #000311;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
.role {
|
||||
font-size: 12px;
|
||||
color: #8e8e8e;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
i.icon {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.store {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
min-width: 50px;
|
||||
position: relative;
|
||||
padding: 15px 16px;
|
||||
//margin: 0px 25px 0px 30px;
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
border-left: 1px solid $seprator;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-left {
|
||||
position: relative;
|
||||
.navbar-left {
|
||||
left: 0;
|
||||
top: 60px;
|
||||
width: 90px;
|
||||
padding-top: 20px;
|
||||
border-right: 1px solid rgba(162, 162, 162, 0.2);
|
||||
height: auto;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
background-color: $white;
|
||||
|
||||
top: 60px;
|
||||
z-index: 6;
|
||||
width: 56px;
|
||||
height: 100vh !important;
|
||||
position: fixed;
|
||||
background-color: $white;
|
||||
border-right:1px solid #ececec;
|
||||
|
||||
ul.menubar {
|
||||
// padding-bottom: 60px;
|
||||
|
||||
li.menu-item {
|
||||
padding: 10px 5px;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
}
|
||||
> a {
|
||||
padding: 5px 2px;
|
||||
display: block;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
|
||||
&.active {
|
||||
a {
|
||||
color: #0041ff;
|
||||
.icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.menu-label {
|
||||
display: none;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.arrow-icon{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.active,&:hover {
|
||||
padding: 5px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -133,138 +225,140 @@ body {
|
|||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-container {
|
||||
padding-left: 90px;
|
||||
position: absolute;
|
||||
margin-top: 60px;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
height: calc(100% - 60px);
|
||||
width: 100%;
|
||||
|
||||
.inner-section {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.aside-nav {
|
||||
width: 280px;
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
bottom: 0;
|
||||
border-right: 1px solid $border-color;
|
||||
background-color: $background-color;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
z-index: 4;
|
||||
|
||||
ul {
|
||||
overflow-y: auto;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 15px;
|
||||
display: block;
|
||||
color: #000311;
|
||||
}
|
||||
|
||||
.active {
|
||||
a {
|
||||
background: $white;
|
||||
border-top: 1px solid $border-color;
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
|
||||
i {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.aside-nav:not(.active) {
|
||||
+ .content-wrapper {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
padding: 25px 25px 25px 15px;
|
||||
margin-left: 280px;
|
||||
margin-top:1px;
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 25px;
|
||||
|
||||
&.full-page {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 15px 10px 15px 0px;
|
||||
position: sticky;
|
||||
top: 50px;
|
||||
z-index: 3;
|
||||
background-color: $white;
|
||||
|
||||
.page-title {
|
||||
float: left;
|
||||
|
||||
.back-link {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
line-height: initial;
|
||||
ul.sub-menubar {
|
||||
display: none;
|
||||
min-width: 200px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 56px;
|
||||
background-color: $white;
|
||||
box-shadow: 2px 1px 3px #CDCECF;
|
||||
border: 1px solid #eee;
|
||||
border-left: 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
|
||||
li.sub-menu-item {
|
||||
a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-action {
|
||||
float: right;
|
||||
&:hover {
|
||||
overflow: visible;
|
||||
|
||||
* {
|
||||
display: inline-block;
|
||||
ul.sub-menubar {
|
||||
display: block;
|
||||
|
||||
.sub-menu-item {
|
||||
.menu-label {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #e6e6e6;
|
||||
.menu-label {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
.menu-label {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
width: 200px;
|
||||
overflow-y: auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0px !important;
|
||||
}
|
||||
|
||||
ul.menubar {
|
||||
li.menu-item {
|
||||
a {
|
||||
margin-left: 25px;
|
||||
.menu-label {
|
||||
font-size: 14px;
|
||||
font-weight: 200;
|
||||
display: inline-block;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.arrow-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
ul.sub-menubar {
|
||||
display: none;
|
||||
position: unset;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: unset;
|
||||
border: 0;
|
||||
|
||||
li.sub-menu-item {
|
||||
a {
|
||||
padding-left: 52px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: $white;
|
||||
width: calc(100% - 1px);
|
||||
|
||||
.menu-label {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
ul.sub-menubar {
|
||||
display: block;
|
||||
background-color: $white;
|
||||
border:none !important;
|
||||
|
||||
.sub-menu-item {
|
||||
.menu-label {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
&.active, &:hover {
|
||||
background-color: #e6e6e6;
|
||||
.menu-label {
|
||||
color: #000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.menu-label {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.control-group {
|
||||
width: 180px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.control {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
.menubar-bottom {
|
||||
padding: 12px;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom:0;
|
||||
background-color: $white;
|
||||
width: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -276,7 +370,7 @@ body {
|
|||
|
||||
.control {
|
||||
background: $white;
|
||||
border: 2px solid #c7c7c7;
|
||||
border: 1px solid #c7c7c7;
|
||||
@include border-radius(3px);
|
||||
width: 150px;
|
||||
height: 36px;
|
||||
|
|
@ -313,7 +407,7 @@ body {
|
|||
|
||||
.control-group {
|
||||
label {
|
||||
width: 70%;
|
||||
width: auto;
|
||||
|
||||
.locale {
|
||||
float: right;
|
||||
|
|
@ -379,4 +473,343 @@ body {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-container {
|
||||
padding-left: 56px;
|
||||
height: calc(100% - 60px);
|
||||
width: 100%;
|
||||
margin-top: 60px;
|
||||
|
||||
.inner-section {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
margin-top:1px;
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
.page-header {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 16px 10px 15px 16px;
|
||||
position: sticky;
|
||||
top: 60px;
|
||||
z-index: 3;
|
||||
background-color: $white;
|
||||
@include box-shadow(0 3px 6px 0 rgba(0, 0, 0, 0.05));
|
||||
|
||||
.page-title {
|
||||
float: left;
|
||||
|
||||
.back-link {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
line-height: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.page-action {
|
||||
float: right;
|
||||
margin-top:-5px;
|
||||
|
||||
* {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.control-group {
|
||||
width: 180px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.control {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notif{
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
li {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #c7c7c7;
|
||||
position: relative;
|
||||
|
||||
.notif-icon{
|
||||
position: absolute;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
left: 12px;
|
||||
border-radius: 5px;
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.notif-content > a{
|
||||
text-decoration: none;
|
||||
color: rgba(58, 58, 58, 1);
|
||||
}
|
||||
|
||||
.pending{
|
||||
background-color: #f2c94c;
|
||||
}
|
||||
|
||||
.processing{
|
||||
background-color: #399cdb;
|
||||
}
|
||||
|
||||
.canceled{
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.closed{
|
||||
background-color: #eb5757;
|
||||
}
|
||||
|
||||
.completed{
|
||||
background-color: #42c067;
|
||||
}
|
||||
|
||||
.notif-content {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.read{
|
||||
color: rgba(58, 58, 58, 0.5);
|
||||
|
||||
.notif-content > a{
|
||||
text-decoration: none;
|
||||
color: rgba(58, 58, 58, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notification-badge{
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
top: 6px;
|
||||
background: red;
|
||||
color: #fff;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
font-size: 11px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#search-icon{
|
||||
position: absolute;
|
||||
margin-top: 6px;
|
||||
margin-left: 151px;
|
||||
}
|
||||
|
||||
.notif-filter{
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.read{
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
.page-item.active {
|
||||
.page-link {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.switch-dark{
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.read-all{
|
||||
color: #3a3a3a;
|
||||
}
|
||||
|
||||
#notif-title{
|
||||
height: 50px;
|
||||
padding: 14px 10px;
|
||||
border-bottom: 1px solid #c7c7c7;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px){
|
||||
.navbar-left{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar-top {
|
||||
|
||||
.navbar-top-right {
|
||||
|
||||
.profile {
|
||||
|
||||
.profile-info{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#search-icon{
|
||||
position: absolute;
|
||||
margin-top: 6px;
|
||||
margin-left: 151px;
|
||||
}
|
||||
|
||||
.notif-filter{
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.switch-dark{
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.btn.btn-lg {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.navbar-top {
|
||||
.navbar-top-left {
|
||||
.hamburger{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-top-right {
|
||||
|
||||
.profile {
|
||||
|
||||
.profile-info{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-left{
|
||||
left: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
padding-left: 0px;
|
||||
position: absolute;
|
||||
margin-top: 60px;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
height: calc(100% - 60px);
|
||||
width: 100%;
|
||||
|
||||
.aside-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
.page-header {
|
||||
|
||||
.control-group {
|
||||
width: 330px;
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0px;
|
||||
padding: 0px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
float: left;
|
||||
|
||||
.back-link {
|
||||
margin-top: 0px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-action {
|
||||
float: right;
|
||||
|
||||
.export-import{
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
button{
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
* {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
margin-left: 0px;
|
||||
margin-top:1px;
|
||||
}
|
||||
}
|
||||
|
||||
#search-icon{
|
||||
position: absolute;
|
||||
margin-top: 6px;
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
|
||||
.notif-filter{
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
|
||||
.switch-dark{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,245 @@
|
|||
@import "colors";
|
||||
$toggleSize: 24px;
|
||||
$toggleMargin: -25px 10px;
|
||||
$toggleLine: 2px;
|
||||
$toggleColor: #3c41ff;
|
||||
|
||||
.nav-container {
|
||||
position: relative;
|
||||
display: none;
|
||||
max-width: $toggleSize + $toggleMargin;
|
||||
max-height: $toggleSize + $toggleMargin;
|
||||
overflow: visible;
|
||||
outline: none;
|
||||
|
||||
&.is-active {
|
||||
.nav-toggle {
|
||||
&:before, &:after {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-items,.nav-top {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
.overlay{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay{
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100vh;
|
||||
width: 100vh;
|
||||
display: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav-toggle {
|
||||
$offset: $toggleSize * 0.5;
|
||||
position: relative;
|
||||
width: $toggleSize;
|
||||
height: $toggleSize;
|
||||
margin: $toggleMargin;
|
||||
z-index: 1;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: #{$toggleSize - $toggleLine / 2};
|
||||
left: 0;
|
||||
transform: translate(0, 0);
|
||||
width: 100%;
|
||||
height: $toggleLine;
|
||||
background: $toggleColor;
|
||||
transition: transform .3s ease, box-shadow .3s ease;
|
||||
}
|
||||
|
||||
&:before {
|
||||
box-shadow: 0 #{$offset / 1.5} 0 0 $toggleColor;
|
||||
}
|
||||
|
||||
&:after {
|
||||
box-shadow: 0 #{-$offset / 1.5} 0 0 $toggleColor;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
top: 15px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
content: ' ';
|
||||
height: 28px;
|
||||
width: 2px;
|
||||
background-color: #8184ab;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
content: ' ';
|
||||
height: 28px;
|
||||
width: 2px;
|
||||
background-color: #8184ab;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-top {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 300px;
|
||||
max-width: 25vw;
|
||||
width: 100vw;
|
||||
height: 60px;
|
||||
z-index: 1;
|
||||
padding: 50px 0px 0px 0px;
|
||||
transition: transform .3s ease;
|
||||
transform: translate(calc(-100% - 50px), 0);
|
||||
background: $white;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
align-content: start;
|
||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
|
||||
text-decoration: none;
|
||||
|
||||
.pro-info{
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
position: absolute;
|
||||
|
||||
.profile-info-icon{
|
||||
position:absolute;
|
||||
display:inline-block;
|
||||
background: #3c41ff;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
|
||||
> span{
|
||||
display:block;
|
||||
margin:6px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-info-desc{
|
||||
display:inline-block;
|
||||
margin-left: 40px;
|
||||
|
||||
.name{
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.role{
|
||||
font-size: 10px;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-items{
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
left: 0;
|
||||
min-width: 300px;
|
||||
max-width: 25vw;
|
||||
width: 100vw;
|
||||
height: 92vh;
|
||||
z-index: 1;
|
||||
padding-bottom: 10px;
|
||||
transition: transform .3s ease;
|
||||
transform: translate(calc(-100% - 50px), 0);
|
||||
background: $white;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
align-content: start;
|
||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
|
||||
overflow-y: scroll ;
|
||||
text-decoration: none;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
transition: background-color .3s ease;
|
||||
font-size: 16px;
|
||||
text-transform: capitalize;
|
||||
text-decoration: none;
|
||||
|
||||
a{
|
||||
color:#000;
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
ul{
|
||||
display: none;
|
||||
|
||||
.navbar-child{
|
||||
text-transform: capitalize;
|
||||
padding: 15px;
|
||||
&.active,&:hover {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.display-block{
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #e6e6e6;
|
||||
> a{
|
||||
background-color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> a{
|
||||
background-color: #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
.nav-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.destop-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content-container{
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -1577,4 +1577,21 @@ return [
|
|||
'resource-not-found' => 'Warning: Requested :resource not found in the record.',
|
||||
],
|
||||
],
|
||||
|
||||
'notification' => [
|
||||
'title' => 'Notification',
|
||||
'title-plural' => 'Notifications',
|
||||
'status' => [
|
||||
'all' => 'All',
|
||||
'pending' => 'Pending',
|
||||
'processing' => 'Processing',
|
||||
'canceled' => 'Canceled',
|
||||
'closed' => 'Closed',
|
||||
'completed' => 'Completed'
|
||||
],
|
||||
'view-all' => 'View All Notifications',
|
||||
'no-record' => 'No Record Found',
|
||||
'read-all' => 'Mark as Read',
|
||||
'notification-marked-success' => 'Notification Marked Successfully'
|
||||
],
|
||||
];
|
||||
|
|
|
|||
|
|
@ -14,7 +14,10 @@
|
|||
|
||||
<div class="page-action">
|
||||
<date-filter></date-filter>
|
||||
|
||||
</div>
|
||||
|
||||
<date-mobile-filter></date-mobile-filter>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
|
|
@ -375,7 +378,7 @@
|
|||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
|
||||
|
||||
<script type="text/x-template" id="date-filter-template">
|
||||
<div>
|
||||
<div id="calender-destop">
|
||||
<div class="control-group date">
|
||||
<date @onChange="applyFilter('start', $event)" hide-remove-button="1"><input type="text" class="control" id="start_date" value="{{ $startDate->format('Y-m-d') }}" placeholder="{{ __('admin::app.dashboard.from') }}" v-model="start"/></date>
|
||||
</div>
|
||||
|
|
@ -386,6 +389,37 @@
|
|||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/x-template" id="date-mobile-filter-template">
|
||||
<div>
|
||||
<div id="calender-mobile">
|
||||
<span @click="openCalender()"></span>
|
||||
</div>
|
||||
<div v-if="toggleCalenderIcon">
|
||||
<div id="date-start" style="">
|
||||
<div class="control-group date" style="margin-top:15px">
|
||||
<label for="type">{{ __('admin::app.dashboard.from') }}</label>
|
||||
<date @onChange="setDate('start', $event)" hide-remove-button="1">
|
||||
<input type="text" class="control" id="start_date" value="{{ $startDate->format('Y-m-d') }}" placeholder="{{ __('admin::app.dashboard.from') }}" v-model="start"/>
|
||||
</date>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="date-end" style="">
|
||||
<div class="control-group date" style="margin-top:15px">
|
||||
<label for="type">{{ __('admin::app.dashboard.to') }}</label>
|
||||
<date @onChange="setDate('end', $event)" hide-remove-button="1">
|
||||
<input type="text" class="control" id="end_date" value="{{ $endDate->format('Y-m-d') }}" placeholder="{{ __('admin::app.dashboard.to') }}" v-model="end"/>
|
||||
</date>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="date-submit" style="">
|
||||
<button class="btn btn-lg btn-primary" @click="applyFilter">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
Vue.component('date-filter', {
|
||||
|
||||
|
|
@ -407,6 +441,41 @@
|
|||
}
|
||||
});
|
||||
|
||||
Vue.component('date-mobile-filter', {
|
||||
|
||||
template: '#date-mobile-filter-template',
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
start: "{{ $startDate->format('Y-m-d') }}",
|
||||
end: "{{ $endDate->format('Y-m-d') }}",
|
||||
toggleCalenderIcon : 0
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
openCalender: function(){
|
||||
|
||||
if(this.toggleCalenderIcon){
|
||||
this.toggleCalenderIcon = 0;
|
||||
$('#calender-mobile span').css('top','0');
|
||||
}else{
|
||||
this.toggleCalenderIcon = 1;
|
||||
$('#calender-mobile span').css('top','-40px');
|
||||
}
|
||||
},
|
||||
|
||||
setDate: function(field, date) {
|
||||
this[field] = date;
|
||||
},
|
||||
|
||||
applyFilter: function() {
|
||||
window.location.href = "?start=" + this.start + '&end=' + this.end;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
var ctx = document.getElementById("myChart").getContext('2d');
|
||||
|
|
|
|||
|
|
@ -3,8 +3,6 @@
|
|||
@section('content-wrapper')
|
||||
<div class="inner-section">
|
||||
|
||||
@include ('admin::layouts.nav-aside')
|
||||
|
||||
<div class="content-wrapper">
|
||||
|
||||
@include ('admin::layouts.tabs')
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
{!! view_render_event('bagisto.admin.layout.nav-left.after') !!}
|
||||
|
||||
|
||||
<div class="content-container">
|
||||
<div class="content-container" v-bind:style="isMenuOpen ? 'padding-left:200px' : 'padding-left:56px'">
|
||||
|
||||
{!! view_render_event('bagisto.admin.layout.content.before') !!}
|
||||
|
||||
|
|
@ -59,6 +59,10 @@
|
|||
<script type="text/javascript">
|
||||
window.flashMessages = [];
|
||||
|
||||
if(localStorage.getItem('dark-mode') == 'true'){
|
||||
document.body.classList.toggle("dark-mode");
|
||||
}
|
||||
|
||||
@foreach (['success', 'warning', 'error', 'info'] as $key)
|
||||
@if ($value = session($key))
|
||||
window.flashMessages.push({'type': 'alert-{{ $key }}', 'message': "{{ $value }}" });
|
||||
|
|
|
|||
|
|
@ -0,0 +1,193 @@
|
|||
@php
|
||||
|
||||
$tree = \Webkul\Core\Tree::create();
|
||||
|
||||
foreach (config('core') as $item) {
|
||||
$tree->add($item);
|
||||
}
|
||||
|
||||
$tree->items = core()->sortItems($tree->items);
|
||||
|
||||
$config = $tree;
|
||||
|
||||
|
||||
$allLocales = core()->getAllLocales()->pluck('name', 'code');
|
||||
|
||||
$currentLocaleCode = core()->getRequestedLocaleCode('admin_locale');
|
||||
@endphp
|
||||
|
||||
<mobile-nav></mobile-nav>
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/x-template" id="mobile-nav-template">
|
||||
<div class="nav-container">
|
||||
|
||||
<div class="nav-toggle"></div>
|
||||
|
||||
<div class="overlay"></div>
|
||||
|
||||
<div class="nav-top">
|
||||
<div class="pro-info">
|
||||
<div class="profile-info-icon">
|
||||
<span style="">{{ substr(auth()->guard('admin')->user()->name, 0, 1) }}</span>
|
||||
</div>
|
||||
|
||||
<div class="profile-info-desc">
|
||||
<div class="name">
|
||||
{{ auth()->guard('admin')->user()->name }}
|
||||
</div>
|
||||
|
||||
<div class="role">
|
||||
{{ auth()->guard('admin')->user()->role['name'] }}
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:inline-block" @click="closeNavBar">
|
||||
<span class="close"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-items">
|
||||
@foreach ($menu->items as $menuItem)
|
||||
<div class="nav-item {{ $menu->getActive($menuItem) }}">
|
||||
<a class="nav-tab-name" href="{{ $menuItem['key'] == 'dashboard' ? $menuItem['url'] : '#' }}">
|
||||
<span class="icon-menu icon {{ $menuItem['icon-class'] }}"
|
||||
style="margin-right:10px; display: inline-block;vertical-align: middle;transform: scale(0.8);"></span>
|
||||
|
||||
<span class="menu-label">{{ trans($menuItem['name']) }}</span>
|
||||
@if(count($menuItem['children']) || $menuItem['key'] == 'configuration' )
|
||||
<span class="icon arrow-icon"></span>
|
||||
@endif
|
||||
</a>
|
||||
@if ($menuItem['key'] != 'configuration')
|
||||
@if (count($menuItem['children']))
|
||||
<ul>
|
||||
@foreach ($menuItem['children'] as $subMenuItem)
|
||||
<li class="navbar-child {{ $menu->getActive($subMenuItem) }}">
|
||||
<a href="{{ count($subMenuItem['children']) ? current($subMenuItem['children'])['url'] : $subMenuItem['url'] }}">
|
||||
<span style="margin-left:47px">{{ trans($subMenuItem['name']) }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
@else
|
||||
<ul>
|
||||
@foreach ($config->items as $key => $item)
|
||||
<li class="navbar-child {{ $item['key'] == request()->route('slug') ? 'active' : '' }}">
|
||||
<a href="{{ route('admin.configuration.index', $item['key']) }}">
|
||||
<span style="margin-left:47px">{{ isset($item['name']) ? trans($item['name']) : '' }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="nav-item">
|
||||
<a class="nav-tab-name">
|
||||
<span class="icon-menu icon locale-icon"
|
||||
style="margin-right:10px; display: inline-block;vertical-align: middle;transform: scale(0.8);"></span>
|
||||
<span class="menu-label"> {{ __('admin::app.datagrid.locale') }} {{ $allLocales[$currentLocaleCode] }}</span>
|
||||
<span class="icon arrow-icon"></span>
|
||||
</a>
|
||||
<ul>
|
||||
@foreach ($allLocales as $code => $name)
|
||||
<li class="navbar-child">
|
||||
<a href="{{ url()->current() . '?' . http_build_query(array_merge(request()->all(), ['admin_locale' => $code])) }}">
|
||||
<span style="margin-left:47px"> {{ $name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-tab-name">
|
||||
<span class="icon-menu icon accounts-icon"
|
||||
style="margin-right:10px; display: inline-block;vertical-align: middle;transform: scale(0.8);"></span>
|
||||
<span class="menu-label">Account</span>
|
||||
<span class="icon arrow-icon"></span>
|
||||
</a>
|
||||
<ul>
|
||||
<li class="navbar-child">
|
||||
<a>
|
||||
<span style="display:flex;justify-content:space-between">
|
||||
<div style="margin-top:12px;margin-left:47px">
|
||||
<span>Mode</span>
|
||||
</div>
|
||||
<dark></dark>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li class="navbar-child">
|
||||
<a href="{{ route('admin.account.edit') }}">
|
||||
<span style="margin-left:47px">{{ __('admin::app.layouts.my-account') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="navbar-child">
|
||||
<a href="{{ route('admin.session.destroy') }}">
|
||||
<span style="margin-left:47px">{{ __('admin::app.layouts.logout') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
Vue.component('mobile-nav', {
|
||||
|
||||
template: '#mobile-nav-template',
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
openProfileNav: 0,
|
||||
openLocaleNav:0
|
||||
}
|
||||
},
|
||||
|
||||
mounted(){
|
||||
const nav = document.querySelector(".nav-container");
|
||||
|
||||
if (nav) {
|
||||
const toggle = nav.querySelector(".nav-toggle");
|
||||
|
||||
if (toggle) {
|
||||
toggle.addEventListener("click", () => {
|
||||
if (nav.classList.contains("is-active")) {
|
||||
nav.classList.remove("is-active");
|
||||
}
|
||||
else {
|
||||
nav.classList.add("is-active");
|
||||
}
|
||||
});
|
||||
|
||||
nav.addEventListener("blur", () => {
|
||||
nav.classList.remove("is-active");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
document.querySelectorAll('.nav-tab-name').forEach(function(navItem) {
|
||||
navItem.addEventListener('click', function(item) {
|
||||
var tabname = item.target.innerText;
|
||||
if (! navItem.parentElement.classList.contains("pro-info") && tabname != 'Dashboard') {
|
||||
navItem.parentElement.classList.toggle("active");
|
||||
navItem.parentElement.children[1].classList.toggle("display-block");
|
||||
navItem.children[2].classList.toggle("rotate-arrow-icon");
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
closeNavBar: function(){
|
||||
$('.nav-toggle').click();
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
|
@ -1,19 +1,113 @@
|
|||
<div class="navbar-left">
|
||||
@php
|
||||
|
||||
{{-- button for expanding nav bar --}}
|
||||
<nav-slide-button id="nav-expand-button" icon-class="accordian-right-icon" style="display: none;"></nav-slide-button>
|
||||
$tree = \Webkul\Core\Tree::create();
|
||||
|
||||
{{-- left menu bar --}}
|
||||
<ul class="menubar">
|
||||
@foreach ($menu->items as $menuItem)
|
||||
foreach (config('core') as $item) {
|
||||
$tree->add($item);
|
||||
}
|
||||
|
||||
$tree->items = core()->sortItems($tree->items);
|
||||
|
||||
$config = $tree;
|
||||
|
||||
$allLocales = core()->getAllLocales()->pluck('name', 'code');
|
||||
|
||||
$currentLocaleCode = core()->getRequestedLocaleCode('admin_locale');
|
||||
@endphp
|
||||
|
||||
<div class="navbar-left" v-bind:class="{'open': isMenuOpen}">
|
||||
|
||||
<navbar-left></navbar-left>
|
||||
|
||||
<nav-slide-button id="nav-expand-button" icon-class="accordian-right-icon"></nav-slide-button>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/x-template" id="navbar-left-template">
|
||||
|
||||
{{-- left menu bar --}}
|
||||
<ul class="menubar">
|
||||
@foreach ($menu->items as $menuItem)
|
||||
<li class="menu-item {{ $menu->getActive($menuItem) }}">
|
||||
<a href="{{ count($menuItem['children']) ? current($menuItem['children'])['url'] : $menuItem['url'] }}">
|
||||
<span class="icon {{ $menuItem['icon-class'] }}"></span>
|
||||
<a class="menubar-ancor" href="{{ $menuItem['key'] == 'dashboard' ? $menuItem['url'] : '#' }}">
|
||||
<span class="icon-menu icon {{ $menuItem['icon-class'] }}"></span>
|
||||
|
||||
<span>{{ trans($menuItem['name']) }}</span>
|
||||
<span class="menu-label">{{ trans($menuItem['name']) }}</span>
|
||||
|
||||
@if(count($menuItem['children']) || $menuItem['key'] == 'configuration' )
|
||||
<span class="icon arrow-icon {{ $menu->getActive($menuItem) == 'active' ? 'rotate-arrow-icon' : '' }} "></span>
|
||||
@endif
|
||||
</a>
|
||||
@if ($menuItem['key'] != 'configuration')
|
||||
@if (count($menuItem['children']))
|
||||
<ul class="sub-menubar">
|
||||
@foreach ($menuItem['children'] as $subMenuItem)
|
||||
<li class="sub-menu-item {{ $menu->getActive($subMenuItem) }}">
|
||||
<a href="{{ count($subMenuItem['children']) ? current($subMenuItem['children'])['url'] : $subMenuItem['url'] }}">
|
||||
<span class="menu-label">{{ trans($subMenuItem['name']) }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
@else
|
||||
<ul class="sub-menubar">
|
||||
@foreach ($config->items as $key => $item)
|
||||
<li class="sub-menu-item {{ $item['key'] == request()->route('slug') ? 'active' : '' }}">
|
||||
<a href="{{ route('admin.configuration.index', $item['key']) }}">
|
||||
<span class="menu-label"> {{ isset($item['name']) ? trans($item['name']) : '' }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
<li class="menu-item">
|
||||
<a class="menubar-ancor" href="#">
|
||||
<span class="icon-menu icon locale-icon"></span>
|
||||
|
||||
<span class="menu-label"> {{ __('admin::app.datagrid.locale') }} {{ $allLocales[$currentLocaleCode] }} </span>
|
||||
|
||||
<span class="icon arrow-icon"></span>
|
||||
</a>
|
||||
<ul class="sub-menubar">
|
||||
@foreach ($allLocales as $code => $name)
|
||||
<li class="sub-menu-item">
|
||||
<a href="{{ url()->current() . '?' . http_build_query(array_merge(request()->all(), ['admin_locale' => $code])) }}">
|
||||
<span class="menu-label">{{ $name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
Vue.component('navbar-left', {
|
||||
|
||||
template: '#navbar-left-template',
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
openProfileNav: 0,
|
||||
openLocaleNav:0
|
||||
}
|
||||
},
|
||||
|
||||
mounted(){
|
||||
|
||||
$('.menubar-ancor').click(function(){
|
||||
var tabname = this.children[1].innerHTML;
|
||||
|
||||
if (tabname != 'Dashboard') {
|
||||
this.parentElement.classList.toggle('active');
|
||||
this.children[2].classList.toggle("rotate-arrow-icon");
|
||||
}
|
||||
});
|
||||
},
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
<div class="navbar-top">
|
||||
<div class="navbar-top-left">
|
||||
@include ('admin::layouts.mobile-nav')
|
||||
|
||||
<div class="brand-logo">
|
||||
<a href="{{ route('admin.dashboard.index') }}">
|
||||
@if (core()->getConfigData('general.design.admin_logo.logo_image', core()->getCurrentChannelCode()))
|
||||
|
|
@ -16,6 +18,26 @@
|
|||
<span class="avatar">
|
||||
</span>
|
||||
|
||||
<div class="store">
|
||||
<div>
|
||||
<a href="{{ route('shop.home.index') }}" target="_blank" style="display: inline-block; vertical-align: middle;">
|
||||
<span class="icon store-icon" data-toggle="tooltip" data-placement="bottom" title="{{ __('admin::app.layouts.visit-shop') }}"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<notification
|
||||
get-notification-url="{{ route('admin.notification.get-notification') }}"
|
||||
view-all="{{ route('admin.notification.index') }}"
|
||||
order-view-url="{{ \URL::to('/') }}/admin/viewed-notifications/"
|
||||
pusher-key="{{ env('PUSHER_APP_KEY') }}"
|
||||
pusher-cluster="{{ env('PUSHER_APP_CLUSTER') }}"
|
||||
title="{{ __('admin::app.notification.title-plural') }}"
|
||||
view-all-title="{{ __('admin::app.notification.view-all') }}"
|
||||
get-read-all-url="{{ route('admin.notification.read-all') }}"
|
||||
read-all-title="{{ __('admin::app.notification.read-all') }}">
|
||||
</notification>
|
||||
|
||||
<div class="profile-info">
|
||||
@php
|
||||
$allLocales = core()->getAllLocales()->pluck('name', 'code');
|
||||
|
|
@ -81,6 +103,10 @@
|
|||
<li>
|
||||
<a href="{{ route('admin.session.destroy') }}">{{ __('admin::app.layouts.logout') }}</a>
|
||||
</li>
|
||||
<li v-if="!isMobile()" style="display: flex;justify-content: space-between;">
|
||||
<div style="margin-top:7px">Mode : </div>
|
||||
<dark style="margin-top: -9px;width: 83px;"></dark>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Support\Facades\Route;
|
||||
use Webkul\Admin\Http\Controllers\Controller;
|
||||
use Webkul\User\Http\Controllers\ForgetPasswordController;
|
||||
use Webkul\User\Http\Controllers\ResetPasswordController;
|
||||
use Webkul\User\Http\Controllers\SessionController;
|
||||
|
||||
/**
|
||||
* Auth routes.
|
||||
*/
|
||||
Route::group(['middleware' => ['web', 'admin_locale'], 'prefix' => config('app.admin_url')], function () {
|
||||
// notification
|
||||
Route::get('notifications', 'Webkul\Notification\Http\Controllers\Admin\NotificationController@index')->defaults('_config', [
|
||||
'view' => 'admin::notifications.index',
|
||||
])->name('admin.notification.index');
|
||||
|
||||
// get notification
|
||||
Route::get('get-notifications', 'Webkul\Notification\Http\Controllers\Admin\NotificationController@getNotifications')
|
||||
->name('admin.notification.get-notification');
|
||||
|
||||
//view order
|
||||
Route::get('viewed-notifications/{orderId}', 'Webkul\Notification\Http\Controllers\Admin\NotificationController@viewedNotifications')
|
||||
->name('admin.notification.viewed-notification');
|
||||
|
||||
// read all notification
|
||||
Route::post('read-all-notifications', 'Webkul\Notification\Http\Controllers\Admin\NotificationController@readAllNotifications')
|
||||
->name('admin.notification.read-all');
|
||||
});
|
||||
|
|
@ -40,6 +40,11 @@ require 'settings-routes.php';
|
|||
*/
|
||||
require 'configuration-routes.php';
|
||||
|
||||
/**
|
||||
* Notification routes.
|
||||
*/
|
||||
require 'notification-routes.php';
|
||||
|
||||
/**
|
||||
* Remaining routes.
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ mix.disableNotifications();
|
|||
|
||||
mix.js(__dirname + "/src/Resources/assets/js/app.js", "js/admin.js")
|
||||
.sass(__dirname + "/src/Resources/assets/sass/app.scss", "css/admin.css")
|
||||
.copy(__dirname + '/src/Resources/assets/images', publicPath + '/images')
|
||||
.options({
|
||||
processCssUrls: false
|
||||
});
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"/js/notification-app.js": "/js/notification-app.js"
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Contracts;
|
||||
|
||||
interface Notification
|
||||
{
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
class Notifications extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function up()
|
||||
{
|
||||
Schema::create('notifications', function (Blueprint $table) {
|
||||
$table->increments('id');
|
||||
$table->string('type');
|
||||
$table->boolean('read')->default(0);
|
||||
$table->integer('order_id')->unsigned();
|
||||
$table->foreign('order_id')->references('id')->on('orders')->onDelete('cascade');
|
||||
$table->timestamps();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function down()
|
||||
{
|
||||
Schema::dropIfExists('notifications');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Events;
|
||||
|
||||
use Illuminate\Queue\SerializesModels;
|
||||
use Illuminate\Broadcasting\Channel;
|
||||
use Illuminate\Foundation\Events\Dispatchable;
|
||||
use Illuminate\Broadcasting\InteractsWithSockets;
|
||||
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
|
||||
|
||||
class CreateOrderNotification implements ShouldBroadcast
|
||||
{
|
||||
use Dispatchable, InteractsWithSockets, SerializesModels;
|
||||
|
||||
|
||||
/**
|
||||
* Create a new event instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the channels the event should broadcast on.
|
||||
*
|
||||
* @return \Illuminate\Broadcasting\Channel|array
|
||||
*/
|
||||
public function broadcastOn()
|
||||
{
|
||||
return new Channel('notification');
|
||||
}
|
||||
|
||||
|
||||
public function broadcastQueue()
|
||||
{
|
||||
return 'broadcastable';
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the channels the event should broadcast as.
|
||||
*
|
||||
* @return broadcast name
|
||||
*/
|
||||
public function broadcastAs()
|
||||
{
|
||||
return 'create-notification';
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Events;
|
||||
|
||||
use Illuminate\Queue\SerializesModels;
|
||||
use Illuminate\Broadcasting\Channel;
|
||||
use Illuminate\Foundation\Events\Dispatchable;
|
||||
use Illuminate\Broadcasting\InteractsWithSockets;
|
||||
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
|
||||
|
||||
class UpdateOrderNotification implements ShouldBroadcast
|
||||
{
|
||||
use Dispatchable, InteractsWithSockets, SerializesModels;
|
||||
|
||||
protected $data;
|
||||
|
||||
/**
|
||||
* Create a new event instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct($data)
|
||||
{
|
||||
$this->data = $data;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the channels the event should broadcast on.
|
||||
*
|
||||
* @return \Illuminate\Broadcasting\Channel|array
|
||||
*/
|
||||
public function broadcastOn()
|
||||
{
|
||||
return new Channel('notification');
|
||||
}
|
||||
|
||||
/**
|
||||
* Broadcast with data.
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public function broadcastWith()
|
||||
{
|
||||
return $this->data;
|
||||
}
|
||||
|
||||
public function broadcastQueue () {
|
||||
return 'broadcastable';
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the channels the event should broadcast as.
|
||||
*
|
||||
* @return broadcast name
|
||||
*/
|
||||
public function broadcastAs () {
|
||||
return 'update-notification';
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Http\Controllers\Admin;
|
||||
|
||||
use Illuminate\Routing\Controller;
|
||||
use Webkul\Notification\Repositories\NotificationRepository;
|
||||
|
||||
class NotificationController extends Controller
|
||||
{
|
||||
/**
|
||||
* Contains route related configuration
|
||||
*
|
||||
* @var array
|
||||
*/
|
||||
protected $_config;
|
||||
|
||||
|
||||
/**
|
||||
* NotificationRepository
|
||||
*
|
||||
* @var object
|
||||
*/
|
||||
protected $notificationRepository;
|
||||
|
||||
/**
|
||||
* Create a new controller instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct(NotificationRepository $notificationRepository)
|
||||
{
|
||||
$this->notificationRepository = $notificationRepository;
|
||||
|
||||
$this->middleware('admin');
|
||||
|
||||
$this->_config = request('_config');
|
||||
}
|
||||
|
||||
/**
|
||||
* Display a listing of the resource.
|
||||
*
|
||||
* @return \Illuminate\View\View
|
||||
*/
|
||||
public function index()
|
||||
{
|
||||
return view($this->_config['view']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Display a listing of the resource.
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public function getNotifications()
|
||||
{
|
||||
$params = request()->all();
|
||||
|
||||
$searchResults = [];
|
||||
|
||||
if(isset($params) && isset($params['page'])){
|
||||
unset($params['page']);
|
||||
}
|
||||
|
||||
if(isset($params) && $params != NULL){
|
||||
$searchResults = $this->notificationRepository->getParamsData($params);
|
||||
}else{
|
||||
$searchResults = $this->notificationRepository->with('order')->latest()->paginate(5);
|
||||
}
|
||||
|
||||
return [
|
||||
'search_results' => $searchResults,
|
||||
'total_unread' => $this->notificationRepository->where('read',0)->count()
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the notification is readed or not
|
||||
*
|
||||
* @return \Illuminate\View\View
|
||||
*/
|
||||
public function viewedNotifications($orderId){
|
||||
|
||||
if($notification = $this->notificationRepository->where('order_id',$orderId)->first()){
|
||||
$notification->read = 1;
|
||||
$notification->save();
|
||||
|
||||
return redirect()->route('admin.sales.orders.view',$orderId);
|
||||
}
|
||||
|
||||
abort(404);
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the notification is readed or not
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public function readAllNotifications(){
|
||||
|
||||
$this->notificationRepository->where('read',0)->update(['read' => 1]);
|
||||
|
||||
$params = [
|
||||
"limit" => 5,
|
||||
"read" => 0
|
||||
];
|
||||
|
||||
$searchResults = $this->notificationRepository->getParamsData($params);
|
||||
|
||||
return [
|
||||
'search_results' => $searchResults,
|
||||
'total_unread' => $this->notificationRepository->where('read',0)->count(),
|
||||
'success_message' => trans('admin::app.notification.notification-marked-success')
|
||||
];
|
||||
|
||||
abort(404);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Listeners;
|
||||
|
||||
use Illuminate\Database\Eloquent\Collection;
|
||||
use Webkul\Notification\Repositories\NotificationRepository;
|
||||
use Webkul\Notification\Events\CreateOrderNotification;
|
||||
use Webkul\Notification\Events\UpdateOrderNotification;
|
||||
|
||||
class Order
|
||||
{
|
||||
/**
|
||||
* NotificationRepository
|
||||
*
|
||||
* @var object
|
||||
*/
|
||||
protected $notificationRepository;
|
||||
|
||||
/**
|
||||
* Create a new event instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct(NotificationRepository $notificationRepository)
|
||||
{
|
||||
$this->notificationRepository = $notificationRepository;
|
||||
}
|
||||
|
||||
/**
|
||||
* Create a new resource.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function createOrder($order)
|
||||
{
|
||||
$this->notificationRepository->create(['type' => 'order','order_id' => $order->id]);
|
||||
|
||||
event(new CreateOrderNotification);
|
||||
}
|
||||
|
||||
/**
|
||||
* Fire an Event when the order status is updated.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function updateOrder($order)
|
||||
{
|
||||
$orderArray =[
|
||||
'id' => $order->id
|
||||
];
|
||||
|
||||
event(new UpdateOrderNotification($orderArray));
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Models;
|
||||
|
||||
use Webkul\Sales\Models\OrderProxy;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
use Webkul\Notification\Contracts\Notification as NotificationContract;
|
||||
|
||||
class Notification extends Model implements NotificationContract
|
||||
{
|
||||
protected $fillable = [
|
||||
'type',
|
||||
'read',
|
||||
'order_id'
|
||||
];
|
||||
|
||||
/**
|
||||
* Get Order Details.
|
||||
*/
|
||||
public function order()
|
||||
{
|
||||
return $this->belongsTo(OrderProxy::modelClass());
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Models;
|
||||
|
||||
use Konekt\Concord\Proxies\ModelProxy;
|
||||
|
||||
class NotificationProxy extends ModelProxy
|
||||
{
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Providers;
|
||||
|
||||
use Illuminate\Support\ServiceProvider;
|
||||
use Illuminate\Support\Facades\Event;
|
||||
|
||||
class EventServiceProvider extends ServiceProvider
|
||||
{
|
||||
/**
|
||||
* Bootstrap services.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function boot()
|
||||
{
|
||||
Event::listen('checkout.order.save.after', 'Webkul\Notification\Listeners\Order@createOrder');
|
||||
|
||||
Event::listen('sales.order.update-status.after', 'Webkul\Notification\Listeners\Order@updateOrder');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Providers;
|
||||
|
||||
use Konekt\Concord\BaseModuleServiceProvider;
|
||||
|
||||
class ModuleServiceProvider extends BaseModuleServiceProvider
|
||||
{
|
||||
protected $models = [
|
||||
\Webkul\Notification\Models\Notification::class
|
||||
];
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Providers;
|
||||
|
||||
use Illuminate\Support\ServiceProvider;
|
||||
use Illuminate\Support\Facades\Event;
|
||||
use Illuminate\Support\Facades\Broadcast;
|
||||
|
||||
class NotificationServiceProvider extends ServiceProvider
|
||||
{
|
||||
/**
|
||||
* Bootstrap services.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function boot()
|
||||
{
|
||||
$this->app->register(EventServiceProvider::class);
|
||||
|
||||
$this->app->register(ModuleServiceProvider::class);
|
||||
|
||||
$this->loadMigrationsFrom(__DIR__ . '/../Database/Migrations');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<?php
|
||||
|
||||
namespace Webkul\Notification\Repositories;
|
||||
|
||||
use Webkul\Core\Eloquent\Repository;
|
||||
|
||||
class NotificationRepository extends Repository
|
||||
{
|
||||
/**
|
||||
* Specify Model class name
|
||||
*
|
||||
* @return mixed
|
||||
*/
|
||||
function model()
|
||||
{
|
||||
return 'Webkul\Notification\Contracts\Notification';
|
||||
}
|
||||
|
||||
/**
|
||||
* Return Filtered Notification resources
|
||||
*
|
||||
* @return objects
|
||||
*/
|
||||
public function getParamsData($params)
|
||||
{
|
||||
if(isset($params['id']) && isset($params['status'])){
|
||||
return $params['status'] != 'All' ? $this->model->where(function($qry)use ($params){
|
||||
$qry->whereHas('order',function ($q) use ($params) {
|
||||
$q->where(['status' => $params['status']]);
|
||||
});
|
||||
})->where('order_id',$params['id'])->with('order')->paginate(5) : $this->model->where('order_id',$params['id'])->with('order')->paginate(5) ;
|
||||
}elseif (isset($params['status'])) {
|
||||
return $params['status'] != 'All' ? $this->model->where(function($qry)use ($params){
|
||||
$qry->whereHas('order',function ($q) use ($params) {
|
||||
$q->where(['status' => $params['status']]);
|
||||
});
|
||||
})->with('order')->paginate(5): $this->model->with('order')->latest()->paginate(5);
|
||||
}elseif(isset($params['limit'])){
|
||||
return $this->model->limit($params['limit'])->with('order')->latest()->paginate(5);
|
||||
}elseif(isset($params['id'])){
|
||||
return $this->model->where('order_id',$params['id'])->with('order')->paginate(5);
|
||||
}
|
||||
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
|
@ -1,26 +1,17 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="254px" height="236px" viewBox="0 0 254 236" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>404-image</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
|
||||
<g id="404-page" transform="translate(-960.000000, -288.000000)">
|
||||
<g id="404-image" transform="translate(961.000000, 289.000000)">
|
||||
<polyline id="Path-3" stroke="#242424" stroke-width="3" points="0.626953125 0.990234375 34.3359375 26.4658203 34.6796875 73.1640625 34.3359375 186.773437 160.960938 215.992187 210.71875 130.375 34.3359375 72.71875"></polyline>
|
||||
<g id="Group" transform="translate(46.000000, 190.000000)" fill="#FFFFFF" stroke="#242424" stroke-width="3">
|
||||
<circle id="Oval" cx="22.5" cy="22.5" r="21"></circle>
|
||||
<circle id="Oval" cx="23" cy="23" r="5.5"></circle>
|
||||
</g>
|
||||
<g id="Group" transform="translate(208.000000, 163.000000)" fill="#FFFFFF" stroke="#242424" stroke-width="3">
|
||||
<circle id="Oval" cx="22.5" cy="22.5" r="21"></circle>
|
||||
<circle id="Oval" cx="23" cy="23" r="5.5"></circle>
|
||||
</g>
|
||||
<path d="M178,205 L182,205 L182,208 L178,208 L178,205 Z M185,205 L206,205 L206,208 L185,208 L185,205 Z" id="Combined-Shape" fill="#242424" transform="translate(192.000000, 206.500000) rotate(-23.000000) translate(-192.000000, -206.500000) "></path>
|
||||
<path d="M172.473165,218.350993 L176.473165,218.350993 L176.473165,221.350993 L172.473165,221.350993 L172.473165,218.350993 Z M179.473165,218.350993 L200.473165,218.350993 L200.473165,221.350993 L179.473165,221.350993 L179.473165,218.350993 Z" id="Combined-Shape" fill="#242424" transform="translate(186.473165, 219.850993) rotate(-23.000000) translate(-186.473165, -219.850993) "></path>
|
||||
<path d="M198.610065,126.237911 L222.219028,78.9333292 L163.963322,59.4411726 L147.719875,109.950161 L198.610065,126.237911 Z" id="Path-4" stroke="#242424" stroke-width="3"></path>
|
||||
<polyline id="Path-5" stroke="#242424" stroke-width="3" points="131.557617 105.489258 134.746094 71.9423828 157.437808 79.0096878"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="254" height="236" viewBox="0 0 254 236" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<g opacity="0.5">
|
||||
<g opacity="0.5">
|
||||
<path d="M1.62695 1.99023L35.3359 27.4658L35.6797 74.1641L35.3359 187.773L161.961 216.992L211.719 131.375L35.3359 73.7188" stroke="#9497B8" stroke-width="3"/>
|
||||
<path d="M69.5 234.5C81.098 234.5 90.5 225.098 90.5 213.5C90.5 201.902 81.098 192.5 69.5 192.5C57.902 192.5 48.5 201.902 48.5 213.5C48.5 225.098 57.902 234.5 69.5 234.5Z" fill="white" stroke="#9497B8" stroke-width="3"/>
|
||||
<path d="M70 219.5C73.0376 219.5 75.5 217.038 75.5 214C75.5 210.962 73.0376 208.5 70 208.5C66.9624 208.5 64.5 210.962 64.5 214C64.5 217.038 66.9624 219.5 70 219.5Z" fill="white" stroke="#9497B8" stroke-width="3"/>
|
||||
<path d="M231.5 207.5C243.098 207.5 252.5 198.098 252.5 186.5C252.5 174.902 243.098 165.5 231.5 165.5C219.902 165.5 210.5 174.902 210.5 186.5C210.5 198.098 219.902 207.5 231.5 207.5Z" fill="white" stroke="#9497B8" stroke-width="3"/>
|
||||
<path d="M232 192.5C235.038 192.5 237.5 190.038 237.5 187C237.5 183.962 235.038 181.5 232 181.5C228.962 181.5 226.5 183.962 226.5 187C226.5 190.038 228.962 192.5 232 192.5Z" fill="white" stroke="#9497B8" stroke-width="3"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M179.527 211.589L183.209 210.027L184.381 212.788L180.699 214.351L179.527 211.589ZM185.97 208.854L205.301 200.649L206.473 203.411L187.143 211.616L185.97 208.854Z" fill="#9497B8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M174 224.94L177.682 223.378L178.854 226.139L175.172 227.702L174 224.94ZM180.444 222.205L199.774 214L200.946 216.762L181.616 224.967L180.444 222.205Z" fill="#9497B8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M199.61 127.238L223.219 79.9333L164.963 60.4412L148.72 110.95L199.61 127.238Z" stroke="#9497B8" stroke-width="3"/>
|
||||
<path d="M132.558 106.489L135.746 72.9424L158.438 80.0097" stroke="#9497B8" stroke-width="3"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 1.9 KiB |
15
packages/Webkul/Ui/src/Resources/assets/images/Accordion-Arrow-Down.svg
Executable file → Normal file
15
packages/Webkul/Ui/src/Resources/assets/images/Accordion-Arrow-Down.svg
Executable file → Normal file
|
|
@ -1,11 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Accordion-Arrow-Down</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Accordion-Arrow-Down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Rectangle-2" fill="#0041FF" x="0" y="0" width="24" height="24" rx="12"></rect>
|
||||
<polyline id="Path-3" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="translate(12.000000, 12.000000) scale(-1, -1) rotate(-90.000000) translate(-12.000000, -12.000000) " points="10 8 14 12 10 16"></polyline>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#0041FF"/>
|
||||
<path d="M16 10L12 14L8 10" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 833 B After Width: | Height: | Size: 353 B |
15
packages/Webkul/Ui/src/Resources/assets/images/Accordion-Arrow-Up.svg
Executable file → Normal file
15
packages/Webkul/Ui/src/Resources/assets/images/Accordion-Arrow-Up.svg
Executable file → Normal file
|
|
@ -1,11 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Accordion-Arrow-Up</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Accordion-Arrow-Up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Rectangle-2" fill="#0041FF" x="0" y="0" width="24" height="24" rx="12"></rect>
|
||||
<polyline id="Path-3" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="translate(12.000000, 11.000000) scale(-1, 1) rotate(-90.000000) translate(-12.000000, -11.000000) " points="10 7 14 11 10 15"></polyline>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#0041FF"/>
|
||||
<path d="M16 13L12 9L8 13" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 828 B After Width: | Height: | Size: 352 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="24" cy="24" r="20" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.77515 37.5C11.8353 31.6538 17.4262 27.4621 24.0001 27.4621C30.574 27.4621 36.1649 31.6538 38.2251 37.5M30.5875 16.6767C30.5875 20.3641 27.586 23.3534 23.8835 23.3534C20.181 23.3534 17.1796 20.3641 17.1796 16.6767C17.1796 12.9893 20.181 10 23.8835 10C27.586 10 30.5875 12.9893 30.5875 16.6767Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 606 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="24" cy="24" r="20" stroke="#8184AB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.77515 37.5C11.8353 31.6538 17.4262 27.4621 24.0001 27.4621C30.574 27.4621 36.1649 31.6538 38.2251 37.5M30.5875 16.6767C30.5875 20.3641 27.586 23.3534 23.8835 23.3534C20.181 23.3534 17.1796 20.3641 17.1796 16.6767C17.1796 12.9893 20.181 10 23.8835 10C27.586 10 30.5875 12.9893 30.5875 16.6767Z" stroke="#8184AB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 606 B |
15
packages/Webkul/Ui/src/Resources/assets/images/Angle-Down-Light.svg
Executable file → Normal file
15
packages/Webkul/Ui/src/Resources/assets/images/Angle-Down-Light.svg
Executable file → Normal file
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Expand-Light-On</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Expand-Light-On" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(2.000000, 6.000000)" fill="#8E8E8E" id="Path-2">
|
||||
<polygon points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6H15.3425L8.67123 13.3125L2 6Z" fill="#9497B8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 635 B After Width: | Height: | Size: 204 B |
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Angle-Left</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Angle-Left" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(9.500000, 10.000000) scale(-1, 1) translate(-9.500000, -10.000000) translate(6.000000, 3.000000)" id="Path-3" stroke="#A2A2A2" stroke-width="3">
|
||||
<polyline points="0 0 7 7.058476 0.11598308 14"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13 3L6 10.0585L12.884 17" stroke="#9497B8" stroke-width="3"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 715 B After Width: | Height: | Size: 175 B |
15
packages/Webkul/Ui/src/Resources/assets/images/Angle-Right-Light.svg
Executable file → Normal file
15
packages/Webkul/Ui/src/Resources/assets/images/Angle-Right-Light.svg
Executable file → Normal file
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Expand-Light-On</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Expand-Light-On" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(2.000000, 6.000000)" fill="#8E8E8E" id="Path-2">
|
||||
<polygon points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6H15.3425L8.67123 13.3125L2 6Z" fill="#9497B8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 635 B After Width: | Height: | Size: 204 B |
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Angle-Right</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Angle-Right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline id="Path-3" stroke="#A2A2A2" stroke-width="3" points="7 3 14 10.058476 7.11598308 17"></polyline>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7 3L14 10.0585L7.11598 17" stroke="#9497B8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 620 B After Width: | Height: | Size: 223 B |
|
Before Width: | Height: | Size: 264 B After Width: | Height: | Size: 264 B |
13
packages/Webkul/Ui/src/Resources/assets/images/Arrow-Down-Light.svg
Executable file → Normal file
13
packages/Webkul/Ui/src/Resources/assets/images/Arrow-Down-Light.svg
Executable file → Normal file
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Arrow-Down-Light</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Arrow-Down-Light" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<polygon id="Path-2" fill="#8E8E8E" points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H13.3425L6.67123 7.3125L0 0Z" fill="#9497B8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 564 B After Width: | Height: | Size: 201 B |
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Arrow-Down</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Arrow-Down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<polygon id="Path-2" fill="#000311" points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H13.3425L6.67123 7.3125L0 0Z" fill="#000311"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 552 B After Width: | Height: | Size: 201 B |
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Expand-Light</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Expand-Light" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(9.000000, 9.000000) rotate(-90.000000) translate(-9.000000, -9.000000) translate(2.000000, 5.000000)" fill="#3A3A3A" id="Path-2">
|
||||
<polygon points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 16L5 2.65753L12.3125 9.32877L5 16Z" fill="#3A3A3A"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 710 B After Width: | Height: | Size: 208 B |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3.2"/><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/></svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 15.2C13.7673 15.2 15.2 13.7673 15.2 12C15.2 10.2327 13.7673 8.79999 12 8.79999C10.2327 8.79999 8.8 10.2327 8.8 12C8.8 13.7673 10.2327 15.2 12 15.2Z" fill="black"/>
|
||||
<path d="M9 2L7.17 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4H16.83L15 2H9ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17Z" fill="black"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 324 B After Width: | Height: | Size: 510 B |
17
packages/Webkul/Ui/src/Resources/assets/images/Checkbox-Checked.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Checkbox-Checked.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Checkbox-Checked</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Checkbox-Checked" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Base" stroke="#0041FF" stroke-width="2" fill="#0041FF" x="1" y="1" width="22" height="22" rx="2"></rect>
|
||||
<g id="Check-Accent" transform="translate(6.000000, 7.000000)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3">
|
||||
<polyline id="Path-2" points="0 5 4 9 13 0"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21 1H3C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1Z" fill="#0041FF" stroke="#0041FF" stroke-width="2"/>
|
||||
<path d="M6 12L10 16L19 7" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 824 B After Width: | Height: | Size: 393 B |
|
|
@ -1,11 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Checkbox-Dash</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Checkbox-Dash" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Base" stroke="#0041FF" stroke-width="2" fill="#FFFFFF" x="1" y="1" width="22" height="22" rx="2"></rect>
|
||||
<path d="M6,12 L17.215332,12" id="Path-8" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21 1H3C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1Z" fill="white" stroke="#0041FF" stroke-width="2"/>
|
||||
<path d="M6 12H17.2153" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 721 B After Width: | Height: | Size: 390 B |
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Checkbox</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Checkbox" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Base" stroke="#C7C7C7" stroke-width="2" fill="#FFFFFF" x="1" y="1" width="22" height="22" rx="2"></rect>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21 1H3C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1Z" fill="white" stroke="#9497B8" stroke-width="2"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 574 B After Width: | Height: | Size: 283 B |
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Expand-Light-On</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Expand-Light-On" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(2.000000, 6.000000)" fill="#8E8E8E" id="Path-2">
|
||||
<polygon points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6H15.3425L8.67123 13.3125L2 6Z" fill="#9497B8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 635 B After Width: | Height: | Size: 204 B |
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Expand-Light</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Expand-Light" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(9.000000, 9.000000) rotate(-90.000000) translate(-9.000000, -9.000000) translate(2.000000, 5.000000)" fill="#3A3A3A" id="Path-2">
|
||||
<polygon points="0 0 13.3424655 0 6.67123275 7.3125"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 16L5 2.65753L12.3125 9.32877L5 16Z" fill="#3A3A3A"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 710 B After Width: | Height: | Size: 208 B |
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Folder-Icon</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Folder-Icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<path d="M7.9555323,3 L2,3 C1.44771525,3 1,3.44771525 1,4 L1,20 C1,20.5522847 1.44771525,21 2,21 L22,21 C22.5522847,21 23,20.5522847 23,20 L23,8 C23,7.44771525 22.5522847,7 22,7 L11.9438136,7 L7.9555323,3 Z" id="Base" stroke="#C7C7C7" stroke-width="2" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.95553 3H2C1.44772 3 1 3.44772 1 4V20C1 20.5523 1.44772 21 2 21H22C22.5523 21 23 20.5523 23 20V8C23 7.44772 22.5523 7 22 7H11.9438L7.95553 3Z" fill="white" stroke="#9497B8" stroke-width="2"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 738 B After Width: | Height: | Size: 346 B |
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Back-Primary.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Back-Primary.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Back-Primary</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Back-Primary" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="Icon-Sort-Down" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) translate(3.000000, 6.000000)" stroke="#0041FF" stroke-width="2">
|
||||
<path d="M1,6 L16.068125,6" id="Path-3"></path>
|
||||
<polyline id="Path-4" points="12 0 18 6.08548298 12 12"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20 12H4.93188" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9 6L3 12.0855L9 18" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 856 B After Width: | Height: | Size: 324 B |
|
|
@ -1,15 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-CMS-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-CMS-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Rectangle" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="9" y="10" width="31" height="24"></rect>
|
||||
<circle id="Oval" fill="#0041FF" fill-rule="nonzero" cx="25" cy="13" r="1"></circle>
|
||||
<path d="M13,33.9210526 L13,29.0789474 L16.3772216,29.0789474 C16.5449412,28.5154007 16.7697085,27.9764233 17.0448264,27.4687119 L14.6563293,25.0802147 L18.0802147,21.6563293 L20.4687119,24.0448264 C20.9764233,23.7697085 21.5154007,23.5449412 22.0789474,23.3772216 L22.0789474,20 L26.9210526,20 L26.9210526,23.3772216 C27.4845993,23.5449412 28.0235767,23.7697085 28.5312881,24.0448264 L30.9197853,21.6563293 L34.3436707,25.0802147 L31.9551736,27.4687119 C32.2302915,27.9764233 32.4550588,28.5154007 32.6227784,29.0789474 L36,29.0789474 L36,33.9210526" id="Combined-Shape" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M27.0855784,33.8590133 C27.6535802,33.2368113 28,32.408861 28,31.5 C28,29.5670034 26.4329966,28 24.5,28 C22.5670034,28 21,29.5670034 21,31.5 C21,32.4467397 21.3758971,33.3056839 21.9865853,33.9357268" id="Oval-6" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M15,38 L33,38" id="Path-35" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M24.5,34.5 L24.5,37.5" id="Path-36" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M40 10H9V34H40V10Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25 14C25.5523 14 26 13.5523 26 13C26 12.4477 25.5523 12 25 12C24.4477 12 24 12.4477 24 13C24 13.5523 24.4477 14 25 14Z" fill="#0041FF"/>
|
||||
<path d="M13 33.9211V29.0789H16.3772C16.5449 28.5154 16.7697 27.9764 17.0448 27.4687L14.6563 25.0802L18.0802 21.6563L20.4687 24.0448C20.9764 23.7697 21.5154 23.5449 22.0789 23.3772V20H26.9211V23.3772C27.4846 23.5449 28.0236 23.7697 28.5313 24.0448L30.9198 21.6563L34.3437 25.0802L31.9552 27.4687C32.2303 27.9764 32.4551 28.5154 32.6228 29.0789H36V33.9211" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.0856 33.859C27.6536 33.2368 28 32.4089 28 31.5C28 29.567 26.433 28 24.5 28C22.567 28 21 29.567 21 31.5C21 32.4467 21.3759 33.3057 21.9866 33.9357" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 38H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.5 34.5V37.5" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,14 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-CMS</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-CMS" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect id="Rectangle" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="9" y="10" width="31" height="24"></rect>
|
||||
<circle id="Oval" fill="#8E8E8E" fill-rule="nonzero" cx="25" cy="13" r="1"></circle>
|
||||
<path d="M13,33.9210526 L13,29.0789474 L16.3772216,29.0789474 C16.5449412,28.5154007 16.7697085,27.9764233 17.0448264,27.4687119 L14.6563293,25.0802147 L18.0802147,21.6563293 L20.4687119,24.0448264 C20.9764233,23.7697085 21.5154007,23.5449412 22.0789474,23.3772216 L22.0789474,20 L26.9210526,20 L26.9210526,23.3772216 C27.4845993,23.5449412 28.0235767,23.7697085 28.5312881,24.0448264 L30.9197853,21.6563293 L34.3436707,25.0802147 L31.9551736,27.4687119 C32.2302915,27.9764233 32.4550588,28.5154007 32.6227784,29.0789474 L36,29.0789474 L36,33.9210526" id="Combined-Shape" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M27.0855784,33.8590133 C27.6535802,33.2368113 28,32.408861 28,31.5 C28,29.5670034 26.4329966,28 24.5,28 C22.5670034,28 21,29.5670034 21,31.5 C21,32.4467397 21.3758971,33.3056839 21.9865853,33.9357268" id="Oval-6" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M15,38 L33,38" id="Path-35" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M40 10H9V34H40V10Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25 14C25.5523 14 26 13.5523 26 13C26 12.4477 25.5523 12 25 12C24.4477 12 24 12.4477 24 13C24 13.5523 24.4477 14 25 14Z" fill="#9497B8"/>
|
||||
<path d="M13 33.9211V29.0789H16.3772C16.5449 28.5154 16.7697 27.9764 17.0448 27.4687L14.6563 25.0802L18.0802 21.6563L20.4687 24.0448C20.9764 23.7697 21.5154 23.5449 22.0789 23.3772V20H26.9211V23.3772C27.4846 23.5449 28.0236 23.7697 28.5313 24.0448L30.9198 21.6563L34.3437 25.0802L31.9552 27.4687C32.2303 27.9764 32.4551 28.5154 32.6228 29.0789H36V33.9211" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.0856 33.859C27.6536 33.2368 28 32.4089 28 31.5C28 29.567 26.433 28 24.5 28C22.567 28 21 29.567 21 31.5C21 32.4467 21.3759 33.3057 21.9866 33.9357" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 38H33" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,16 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Calendar</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Calendar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(3.000000, 2.000000)">
|
||||
<path d="M2,9 L4,9 L4,11 L2,11 L2,9 Z M5,9 L7,9 L7,11 L5,11 L5,9 Z M8,9 L10,9 L10,11 L8,11 L8,9 Z M11,9 L13,9 L13,11 L11,11 L11,9 Z M14,9 L16,9 L16,11 L14,11 L14,9 Z M2,12 L4,12 L4,14 L2,14 L2,12 Z M5,12 L7,12 L7,14 L5,14 L5,12 Z M8,12 L10,12 L10,14 L8,14 L8,12 Z M11,12 L13,12 L13,14 L11,14 L11,12 Z M14,12 L16,12 L16,14 L14,14 L14,12 Z M11,15 L13,15 L13,17 L11,17 L11,15 Z M2,15 L4,15 L4,17 L2,17 L2,15 Z M5,15 L7,15 L7,17 L5,17 L5,15 Z M8,15 L10,15 L10,17 L8,17 L8,15 Z" id="Combined-Shape" fill="#8E8E8E"></path>
|
||||
<rect id="Rectangle-6" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="0" y="2" width="18" height="18" rx="2"></rect>
|
||||
<path d="M0,7 L17.2233522,7" id="Path-2" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M5.05517578,0.0166015625 L5.05517578,2" id="Path-3" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M13,0 L13,1.91914536" id="Path-3-Copy" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 11H7V13H5V11ZM8 11H10V13H8V11ZM11 11H13V13H11V11ZM14 11H16V13H14V11ZM17 11H19V13H17V11ZM5 14H7V16H5V14ZM8 14H10V16H8V14ZM11 14H13V16H11V14ZM14 14H16V16H14V14ZM17 14H19V16H17V14ZM14 17H16V19H14V17ZM5 17H7V19H5V17ZM8 17H10V19H8V17ZM11 17H13V19H11V17Z" fill="#9497B8"/>
|
||||
<path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3 9H20.2234" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.05518 2.0166V4" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16 2V3.91915" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 960 B |
23
packages/Webkul/Ui/src/Resources/assets/images/Icon-Catalog-Active.svg
Executable file → Normal file
23
packages/Webkul/Ui/src/Resources/assets/images/Icon-Catalog-Active.svg
Executable file → Normal file
|
|
@ -1,16 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Catalog-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Catalog-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(9.000000, 7.000000)" stroke="#0041FF" stroke-width="2">
|
||||
<rect id="Rectangle-2" x="0" y="0" width="30" height="34"></rect>
|
||||
<path d="M6,6 L24,6" id="Path-6"></path>
|
||||
<path d="M6,13 L24,13" id="Path-6"></path>
|
||||
<path d="M6,20 L24,20" id="Path-6"></path>
|
||||
<path d="M6,27 L24,27" id="Path-6"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M39 7H9V41H39V7Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 13H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 20H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 27H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 34H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 917 B After Width: | Height: | Size: 625 B |
|
|
@ -1,16 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Catalog</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Catalog" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(9.000000, 7.000000)" stroke-width="2">
|
||||
<rect id="Rectangle-2" stroke="#8E8E8E" x="0" y="0" width="30" height="34"></rect>
|
||||
<path d="M6,6 L24,6" id="Path-6" stroke="#979797"></path>
|
||||
<path d="M6,13 L24,13" id="Path-6" stroke="#979797"></path>
|
||||
<path d="M6,20 L24,20" id="Path-6" stroke="#979797"></path>
|
||||
<path d="M6,27 L24,27" id="Path-6" stroke="#979797"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M39 7H9V41H39V7Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 13H33" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 20H33" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 27H33" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 34H33" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 971 B After Width: | Height: | Size: 625 B |
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Configure-Active.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Configure-Active.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Configure-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Configure-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(4.000000, 4.000000)" stroke="#0041FF" stroke-width="2">
|
||||
<path d="M40.4050208,8.4699204 C40.7912341,9.66642796 41,10.9436642 41,12.2700565 C41,19.0466216 35.550775,24.540113 28.8288153,24.540113 C27.4775452,24.540113 26.1777068,24.3181191 24.9632274,23.9083344 L10.7535471,38.1180147 C8.57547658,40.2960852 5.04412656,40.2960852 2.86605605,38.1180147 C0.687985545,35.9399442 0.687985545,32.4085941 2.86605605,30.2305236 L17.1984629,15.8981168 C16.8469212,14.7515067 16.6576305,13.5330668 16.6576305,12.2700565 C16.6576305,5.49349141 22.1068556,0 28.8288153,0 C29.7074376,0 30.5643153,0.0938557949 31.3901218,0.272164867 L24.8494942,6.81279245 L25.5405734,14.9969882 L33.4558215,15.4191197 L40.4050208,8.4699204 Z" id="Combined-Shape" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<circle id="Oval-8" cx="7.5" cy="33.5" r="1.5"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.405 12.4699C44.7912 13.6664 45 14.9437 45 16.2701C45 23.0466 39.5508 28.5401 32.8288 28.5401C31.4775 28.5401 30.1777 28.3181 28.9632 27.9083L14.7535 42.118C12.5755 44.2961 9.04413 44.2961 6.86605 42.118C4.68798 39.9399 4.68798 36.4086 6.86605 34.2305L21.1985 19.8981C20.8469 18.7515 20.6576 17.5331 20.6576 16.2701C20.6576 9.49349 26.1069 4 32.8288 4C33.7074 4 34.5643 4.09386 35.3901 4.27216L28.8495 10.8128L29.5406 18.997L37.4558 19.4191L44.405 12.4699Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.5 39C12.3284 39 13 38.3284 13 37.5C13 36.6716 12.3284 36 11.5 36C10.6716 36 10 36.6716 10 37.5C10 38.3284 10.6716 39 11.5 39Z" stroke="#0041FF" stroke-width="2"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 872 B |
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Configure</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Configure" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(4.000000, 4.000000)" stroke="#979797" stroke-width="2">
|
||||
<path d="M40.4050208,8.4699204 C40.7912341,9.66642796 41,10.9436642 41,12.2700565 C41,19.0466216 35.550775,24.540113 28.8288153,24.540113 C27.4775452,24.540113 26.1777068,24.3181191 24.9632274,23.9083344 L10.7535471,38.1180147 C8.57547658,40.2960852 5.04412656,40.2960852 2.86605605,38.1180147 C0.687985545,35.9399442 0.687985545,32.4085941 2.86605605,30.2305236 L17.1984629,15.8981168 C16.8469212,14.7515067 16.6576305,13.5330668 16.6576305,12.2700565 C16.6576305,5.49349141 22.1068556,0 28.8288153,0 C29.7074376,0 30.5643153,0.0938557949 31.3901218,0.272164867 L24.8494942,6.81279245 L25.5405734,14.9969882 L33.4558215,15.4191197 L40.4050208,8.4699204 Z" id="Combined-Shape" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<circle id="Oval-8" cx="7.5" cy="33.5" r="1.5"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.405 12.4699C44.7912 13.6664 45 14.9437 45 16.2701C45 23.0466 39.5508 28.5401 32.8288 28.5401C31.4775 28.5401 30.1777 28.3181 28.9632 27.9083L14.7535 42.118C12.5755 44.2961 9.04413 44.2961 6.86606 42.118C4.68799 39.9399 4.68799 36.4086 6.86606 34.2305L21.1985 19.8981C20.8469 18.7515 20.6576 17.5331 20.6576 16.2701C20.6576 9.49349 26.1069 4 32.8288 4C33.7074 4 34.5643 4.09386 35.3901 4.27216L28.8495 10.8128L29.5406 18.997L37.4558 19.4191L44.405 12.4699Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.5 39C12.3284 39 13 38.3284 13 37.5C13 36.6716 12.3284 36 11.5 36C10.6716 36 10 36.6716 10 37.5C10 38.3284 10.6716 39 11.5 39Z" stroke="#9497B8" stroke-width="2"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 872 B |
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Crossed</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Crossed" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<path d="M9,8.35557738 L12.2221131,5.13346429 C12.4000655,4.9555119 12.6885833,4.9555119 12.8665357,5.13346429 C13.0444881,5.31141669 13.0444881,5.59993452 12.8665357,5.77788691 L9.64442262,9 L12.8665357,12.2221131 C13.0444881,12.4000655 13.0444881,12.6885833 12.8665357,12.8665357 C12.6885833,13.0444881 12.4000655,13.0444881 12.2221131,12.8665357 L9,9.64442262 L5.77788691,12.8665357 C5.59993452,13.0444881 5.31141669,13.0444881 5.13346429,12.8665357 C4.9555119,12.6885833 4.9555119,12.4000655 5.13346429,12.2221131 L8.35557738,9 L5.13346429,5.77788691 C4.9555119,5.59993452 4.9555119,5.31141669 5.13346429,5.13346429 C5.31141669,4.9555119 5.59993452,4.9555119 5.77788691,5.13346429 L9,8.35557738 Z" id="Combined-Shape" fill="#8E8E8E"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.35558L12.2221 5.13346C12.4001 4.95551 12.6886 4.95551 12.8665 5.13346C13.0445 5.31142 13.0445 5.59993 12.8665 5.77789L9.64442 9L12.8665 12.2221C13.0445 12.4001 13.0445 12.6886 12.8665 12.8665C12.6886 13.0445 12.4001 13.0445 12.2221 12.8665L9 9.64442L5.77789 12.8665C5.59993 13.0445 5.31142 13.0445 5.13346 12.8665C4.95551 12.6886 4.95551 12.4001 5.13346 12.2221L8.35558 9L5.13346 5.77789C4.95551 5.59993 4.95551 5.31142 5.13346 5.13346C5.31142 4.95551 5.59993 4.95551 5.77789 5.13346L9 8.35558Z" fill="#9497B8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 670 B |
15
packages/Webkul/Ui/src/Resources/assets/images/Icon-Customers-Active.svg
Executable file → Normal file
15
packages/Webkul/Ui/src/Resources/assets/images/Icon-Customers-Active.svg
Executable file → Normal file
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Customers-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Customers-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(9.000000, 8.000000)" id="Combined-Shape" stroke="#0041FF" stroke-width="2">
|
||||
<path d="M0.0694092808,30.8793785 C0.789639214,23.4815617 7.02613841,17.6997284 14.6130571,17.6997284 C22.1999758,17.6997284 28.436475,23.4815617 29.156705,30.8793785 L0.0694092808,30.8793785 Z M14.5,13.6997284 C10.9101491,13.6997284 8,10.7895793 8,7.19972838 C8,3.60987751 10.9101491,0.699728384 14.5,0.699728384 C18.0898509,0.699728384 21,3.60987751 21,7.19972838 C21,10.7895793 18.0898509,13.6997284 14.5,13.6997284 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.06941 38.8794C9.78964 31.4815 16.0261 25.6997 23.6131 25.6997C31.2 25.6997 37.4365 31.4815 38.1567 38.8794H9.06941ZM23.5 21.6997C19.9102 21.6997 17 18.7896 17 15.1997C17 11.6099 19.9102 8.69971 23.5 8.69971C27.0899 8.69971 30 11.6099 30 15.1997C30 18.7896 27.0899 21.6997 23.5 21.6997Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 525 B |
|
|
@ -1,12 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Customers</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Customers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(9.000000, 8.000000)" id="Combined-Shape" stroke="#8E8E8E" stroke-width="2">
|
||||
<path d="M0.0694092808,30.8793785 C0.789639214,23.4815617 7.02613841,17.6997284 14.6130571,17.6997284 C22.1999758,17.6997284 28.436475,23.4815617 29.156705,30.8793785 L0.0694092808,30.8793785 Z M14.5,13.6997284 C10.9101491,13.6997284 8,10.7895793 8,7.19972838 C8,3.60987751 10.9101491,0.699728384 14.5,0.699728384 C18.0898509,0.699728384 21,3.60987751 21,7.19972838 C21,10.7895793 18.0898509,13.6997284 14.5,13.6997284 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.06941 38.8794C9.78964 31.4815 16.0261 25.6997 23.6131 25.6997C31.2 25.6997 37.4365 31.4815 38.1567 38.8794H9.06941ZM23.5 21.6997C19.9102 21.6997 17 18.7896 17 15.1997C17 11.6099 19.9102 8.69971 23.5 8.69971C27.0899 8.69971 30 11.6099 30 15.1997C30 18.7896 27.0899 21.6997 23.5 21.6997Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 525 B |
21
packages/Webkul/Ui/src/Resources/assets/images/Icon-Dashboard-Active.svg
Executable file → Normal file
21
packages/Webkul/Ui/src/Resources/assets/images/Icon-Dashboard-Active.svg
Executable file → Normal file
|
|
@ -1,15 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Dashboard-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Dashboard-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(10.000000, 1.000000)">
|
||||
<rect id="Rectangle-2" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="0" y="9" width="28" height="28"></rect>
|
||||
<circle id="Oval" fill="#FFFFFF" cx="28" cy="9" r="9"></circle>
|
||||
<circle id="Oval" stroke="#0041FF" stroke-width="2" cx="28" cy="9" r="4"></circle>
|
||||
<polyline id="Path-5" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="7 26.8225098 10.6303711 22.1315918 15.5270996 25.3210449 21.5498047 18"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38 10H10V38H38V10Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M38 19C42.9706 19 47 14.9706 47 10C47 5.02944 42.9706 1 38 1C33.0294 1 29 5.02944 29 10C29 14.9706 33.0294 19 38 19Z" fill="white"/>
|
||||
<path d="M38 14C40.2091 14 42 12.2091 42 10C42 7.79086 40.2091 6 38 6C35.7909 6 34 7.79086 34 10C34 12.2091 35.7909 14 38 14Z" stroke="#0041FF" stroke-width="2"/>
|
||||
<path d="M17 27.8225L20.6304 23.1316L25.5271 26.321L31.5498 19" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 668 B |
|
|
@ -1,15 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Dashboard</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Dashboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(10.000000, 1.000000)">
|
||||
<rect id="Rectangle-2" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x="0" y="9" width="28" height="28"></rect>
|
||||
<circle id="Oval" fill="#FFFFFF" cx="28" cy="9" r="9"></circle>
|
||||
<circle id="Oval" stroke="#8E8E8E" stroke-width="2" cx="28" cy="9" r="4"></circle>
|
||||
<polyline id="Path-5" stroke="#8E8E8E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="7 26.8225098 10.6303711 22.1315918 15.5270996 25.3210449 21.5498047 18"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 18.9451C38.6717 18.9814 38.338 19 38 19C37.662 19 37.3283 18.9814 37 18.9451V37H11V11H29.0549C29.0186 10.6717 29 10.338 29 10C29 9.66199 29.0186 9.32833 29.0549 9H10C9.44772 9 9 9.44772 9 10V38C9 38.5523 9.44772 39 10 39H38C38.5523 39 39 38.5523 39 38V18.9451Z" fill="#9497B8"/>
|
||||
<path d="M38 14C40.2091 14 42 12.2091 42 10C42 7.79086 40.2091 6 38 6C35.7909 6 34 7.79086 34 10C34 12.2091 35.7909 14 38 14Z" stroke="#9497B8" stroke-width="2"/>
|
||||
<path d="M17 27.8225L20.6304 23.1316L25.5271 26.321L31.5498 19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 745 B |
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Export</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Export" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(1.000000, 6.000000)" stroke="#979797" stroke-width="2">
|
||||
<path d="M19,5.5 C19,2.78076172 19,0.947428385 19,0 L0,0 L0,20 L19,20 L19,14.5" id="Path-2"></path>
|
||||
<path d="M8,10 L28.068125,10" id="Path-3"></path>
|
||||
<polyline id="Path-4" points="26 5.18359375 29.9388428 10.1218262 26 14.894043"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20 11.5C20 8.78076 20 6.94743 20 6H1V26H20V20.5" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9 16H29.0681" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27 11.1836L30.9388 16.1218L27 20.894" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 881 B After Width: | Height: | Size: 483 B |
19
packages/Webkul/Ui/src/Resources/assets/images/Icon-Graph-Green.svg
Executable file → Normal file
19
packages/Webkul/Ui/src/Resources/assets/images/Icon-Graph-Green.svg
Executable file → Normal file
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Graph-Green</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Graph-Green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(8.000000, 5.000000)" stroke="#00C357" stroke-width="2">
|
||||
<path d="M4,0 L4,14" id="Path-2"></path>
|
||||
<path d="M4,0 L0,4" id="Path-3"></path>
|
||||
<path d="M7.92330631,0 L3.92330631,4" id="Path-3-Copy" transform="translate(5.961653, 2.000000) scale(-1, 1) translate(-5.961653, -2.000000) "></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 5V19" stroke="#00C357" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 5L8 9" stroke="#00C357" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 5L16 9" stroke="#00C357" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 881 B After Width: | Height: | Size: 412 B |
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Graph-Red</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Graph-Red" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(12.500000, 12.000000) scale(1, -1) translate(-12.500000, -12.000000) translate(8.000000, 5.000000)" stroke="#FC6868" stroke-width="2">
|
||||
<path d="M4,0 L4,14" id="Path-2"></path>
|
||||
<path d="M4,0 L0,4" id="Path-3"></path>
|
||||
<path d="M7.92330631,0 L3.92330631,4" id="Path-3-Copy" transform="translate(5.961653, 2.000000) scale(-1, 1) translate(-5.961653, -2.000000) "></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 19V5" stroke="#FC6868" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 19L8 15" stroke="#FC6868" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 19L16 15" stroke="#FC6868" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 956 B After Width: | Height: | Size: 416 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 5H22" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 12H22" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 19H22" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 408 B |
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Import</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Import" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(2.000000, 6.000000)" stroke="#979797" stroke-width="2">
|
||||
<path d="M29,5.5 C29,2.78076172 29,0.947428385 29,0 L10,0 L10,20 L29,20 L29,14.5" id="Path-2" transform="translate(19.500000, 10.000000) scale(-1, 1) translate(-19.500000, -10.000000) "></path>
|
||||
<path d="M0,10 L20.068125,10" id="Path-3"></path>
|
||||
<polyline id="Path-4" points="17 5.21679688 22 10.1761378 17 15"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 11.5C12 8.78076 12 6.94743 12 6H31V26H12V20.5" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 16H22.0681" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19 11.2168L24 16.1761L19 21" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 960 B After Width: | Height: | Size: 475 B |
|
|
@ -1,27 +1,10 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Listing</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Listing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="Group-2" transform="translate(6.000000, 4.000000)" stroke="#8E8E8E" stroke-width="2">
|
||||
<g id="Group">
|
||||
<path d="M5.41666667,1.66666667 L13,1.66666667" id="Path-6"></path>
|
||||
<path d="M0,1.66666667 L1.08333333,1.66666667" id="Path-6-Copy"></path>
|
||||
</g>
|
||||
<g id="Group-Copy" transform="translate(0.000000, 4.000000)">
|
||||
<path d="M5.41666667,1.66666667 L13,1.66666667" id="Path-6"></path>
|
||||
<path d="M0,1.66666667 L1.08333333,1.66666667" id="Path-6-Copy"></path>
|
||||
</g>
|
||||
<g id="Group-Copy-2" transform="translate(0.000000, 8.000000)">
|
||||
<path d="M5.41666667,1.66666667 L13,1.66666667" id="Path-6"></path>
|
||||
<path d="M0,1.66666667 L1.08333333,1.66666667" id="Path-6-Copy"></path>
|
||||
</g>
|
||||
<g id="Group-Copy-3" transform="translate(0.000000, 12.000000)">
|
||||
<path d="M5.41666667,1.66666667 L13,1.66666667" id="Path-6"></path>
|
||||
<path d="M0,1.66666667 L1.08333333,1.66666667" id="Path-6-Copy"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.4167 5.66669H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 5.66669H7.08333" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.4167 9.66669H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 9.66669H7.08333" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.4167 13.6667H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 13.6667H7.08333" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.4167 17.6667H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 17.6667H7.08333" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1003 B |
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Pencil-Large.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Pencil-Large.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Pencil-Large</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Pencil-Large" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(0.000000, 1.000000)" stroke="#979797" stroke-width="2">
|
||||
<polygon id="Combined-Shape" stroke-linecap="round" stroke-linejoin="round" transform="translate(11.000000, 11.500000) scale(1, -1) rotate(-45.000000) translate(-11.000000, -11.500000) " points="14 2.90864186 14 24 8 24 8 2.90864186 11 -1"></polygon>
|
||||
<path d="M14,4 L19,9" id="Path-10"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.04631 20.6963L21.9602 5.7825L17.7175 1.53986L2.80367 16.4537L2.16116 21.3388L7.04631 20.6963Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14 5L19 10" stroke="#9497B8" stroke-width="2"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 888 B After Width: | Height: | Size: 391 B |
19
packages/Webkul/Ui/src/Resources/assets/images/Icon-Sales-Active.svg
Executable file → Normal file
19
packages/Webkul/Ui/src/Resources/assets/images/Icon-Sales-Active.svg
Executable file → Normal file
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sales-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Sales-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(10.000000, 10.000000)" id="Rectangle-2" stroke="#0041FF" stroke-width="2">
|
||||
<rect x="0" y="16" width="6" height="12"></rect>
|
||||
<rect x="11" y="8" width="6" height="20"></rect>
|
||||
<rect x="22" y="0" width="6" height="28"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 26H10V38H16V26Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27 18H21V38H27V18Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M38 10H32V38H38V10Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 817 B After Width: | Height: | Size: 442 B |
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sales</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Sales" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(10.000000, 10.000000)" id="Rectangle-2" stroke="#8E8E8E" stroke-width="2">
|
||||
<rect x="0" y="16" width="6" height="12"></rect>
|
||||
<rect x="11" y="8" width="6" height="20"></rect>
|
||||
<rect x="22" y="0" width="6" height="28"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 26H10V38H16V26Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27 18H21V38H27V18Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M38 10H32V38H38V10Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 803 B After Width: | Height: | Size: 442 B |
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Settings-Active.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Settings-Active.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Settings-Active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Settings-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(8.000000, 8.000000)" stroke="#0041FF" stroke-width="2">
|
||||
<path d="M21.6087486,26.3724154 C20.9023676,26.7551882 20.152486,27.0679078 19.3684211,27.301257 L19.3684211,32 L12.6315789,32 L12.6315789,27.301257 C11.847514,27.0679078 11.0976324,26.7551882 10.3912514,26.3724154 L7.06812487,29.6955419 L2.30445813,24.9318751 L5.62758462,21.6087486 C5.2448118,20.9023676 4.93209217,20.152486 4.69874304,19.3684211 L-3.55271368e-15,19.3684211 L-3.55271368e-15,12.6315789 L4.69874304,12.6315789 C4.93209217,11.847514 5.2448118,11.0976324 5.62758462,10.3912514 L2.30445813,7.06812487 L7.06812487,2.30445813 L10.3912514,5.62758462 C11.0976324,5.2448118 11.847514,4.93209217 12.6315789,4.69874304 L12.6315789,0 L19.3684211,0 L19.3684211,4.69874304 C20.152486,4.93209217 20.9023676,5.2448118 21.6087486,5.62758462 L24.9318751,2.30445813 L29.6955419,7.06812487 L26.3724154,10.3912514 C26.7551882,11.0976324 27.0679078,11.847514 27.301257,12.6315789 L32,12.6315789 L32,19.3684211 L27.301257,19.3684211 C27.0679078,20.152486 26.7551882,20.9023676 26.3724154,21.6087486 L29.6955419,24.9318751 L24.9318751,29.6955419 L21.6087486,26.3724154 Z" id="Combined-Shape"></path>
|
||||
<circle id="Oval-6" cx="16" cy="16" r="5"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.6087 34.3724C28.9024 34.7552 28.1525 35.0679 27.3684 35.3013V40H20.6316V35.3013C19.8475 35.0679 19.0976 34.7552 18.3913 34.3724L15.0681 37.6955L10.3045 32.9319L13.6276 29.6087C13.2448 28.9024 12.9321 28.1525 12.6987 27.3684H8V20.6316H12.6987C12.9321 19.8475 13.2448 19.0976 13.6276 18.3913L10.3045 15.0681L15.0681 10.3045L18.3913 13.6276C19.0976 13.2448 19.8475 12.9321 20.6316 12.6987V8H27.3684V12.6987C28.1525 12.9321 28.9024 13.2448 29.6087 13.6276L32.9319 10.3045L37.6955 15.0681L34.3724 18.3913C34.7552 19.0976 35.0679 19.8475 35.3013 20.6316H40V27.3684H35.3013C35.0679 28.1525 34.7552 28.9024 34.3724 29.6087L37.6955 32.9319L32.9319 37.6955L29.6087 34.3724Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24 29C26.7614 29 29 26.7614 29 24C29 21.2386 26.7614 19 24 19C21.2386 19 19 21.2386 19 24C19 26.7614 21.2386 29 24 29Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Settings</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Settings" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(8.000000, 8.000000)" stroke="#8E8E8E" stroke-width="2">
|
||||
<path d="M21.6087486,26.3724154 C20.9023676,26.7551882 20.152486,27.0679078 19.3684211,27.301257 L19.3684211,32 L12.6315789,32 L12.6315789,27.301257 C11.847514,27.0679078 11.0976324,26.7551882 10.3912514,26.3724154 L7.06812487,29.6955419 L2.30445813,24.9318751 L5.62758462,21.6087486 C5.2448118,20.9023676 4.93209217,20.152486 4.69874304,19.3684211 L-3.55271368e-15,19.3684211 L-3.55271368e-15,12.6315789 L4.69874304,12.6315789 C4.93209217,11.847514 5.2448118,11.0976324 5.62758462,10.3912514 L2.30445813,7.06812487 L7.06812487,2.30445813 L10.3912514,5.62758462 C11.0976324,5.2448118 11.847514,4.93209217 12.6315789,4.69874304 L12.6315789,0 L19.3684211,0 L19.3684211,4.69874304 C20.152486,4.93209217 20.9023676,5.2448118 21.6087486,5.62758462 L24.9318751,2.30445813 L29.6955419,7.06812487 L26.3724154,10.3912514 C26.7551882,11.0976324 27.0679078,11.847514 27.301257,12.6315789 L32,12.6315789 L32,19.3684211 L27.301257,19.3684211 C27.0679078,20.152486 26.7551882,20.9023676 26.3724154,21.6087486 L29.6955419,24.9318751 L24.9318751,29.6955419 L21.6087486,26.3724154 Z" id="Combined-Shape"></path>
|
||||
<circle id="Oval-6" cx="16" cy="16" r="5"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.6087 34.3724C28.9024 34.7552 28.1525 35.0679 27.3684 35.3013V40H20.6316V35.3013C19.8475 35.0679 19.0976 34.7552 18.3913 34.3724L15.0681 37.6955L10.3045 32.9319L13.6276 29.6087C13.2448 28.9024 12.9321 28.1525 12.6987 27.3684H8V20.6316H12.6987C12.9321 19.8475 13.2448 19.0976 13.6276 18.3913L10.3045 15.0681L15.0681 10.3045L18.3913 13.6276C19.0976 13.2448 19.8475 12.9321 20.6316 12.6987V8H27.3684V12.6987C28.1525 12.9321 28.9024 13.2448 29.6087 13.6276L32.9319 10.3045L37.6955 15.0681L34.3724 18.3913C34.7552 19.0976 35.0679 19.8475 35.3013 20.6316H40V27.3684H35.3013C35.0679 28.1525 34.7552 28.9024 34.3724 29.6087L37.6955 32.9319L32.9319 37.6955L29.6087 34.3724Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24 29C26.7614 29 29 26.7614 29 24C29 21.2386 26.7614 19 24 19C21.2386 19 19 21.2386 19 24C19 26.7614 21.2386 29 24 29Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.1 KiB |
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Sm-Cross-White.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Sm-Cross-White.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sm-Cross</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Sm-Cross" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="Icon-Cross-Sm" transform="translate(6.000000, 6.000000)" stroke="#ffffff" stroke-width="2">
|
||||
<path d="M0,0 L6,6" id="Path-2"></path>
|
||||
<path d="M0,0 L6,6" id="Path-2" transform="translate(3.000000, 3.000000) scale(-1, 1) translate(-3.000000, -3.000000) "></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 6L12 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 6L6 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 820 B After Width: | Height: | Size: 307 B |
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Sm-White-Cross.svg
Executable file → Normal file
17
packages/Webkul/Ui/src/Resources/assets/images/Icon-Sm-White-Cross.svg
Executable file → Normal file
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sm-Cross</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Sm-Cross" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="Icon-Cross-Sm" transform="translate(6.000000, 6.000000)" stroke="#ffffff" stroke-width="2">
|
||||
<path d="M0,0 L6,6" id="Path-2"></path>
|
||||
<path d="M0,0 L6,6" id="Path-2" transform="translate(3.000000, 3.000000) scale(-1, 1) translate(-3.000000, -3.000000) "></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 6L12 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 6L6 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 820 B After Width: | Height: | Size: 307 B |
|
|
@ -1,13 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sort-Down</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Sort-Down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g transform="translate(9.000000, 9.000000) rotate(90.000000) translate(-9.000000, -9.000000) translate(3.000000, 5.000000)" stroke="#979797" stroke-width="2">
|
||||
<path d="M1.13686838e-12,4 L10.068125,4" id="Path-3"></path>
|
||||
<polyline id="Path-4" points="8 0 12 4.08548298 8 8"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9 3V13.0681" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13 11L8.91452 15L5 11" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 325 B |
|
|
@ -1,23 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="10px" height="14px" viewBox="0 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sort-Down</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="Settings-Users-Roles" transform="translate(-451.000000, -218.000000)" stroke="#979797">
|
||||
<g id="Paper" transform="translate(344.000000, 145.000000)">
|
||||
<g id="Table" transform="translate(0.000000, 61.000000)">
|
||||
<g id="Strip-Head">
|
||||
<g id="Icon-Sort-Up" transform="translate(103.000000, 10.000000)">
|
||||
<g id="Icon-Sort-Down" transform="translate(9.000000, 9.000000) scale(1, -1) rotate(90.000000) translate(-9.000000, -9.000000) translate(3.000000, 5.000000)">
|
||||
<path d="M1.13686838e-12,4 L10.068125,4" id="Path-3" stroke-width="2"></path>
|
||||
<polyline id="Path-4" stroke-width="2" points="8 0 12 4.08548298 8 8"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 13L5 2.93188" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9 5L4.91452 1L1 5" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 324 B |
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Sortable</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Sortable" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="Icon-Sort-Down" transform="translate(5.000000, 6.000000)" stroke="#979797" stroke-width="2">
|
||||
<path d="M0,1 L14,1" id="Path-3"></path>
|
||||
<path d="M0,6 L14,6" id="Path-3-Copy"></path>
|
||||
<path d="M0,11 L14,11" id="Path-3-Copy-2"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 7H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 12H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 17H19" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 802 B After Width: | Height: | Size: 408 B |
|
|
@ -1,14 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Trash</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Trash" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polygon id="Rectangle-10" stroke="#979797" stroke-width="2" points="4 5 7.39453125 5 9.64208984 2.00048828 14.6196289 2.00048828 16.6455078 5 20 5 20 8 4 8"></polygon>
|
||||
<polygon id="Rectangle-10" stroke="#979797" stroke-width="2" points="6 8 18 8 18 22 6 22"></polygon>
|
||||
<path d="M9,12 L9,18" id="Path-12" stroke="#979797" stroke-width="2"></path>
|
||||
<path d="M12,12 L12,18" id="Path-12-Copy" stroke="#979797" stroke-width="2"></path>
|
||||
<path d="M15,12 L15,18" id="Path-12-Copy-2" stroke="#979797" stroke-width="2"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 5H7.39453L9.64209 2.00049H14.6196L16.6455 5H20V8H4V5Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8H18V22H6V8Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9 12V18" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 12V18" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 12V18" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 750 B |
|
|
@ -0,0 +1,13 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="path-1-outside-1_508_8520" maskUnits="userSpaceOnUse" x="4" y="3.61935" width="17" height="16" fill="black">
|
||||
<rect fill="white" x="4" y="3.61935" width="17" height="16"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1828 5.61935C9.43468 5.61935 7.20688 7.84716 7.20688 10.5953V15.6095C6.5159 15.766 6 16.3838 6 17.1222C6 17.2649 6.11573 17.3807 6.25849 17.3807H7.20688H17.1587H18.4075C18.5503 17.3807 18.666 17.2649 18.666 17.1222C18.666 16.2802 17.9951 15.5949 17.1587 15.5718V10.5953C17.1587 7.84716 14.9309 5.61935 12.1828 5.61935Z"/>
|
||||
</mask>
|
||||
<path d="M7.20688 15.6095L7.64869 17.5601L9.20688 17.2072V15.6095H7.20688ZM17.1587 15.5718H15.1587V17.5173L17.1035 17.5711L17.1587 15.5718ZM9.20688 10.5953C9.20688 8.95173 10.5392 7.61935 12.1828 7.61935V3.61935C8.33011 3.61935 5.20688 6.74259 5.20688 10.5953H9.20688ZM9.20688 15.6095V10.5953H5.20688V15.6095H9.20688ZM8 17.1222C8 17.3385 7.84906 17.5147 7.64869 17.5601L6.76507 13.6589C5.18273 14.0173 4 15.4292 4 17.1222H8ZM6.25849 15.3807C7.2203 15.3807 8 16.1604 8 17.1222H4C4 18.3695 5.01116 19.3807 6.25849 19.3807V15.3807ZM7.20688 15.3807H6.25849V19.3807H7.20688V15.3807ZM17.1587 15.3807H7.20688V19.3807H17.1587V15.3807ZM18.4075 15.3807H17.1587V19.3807H18.4075V15.3807ZM16.666 17.1222C16.666 16.1604 17.4457 15.3807 18.4075 15.3807V19.3807C19.6549 19.3807 20.666 18.3695 20.666 17.1222H16.666ZM17.1035 17.5711C16.8602 17.5643 16.666 17.3663 16.666 17.1222H20.666C20.666 15.1941 19.13 13.6256 17.214 13.5726L17.1035 17.5711ZM15.1587 10.5953V15.5718H19.1587V10.5953H15.1587ZM12.1828 7.61935C13.8264 7.61935 15.1587 8.95173 15.1587 10.5953H19.1587C19.1587 6.74259 16.0355 3.61935 12.1828 3.61935V7.61935Z" fill="#8184AB" mask="url(#path-1-outside-1_508_8520)"/>
|
||||
<mask id="path-3-outside-2_508_8520" maskUnits="userSpaceOnUse" x="9" y="18" width="7" height="5" fill="black">
|
||||
<rect fill="white" x="9" y="18" width="7" height="5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 19C11 19.8284 11.6716 20.5 12.5 20.5C13.3284 20.5 14 19.8284 14 19"/>
|
||||
</mask>
|
||||
<path d="M9 19C9 20.933 10.567 22.5 12.5 22.5V18.5C12.7761 18.5 13 18.7239 13 19H9ZM12.5 22.5C14.433 22.5 16 20.933 16 19H12C12 18.7239 12.2239 18.5 12.5 18.5V22.5Z" fill="#8184AB" mask="url(#path-3-outside-2_508_8520)"/>
|
||||
<path d="M11.5 3C11.5 2.72386 11.7239 2.5 12 2.5C12.2761 2.5 12.5 2.72386 12.5 3V4.5H11.5V3Z" fill="#8184AB" stroke="#8184AB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
|
@ -1,11 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-Delete</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-Delete" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12.5,18 C15.9978034,18 19.1644701,16 22,12 C19.1644701,8 15.9978034,6 12.5,6 C9.00219658,6 5.83552992,8 3,12 C5.83552992,16 9.00219658,18 12.5,18 Z" id="Oval" stroke="#979797" stroke-width="2"></path>
|
||||
<circle id="Oval-13" stroke="#979797" stroke-width="2" cx="12.1389974" cy="12.1389974" r="2.1389974"></circle>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 18C15.9978 18 19.1645 16 22 12C19.1645 8 15.9978 6 12.5 6C9.0022 6 5.83553 8 3 12C5.83553 16 9.0022 18 12.5 18Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.139 14.278C13.3203 14.278 14.278 13.3203 14.278 12.139C14.278 10.9577 13.3203 10 12.139 10C10.9577 10 10 10.9577 10 12.139C10 13.3203 10.9577 14.278 12.139 14.278Z" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 842 B After Width: | Height: | Size: 615 B |
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-remove</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-remove" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<circle id="Oval-9" stroke="#979797" stroke-width="2" cx="12" cy="12" r="10"></circle>
|
||||
<g id="Icon-Cross-Sm" transform="translate(9.000000, 9.000000)" stroke="#8E8E8E" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
|
||||
<path d="M0,0 L6,6" id="Path-2"></path>
|
||||
<path d="M0,0 L6,6" id="Path-2" transform="translate(3.000000, 3.000000) scale(-1, 1) translate(-3.000000, -3.000000) "></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#9497B8" stroke-width="2"/>
|
||||
<path d="M9 9L15 15" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 9L9 15" stroke="#9497B8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 911 B After Width: | Height: | Size: 471 B |
|
|
@ -1,10 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon-star</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Icon-star" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<polygon id="Star" fill="#0031F0" points="11.0839804 15.75 6.08780574 18.3766445 7.04199019 12.8133222 3 8.87335555 8.58589307 8.06167777 11.0839804 3 13.5820677 8.06167777 19.1679608 8.87335555 15.1259706 12.8133222 16.080155 18.3766445"></polygon>
|
||||
</g>
|
||||
</svg>
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.084 15.75L6.08781 18.3766L7.04199 12.8133L3 8.87336L8.58589 8.06168L11.084 3L13.5821 8.06168L19.168 8.87336L15.126 12.8133L16.0802 18.3766L11.084 15.75Z" fill="#0031F0"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 711 B After Width: | Height: | Size: 327 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M39 19C39 27.2843 24 44 24 44C24 44 9 27.2843 9 19C9 10.7157 15.7157 4 24 4C32.2843 4 39 10.7157 39 19Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="24" cy="19" r="7" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 413 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M39 19C39 27.2843 24 44 24 44C24 44 9 27.2843 9 19C9 10.7157 15.7157 4 24 4C32.2843 4 39 10.7157 39 19Z" stroke="#8184AB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="24" cy="19" r="7" stroke="#8184AB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 413 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue