TPS/elektronika_bagisto
TPS
/
elektronika_bagisto
6
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

UI package added

This commit is contained in:
jitendra 2018-06-25 16:30:42 +05:30
parent 9e98a727d2
commit a0b1c524c9
65 changed files with 12784 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
composer.json
View File

@ -30,7 +30,10 @@
"database/factories"
],
"psr-4": {
"App\\": "app/"
"App\\": "app/",
"Webkul\\User\\": "packages/Webkul/User/src",
"Webkul\\Admin\\": "packages/Webkul/Admin/src",
"Webkul\\Ui\\": "packages/Webkul/Ui/src"
}
},
"autoload-dev": {

7
config/app.php
View File

@ -158,7 +158,12 @@ return [
App\Providers\AuthServiceProvider::class,
// App\Providers\BroadcastServiceProvider::class,
App\Providers\EventServiceProvider::class,
App\Providers\RouteServiceProvider::class
App\Providers\RouteServiceProvider::class,
Webkul\User\Providers\UserServiceProvider::class,
Webkul\Admin\Providers\AdminServiceProvider::class,
Webkul\Ui\Providers\UiServiceProvider::class
],
/*

17
packages/Webkul/Admin/src/Http/routes.php
View File

@ -5,18 +5,27 @@ Route::group(['middleware' => ['web']], function () {
Route::prefix('admin')->group(function () {
Route::get('/login', 'Webkul\User\Http\Controllers\SeesionController@create')->defaults('_config', [
'view' => 'admin::sessions.create'
])->name('admin.login');
])->name('admin.session.create');
Route::post('/login', 'Webkul\User\Http\Controllers\SeesionController@store')->defaults('_config', [
'redirect' => 'admin/dashboard'
])->name('admin.dashboard');
])->name('admin.session.store');
Route::group(['middleware' => ['admin']], function () {
Route::get('/logout', 'Webkul\User\Http\Controllers\SeesionController@destroy')->defaults('_config', [
'redirect' => 'admin/login'
])->name('admin.logout');
])->name('admin.session.destroy');
Route::get('/dashboard', 'Webkul\Admin\Http\Controllers\DashboardController@index')->name('admin.dashboard');
Route::get('/dashboard', 'Webkul\Admin\Http\Controllers\DashboardController@index')->name('admin.dashboard.index');
Route::get('/users', 'Webkul\User\Http\Controllers\UserController@index')->defaults('_config', [
'view' => 'admin::users.index'
])->name('admin.users.index');
Route::get('/permissions', 'Webkul\User\Http\Controllers\PermissionController@index')->defaults('_config', [
'view' => 'admin::permissions.index'
])->name('admin.permissions.index');
});
});
});

49
packages/Webkul/Admin/src/Providers/AdminServiceProvider.php
View File

@ -4,7 +4,8 @@ namespace Webkul\Admin\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Event;
use Webkul\Admin\Menu;
use Illuminate\Support\Facades\Blade;
use Webkul\Ui\Menu;
class AdminServiceProvider extends ServiceProvider
{
@ -26,6 +27,11 @@ class AdminServiceProvider extends ServiceProvider
$this->loadViewsFrom(__DIR__ . '/../Resources/views', 'admin');
$this->createAdminMenu();
$this->composeView();
Blade::directive('continue', function() { return "<?php continue; ?>"; });
}
/**
@ -42,7 +48,46 @@ class AdminServiceProvider extends ServiceProvider
});
Event::listen('admin.menu.build', function($menu) {
$menu->add('dashboard', 'Dashboard', 'url', 0, '');
$menu->add('dashboard', 'Dashboard', route('admin.dashboard.index'), 1, 'icon-dashboard');
$menu->add('configuration', 'Configure', route('admin.users.index'), 6, 'icon-configuration');
$menu->add('settings', 'Settings', '', 6, 'icon-settings');
$menu->add('settings.users', 'Users', route('admin.users.index'), 1, '');
$menu->add('settings.roles', 'Roles', route('admin.permissions.index'), 2, '');
});
}
/**
* Bind the the data to the views
*
* @return void
*/
protected function composeView()
{
view()->composer('admin::layouts.nav-left', function($view) {
$menu = current(Event::fire('admin.menu.create'));
$view->with('menu', $menu);
});
view()->composer('admin::layouts.nav-aside', function($view) {
$menu = current(Event::fire('admin.menu.create'));
foreach ($menu->items as $item) {
$currentKey = current(explode('.', $menu->currentKey));
if($item['key'] != $currentKey)
continue;
$menu = [
'items' => $menu->sortItems($item['children']),
'current' => $menu->current,
'currentKey' => $menu->currentKey
];
$view->with('menu', $menu);
}
});
}

13
packages/Webkul/Admin/src/Resources/assets/sass/_mixins.scss vendored Normal file
View File

@ -0,0 +1,13 @@
// Mixins
@mixin box-shadow($shadows...) {
-webkit-box-shadow: $shadows;
-moz-box-shadow: $shadows;
box-shadow: $shadows;
}
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}

6
packages/Webkul/Admin/src/Resources/assets/sass/_variables.scss vendored
View File

@ -1,6 +1,8 @@
// Body
$brand-color: #004DF9;
$brand-color: #0041FF;
$border-color: rgba(162, 162, 162, 0.2);
// Typography
$font-family-sans-serif: "Source Sans Pro", sans-serif;
$font-family: 'Montserrat', sans-serif;
$font-size-base: 14px;
$font-color: #3A3A3A;

168
packages/Webkul/Admin/src/Resources/assets/sass/app.scss vendored
View File

@ -1,8 +1,174 @@
// Fonts
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500");
// Variables
@import "variables";
@import "mixins";
body {
margin: 0;
color: $font-color;
font-family: $font-family;
font-size: $font-size-base;
font-weight: 500;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*:focus {
outline: none;
}
a:link,
a:hover,
a:visited,
a:focus,
a:active {
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.navbar-top {
height: 60px;
background: #FFFFFF;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);
font-size: 0;
@include box-shadow(0 3px 6px 0 rgba(0,0,0,0.05));
border-bottom: 1px solid $border-color;
.navbar-top-left {
width: 50%;
height: 60px;
display: inline-block;
vertical-align: middle;
.brand-logo {
padding: 10px;
}
}
.navbar-top-right {
width: 50%;
height: 60px;
text-align: right;
display: inline-block;
vertical-align: middle;
.profile-info {
display: inline-block;
vertical-align: middle;
text-align: left;
min-width: 50px;
position: relative;
padding: 12px 0px;
margin: 0px 25px 0px 30px;
font-size: 15px;
cursor: pointer;
position: relative;
.dropdown-list {
top: 63px;
}
.name {
color: #000311;
display: block;
text-align: left;
}
.role {
font-size: 14px;
color: #8E8E8E;
display: block;
text-align: left;
}
i.icon {
margin-left: 10px;
}
}
}
}
.navbar-left {
position: absolute;
top: 60px;
bottom: 0;
width: 90px;
padding-top: 20px;
height: auto;
border-right: 1px solid $border-color;
z-index: 2;
ul.menubar {
li.menu-item {
height: 90px;
padding: 10px 5px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
a {
color: #A2A2A2;
}
&.active {
a {
color: #0041FF;
}
}
}
}
}
.content-container {
padding-left: 90px;
width: 100%;
display: inline-block;
position: absolute;
margin-top: 60px;
top: 0px;
bottom: 0px;
z-index: 1;
.aside-nav {
width: 280px;
position: absolute;
top: 0;
bottom: 0;
border-right: 1px solid $border-color;
background: #F8F9FA;
padding-top: 10px;
a {
padding: 15px;
display: block;
color: #000311;
}
.active {
a {
background: #ffffff;
border-top: 1px solid $border-color;
border-bottom: 1px solid $border-color;
}
i {
float: right;
}
}
}
.content {
padding: 15px;
padding-left: 295px;
}
}

2
packages/Webkul/Admin/src/Resources/views/dashboard/index.blade.php
View File

@ -1,5 +1,5 @@
@extends('admin::layouts.master')
@section('content')
Dashboard
<h1>Dashboard</h1>
@stop

12
packages/Webkul/Admin/src/Resources/views/layouts/master.blade.php
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ config('app.locale') }}" @if (config('multilingual.rtl')) dir="rtl" @endif>
<html lang="{{ config('app.locale') }}">
<head>
<title>@yield('page_title')</title>
<meta charset="utf-8">
@ -8,22 +8,26 @@
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="{{ asset('vendor/webkul/admin/assets/css/admin.css') }}">
<link rel="stylesheet" href="{{ asset('vendor/webkul/ui/assets/css/ui.css') }}">
@yield('css')
@yield('head')
</head>
<body>
@include ('admin::layouts.nav-top')
@include ('admin::layouts.nav-left')
<div class="container">
@include ('admin::layouts.nav-top')
<div class="content-container">
@yield('content')
</div>
<script type="text/javascript" src="{{ asset('vendor/webkul/ui/assets/js/ui.js') }}"></script>
@yield('javascript')
</body>
</html>

15
packages/Webkul/Admin/src/Resources/views/layouts/nav-aside.blade.php Normal file
View File

@ -0,0 +1,15 @@
<div class="aside-nav">
<ul>
@foreach($menu['items'] as $menu)
<li class="{{ $menu['active'] ? 'active' : '' }}">
<a href="{{ $menu['url'] }}">
{{ $menu['name'] }}
@if ($menu['active'])
<i class="angle-right-icon"></i>
@endif
</a>
</li>
@endforeach
</ul>
</div>

12
packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php
View File

@ -1,3 +1,13 @@
<div class="navbar-left">
<ul class="menubar">
@foreach($menu->items as $menu)
<li class="menu-item {{ $menu['active'] ? 'active' : '' }}">
<a href="{{ $menu['url'] }}">
<span class="icon {{ $menu['icon-class'] }}">
</span>
{{ $menu['name'] }}
</a>
</li>
@endforeach
</ul>
</div>

42
packages/Webkul/Admin/src/Resources/views/layouts/nav-top.blade.php
View File

@ -1,3 +1,43 @@
<div class="navbar-top">
<div class="navbar-top-left">
<div class="brand-logo">
<img src="{{ asset('vendor/webkul/ui/assets/images/logo.png') }}" alt="Bagisto"/>
</div>
</div>
<div class="navbar-top-right">
<div class="profile">
<span class="avatar">
</span>
<div class="profile-info">
<div class="dropdown-toggle">
<div style="display: inline-block; vertical-align: middle;">
<span class="name">
{{ auth()->guard('admin')->user()->name }}
</span>
<span class="role">
Administrator
</span>
</div>
<i class="icon arrow-down-icon-active"></i>
</div>
<div class="dropdown-list bottom-right">
<div class="dropdown-container">
<label>Account</label>
<ul>
<li>
<a href="">My Account</a>
</li>
<li>
<a href="{{ route('admin.session.destroy') }}">Logout</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

74
packages/Webkul/Admin/src/Resources/views/sessions/create.blade.php
View File

@ -1,33 +1,47 @@
@extends('admin::layouts.master')
<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
<title>@yield('page_title')</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
@section('content')
<form method="POST" action="login">
@csrf
<link rel="stylesheet" href="{{ asset('vendor/webkul/admin/assets/css/admin.css') }}">
</head>
<body>
<div class="container">
<form method="POST" action="login">
@csrf
<div class="element-block">
<label for="email" class="field-label"></label>
<div class="field-block">
<input type="text" class="field" id="email" name="email"/>
</div>
</div>
<div class="element-block">
<label for="password" class="field-label"></label>
<div class="field-block">
<input type="password" class="field" id="password" name="password"/>
</div>
</div>
@if (count($errors))
@foreach ($errors->all() as $error)
{{ $error }}
@endforeach
@endif
<div class="button-block">
<button type="submit" class="button">Login</button>
</div>
</form>
<div class="element-block">
<label for="email" class="field-label"></label>
<div class="field-block">
<input type="text" class="field" id="email" name="email"/>
</div>
</div>
<div class="element-block">
<label for="password" class="field-label"></label>
<div class="field-block">
<input type="password" class="field" id="password" name="password"/>
</div>
</div>
@if (count($errors))
@foreach ($errors->all() as $error)
{{ $error }}
@endforeach
@endif
<div class="button-block">
<button type="submit" class="button">Login</button>
</div>
</form>
@stop
</body>
</html>

9
packages/Webkul/Admin/src/Resources/views/users/index.blade.php Normal file
View File

@ -0,0 +1,9 @@
@extends('admin::layouts.master')
@section('content')
@include ('admin::layouts.nav-aside')
<div class="content">
</div>
@stop

12
packages/Webkul/Admin/webpack.mix.js vendored
View File

@ -1,11 +1,17 @@
const { mix } = require('laravel-mix');
require('laravel-mix-merge-manifest');
mix.setPublicPath('../../../public/vendor/webkul/admin/assets').mergeManifest();
// mix.setPublicPath('publishable/assets').mergeManifest();
// var publicPath = 'publishable/assets';
var publicPath = '../../../public/vendor/webkul/admin/assets';
mix.setPublicPath(publicPath).mergeManifest();
mix.js(__dirname + '/src/Resources/assets/js/app.js', 'js/admin.js')
.sass( __dirname + '/src/Resources/assets/sass/app.scss', 'css/admin.css');
.copyDirectory( __dirname + '/src/Resources/assets/images', publicPath + '/images')
.sass( __dirname + '/src/Resources/assets/sass/app.scss', 'css/admin.css')
.options({
'processCssUrls': false
});
if (mix.inProduction()) {
mix.version();

BIN
packages/Webkul/Ui/publishable/assets/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
packages/Webkul/Ui/publishable/assets/images/preview.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 729 B

8
packages/Webkul/Ui/src/Http/routes.php Normal file
View File

@ -0,0 +1,8 @@
<?php
Route::view('/ui-kit', 'ui::ui-kit');
Route::get('/users', function () {
$users = \Webkul\User\Models\Admin::paginate(1);
echo $users->links();
});

68
packages/Webkul/Admin/src/Menu.php → packages/Webkul/Ui/src/Menu.php
View File

@ -1,6 +1,6 @@
<?php
namespace Webkul\Admin;
namespace Webkul\Ui;
use Illuminate\Support\Facades\HTML;
use Illuminate\Support\Facades\Request;
@ -8,9 +8,9 @@ use Illuminate\Support\Facades\URL;
class Menu {
protected $items;
protected $current;
protected $currentKey;
public $items;
public $current;
public $currentKey;
public function __construct() {
$this->current = Request::url();
@ -26,7 +26,7 @@ class Menu {
public static function create($callback) {
$menu = new Menu();
$callback($menu);
$menu->sortItems();
$menu->sortItems($menu->items);
return $menu;
}
@ -34,29 +34,31 @@ class Menu {
/**
* Add a menu item to the item stack
*
* @param string $key Dot seperated heirarchy
* @param string $name Text for the anchor
* @param string $url URL for the anchor
* @param integer $sort Sorting index for the items
* @param string $icon URL to use for the icon
* @param string $key Dot seperated heirarchy
* @param string $name Text for the anchor
* @param string $url URL for the anchor
* @param integer $sort Sorting index for the items
* @param string $iconClass Icon Class name
*/
public function add($key, $name, $url, $sort = 0, $icon = null)
public function add($key, $name, $url, $sort = 0, $iconClass = null)
{
$item = [
'key' => $key,
'name' => $name,
'url' => $url,
'sort' => $sort,
'icon' => $icon,
'children' => []
'key' => $key,
'name' => $name,
'url' => $url,
'sort' => $sort,
'icon-class' => $iconClass,
'active' => false,
'children' => []
];
$children = str_replace('.', '.children.', $key);
array_set($this->items, $children, $item);
if ($url == $this->current) {
$this->currentKey = $key;
$item['active'] = true;
}
$children = str_replace('.', '.children.', $key);
array_set($this->items, $children, $item);
}
/**
@ -64,33 +66,15 @@ class Menu {
*
* @return void
*/
private function sortItems() {
usort($this->items, function($a, $b) {
public function sortItems($items) {
usort($items, function($a, $b) {
if ($a['sort'] == $b['sort']) {
return 0;
}
return ($a['sort'] < $b['sort']) ? -1 : 1;
});
return $items;
}
/**
* Method to find the active links
*
* @param array $item Item that needs to be checked if active
* @return string
*/
private function getActive($item)
{
$url = trim($item['url'], '/');
if ($this->current === $url) {
return 'active current';
}
if (strpos($this->currentKey, $item['key']) === 0) {
return 'active';
}
}
}

9
packages/Webkul/Ui/src/Providers/UiServiceProvider.php
View File

@ -3,6 +3,7 @@
namespace Webkul\Ui\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Pagination\Paginator;
class UiServiceProvider extends ServiceProvider
{
@ -13,9 +14,17 @@ class UiServiceProvider extends ServiceProvider
*/
public function boot()
{
include __DIR__ . '/../Http/routes.php';
$this->publishes([
__DIR__ . '/../../publishable/assets' => public_path('vendor/webkul/ui/assets'),
], 'public');
$this->loadViewsFrom(__DIR__ . '/../Resources/views', 'ui');
Paginator::defaultView('ui::pagination');
Paginator::defaultSimpleView('ui::pagination');
}
/**

10
packages/Webkul/Ui/src/Resources/assets/images/Angle-Right.svg Normal file
View File

@ -0,0 +1,10 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 620 B

BIN
packages/Webkul/Ui/src/Resources/assets/images/Arrow-Down-Light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 B

10
packages/Webkul/Ui/src/Resources/assets/images/Arrow-Down-Light.svg Normal file
View File

@ -0,0 +1,10 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 564 B

10
packages/Webkul/Ui/src/Resources/assets/images/Arrow-Down.svg Normal file
View File

@ -0,0 +1,10 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 552 B

13
packages/Webkul/Ui/src/Resources/assets/images/Icon-Configure-Active.svg Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

13
packages/Webkul/Ui/src/Resources/assets/images/Icon-Configure.svg Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

15
packages/Webkul/Ui/src/Resources/assets/images/Icon-Dashboard-Active.svg Normal file
View File

@ -0,0 +1,15 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

15
packages/Webkul/Ui/src/Resources/assets/images/Icon-Dashboard.svg Normal file
View File

@ -0,0 +1,15 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

13
packages/Webkul/Ui/src/Resources/assets/images/Icon-Settings-Active.svg Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

13
packages/Webkul/Ui/src/Resources/assets/images/Icon-Settings.svg Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

28
packages/Webkul/Ui/src/Resources/assets/images/controls.svg Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="41px" height="41px" viewBox="0 0 41 41" style="enable-background:new 0 0 41 41;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#333333;}
.st2{fill:#B1B1AE;}
</style>
<path class="st0" d="M31,21.5L31,21.5c5.2,0,9.5,4.3,9.5,9.5l0,0c0,5.2-4.3,9.5-9.5,9.5l0,0c-5.2,0-9.5-4.3-9.5-9.5l0,0
C21.5,25.8,25.8,21.5,31,21.5z"/>
<circle class="st1" cx="31" cy="31" r="5"/>
<g id="checkbox">
<path class="st0" d="M3.5,0.5h13c1.7,0,3,1.3,3,3v13c0,1.7-1.3,3-3,3h-13c-1.7,0-3-1.3-3-3v-13C0.5,1.8,1.8,0.5,3.5,0.5z"/>
<path class="st2" d="M16.5,20h-13C1.6,20,0,18.4,0,16.5v-13C0,1.6,1.6,0,3.5,0h13C18.4,0,20,1.6,20,3.5v13C20,18.4,18.4,20,16.5,20
z M3.5,1C2.1,1,1,2.1,1,3.5v13C1,17.9,2.1,19,3.5,19h13c1.4,0,2.5-1.1,2.5-2.5v-13C19,2.1,17.9,1,16.5,1H3.5z"/>
</g>
<path id="checkbox-checked" class="st1" d="M17,41H3c-1.7,0-3-1.3-3-3V24c0-1.7,1.3-3,3-3h14c1.7,0,3,1.3,3,3v14
C20,39.7,18.7,41,17,41z M13.3,26l-5.9,5.7l-1.7-1.6L4,31.7L7.4,35l7.6-7.4L13.3,26z"/>
<g id="checkbox_1_">
<path class="st0" d="M31,0.5L31,0.5c5.2,0,9.5,4.3,9.5,9.5l0,0c0,5.2-4.3,9.5-9.5,9.5l0,0c-5.2,0-9.5-4.3-9.5-9.5l0,0
C21.5,4.8,25.8,0.5,31,0.5z"/>
<path class="st2" d="M31,20c-5.5,0-10-4.5-10-10c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10C41,15.5,36.5,20,31,20z M31,1c-5,0-9,4-9,9
c0,5,4,9,9,9c5,0,9-4,9-9C40,5,36,1,31,1z"/>
</g>
<path id="radio-checked" class="st1" d="M31,41c-5.5,0-10-4.5-10-10s4.5-10,10-10s10,4.5,10,10S36.5,41,31,41z M31,22c-5,0-9,4-9,9
s4,9,9,9s9-4,9-9S36,22,31,22z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
packages/Webkul/Ui/src/Resources/assets/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 729 B

After

Width:  |  Height:  |  Size: 2.3 KiB

65
packages/Webkul/Ui/src/Resources/assets/js/dropdown.js vendored Normal file
View File

@ -0,0 +1,65 @@
window.jQuery = window.$ = $ = require('jquery');
$(function() {
$(document).click(function(e) {
var target = e.target;
if(!$(target).parents('.dropdown-open').length || $(target).is('li') || $(target).is('a')) {
$('.dropdown-list').hide();
$('.dropdown-toggle').removeClass('active');
}
});
$('body').delegate('.dropdown-toggle', 'click', function(e) {
toggleDropdown(e);
});
function toggleDropdown(e) {
var currentElement = $(e.currentTarget);
if(currentElement.attr('disabled') == "disabled")
return;
$('.dropdown-list').hide();
if(currentElement.hasClass('active')) {
currentElement.removeClass('active');
} else {
currentElement.addClass('active');
currentElement.parent().find('.dropdown-list').fadeIn(100);
currentElement.parent().addClass('dropdown-open');
autoDropupDropdown();
}
}
function autoDropupDropdown() {
dropdown = $(".dropdown-open");
if(!dropdown.find('.dropdown-list').hasClass('top-left') && !dropdown.find('.dropdown-list').hasClass('top-right') && dropdown.length) {
dropdown = dropdown.find('.dropdown-list');
height = dropdown.height() + 50;
var topOffset = dropdown.offset().top - 70;
var bottomOffset = $(window).height() - topOffset - dropdown.height();
if(bottomOffset > topOffset || height < bottomOffset) {
dropdown.removeClass("bottom");
if(dropdown.hasClass('top-right')) {
dropdown.removeClass('top-right')
dropdown.addClass('bottom-right')
} else if(dropdown.hasClass('top-left')) {
dropdown.removeClass('top-left')
dropdown.addClass('bottom-left')
}
} else {
if(dropdown.hasClass('bottom-right')) {
dropdown.removeClass('bottom-right')
dropdown.addClass('top-right')
} else if(dropdown.hasClass('bottom-left')) {
dropdown.removeClass('bottom-left')
dropdown.addClass('top-left')
}
}
}
}
$('div').scroll(function() {
autoDropupDropdown()
});
});

13
packages/Webkul/Ui/src/Resources/assets/sass/_mixins.scss vendored Normal file
View File

@ -0,0 +1,13 @@
// Mixins
@mixin box-shadow($shadows...) {
-webkit-box-shadow: $shadows;
-moz-box-shadow: $shadows;
box-shadow: $shadows;
}
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}

5
packages/Webkul/Ui/src/Resources/assets/sass/_variables.scss vendored Normal file
View File

@ -0,0 +1,5 @@
$brand-color: #0041FF;
$danger-color: #FF5656;
$success-color: #4CAF50;
$warning-color: #FFC107;
$control-border-color: #C7C7C7;

315
packages/Webkul/Ui/src/Resources/assets/sass/app.scss vendored Normal file
View File

@ -0,0 +1,315 @@
// Icon scss
@import "icons";
@import "variables";
@import "mixins";
.btn {
@include box-shadow(0 1px 4px 0 rgba(0, 0, 0, 0.20), 0 0 8px 0 rgba(0, 0, 0, 0.10));
border-radius: 3px;
border: none;
color: #fff;
cursor: pointer;
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
&:hover, &:active, &:focus {
opacity: 0.75;
border: none;
}
&.btn-sm {
padding: 6px 10px;
}
&.btn-md {
padding: 8px 12px;
}
&.btn-lg {
padding: 10px 14px;
}
&.btn-xl {
padding: 12px 16px;
}
&.btn-primary {
background: $brand-color;
}
&[disabled="disabled"],
&[disabled="disabled"]:hover,
&[disabled="disabled"]:active {
cursor: not-allowed;
background: #B1B1AE;
box-shadow: none;
opacity: 1;
}
}
.dropdown-open {
position: relative;
}
.dropdown-list {
width: 200px;
box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 3px;
background-color: #FFFFFF;
position: absolute;
display: none;
z-index: 10;
text-align: left;
&.bottom-left {
top: 42px;
left: 0px;
}
&.bottom-right {
top: 42px;
right: 0px;
}
&.top-left {
bottom: 42px;
left: 0px;
}
&.top-right {
bottom: 42px;
right: 0px;
}
.dropdown-container {
padding: 20px;
overflow-y: auto;
max-height: 280px;
label {
font-size: 15px;
display: inline-block;
text-transform: uppercase;
color: #9E9E9E;
font-weight: 700;
padding-bottom: 5px;
}
ul {
margin: 0px;
list-style-type: none;
padding: 0px;
li {
padding: 5px 0px;
&:hover {
color: $brand-color;
cursor: pointer;
}
a:link, a:active, a:visited, a:focus {
color: #333333;
display: block;
}
a:hover {
color: $brand-color;
}
}
}
}
}
.table {
width: 100%;
overflow-x: auto;
table {
width: 100%;
border-collapse: collapse;
text-align: left;
thead th {
font-weight: 700;
padding: 12px 10px;
background: #F8F9FA;
color: #3A3A3A;
}
tbody td {
padding: 12px 10px;
border-bottom: solid 1px #D3D3D3;
color: #3A3A3A;
}
}
}
.dropdown-btn {
min-width: 150px;
text-align: left;
background: #FFFFFF;
border: 2px solid $control-border-color;
border-radius: 3px;
font-size: 14px;
color: #8E8E8E;
padding: 8px 35px 8px 10px;
cursor: pointer;
position: relative;
&:hover, &:active, &:focus {
opacity: 0.75;
border: 2px solid $control-border-color;
}
.icon {
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
}
}
.pagination {
.page-item {
background: #FFFFFF;
border: 2px solid $control-border-color;
border-radius: 3px;
padding: 7px 14px;
margin-right: 5px;
font-size: 16px;
display: inline-block;
color: #8E8E8E;
vertical-align: middle;
text-decoration: none;
&.previous, &.next {
padding: 6px 9px;
}
&.active {
background: #0041FF;
color: #fff;
border-color: #0041FF;
}
.icon {
vertical-align: middle;
margin-bottom: 3px;
}
}
}
.checkbox {
position: relative;
display: block;
vertical-align: middle;
margin: 10px 5px 5px 0px;
input {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 100;
}
.checkbox-view {
background-image: url('../images/controls.svg');
background-position: 0px 0px;
height: 20px;
width: 20px;
margin: 0;
display: inline-block !important;
vertical-align: middle;
}
input:checked + .checkbox-view {
background-position: 0px -21px;
}
input:disabled + .checkbox-view {
opacity: 0.5;
cursor: not-allowed;
}
}
.radio {
position: relative;
display: block;
margin: 10px 5px 5px 0px;
input {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 100;
}
.radio-view {
background-image: url('../images/controls.svg');
background-position: -21px 0px;
height: 20px;
width: 20px;
margin: 0;
display: inline-block !important;
vertical-align: middle;
}
input:checked + .radio-view {
background-position: -21px -21px;
}
input:disabled + .radio-view {
opacity: 0.5;
cursor: not-allowed;
}
}
.form-container {
.control-group {
display: block;
margin-bottom: 25px;
font-size: 15px;
color: #333333;
width: 550px;
max-width: 100%;
label {
display: block;
color: #3A3A3A;
}
.control {
background: #fff;
border: 2px solid $control-border-color;
border-radius: 3px;
width: 70%;
height: 36px;
display: inline-block;
vertical-align: middle;
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
padding: 0px 10px;
font-size: 15px;
margin-top: 10px;
margin-bottom: 5px;
&:focus {
border-color: $brand-color;
}
&[disabled="disabled"] {
border-color: #D3D3D3;
background-color: #D3D3D3;
cursor: not-allowed;
}
}
.control-info {
display: block;
font-style: italic;
color: #6F6F6F;
}
.control-error {
display: block;
font-style: italic;
color: #FF5656;
margin-top: 5px;
}
&.has-error .control {
border-color: $danger-color;
}
}
}

63
packages/Webkul/Ui/src/Resources/assets/sass/icons.scss vendored Normal file
View File

@ -0,0 +1,63 @@
// Left Side Menu Icon
%menu-properties {
width: 48px;
height: 48px;
margin-bottom: 10px;
display: inline-block;
background-size: cover;
}
.icon {
display: inline-block;
background-size: cover;
}
.icon-dashboard {
@extend %menu-properties;
background-image: url('../images/Icon-Dashboard.svg');
}
.icon-configuration {
@extend %menu-properties;
background-image: url('../images/Icon-Configure.svg');
}
.icon-settings {
@extend %menu-properties;
background-image: url('../images/Icon-Settings.svg');
}
.active {
.icon-dashboard {
background-image: url('../images/Icon-Dashboard-Active.svg');
}
.icon-settings {
background-image: url('../images/Icon-Settings-Active.svg');
}
.icon-configuration {
@extend %menu-properties;
background-image: url('../images/Icon-Configure-Active.svg');
}
}
.angle-right-icon {
background-image: url('../images/Angle-Right.svg');
width: 17px;
height: 17px;
}
.angle-left-icon {
background-image: url('../images/Angle-Right.svg');
width: 17px;
height: 17px;
}
.arrow-down-icon {
background-image: url('../images/Arrow-Down-Light.svg');
width: 14px;
height: 8px;
}
.arrow-down-icon-active {
background-image: url('../images/Arrow-Down.svg');
width: 14px;
height: 8px;
}

50
packages/Webkul/Ui/src/Resources/views/pagination.blade.php Normal file
View File

@ -0,0 +1,50 @@
@if ($paginator->hasPages())
<div class="pagination">
{{-- Previous Page Link --}}
@if($paginator->onFirstPage())
<a class="page-item previous">
<i class="icon angle-right-icon"></i>
</a>
@else
<a data-page="{{ $paginator->previousPageUrl() }}" href="{{ $paginator->previousPageUrl() }}" id="previous" class="page-item previous">
<i class="icon angle-right-icon"></i>
</a>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<a class="page-item disabled" aria-disabled="true">
{{ $element }}
</a>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<a class="page-item active">
{{ $page }}
</a>
@else
<a class="page-item" href="{{ $url }}">
{{ $page }}
</a>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<a href="{{ $paginator->nextPageUrl() }}" data-page="{{ $paginator->nextPageUrl() }}" id="next" class="page-item next">
<i class="icon angle-left-icon"></i>
</a>
@else
<a class="page-item next">
<i class="icon angle-left-icon"></i>
</a>
@endif
</div>
@endif

301
packages/Webkul/Ui/src/Resources/views/ui-kit.blade.php Normal file
View File

@ -0,0 +1,301 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{{ asset('vendor/webkul/ui/assets/css/ui.css') }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,500">
<style type="text/css">
body{
margin: 45px;
font-size: 14px;
font-family: "Montserrat", sans-serif;
}
.styleguide-label{
color: #7f7f7f;
text-transform: uppercase;
font-weight: 700;
display: block;
margin: 20px auto 10px;
}
.styleguide-wrapper{
border: solid 1px #dadada;
border-radius: 4px;
padding:25px;
}
pre {
background: #ECEFF1;
border-radius: 5px;
font-family: monospace;
color: #424242;
padding: 20px;
line-height: 20px;
margin: 20px 0px 0px 0px;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*:focus {
outline: none;
}
a:link,
a:hover,
a:visited,
a:focus,
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<label class="styleguide-label">Buttons</label>
<div class="styleguide-wrapper">
<button class="btn btn-sm btn-primary">Button Small</button>
<button class="btn btn-md btn-primary">Button Medium</button>
<button class="btn btn-lg btn-primary">Button Large</button>
<button class="btn btn-xl btn-primary">Button Extra Large</button>
</div>
<label class="styleguide-label">Buttons</label>
<div class="styleguide-wrapper">
<div class="form-container">
<div class="control-group has-error">
<label for="">Input Field</label>
<input type="text" class="control"/>
<span class="control-info">This is control information</span>
<span class="control-error">This field is mandatory</span>
</div>
<div class="control-group">
<label for="">Input Field (Disabled)</label>
<input type="text" class="control" disabled="disabled"/>
<span class="control-info">This is control information</span>
<span class="control-error">This field is mandatory</span>
</div>
<div class="control-group">
<label for="">Select Field</label>
<select class="control">
<option value="1">Option 1</option>
<option value="1">Option 2</option>
<option value="1">Option 3</option>
<option value="1">Option 4</option>
</select>
<span class="control-info">This is control information</span>
</div>
<div class="control-group">
<label for="">Textarea Field</label>
<textarea class="control"></textarea>
<span class="control-info">This is control information</span>
</div>
<div class="control-group">
<label for="">Checkbox Field</label>
<span class="radio">
<input type="radio" id="radio1" name="radio"/>
<label class="radio-view" for="radio1"></label>
Radio Value 1
</span>
<span class="radio">
<input type="radio" id="radio2" name="radio"/>
<label class="radio-view" for="radio2"></label>
Radio Value 2
</span>
<span class="radio">
<input type="radio" id="radio1" name="radio" disabled="disabled"/>
<label class="radio-view" for="radio1"></label>
Radio Value (Disabled)
</span>
</div>
<div class="control-group">
<label for="">Checkbox Field</label>
<span class="checkbox">
<input type="checkbox" id="checkbox1" name="checkbox[]"/>
<label class="checkbox-view" for="checkbox1"></label>
Checkbox Value 1
</span>
<span class="checkbox">
<input type="checkbox" id="checkbox2" name="checkbox[]"/>
<label class="checkbox-view" for="checkbox2"></label>
Checkbox Value 2
</span>
<span class="checkbox">
<input type="checkbox" id="checkbox2" name="checkbox[]" disabled="disabled"/>
<label class="checkbox-view" for="checkbox2"></label>
Checkbox Value (Disabled)
</span>
</div>
</div>
</div>
<label class="styleguide-label">Dropdown</label>
<div class="styleguide-wrapper">
<div style="display: inline-block">
<button class="dropdown-btn dropdown-toggle">
Top Left
<i class="icon arrow-down-icon"></i>
</button>
<div class="dropdown-list top-left">
<div class="dropdown-container">
<label>Dropdown Label</label>
<ul>
<li>
<a href="#">Dropdown Item 1</a>
</li>
<li>
<a href="#">Dropdown Item 2</a>
</li>
<li>
<a href="#">Dropdown Item 3</a>
</li>
</ul>
</div>
</div>
</div>
<div style="display: inline-block">
<button class="dropdown-btn dropdown-toggle">
Top Right
<i class="icon arrow-down-icon"></i>
</button>
<div class="dropdown-list top-right">
<div class="dropdown-container">
<label>Dropdown Label</label>
<ul>
<li>
<a href="#">Dropdown Item 1</a>
</li>
<li>
<a href="#">Dropdown Item 2</a>
</li>
<li>
<a href="#">Dropdown Item 3</a>
</li>
</ul>
</div>
</div>
</div>
<div style="display: inline-block">
<button class="dropdown-btn dropdown-toggle">
Bottom Left
<i class="icon arrow-down-icon"></i>
</button>
<div class="dropdown-list bottom-left">
<div class="dropdown-container">
<label>Dropdown Label</label>
<ul>
<li>
<a href="#">Dropdown Item 1</a>
</li>
<li>
<a href="#">Dropdown Item 2</a>
</li>
<li>
<a href="#">Dropdown Item 3</a>
</li>
</ul>
</div>
</div>
</div>
<div style="display: inline-block">
<button class="dropdown-btn dropdown-toggle">
Bottom Right
<i class="icon arrow-down-icon"></i>
</button>
<div class="dropdown-list bottom-right">
<div class="dropdown-container">
<label>Dropdown Label</label>
<ul>
<li>
<a href="#">Dropdown Item 1</a>
</li>
<li>
<a href="#">Dropdown Item 2</a>
</li>
<li>
<a href="#">Dropdown Item 3</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<label class="styleguide-label">Pagination</label>
<div class="styleguide-wrapper">
<div class="pagination">
<a class="page-item previous">
<i class="icon angle-right-icon"></i>
</a>
<a class="page-item active">1</a>
<a class="page-item" href="#status/6/page/2">2</a>
<a class="page-item" href="#status/6/page/3">3</a>
<a class="page-item" href="#status/6/page/4">4</a>
<a class="page-item" href="#status/6/page/5">5</a>
<a class="page-item" style="text-decoration: none">…</a>
<a class="page-item" href="#status/6/page/1899">1899</a>
<a href="#status/6/page/2" class="page-item next">
<i class="icon angle-left-icon"></i>
</a>
</div>
</div>
<label class="styleguide-label">Table</label>
<div class="styleguide-wrapper">
<div class="table">
<table>
<thead>
<tr>
<th>Cloumn Header 1</th>
<th>Cloumn Header 2</th>
<th>Cloumn Header 3</th>
<th>Cloumn Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cloumn 1 Row 1 Value</td>
<td>Cloumn 2 Row 1 Value</td>
<td>Cloumn 3 Row 1 Value</td>
<td>Cloumn 4 Row 1 Value</td>
</tr>
<tr>
<td>Cloumn 1 Row 2 Value</td>
<td>Cloumn 2 Row 2 Value</td>
<td>Cloumn 3 Row 2 Value</td>
<td>Cloumn 4 Row 2 Value</td>
</tr>
<tr>
<td>Cloumn 1 Row 3 Value</td>
<td>Cloumn 2 Row 3 Value</td>
<td>Cloumn 3 Row 3 Value</td>
<td>Cloumn 4 Row 3 Value</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
<script type="text/javascript" src="{{ asset('vendor/webkul/ui/assets/js/ui.js') }}"></script>
</html>

14
packages/Webkul/Ui/webpack.mix.js vendored
View File

@ -1,11 +1,17 @@
const { mix } = require('laravel-mix');
require('laravel-mix-merge-manifest');
mix.setPublicPath('../../../public/vendor/webkul/ui/assets').mergeManifest();
// mix.setPublicPath('publishable/assets').mergeManifest();
// var publicPath = 'publishable/assets';
var publicPath = '../../../public/vendor/webkul/ui/assets';
mix.js(__dirname + '/src/Resources/assets/js/app.js', 'js/ui.js')
.sass( __dirname + '/src/Resources/assets/sass/app.scss', 'css/ui.css');
mix.setPublicPath(publicPath).mergeManifest();
mix.js([__dirname + '/src/Resources/assets/js/dropdown.js'], 'js/ui.js')
.copyDirectory( __dirname + '/src/Resources/assets/images', publicPath + '/images')
.sass( __dirname + '/src/Resources/assets/sass/app.scss', 'css/ui.css')
.options({
'processCssUrls': false
});
if (mix.inProduction()) {
mix.version();

1
packages/Webkul/User/src/Http/Controllers/SessionController.php
View File

@ -5,7 +5,6 @@ namespace Webkul\User\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Http\Response;
use Illuminate\Routing\Controller;
use Webkul\User\Facades\Bouncer;
/**
* Admin user session controller

101
packages/Webkul/User/src/Http/Controllers/UserController.php Normal file
View File

@ -0,0 +1,101 @@
<?php
namespace Webkul\User\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Http\Response;
use Illuminate\Routing\Controller;
/**
* Admin user controller
*
* @author Jitendra Singh <jitendra@webkul.com>
* @copyright 2018 Webkul Software Pvt Ltd (http://www.webkul.com)
*/
class UserController extends Controller
{
protected $_config;
public function __construct()
{
$this->_config = request('_config');
$this->middleware('guest', ['except' => 'destroy']);
}
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view($this->_config['view']);
}
/**
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view($this->_config['view']);
}
/**
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
//
}
/**
* Display the specified resource.
*
* @param int $id
* @return \Illuminate\Http\Response
*/
public function show($id)
{
//
}
/**
* Show the form for editing the specified resource.
*
* @param int $id
* @return \Illuminate\Http\Response
*/
public function edit($id)
{
//
}
/**
* Update the specified resource in storage.
*
* @param \Illuminate\Http\Request $request
* @param int $id
* @return \Illuminate\Http\Response
*/
public function update(Request $request, $id)
{
//
}
/**
* Remove the specified resource from storage.
*
* @param int $id
* @return \Illuminate\Http\Response
*/
public function destroy($id)
{
//
}
}

2
packages/Webkul/User/src/Http/Middleware/RedirectIfNotAdmin.php
View File

@ -18,7 +18,7 @@ class RedirectIfNotAdmin
public function handle($request, Closure $next, $guard = 'admin')
{
if (! Auth::guard($guard)->check()) {
return redirect()->route('admin.login');
return redirect()->route('admin.session.create');
}
return $next($request);

158
public/vendor/webkul/admin/assets/css/admin.css vendored
View File

@ -1,7 +1,163 @@
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500);body {
margin: 0;
color: #3A3A3A;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*:focus {
outline: none;
}
a:link,
a:hover,
a:visited,
a:focus,
a:active {
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.navbar-top {
height: 60px;
background: #FFFFFF;
font-size: 0;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(162, 162, 162, 0.2);
}
.navbar-top .navbar-top-left {
width: 50%;
height: 60px;
display: inline-block;
vertical-align: middle;
}
.navbar-top .navbar-top-left .brand-logo {
padding: 10px;
}
.navbar-top .navbar-top-right {
width: 50%;
height: 60px;
text-align: right;
display: inline-block;
vertical-align: middle;
}
.navbar-top .navbar-top-right .profile-info {
display: inline-block;
vertical-align: middle;
text-align: left;
min-width: 50px;
position: relative;
padding: 12px 0px;
margin: 0px 25px 0px 30px;
font-size: 15px;
cursor: pointer;
position: relative;
}
.navbar-top .navbar-top-right .profile-info .dropdown-list {
top: 63px;
}
.navbar-top .navbar-top-right .profile-info .name {
color: #000311;
display: block;
text-align: left;
}
.navbar-top .navbar-top-right .profile-info .role {
font-size: 14px;
color: #8E8E8E;
display: block;
text-align: left;
}
.navbar-top .navbar-top-right .profile-info i.icon {
margin-left: 10px;
}
.navbar-left {
position: absolute;
top: 60px;
bottom: 0;
width: 90px;
padding-top: 20px;
height: auto;
border-right: 1px solid rgba(162, 162, 162, 0.2);
z-index: 2;
}
.navbar-left ul.menubar li.menu-item {
height: 90px;
padding: 10px 5px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
}
.navbar-left ul.menubar li.menu-item a {
color: #A2A2A2;
}
.navbar-left ul.menubar li.menu-item.active a {
color: #0041FF;
}
.content-container {
padding-left: 90px;
width: 100%;
display: inline-block;
position: absolute;
margin-top: 60px;
top: 0px;
bottom: 0px;
z-index: 1;
}
.content-container .aside-nav {
width: 280px;
position: absolute;
top: 0;
bottom: 0;
border-right: 1px solid rgba(162, 162, 162, 0.2);
background: #F8F9FA;
padding-top: 10px;
}
.content-container .aside-nav a {
padding: 15px;
display: block;
color: #000311;
}
.content-container .aside-nav .active a {
background: #ffffff;
border-top: 1px solid rgba(162, 162, 162, 0.2);
border-bottom: 1px solid rgba(162, 162, 162, 0.2);
}
.content-container .aside-nav .active i {
float: right;
}
.content-container .content {
padding: 15px;
padding-left: 295px;
}

15
public/vendor/webkul/admin/assets/images/Icon-Dashboard-Active.svg vendored Normal file
View File

@ -0,0 +1,15 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

15
public/vendor/webkul/admin/assets/images/Icon-Dashboard.svg vendored Normal file
View File

@ -0,0 +1,15 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

13
public/vendor/webkul/admin/assets/images/Icon-Settings-Active.svg vendored Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

13
public/vendor/webkul/admin/assets/images/Icon-Settings.svg vendored Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

380
public/vendor/webkul/ui/assets/css/ui.css vendored Normal file
View File

@ -0,0 +1,380 @@
.icon-dashboard, .icon-configuration, .icon-settings, .active .icon-configuration {
width: 48px;
height: 48px;
margin-bottom: 10px;
display: inline-block;
background-size: cover;
}
.icon {
display: inline-block;
background-size: cover;
}
.icon-dashboard {
background-image: url("../images/Icon-Dashboard.svg");
}
.icon-configuration {
background-image: url("../images/Icon-Configure.svg");
}
.icon-settings {
background-image: url("../images/Icon-Settings.svg");
}
.active .icon-dashboard {
background-image: url("../images/Icon-Dashboard-Active.svg");
}
.active .icon-settings {
background-image: url("../images/Icon-Settings-Active.svg");
}
.active .icon-configuration {
background-image: url("../images/Icon-Configure-Active.svg");
}
.angle-right-icon {
background-image: url("../images/Angle-Right.svg");
width: 17px;
height: 17px;
}
.angle-left-icon {
background-image: url("../images/Angle-Right.svg");
width: 17px;
height: 17px;
}
.arrow-down-icon {
background-image: url("../images/Arrow-Down-Light.svg");
width: 14px;
height: 8px;
}
.arrow-down-icon-active {
background-image: url("../images/Arrow-Down.svg");
width: 14px;
height: 8px;
}
.btn {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
border: none;
color: #fff;
cursor: pointer;
-webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn:hover, .btn:active, .btn:focus {
opacity: 0.75;
border: none;
}
.btn.btn-sm {
padding: 6px 10px;
}
.btn.btn-md {
padding: 8px 12px;
}
.btn.btn-lg {
padding: 10px 14px;
}
.btn.btn-xl {
padding: 12px 16px;
}
.btn.btn-primary {
background: #0041FF;
}
.btn[disabled="disabled"], .btn[disabled="disabled"]:hover, .btn[disabled="disabled"]:active {
cursor: not-allowed;
background: #B1B1AE;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
}
.dropdown-open {
position: relative;
}
.dropdown-list {
width: 200px;
-webkit-box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 3px;
background-color: #FFFFFF;
position: absolute;
display: none;
z-index: 10;
text-align: left;
}
.dropdown-list.bottom-left {
top: 42px;
left: 0px;
}
.dropdown-list.bottom-right {
top: 42px;
right: 0px;
}
.dropdown-list.top-left {
bottom: 42px;
left: 0px;
}
.dropdown-list.top-right {
bottom: 42px;
right: 0px;
}
.dropdown-list .dropdown-container {
padding: 20px;
overflow-y: auto;
max-height: 280px;
}
.dropdown-list .dropdown-container label {
font-size: 15px;
display: inline-block;
text-transform: uppercase;
color: #9E9E9E;
font-weight: 700;
padding-bottom: 5px;
}
.dropdown-list .dropdown-container ul {
margin: 0px;
list-style-type: none;
padding: 0px;
}
.dropdown-list .dropdown-container ul li {
padding: 5px 0px;
}
.dropdown-list .dropdown-container ul li:hover {
color: #0041FF;
cursor: pointer;
}
.dropdown-list .dropdown-container ul li a:link, .dropdown-list .dropdown-container ul li a:active, .dropdown-list .dropdown-container ul li a:visited, .dropdown-list .dropdown-container ul li a:focus {
color: #333333;
display: block;
}
.dropdown-list .dropdown-container ul li a:hover {
color: #0041FF;
}
.table {
width: 100%;
overflow-x: auto;
}
.table table {
width: 100%;
border-collapse: collapse;
text-align: left;
}
.table table thead th {
font-weight: 700;
padding: 12px 10px;
background: #F8F9FA;
color: #3A3A3A;
}
.table table tbody td {
padding: 12px 10px;
border-bottom: solid 1px #D3D3D3;
color: #3A3A3A;
}
.dropdown-btn {
min-width: 150px;
text-align: left;
background: #FFFFFF;
border: 2px solid #C7C7C7;
border-radius: 3px;
font-size: 14px;
color: #8E8E8E;
padding: 8px 35px 8px 10px;
cursor: pointer;
position: relative;
}
.dropdown-btn:hover, .dropdown-btn:active, .dropdown-btn:focus {
opacity: 0.75;
border: 2px solid #C7C7C7;
}
.dropdown-btn .icon {
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
}
.pagination .page-item {
background: #FFFFFF;
border: 2px solid #C7C7C7;
border-radius: 3px;
padding: 7px 14px;
margin-right: 5px;
font-size: 16px;
display: inline-block;
color: #8E8E8E;
vertical-align: middle;
text-decoration: none;
}
.pagination .page-item.previous, .pagination .page-item.next {
padding: 6px 9px;
}
.pagination .page-item.active {
background: #0041FF;
color: #fff;
border-color: #0041FF;
}
.pagination .page-item .icon {
vertical-align: middle;
margin-bottom: 3px;
}
.checkbox {
position: relative;
display: block;
vertical-align: middle;
margin: 10px 5px 5px 0px;
}
.checkbox input {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 100;
}
.checkbox .checkbox-view {
background-image: url("../images/controls.svg");
background-position: 0px 0px;
height: 20px;
width: 20px;
margin: 0;
display: inline-block !important;
vertical-align: middle;
}
.checkbox input:checked + .checkbox-view {
background-position: 0px -21px;
}
.checkbox input:disabled + .checkbox-view {
opacity: 0.5;
cursor: not-allowed;
}
.radio {
position: relative;
display: block;
margin: 10px 5px 5px 0px;
}
.radio input {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 100;
}
.radio .radio-view {
background-image: url("../images/controls.svg");
background-position: -21px 0px;
height: 20px;
width: 20px;
margin: 0;
display: inline-block !important;
vertical-align: middle;
}
.radio input:checked + .radio-view {
background-position: -21px -21px;
}
.radio input:disabled + .radio-view {
opacity: 0.5;
cursor: not-allowed;
}
.form-container .control-group {
display: block;
margin-bottom: 25px;
font-size: 15px;
color: #333333;
width: 550px;
max-width: 100%;
}
.form-container .control-group label {
display: block;
color: #3A3A3A;
}
.form-container .control-group .control {
background: #fff;
border: 2px solid #C7C7C7;
border-radius: 3px;
width: 70%;
height: 36px;
display: inline-block;
vertical-align: middle;
-webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
padding: 0px 10px;
font-size: 15px;
margin-top: 10px;
margin-bottom: 5px;
}
.form-container .control-group .control:focus {
border-color: #0041FF;
}
.form-container .control-group .control[disabled="disabled"] {
border-color: #D3D3D3;
background-color: #D3D3D3;
cursor: not-allowed;
}
.form-container .control-group .control-info {
display: block;
font-style: italic;
color: #6F6F6F;
}
.form-container .control-group .control-error {
display: block;
font-style: italic;
color: #FF5656;
margin-top: 5px;
}
.form-container .control-group.has-error .control {
border-color: #FF5656;
}

10
public/vendor/webkul/ui/assets/images/Angle-Right.svg vendored Normal file
View File

@ -0,0 +1,10 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 620 B

BIN
public/vendor/webkul/ui/assets/images/Arrow-Down-Light.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 B

10
public/vendor/webkul/ui/assets/images/Arrow-Down-Light.svg vendored Normal file
View File

@ -0,0 +1,10 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 564 B

10
public/vendor/webkul/ui/assets/images/Arrow-Down.svg vendored Normal file
View File

@ -0,0 +1,10 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 552 B

13
public/vendor/webkul/ui/assets/images/Icon-Configure-Active.svg vendored Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

13
public/vendor/webkul/ui/assets/images/Icon-Configure.svg vendored Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

15
public/vendor/webkul/ui/assets/images/Icon-Dashboard-Active.svg vendored Normal file
View File

@ -0,0 +1,15 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

15
public/vendor/webkul/ui/assets/images/Icon-Dashboard.svg vendored Normal file
View File

@ -0,0 +1,15 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

13
public/vendor/webkul/ui/assets/images/Icon-Settings-Active.svg vendored Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

13
public/vendor/webkul/ui/assets/images/Icon-Settings.svg vendored Normal file
View File

@ -0,0 +1,13 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

28
public/vendor/webkul/ui/assets/images/controls.svg vendored Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="41px" height="41px" viewBox="0 0 41 41" style="enable-background:new 0 0 41 41;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#333333;}
.st2{fill:#B1B1AE;}
</style>
<path class="st0" d="M31,21.5L31,21.5c5.2,0,9.5,4.3,9.5,9.5l0,0c0,5.2-4.3,9.5-9.5,9.5l0,0c-5.2,0-9.5-4.3-9.5-9.5l0,0
C21.5,25.8,25.8,21.5,31,21.5z"/>
<circle class="st1" cx="31" cy="31" r="5"/>
<g id="checkbox">
<path class="st0" d="M3.5,0.5h13c1.7,0,3,1.3,3,3v13c0,1.7-1.3,3-3,3h-13c-1.7,0-3-1.3-3-3v-13C0.5,1.8,1.8,0.5,3.5,0.5z"/>
<path class="st2" d="M16.5,20h-13C1.6,20,0,18.4,0,16.5v-13C0,1.6,1.6,0,3.5,0h13C18.4,0,20,1.6,20,3.5v13C20,18.4,18.4,20,16.5,20
z M3.5,1C2.1,1,1,2.1,1,3.5v13C1,17.9,2.1,19,3.5,19h13c1.4,0,2.5-1.1,2.5-2.5v-13C19,2.1,17.9,1,16.5,1H3.5z"/>
</g>
<path id="checkbox-checked" class="st1" d="M17,41H3c-1.7,0-3-1.3-3-3V24c0-1.7,1.3-3,3-3h14c1.7,0,3,1.3,3,3v14
C20,39.7,18.7,41,17,41z M13.3,26l-5.9,5.7l-1.7-1.6L4,31.7L7.4,35l7.6-7.4L13.3,26z"/>
<g id="checkbox_1_">
<path class="st0" d="M31,0.5L31,0.5c5.2,0,9.5,4.3,9.5,9.5l0,0c0,5.2-4.3,9.5-9.5,9.5l0,0c-5.2,0-9.5-4.3-9.5-9.5l0,0
C21.5,4.8,25.8,0.5,31,0.5z"/>
<path class="st2" d="M31,20c-5.5,0-10-4.5-10-10c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10C41,15.5,36.5,20,31,20z M31,1c-5,0-9,4-9,9
c0,5,4,9,9,9c5,0,9-4,9-9C40,5,36,1,31,1z"/>
</g>
<path id="radio-checked" class="st1" d="M31,41c-5.5,0-10-4.5-10-10s4.5-10,10-10s10,4.5,10,10S36.5,41,31,41z M31,22c-5,0-9,4-9,9
s4,9,9,9s9-4,9-9S36,22,31,22z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/vendor/webkul/ui/assets/images/logo.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/vendor/webkul/ui/assets/images/preview.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 729 B

28
public/vendor/webkul/ui/assets/images/uvdesk-controls.svg vendored Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="41px" height="41px" viewBox="0 0 41 41" style="enable-background:new 0 0 41 41;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#333333;}
.st2{fill:#B1B1AE;}
</style>
<path class="st0" d="M31,21.5L31,21.5c5.2,0,9.5,4.3,9.5,9.5l0,0c0,5.2-4.3,9.5-9.5,9.5l0,0c-5.2,0-9.5-4.3-9.5-9.5l0,0
C21.5,25.8,25.8,21.5,31,21.5z"/>
<circle class="st1" cx="31" cy="31" r="5"/>
<g id="checkbox">
<path class="st0" d="M3.5,0.5h13c1.7,0,3,1.3,3,3v13c0,1.7-1.3,3-3,3h-13c-1.7,0-3-1.3-3-3v-13C0.5,1.8,1.8,0.5,3.5,0.5z"/>
<path class="st2" d="M16.5,20h-13C1.6,20,0,18.4,0,16.5v-13C0,1.6,1.6,0,3.5,0h13C18.4,0,20,1.6,20,3.5v13C20,18.4,18.4,20,16.5,20
z M3.5,1C2.1,1,1,2.1,1,3.5v13C1,17.9,2.1,19,3.5,19h13c1.4,0,2.5-1.1,2.5-2.5v-13C19,2.1,17.9,1,16.5,1H3.5z"/>
</g>
<path id="checkbox-checked" class="st1" d="M17,41H3c-1.7,0-3-1.3-3-3V24c0-1.7,1.3-3,3-3h14c1.7,0,3,1.3,3,3v14
C20,39.7,18.7,41,17,41z M13.3,26l-5.9,5.7l-1.7-1.6L4,31.7L7.4,35l7.6-7.4L13.3,26z"/>
<g id="checkbox_1_">
<path class="st0" d="M31,0.5L31,0.5c5.2,0,9.5,4.3,9.5,9.5l0,0c0,5.2-4.3,9.5-9.5,9.5l0,0c-5.2,0-9.5-4.3-9.5-9.5l0,0
C21.5,4.8,25.8,0.5,31,0.5z"/>
<path class="st2" d="M31,20c-5.5,0-10-4.5-10-10c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10C41,15.5,36.5,20,31,20z M31,1c-5,0-9,4-9,9
c0,5,4,9,9,9c5,0,9-4,9-9C40,5,36,1,31,1z"/>
</g>
<path id="radio-checked" class="st1" d="M31,41c-5.5,0-10-4.5-10-10s4.5-10,10-10s10,4.5,10,10S36.5,41,31,41z M31,22c-5,0-9,4-9,9
s4,9,9,9s9-4,9-9S36,22,31,22z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

10520
public/vendor/webkul/ui/assets/js/ui.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

4
public/vendor/webkul/ui/assets/mix-manifest.json vendored Normal file
View File

@ -0,0 +1,4 @@
{
"/js/ui.js": "/js/ui.js",
"/css/ui.css": "/css/ui.css"
}