main
ilhamwara 2025-02-19 18:19:03 +07:00
parent 8d7becb39e
commit 1f870158c0
61 changed files with 671 additions and 475 deletions

View File

@ -3,6 +3,52 @@
use App\Models\Master\MasterMenu; use App\Models\Master\MasterMenu;
use App\Models\Master\MasterAccessMenu; use App\Models\Master\MasterAccessMenu;
if (!function_exists('dateTime')) {
/**
* make secure id
*
* @param string|null $val
*
* @return string
*/
function dateTime($date)
{
return date('d-m-Y H:i:s',strtotime(@$date));
}
}
if (!function_exists('encode_id')) {
/**
* make secure id
*
* @param string|null $val
*
* @return string
*/
function encode_id(?string $val = ''): string
{
$params = ['val' => $val];
return rtrim(base64_encode(serialize($params)), "=");
}
}
if (!function_exists('decode_id')) {
/**
* @param string|null $val
* ${STATIC}
*
* @return mixed|null
* @author alex.gz <amqit.consultant@gmail.com>
* @created 02/12/2023 4:28
*
*/
function decode_id(?string $val = ''): mixed
{
$secure = unserialize(base64_decode($val));
return $secure ? $secure['val'] : null;
}
}
if (!function_exists('permission')) { if (!function_exists('permission')) {
/** /**
* @param $access * @param $access
@ -38,6 +84,23 @@ if (!function_exists('permission')) {
} }
} }
if (!function_exists('activeMenuClass')) {
/**
* Helper to grab the application version.
*
* @return mixed
*/
function activeMenuClass($route){
// dd(request()->route()->getName());
if(request()->route()->getName() == $route){
return true;
}else{
return false;
}
}
}
if (!function_exists('renderMenu')) { if (!function_exists('renderMenu')) {
/** /**
@ -48,7 +111,7 @@ if (!function_exists('renderMenu')) {
*/ */
function renderMenu() function renderMenu()
{ {
$active = true;
$parent = MasterMenu::where('status',true)->where('menu_type','sidebar')->where('parent_id',0)->get(); $parent = MasterMenu::where('status',true)->where('menu_type','sidebar')->where('parent_id',0)->get();
$html = ''; $html = '';
foreach ($parent as $p1) { foreach ($parent as $p1) {
@ -58,9 +121,11 @@ if (!function_exists('renderMenu')) {
$ch1 = count($child2) > 0 ? '' : ''; $ch1 = count($child2) > 0 ? '' : '';
$link1 = count($child2) > 0 ? '' : 'menu-link'; $link1 = count($child2) > 0 ? '' : 'menu-link';
$active = activeMenuClass($p1->module) ? 'active' : '';
// dd($p1->route);
if ($access1) { if ($access1) {
$active1 = $active ? ' ' . null : null; $active1 = $active ? ' active ' . null : null;
$html .= '<li class="' . $ch1 . $active1 . '"><a class="' . $link1 . '" href="' . url($p1->url) . '"><i class="' . $p1->menu_icons . '"></i> <span class="nav-link-text" data-i18n="nav.application_intel">' . @$p1->title.'</span>'; $html .= '<li class="' . $ch1 . $active1 . '"><a class="' . $link1 . '" href="' . url($p1->url) . '"><i class="' . $p1->menu_icons . '"></i> <span class="nav-link-text" data-i18n="nav.application_intel">' . @$p1->title.'</span>';
if (count($child2) > 0) { if (count($child2) > 0) {
@ -72,7 +137,7 @@ if (!function_exists('renderMenu')) {
$ch2 = count($child3) > 0 ? '' : ''; $ch2 = count($child3) > 0 ? '' : '';
$link2 = count($child3) > 0 ? '' : 'menu-link'; $link2 = count($child3) > 0 ? '' : 'menu-link';
if ($access2) { if ($access2) {
$active2 = $active ? ' ' . null : null; $active2 = activeMenuClass($p2->module) ? 'active' : '';
$html .= '<li class="' . $ch2 . '"><a class="' . $link2 . $active2 . '" href="' . url($p2->url) . '"> <i class="' . $p2->menu_icons . '"></i> <span class="nav-link-text" data-i18n="nav.application_intel">' . @$p2->title.'<span>'; $html .= '<li class="' . $ch2 . '"><a class="' . $link2 . $active2 . '" href="' . url($p2->url) . '"> <i class="' . $p2->menu_icons . '"></i> <span class="nav-link-text" data-i18n="nav.application_intel">' . @$p2->title.'<span>';
if (count($child3) > 0) { if (count($child3) > 0) {
$html .= '</a>'; $html .= '</a>';
@ -83,7 +148,8 @@ if (!function_exists('renderMenu')) {
$ch3 = count($child4) > 0 ? '' : ''; $ch3 = count($child4) > 0 ? '' : '';
$link3 = count($child4) > 0 ? '' : 'menu-link'; $link3 = count($child4) > 0 ? '' : 'menu-link';
if ($access3) { if ($access3) {
$active3 = $active ? ' ' . null : null; $active2 = activeMenuClass($p3->module) ? 'active' : '';
// $active3 = $active ? ' ' . null : null;
$html .= '<li class="' . $ch3 . '"><a class="' . $link3 . $active3 . '" href="' . url($p3->url) . '"> <span class="nav-link-text" data-i18n="nav.application_intel">' . @$p3->title.'</span>'; $html .= '<li class="' . $ch3 . '"><a class="' . $link3 . $active3 . '" href="' . url($p3->url) . '"> <span class="nav-link-text" data-i18n="nav.application_intel">' . @$p3->title.'</span>';
if (count($child4) > 0) { if (count($child4) > 0) {
$html .= '</a>'; $html .= '</a>';

View File

@ -4,15 +4,59 @@ namespace App\Http\Controllers\Management;
use App\Http\Controllers\Controller; use App\Http\Controllers\Controller;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use App\Models\Master\MasterGroup;
class RoleController extends Controller class RoleController extends Controller
{ {
protected $title = 'Role';
protected $template = 'modules.management.role';
protected $route = 'modules.management.role';
/** /**
* Display a listing of the resource. * Display a listing of the resource.
*/ */
public function index() public function index()
{ {
// $data['breadcrumbs'] = [
['name' => 'Dashboard','url' => url('dashboard')],
['name' => 'Management & Akses Role'],
['name' => 'Data Role User','active' => true],
];
$data['title'] = $this->title;
$data['route'] = $this->route;
return view($this->template.'.index',$data);
}
public function grid(Request $request)
{
$data = MasterGroup::where('MsGroupId','!=',1)->orderBy('MsGroupId','DESC')->get();
$_data = [];
foreach ($data as $key => $row) {
$action = '';
if((permission('is_create', $this->route.'.*','module',false)) || (permission('is_update', $this->route.'.*','module',false))){
$action .= '<a href="'.url('/management/role/akses/'.encode_id($row->id)).'" data-toggle="tooltip" title="Edit Hak Akses Role" class="btn btn-sm btn-block btn-primary"><i class="fal fa-users text-white"></i></a>';
$action .= '<a href="'.url('/management/role/'.encode_id($row->id).'/edit').'" data-toggle="tooltip" title="Edit Data" class="btn btn-sm btn-block btn-success"><i class="fal fa-pencil text-white"></i></a>';
// $action .= '<a data-toggle="tooltip" title="Hapus Data" class="btn btn-xs btn-block btn-danger"><i class="fal fa-trash text-white"></i></a>';
}
$_data[] = [
'no' => $key+1,
'id' => encode_id($row->id),
'name' => @$row->name,
'action' => @$action,
];
}
// return response()->json($_data); // Return the data as a JSON response
return response()->json($_data);
} }
/** /**

View File

@ -4,15 +4,61 @@ namespace App\Http\Controllers\Management;
use App\Http\Controllers\Controller; use App\Http\Controllers\Controller;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use App\Models\User;
class UserController extends Controller class UserController extends Controller
{ {
protected $title = 'User';
protected $template = 'modules.management.user';
protected $route = 'modules.management.user';
/** /**
* Display a listing of the resource. * Display a listing of the resource.
*/ */
public function index() public function index()
{ {
// $data['breadcrumbs'] = [
['name' => 'Dashboard','url' => url('dashboard')],
['name' => 'Management & Akses Role'],
['name' => 'Data User','active' => true],
];
$data['title'] = $this->title;
$data['route'] = $this->route;
return view($this->template.'.index',$data);
}
public function grid(Request $request)
{
$data = User::where('id','!=',auth()->user()->id)->orderBy('id','DESC')->get();
$_data = [];
foreach ($data as $key => $row) {
$action = '';
if((permission('is_create', $this->route.'.*','module',false)) || (permission('is_update', $this->route.'.*','module',false))){
$action .= '<a data-toggle="tooltip" title="Edit Data" class="btn btn-xs btn-block btn-primary"><i class="fal fa-pencil text-white"></i></a>';
$action .= '<a data-toggle="tooltip" title="Edit Data" class="btn btn-xs btn-block btn-danger"><i class="fal fa-trash text-white"></i></a>';
}
$_data[] = [
'no' => $key+1,
'id' => encode_id($row->id),
'name' => @$row->name,
'username' => @$row->username,
'email' => @$row->email,
'created_at' => dateTime(@$row->created_at),
'action' => @$action,
];
}
// return response()->json($_data); // Return the data as a JSON response
return response()->json($_data);
} }
/** /**

View File

@ -610,7 +610,7 @@ RESULT:
:root { :root {
--theme-primary: #3674B5; --theme-primary: #3674B5;
--theme-secondary: #868e96; --theme-secondary: #868e96;
--theme-success: #1dc9b7; --theme-success: #3A7D44;
--theme-info: #2196F3; --theme-info: #2196F3;
--theme-warning: #ffc241; --theme-warning: #ffc241;
--theme-danger: #B82132; --theme-danger: #B82132;
@ -631,7 +631,7 @@ RESULT:
--theme-success-200: #4de5d5; --theme-success-200: #4de5d5;
--theme-success-300: #37e2d0; --theme-success-300: #37e2d0;
--theme-success-400: #21dfcb; --theme-success-400: #21dfcb;
--theme-success-500: #1dc9b7; --theme-success-500: #3A7D44;
--theme-success-600: #1ab3a3; --theme-success-600: #1ab3a3;
--theme-success-700: #179c8e; --theme-success-700: #179c8e;
--theme-success-800: #13867a; --theme-success-800: #13867a;
@ -3431,7 +3431,7 @@ html body {
.chat-segment-sent.chat-end .chat-message { .chat-segment-sent.chat-end .chat-message {
border-top-right-radius: 3px; } border-top-right-radius: 3px; }
.chat-segment-sent .chat-message { .chat-segment-sent .chat-message {
background: #1dc9b7; background: #3A7D44;
color: white; color: white;
text-align: left; } text-align: left; }
@ -3744,7 +3744,7 @@ html body {
.panel-tag { .panel-tag {
padding: 1rem 1rem; padding: 1rem 1rem;
margin-bottom: 2rem; margin-bottom: 2rem;
border-left: 3px solid #1dc9b7; border-left: 3px solid #3A7D44;
background: #eef7fd; background: #eef7fd;
opacity: 0.8; opacity: 0.8;
font-weight: 400; font-weight: 400;
@ -3880,7 +3880,7 @@ html body {
.panel-toolbar .btn-panel:hover { .panel-toolbar .btn-panel:hover {
opacity: 1; } opacity: 1; }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #1dc9b7; } background: #3A7D44; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -5225,7 +5225,7 @@ span.img-share {
top: 0; top: 0;
right: 0; } right: 0; }
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #3A7D44; }
.status.status-danger:before { .status.status-danger:before {
background: #B82132; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
@ -7186,7 +7186,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: rgba(0, 0, 0, 0.8); } color: rgba(0, 0, 0, 0.8); }
.bg-success-500 { .bg-success-500 {
background-color: #1dc9b7; background-color: #3A7D44;
color: white; } color: white; }
.bg-success-500:hover { .bg-success-500:hover {
color: white; } color: white; }
@ -7231,7 +7231,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: #21dfcb; } color: #21dfcb; }
.color-success-500 { .color-success-500 {
color: #1dc9b7; } color: #3A7D44; }
.color-success-600 { .color-success-600 {
color: #1ab3a3; } color: #1ab3a3; }

File diff suppressed because one or more lines are too long

View File

@ -1204,7 +1204,7 @@ table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before { table.dataTable.dtr-column > tbody > tr.parent th.control:before {
background-color: #1dc9b7; } background-color: #3A7D44; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:before,
@ -1375,7 +1375,7 @@ table.dataTable td.reorder {
text-align: inherit; } text-align: inherit; }
tr.dt-rowReorder-moving { tr.dt-rowReorder-moving {
outline: 2px solid #1dc9b7; outline: 2px solid #3A7D44;
outline-offset: -2px; } outline-offset: -2px; }
table.dt-rowReorder-float { table.dt-rowReorder-float {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1103,12 +1103,12 @@ RESULT:
.irs--modern .irs-from, .irs--modern .irs-from,
.irs--modern .irs-to, .irs--modern .irs-to,
.irs--modern .irs-single { .irs--modern .irs-single {
background-color: #1dc9b7; } background-color: #3A7D44; }
.irs--modern .irs-from:before, .irs--modern .irs-from:before,
.irs--modern .irs-to:before, .irs--modern .irs-to:before,
.irs--modern .irs-single:before { .irs--modern .irs-single:before {
border-top-color: #1dc9b7; } border-top-color: #3A7D44; }
.irs--modern .irs-handle > i:nth-child(1) { .irs--modern .irs-handle > i:nth-child(1) {
width: 8px; width: 8px;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -593,7 +593,7 @@ body.swal2-toast-column .swal2-toast {
-webkit-box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); -webkit-box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); } box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); }
.swal2-popup.swal2-toast .swal2-success { .swal2-popup.swal2-toast .swal2-success {
border-color: #1dc9b7; } border-color: #3A7D44; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
position: absolute; position: absolute;
width: 1.6em; width: 1.6em;
@ -1402,7 +1402,7 @@ body.swal2-no-backdrop .swal2-shown {
.swal2-icon.swal2-question.swal2-arabic-question-mark::before { .swal2-icon.swal2-question.swal2-arabic-question-mark::before {
content: '؟'; } content: '؟'; }
.swal2-icon.swal2-success { .swal2-icon.swal2-success {
border-color: #1dc9b7; } border-color: #3A7D44; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] { .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
position: absolute; position: absolute;
width: 3.75em; width: 3.75em;
@ -1452,7 +1452,7 @@ body.swal2-no-backdrop .swal2-shown {
z-index: 2; z-index: 2;
height: .3125em; height: .3125em;
border-radius: .125em; border-radius: .125em;
background-color: #1dc9b7; } background-color: #3A7D44; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
top: 2.875em; top: 2.875em;
left: .875em; left: .875em;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -402,10 +402,10 @@ $ct-donut-width: 60px !default;
fill: #505050; } fill: #505050; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
stroke: #1dc9b7; } stroke: #3A7D44; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { .ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
fill: #1dc9b7; } fill: #3A7D44; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
stroke: #2196F3; } stroke: #2196F3; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -821,7 +821,7 @@ html body {
background: #f1f0f0; } background: #f1f0f0; }
.chat-segment-sent .chat-message { .chat-segment-sent .chat-message {
background: #1dc9b7; } background: #3A7D44; }
/* transparent modal */ /* transparent modal */
.modal-transparent .modal-content { .modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel { .panel-toolbar .btn-panel {
/* add default colors for action buttons */ } /* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #1dc9b7; } background: #3A7D44; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #444444; background: #444444;
border: 2px solid #fff; } border: 2px solid #fff; }
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #3A7D44; }
.status.status-danger:before { .status.status-danger:before {
background: #B82132; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); } color: rgba(0, 0, 0, 0.8); }
.bg-success-500 { .bg-success-500 {
background-color: #1dc9b7; background-color: #3A7D44;
color: white; } color: white; }
.bg-success-500:hover { .bg-success-500:hover {
color: white; } color: white; }
@ -1335,7 +1335,7 @@ code {
color: #21dfcb; } color: #21dfcb; }
.color-success-500 { .color-success-500 {
color: #1dc9b7; } color: #3A7D44; }
.color-success-600 { .color-success-600 {
color: #1ab3a3; } color: #1ab3a3; }
@ -1789,8 +1789,8 @@ code {
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover { .btn-success:hover {
@ -1802,8 +1802,8 @@ code {
box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
.btn-success.disabled, .btn-success:disabled { .btn-success.disabled, .btn-success:disabled {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle { .show > .btn-success.dropdown-toggle {
color: #fff; color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success { .btn-outline-success {
color: #1dc9b7; color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:hover { .btn-outline-success:hover {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:focus, .btn-outline-success.focus { .btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #1dc9b7; color: #3A7D44;
background-color: transparent; } background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle { .show > .btn-outline-success.dropdown-toggle {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus { .show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; } border-color: #6c757d !important; }
.border-success { .border-success {
border-color: #1dc9b7 !important; } border-color: #3A7D44 !important; }
.border-info { .border-info {
border-color: #2196F3 !important; } border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; } color: #494f54 !important; }
.text-success { .text-success {
color: #1dc9b7 !important; } color: #3A7D44 !important; }
a.text-success:hover, a.text-success:focus { a.text-success:hover, a.text-success:focus {
color: #13867a !important; } color: #13867a !important; }

File diff suppressed because one or more lines are too long

View File

@ -821,7 +821,7 @@ html body {
background: #f1f0f0; } background: #f1f0f0; }
.chat-segment-sent .chat-message { .chat-segment-sent .chat-message {
background: #1dc9b7; } background: #3A7D44; }
/* transparent modal */ /* transparent modal */
.modal-transparent .modal-content { .modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel { .panel-toolbar .btn-panel {
/* add default colors for action buttons */ } /* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #1dc9b7; } background: #3A7D44; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #494949; background: #494949;
border: 2px solid #fff; } border: 2px solid #fff; }
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #3A7D44; }
.status.status-danger:before { .status.status-danger:before {
background: #B82132; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); } color: rgba(0, 0, 0, 0.8); }
.bg-success-500 { .bg-success-500 {
background-color: #1dc9b7; background-color: #3A7D44;
color: white; } color: white; }
.bg-success-500:hover { .bg-success-500:hover {
color: white; } color: white; }
@ -1335,7 +1335,7 @@ code {
color: #21dfcb; } color: #21dfcb; }
.color-success-500 { .color-success-500 {
color: #1dc9b7; } color: #3A7D44; }
.color-success-600 { .color-success-600 {
color: #1ab3a3; } color: #1ab3a3; }
@ -1789,8 +1789,8 @@ code {
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover { .btn-success:hover {
@ -1802,8 +1802,8 @@ code {
box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
.btn-success.disabled, .btn-success:disabled { .btn-success.disabled, .btn-success:disabled {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle { .show > .btn-success.dropdown-toggle {
color: #fff; color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success { .btn-outline-success {
color: #1dc9b7; color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:hover { .btn-outline-success:hover {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:focus, .btn-outline-success.focus { .btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #1dc9b7; color: #3A7D44;
background-color: transparent; } background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle { .show > .btn-outline-success.dropdown-toggle {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus { .show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; } border-color: #6c757d !important; }
.border-success { .border-success {
border-color: #1dc9b7 !important; } border-color: #3A7D44 !important; }
.border-info { .border-info {
border-color: #2196F3 !important; } border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; } color: #494f54 !important; }
.text-success { .text-success {
color: #1dc9b7 !important; } color: #3A7D44 !important; }
a.text-success:hover, a.text-success:focus { a.text-success:hover, a.text-success:focus {
color: #13867a !important; } color: #13867a !important; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -821,7 +821,7 @@ html body {
background: #f1f0f0; } background: #f1f0f0; }
.chat-segment-sent .chat-message { .chat-segment-sent .chat-message {
background: #1dc9b7; } background: #3A7D44; }
/* transparent modal */ /* transparent modal */
.modal-transparent .modal-content { .modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel { .panel-toolbar .btn-panel {
/* add default colors for action buttons */ } /* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #1dc9b7; } background: #3A7D44; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #585858; background: #585858;
border: 2px solid #fff; } border: 2px solid #fff; }
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #3A7D44; }
.status.status-danger:before { .status.status-danger:before {
background: #B82132; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); } color: rgba(0, 0, 0, 0.8); }
.bg-success-500 { .bg-success-500 {
background-color: #1dc9b7; background-color: #3A7D44;
color: white; } color: white; }
.bg-success-500:hover { .bg-success-500:hover {
color: white; } color: white; }
@ -1335,7 +1335,7 @@ code {
color: #21dfcb; } color: #21dfcb; }
.color-success-500 { .color-success-500 {
color: #1dc9b7; } color: #3A7D44; }
.color-success-600 { .color-success-600 {
color: #1ab3a3; } color: #1ab3a3; }
@ -1789,8 +1789,8 @@ code {
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover { .btn-success:hover {
@ -1802,8 +1802,8 @@ code {
box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
.btn-success.disabled, .btn-success:disabled { .btn-success.disabled, .btn-success:disabled {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle { .show > .btn-success.dropdown-toggle {
color: #fff; color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success { .btn-outline-success {
color: #1dc9b7; color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:hover { .btn-outline-success:hover {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:focus, .btn-outline-success.focus { .btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #1dc9b7; color: #3A7D44;
background-color: transparent; } background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle { .show > .btn-outline-success.dropdown-toggle {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus { .show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; } border-color: #6c757d !important; }
.border-success { .border-success {
border-color: #1dc9b7 !important; } border-color: #3A7D44 !important; }
.border-info { .border-info {
border-color: #2196F3 !important; } border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; } color: #494f54 !important; }
.text-success { .text-success {
color: #1dc9b7 !important; } color: #3A7D44 !important; }
a.text-success:hover, a.text-success:focus { a.text-success:hover, a.text-success:focus {
color: #13867a !important; } color: #13867a !important; }

File diff suppressed because one or more lines are too long

View File

@ -1,63 +1,63 @@
/* #THEME COLOR (variable overrides) /* #THEME COLOR (variable overrides)
========================================================================== */ ========================================================================== */
/* #GLOBAL IMPORTS /* #GLOBAL IMPORTS
========================================================================== */ ========================================================================== */
/* #IMPORTS ~~ /* #IMPORTS ~~
========================================================================== */ ========================================================================== */
/*--------------------------------------------------- /*---------------------------------------------------
SASS ELements (based on LESS Elements 0.9 http://lesselements.com) SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
-------------------------------- ------------------- -------------------------------- -------------------
LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
SASS port by Samuel Beek (http://samuelbeek.com) SASS port by Samuel Beek (http://samuelbeek.com)
---------------------------------------------------*/ ---------------------------------------------------*/
/*------------------------ /*------------------------
Usage Usage
h1 { h1 {
font-size: rem(32); font-size: rem(32);
} }
OR: OR:
h1 { h1 {
font-size: rem(32px); font-size: rem(32px);
} }
------------------------*/ ------------------------*/
/*------------------------ /*------------------------
FADE IN FADE IN
e.g. @include fadeIn( 2s ); e.g. @include fadeIn( 2s );
------------------------*/ ------------------------*/
/*------------------------ /*------------------------
mixin that calculates if text needs to be light or dark mixin that calculates if text needs to be light or dark
depending on the background color passed. depending on the background color passed.
From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
usage: usage:
@include text-contrast($bgcolor) @include text-contrast($bgcolor)
Color brightness is determined by the following formula: Color brightness is determined by the following formula:
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
------------------------*/ ------------------------*/
/*------------------------ /*------------------------
color factory color factory
eg: @include paint($blue-grey-50, bg-blue-grey-50); eg: @include paint($blue-grey-50, bg-blue-grey-50);
------------------------*/ ------------------------*/
/* backface visibility */ /* backface visibility */
/* generate theme button */ /* generate theme button */
/* THEME COLORs /* THEME COLORs
========================================================================== */ ========================================================================== */
/* Looks good on chrome default color profile */ /* Looks good on chrome default color profile */
/* looks good in sRGB but washed up on chrome default /* looks good in sRGB but washed up on chrome default
$color-primary: #826bb0; $color-primary: #826bb0;
$color-success: #31cb55; $color-success: #31cb55;
$color-info: #5e93ec; $color-info: #5e93ec;
$color-warning: #eec559; $color-warning: #eec559;
$color-danger: #dc4b92; $color-danger: #dc4b92;
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
/* Color Polarity /* Color Polarity
========================================================================== */ ========================================================================== */
/* PAINTBUCKET MIXER /* PAINTBUCKET MIXER
========================================================================== */ ========================================================================== */
/* the grays */ /* the grays */
/* the sapphires */ /* the sapphires */
@ -66,16 +66,16 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
/* the topaz */ /* the topaz */
/* the rubies */ /* the rubies */
/* the graphites */ /* the graphites */
/* Define universal border difition (div outlines, etc) /* Define universal border difition (div outlines, etc)
========================================================================== */ ========================================================================== */
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
========================================================================== */ ========================================================================== */
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
/* global var used for spacing*/ /* global var used for spacing*/
/* Uniform Padding variable */ /* Uniform Padding variable */
/* Heads up! This is a global scoped variable - changing may impact the whole template */ /* Heads up! This is a global scoped variable - changing may impact the whole template */
/* BOOTSTRAP OVERRIDES (bootstrap variables) /* BOOTSTRAP OVERRIDES (bootstrap variables)
========================================================================== */ ========================================================================== */
/* usage: theme-colors("primary"); */ /* usage: theme-colors("primary"); */
/* forms */ /* forms */
@ -102,37 +102,37 @@ $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
/* popovers */ /* popovers */
/* tooltips */ /* tooltips */
/* modal */ /* modal */
/* reference guide /* reference guide
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
8px = 0.5rem 8px = 0.5rem
9px = 0.5625rem 9px = 0.5625rem
10px = 0.625rem 10px = 0.625rem
11px = 0.6875rem 11px = 0.6875rem
12px = 0.75rem 12px = 0.75rem
13px = 0.8125rem 13px = 0.8125rem
14px = 0.875rem 14px = 0.875rem
15px = 0.9375rem 15px = 0.9375rem
16px = 1rem (base) 16px = 1rem (base)
17px = 1.0625rem 17px = 1.0625rem
18px = 1.125rem 18px = 1.125rem
19px = 1.1875rem 19px = 1.1875rem
20px = 1.25rem 20px = 1.25rem
21px = 1.3125rem 21px = 1.3125rem
22px = 1.375rem 22px = 1.375rem
24px = 1.5rem 24px = 1.5rem
25px = 1.5625rem 25px = 1.5625rem
26px = 1.625rem 26px = 1.625rem
28px = 1.75rem 28px = 1.75rem
30px = 1.875rem 30px = 1.875rem
32px = 2rem 32px = 2rem
34px = 2.125rem 34px = 2.125rem
36px = 2.25rem 36px = 2.25rem
38px = 2.375rem 38px = 2.375rem
40px = 2.5rem 40px = 2.5rem
*/ */
/* Fonts */ /* Fonts */
/* carousel */ /* carousel */
/* BASE VARS /* BASE VARS
========================================================================== */ ========================================================================== */
/* font vars below will auto change to rem values using function rem($value)*/ /* font vars below will auto change to rem values using function rem($value)*/
/* 11px */ /* 11px */
@ -142,28 +142,28 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
/* 15px */ /* 15px */
/* 16px */ /* 16px */
/* 28px */ /* 28px */
/* Font Family /* Font Family
========================================================================== */ ========================================================================== */
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
/* ANIMATIONS /* ANIMATIONS
========================================================================== */ ========================================================================== */
/* this addresses all animation related to nav hide to nav minify */ /* this addresses all animation related to nav hide to nav minify */
/* Z-INDEX declearation /* Z-INDEX declearation
========================================================================== */ ========================================================================== */
/* we adjust bootstrap z-index to be higher than our higest z-index*/ /* we adjust bootstrap z-index to be higher than our higest z-index*/
/* CUSTOM ICON PREFIX /* CUSTOM ICON PREFIX
========================================================================== */ ========================================================================== */
/* PRINT CSS (landscape or portrait) /* PRINT CSS (landscape or portrait)
========================================================================== */ ========================================================================== */
/* landscape or portrait */ /* landscape or portrait */
/* auto, letter */ /* auto, letter */
/* Common Element Variables /* Common Element Variables
========================================================================== */ ========================================================================== */
/* Z-index decleartion "birds eye view" /* Z-index decleartion "birds eye view"
========================================================================== */ ========================================================================== */
/* Components /* Components
========================================================================== */ ========================================================================== */
/* PAGE HEADER STUFF /* PAGE HEADER STUFF
========================================================================== */ ========================================================================== */
/* colors */ /* colors */
/* height */ /* height */
@ -178,35 +178,35 @@ http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
/* dropdown: app list */ /* dropdown: app list */
/* badge */ /* badge */
/* COMPONENTS & MODS */ /* COMPONENTS & MODS */
/* NAVIGATION STUFF /* NAVIGATION STUFF
Guide: Guide:
aside.page-sidebar ($nav-width, $nav-background) aside.page-sidebar ($nav-width, $nav-background)
.page-logo .page-logo
.primary-nav .primary-nav
.info-card .info-card
ul.nav-menu ul.nav-menu
li li
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
icon icon
span span
collapse-sign collapse-sign
ul.nav-menu-sub-one ul.nav-menu-sub-one
li li
a ($nav-level-1... $nav-sub-link-height) a ($nav-level-1... $nav-sub-link-height)
span span
collapse-sign collapse-sign
ul.nav-menu-sub-two ul.nav-menu-sub-two
li li
a ($nav-level-2... $nav-sub-link-height) a ($nav-level-2... $nav-sub-link-height)
span span
p.nav-title ($nav-title-*...) p.nav-title ($nav-title-*...)
========================================================================== */ ========================================================================== */
/* main navigation */ /* main navigation */
/* left panel */ /* left panel */
@ -224,65 +224,65 @@ aside.page-sidebar ($nav-width, $nav-background)
/* width is auto */ /* width is auto */
/* nav DL labels for all child */ /* nav DL labels for all child */
/* will be pulled to left as a negative value */ /* will be pulled to left as a negative value */
/* MISC Settings /* MISC Settings
========================================================================== */ ========================================================================== */
/* List Table */ /* List Table */
/* PAGE SETTINGS /* PAGE SETTINGS
========================================================================== */ ========================================================================== */
/* PAGE BREADCRUMB /* PAGE BREADCRUMB
========================================================================== */ ========================================================================== */
/* PAGE COMPONENT PANELS /* PAGE COMPONENT PANELS
========================================================================== */ ========================================================================== */
/* PAGE COMPONENT PROGRESSBARS /* PAGE COMPONENT PROGRESSBARS
========================================================================== */ ========================================================================== */
/* PAGE COMPONENT MESSENGER /* PAGE COMPONENT MESSENGER
========================================================================== */ ========================================================================== */
/* FOOTER /* FOOTER
========================================================================== */ ========================================================================== */
/* GLOBALS /* GLOBALS
========================================================================== */ ========================================================================== */
/* ACCESSIBILITIES */ /* ACCESSIBILITIES */
/* PLACEHOLDER /* PLACEHOLDER
============================================= =============================================
EXAMPLE: EXAMPLE:
%bg-image { %bg-image {
width: 100%; width: 100%;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.image-one { .image-one {
@extend %bg-image; @extend %bg-image;
background-image:url(/img/image-one.jpg"); background-image:url(/img/image-one.jpg");
} }
RESULT: RESULT:
.image-one, .image-two { .image-one, .image-two {
width: 100%; width: 100%;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
*/ */
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
background-color: #5b5b5b; } background-color: #5b5b5b; }
/* /*
%shadow-hover { %shadow-hover {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
&:hover { &:hover {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
} }
} }
*/ */
.btn-default { .btn-default {
background-color: #f5f5f5; background-color: #f5f5f5;
@ -325,11 +325,11 @@ RESULT:
border: 1px solid #ffb20e; border: 1px solid #ffb20e;
color: #1b1b1b; } color: #1b1b1b; }
/* #GLOBAL IMPORTS /* #GLOBAL IMPORTS
========================================================================== */ ========================================================================== */
/*@import '_imports/_global-import';*/ /*@import '_imports/_global-import';*/
/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) /* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
DOC: you can disable unused _modules DOC: you can disable unused _modules
========================================================================== */ ========================================================================== */
/* contains root variables to be used with css (see docs) */ /* contains root variables to be used with css (see docs) */
/* html and body base styles */ /* html and body base styles */
@ -661,11 +661,11 @@ html body {
color: #fff; color: #fff;
background-color: #868e96; } background-color: #868e96; }
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
does not allow you to add your own alert colors via variable control rather does not allow you to add your own alert colors via variable control rather
through a systemetic agent that changes the theme colors. through a systemetic agent that changes the theme colors.
REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
*/ */
.alert-primary { .alert-primary {
color: #686868; color: #686868;
@ -821,7 +821,7 @@ html body {
background: #f1f0f0; } background: #f1f0f0; }
.chat-segment-sent .chat-message { .chat-segment-sent .chat-message {
background: #1dc9b7; } background: #3A7D44; }
/* transparent modal */ /* transparent modal */
.modal-transparent .modal-content { .modal-transparent .modal-content {
@ -860,9 +860,9 @@ html body {
.panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container { .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
border-color: transparent rgba(134, 142, 150, 0.7) rgba(120, 129, 138, 0.7); } border-color: transparent rgba(134, 142, 150, 0.7) rgba(120, 129, 138, 0.7); }
/*.panel-sortable .panel-hdr:active, /*.panel-sortable .panel-hdr:active,
.panel-sortable .panel-hdr:active + .panel-container { .panel-sortable .panel-hdr:active + .panel-container {
@include transition-border(0.4s, ease-out); @include transition-border(0.4s, ease-out);
}*/ }*/
.panel-sortable.panel-locked .panel-hdr:active { .panel-sortable.panel-locked .panel-hdr:active {
border-top-color: #c69b8c; border-top-color: #c69b8c;
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel { .panel-toolbar .btn-panel {
/* add default colors for action buttons */ } /* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #1dc9b7; } background: #3A7D44; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #4e4e4e; background: #4e4e4e;
border: 2px solid #fff; } border: 2px solid #fff; }
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #3A7D44; }
.status.status-danger:before { .status.status-danger:before {
background: #b57d6a; } background: #b57d6a; }
.status.status-warning:before { .status.status-warning:before {
@ -1078,8 +1078,8 @@ code {
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
/* here we turn on mobile font for smaller screens */ /* here we turn on mobile font for smaller screens */
/*body { /*body {
font-family: $mobile-page-font !important; font-family: $mobile-page-font !important;
}*/ }*/
/* mobile nav search */ /* mobile nav search */
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); } color: rgba(0, 0, 0, 0.8); }
.bg-success-500 { .bg-success-500 {
background-color: #1dc9b7; background-color: #3A7D44;
color: white; } color: white; }
.bg-success-500:hover { .bg-success-500:hover {
color: white; } color: white; }
@ -1335,7 +1335,7 @@ code {
color: #21dfcb; } color: #21dfcb; }
.color-success-500 { .color-success-500 {
color: #1dc9b7; } color: #3A7D44; }
.color-success-600 { .color-success-600 {
color: #1ab3a3; } color: #1ab3a3; }
@ -1789,8 +1789,8 @@ code {
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover { .btn-success:hover {
@ -1802,8 +1802,8 @@ code {
box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
.btn-success.disabled, .btn-success:disabled { .btn-success.disabled, .btn-success:disabled {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle { .show > .btn-success.dropdown-toggle {
color: #fff; color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success { .btn-outline-success {
color: #1dc9b7; color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:hover { .btn-outline-success:hover {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:focus, .btn-outline-success.focus { .btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #1dc9b7; color: #3A7D44;
background-color: transparent; } background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle { .show > .btn-outline-success.dropdown-toggle {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus { .show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; } border-color: #6c757d !important; }
.border-success { .border-success {
border-color: #1dc9b7 !important; } border-color: #3A7D44 !important; }
.border-info { .border-info {
border-color: #2196F3 !important; } border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; } color: #494f54 !important; }
.text-success { .text-success {
color: #1dc9b7 !important; } color: #3A7D44 !important; }
a.text-success:hover, a.text-success:focus { a.text-success:hover, a.text-success:focus {
color: #13867a !important; } color: #13867a !important; }
@ -2205,7 +2205,7 @@ a.text-light:hover, a.text-light:focus {
a.text-dark:hover, a.text-dark:focus { a.text-dark:hover, a.text-dark:focus {
color: #282828 !important; } color: #282828 !important; }
/* #Reset userselect /* #Reset userselect
========================================================================== */ ========================================================================== */
#myapp-0 { #myapp-0 {
-webkit-box-shadow: none !important; -webkit-box-shadow: none !important;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -210,7 +210,7 @@ aside.page-sidebar ($nav-width, $nav-background)
--red: #B82132; --red: #B82132;
--orange: #ffc241; --orange: #ffc241;
--yellow: #ffc241; --yellow: #ffc241;
--green: #1dc9b7; --green: #3A7D44;
--teal: #20c997; --teal: #20c997;
--cyan: #17a2b8; --cyan: #17a2b8;
--white: #fff; --white: #fff;
@ -218,7 +218,7 @@ aside.page-sidebar ($nav-width, $nav-background)
--gray-dark: #495057; --gray-dark: #495057;
--primary: #3674B5; --primary: #3674B5;
--secondary: #868e96; --secondary: #868e96;
--success: #1dc9b7; --success: #3A7D44;
--info: #2196F3; --info: #2196F3;
--warning: #ffc241; --warning: #ffc241;
--danger: #B82132; --danger: #B82132;
@ -1574,19 +1574,19 @@ pre {
.table-primary, .table-primary,
.table-primary > th, .table-primary > th,
.table-primary > td { .table-primary > td {
background-color: #ded5ea; } background-color: #3B6790; }
.table-primary th, .table-primary th,
.table-primary td, .table-primary td,
.table-primary thead th, .table-primary thead th,
.table-primary tbody + tbody { .table-primary tbody + tbody {
border-color: #c1b2d9; } border-color: #3B6790; }
.table-hover .table-primary:hover { .table-hover .table-primary:hover {
background-color: #d1c4e2; } background-color: #3B6790; }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th { .table-hover .table-primary:hover > th {
background-color: #d1c4e2; } background-color: #3B6790; }
.table-secondary, .table-secondary,
.table-secondary > th, .table-secondary > th,
@ -1608,19 +1608,19 @@ pre {
.table-success, .table-success,
.table-success > th, .table-success > th,
.table-success > td { .table-success > td {
background-color: #c0f0eb; } background-color: #497D74; }
.table-success th, .table-success th,
.table-success td, .table-success td,
.table-success thead th, .table-success thead th,
.table-success tbody + tbody { .table-success tbody + tbody {
border-color: #89e3da; } border-color: #497D74; }
.table-hover .table-success:hover { .table-hover .table-success:hover {
background-color: #abebe4; } background-color: #497D74; }
.table-hover .table-success:hover > td, .table-hover .table-success:hover > td,
.table-hover .table-success:hover > th { .table-hover .table-success:hover > th {
background-color: #abebe4; } background-color: #497D74; }
.table-info, .table-info,
.table-info > th, .table-info > th,
@ -1951,7 +1951,7 @@ textarea.form-control {
width: 100%; width: 100%;
margin-top: 0.25rem; margin-top: 0.25rem;
font-size: 80%; font-size: 80%;
color: #1dc9b7; } color: #3A7D44; }
.valid-tooltip { .valid-tooltip {
position: absolute; position: absolute;
@ -1964,18 +1964,18 @@ textarea.form-control {
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1.47; line-height: 1.47;
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-radius: 5px; } border-radius: 5px; }
.was-validated .form-control:valid, .form-control.is-valid { .was-validated .form-control:valid, .form-control.is-valid {
border-color: #1dc9b7; border-color: #3A7D44;
padding-right: calc(1.47em + 1rem); padding-right: calc(1.47em + 1rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center right calc(0.3675em + 0.25rem); background-position: center right calc(0.3675em + 0.25rem);
background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-feedback,
@ -1988,11 +1988,11 @@ textarea.form-control {
background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); } background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }
.was-validated .custom-select:valid, .custom-select.is-valid { .was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #1dc9b7; border-color: #3A7D44;
padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem); padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-feedback,
@ -2006,7 +2006,7 @@ textarea.form-control {
display: block; } display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #1dc9b7; } color: #3A7D44; }
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
@ -2014,9 +2014,9 @@ textarea.form-control {
display: block; } display: block; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #1dc9b7; } color: #3A7D44; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #1dc9b7; } border-color: #3A7D44; }
.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
@ -2032,10 +2032,10 @@ textarea.form-control {
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #1dc9b7; } border-color: #3A7D44; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #1dc9b7; } border-color: #3A7D44; }
.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
@ -2043,7 +2043,7 @@ textarea.form-control {
display: block; } display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #1dc9b7; border-color: #3A7D44;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
@ -2312,8 +2312,8 @@ fieldset:disabled a.btn {
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-success:hover { .btn-success:hover {
color: #fff; color: #fff;
background-color: #18a899; background-color: #18a899;
@ -2323,8 +2323,8 @@ fieldset:disabled a.btn {
box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
.btn-success.disabled, .btn-success:disabled { .btn-success.disabled, .btn-success:disabled {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle { .show > .btn-success.dropdown-toggle {
color: #fff; color: #fff;
@ -2507,23 +2507,23 @@ fieldset:disabled a.btn {
box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
.btn-outline-success { .btn-outline-success {
color: #1dc9b7; color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:hover { .btn-outline-success:hover {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:focus, .btn-outline-success.focus { .btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #1dc9b7; color: #3A7D44;
background-color: transparent; } background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle { .show > .btn-outline-success.dropdown-toggle {
color: #fff; color: #fff;
background-color: #1dc9b7; background-color: #3A7D44;
border-color: #1dc9b7; } border-color: #3A7D44; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus { .show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -4276,7 +4276,7 @@ input[type="button"].btn-block {
.badge-success { .badge-success {
color: #fff; color: #fff;
background-color: #1dc9b7; } background-color: #3A7D44; }
a.badge-success:hover, a.badge-success:focus { a.badge-success:hover, a.badge-success:focus {
color: #fff; color: #fff;
background-color: #179c8e; } background-color: #179c8e; }
@ -4379,9 +4379,9 @@ input[type="button"].btn-block {
.alert-primary { .alert-primary {
color: #47375e; color: #47375e;
background-color: #e7e1f0; background-color: #e7e1f0;
border-color: #ded5ea; } border-color: #3B6790; }
.alert-primary hr { .alert-primary hr {
border-top-color: #d1c4e2; } border-top-color: #3B6790; }
.alert-primary .alert-link { .alert-primary .alert-link {
color: #2f243e; } color: #2f243e; }
@ -4397,9 +4397,9 @@ input[type="button"].btn-block {
.alert-success { .alert-success {
color: #0f695f; color: #0f695f;
background-color: #d2f4f1; background-color: #d2f4f1;
border-color: #c0f0eb; } border-color: #497D74; }
.alert-success hr { .alert-success hr {
border-top-color: #abebe4; } border-top-color: #497D74; }
.alert-success .alert-link { .alert-success .alert-link {
color: #093c37; } color: #093c37; }
@ -4671,10 +4671,10 @@ input[type="button"].btn-block {
.list-group-item-primary { .list-group-item-primary {
color: #47375e; color: #47375e;
background-color: #ded5ea; } background-color: #3B6790; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #47375e; color: #47375e;
background-color: #d1c4e2; } background-color: #3B6790; }
.list-group-item-primary.list-group-item-action.active { .list-group-item-primary.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #47375e; background-color: #47375e;
@ -4693,10 +4693,10 @@ input[type="button"].btn-block {
.list-group-item-success { .list-group-item-success {
color: #0f695f; color: #0f695f;
background-color: #c0f0eb; } background-color: #497D74; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #0f695f; color: #0f695f;
background-color: #abebe4; } background-color: #497D74; }
.list-group-item-success.list-group-item-action.active { .list-group-item-success.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #0f695f; background-color: #0f695f;
@ -5460,7 +5460,7 @@ button.bg-secondary:focus {
background-color: #6c757d !important; } background-color: #6c757d !important; }
.bg-success { .bg-success {
background-color: #1dc9b7 !important; } background-color: #3A7D44 !important; }
a.bg-success:hover, a.bg-success:focus, a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover, button.bg-success:hover,
@ -5550,7 +5550,7 @@ button.bg-dark:focus {
border-color: #868e96 !important; } border-color: #868e96 !important; }
.border-success { .border-success {
border-color: #1dc9b7 !important; } border-color: #3A7D44 !important; }
.border-info { .border-info {
border-color: #2196F3 !important; } border-color: #2196F3 !important; }
@ -8307,7 +8307,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #60686f !important; } color: #60686f !important; }
.text-success { .text-success {
color: #1dc9b7 !important; } color: #3A7D44 !important; }
a.text-success:hover, a.text-success:focus { a.text-success:hover, a.text-success:focus {
color: #13867a !important; } color: #13867a !important; }

File diff suppressed because one or more lines are too long

View File

@ -14,7 +14,7 @@ var myapp_get_color = {
success_200: '#4de5d5', success_200: '#4de5d5',
success_300: '#37e2d0', success_300: '#37e2d0',
success_400: '#21dfcb', success_400: '#21dfcb',
success_500: '#1dc9b7', success_500: '#3A7D44',
success_600: '#1ab3a3', success_600: '#1ab3a3',
success_700: '#179c8e', success_700: '#179c8e',
success_800: '#13867a', success_800: '#13867a',

View File

@ -151,7 +151,7 @@
</span> </span>
<div class="ml-auto d-inline-flex align-items-center"> <div class="ml-auto d-inline-flex align-items-center">
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#1dc9b7" sparkfillcolor="false" sparklinewidth="1" values="5,9,7,3,5,2,5,3,9,6"></div> <div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#3A7D44" sparkfillcolor="false" sparklinewidth="1" values="5,9,7,3,5,2,5,3,9,6"></div>
<div class="d-inline-flex flex-column small ml-2"> <div class="d-inline-flex flex-column small ml-2">
<span class="d-inline-block badge badge-info opacity-50 text-center p-1 width-6">76%</span> <span class="d-inline-block badge badge-info opacity-50 text-center p-1 width-6">76%</span>
<span class="d-inline-block badge bg-warning-300 opacity-50 text-center p-1 width-6 mt-1">3%</span> <span class="d-inline-block badge bg-warning-300 opacity-50 text-center p-1 width-6 mt-1">3%</span>

View File

@ -48,7 +48,7 @@
<h4 class="mb-g mt-2 text-center"> <h4 class="mb-g mt-2 text-center">
Skin "<strong>Hematite</strong>" <br> Skin "<strong>Hematite</strong>" <br>
<small> <small>
Change your variables to following: <code>$color-primary: #868e96;</code>, <code>$color-success: #1dc9b7;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #b57d6a;</code> Change your variables to following: <code>$color-primary: #868e96;</code>, <code>$color-success: #3A7D44;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #b57d6a;</code>
</small> </small>
</h4> </h4>
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px"> <div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">
@ -102,7 +102,7 @@
<h4 class="mb-g mt-2 text-center"> <h4 class="mb-g mt-2 text-center">
Skin "<strong>Ruby</strong>" <br> Skin "<strong>Ruby</strong>" <br>
<small> <small>
Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #1dc9b7;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #B82132;</code> Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #3A7D44;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #B82132;</code>
</small> </small>
</h4> </h4>
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px"> <div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">

View File

@ -79,7 +79,7 @@
</div> </div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block"> <div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#1dc9b7", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span> <span class="peity-line" data-peity='{ "fill": false, "stroke": "#3A7D44", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#B82132", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span> <span class="peity-line" data-peity='{ "fill": false, "stroke": "#B82132", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
@ -110,11 +110,11 @@
<div class="panel-container show"> <div class="panel-container show">
<div class="panel-content"> <div class="panel-content">
<div class="panel-tag"> <div class="panel-tag">
Example of line with filling. You can add fill by using inserting <code>data-peity='{ "fill": "#1dc9b7" }'</code> Example of line with filling. You can add fill by using inserting <code>data-peity='{ "fill": "#3A7D44" }'</code>
</div> </div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block"> <div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#1dc9b7", "stroke": "#179c8e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span> <span class="peity-line" data-peity='{ "fill": "#3A7D44", "stroke": "#179c8e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span> <span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span>
@ -156,13 +156,13 @@
<span class="peity-bar" data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span> <span class="peity-bar" data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#3674B5","#1dc9b7"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span> <span class="peity-bar" data-peity='{ "fill": ["#3674B5","#3A7D44"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#3674B5","#1dc9b7"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span> <span class="peity-bar" data-peity='{ "fill": ["#3674B5","#3A7D44"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#1dc9b7"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span> <span class="peity-bar" data-peity='{ "fill": ["#3A7D44"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span>
</div> </div>
</div> </div>
</div> </div>
@ -197,7 +197,7 @@
<span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span> <span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-pie" data-peity='{ "fill": ["#3674B5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span> <span class="peity-pie" data-peity='{ "fill": ["#3674B5","#3A7D44","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
</div> </div>
</div> </div>
</div> </div>
@ -236,7 +236,7 @@
<span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span> <span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-donut" data-peity='{ "fill": ["#3674B5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span> <span class="peity-donut" data-peity='{ "fill": ["#3674B5","#3A7D44","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
</div> </div>
</div> </div>
</div> </div>
@ -323,7 +323,7 @@
<span data-peity='{ "fill": ["#B82132", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span> <span data-peity='{ "fill": ["#B82132", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span>
<span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span> <span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span>
<span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span> <span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span>
<span data-peity='{ "fill": ["#1dc9b7", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span> <span data-peity='{ "fill": ["#3A7D44", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span>
<span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span> <span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span>
<span data-peity='{ "fill": ["#3674B5", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span> <span data-peity='{ "fill": ["#3674B5", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span>
<span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span> <span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span>

View File

@ -84,7 +84,7 @@
sparkType="line" sparkType="line"
sparkHeight="40" sparkHeight="40"
sparkWidth="110" sparkWidth="110"
sparkLineColor="#1dc9b7" sparkLineColor="#3A7D44"
sparkFillColor="false" sparkFillColor="false"
sparkLineWidth="2" sparkLineWidth="2"
values="5,3,9,6,5,9,7,3,5,2"></span> values="5,3,9,6,5,9,7,3,5,2"></span>

View File

@ -14,7 +14,7 @@ var myapp_get_color = {
success_200: '#4de5d5', success_200: '#4de5d5',
success_300: '#37e2d0', success_300: '#37e2d0',
success_400: '#21dfcb', success_400: '#21dfcb',
success_500: '#1dc9b7', success_500: '#3A7D44',
success_600: '#1ab3a3', success_600: '#1ab3a3',
success_700: '#179c8e', success_700: '#179c8e',
success_800: '#13867a', success_800: '#13867a',

View File

@ -2,7 +2,7 @@
========================================================================== */ ========================================================================== */
/* Looks good on chrome default color profile */ /* Looks good on chrome default color profile */
$color-primary: #3674B5; $color-primary: #3674B5;
$color-success: #1dc9b7; $color-success: #3A7D44;
$color-info: #2196F3; $color-info: #2196F3;
$color-warning: #ffc241; $color-warning: #ffc241;
$color-danger: #B82132; $color-danger: #B82132;

View File

@ -2,7 +2,7 @@
========================================================================== */ ========================================================================== */
/* Looks good on chrome default color profile */ /* Looks good on chrome default color profile */
$color-primary: #3674B5 !default; $color-primary: #3674B5 !default;
$color-success: #1dc9b7 !default; $color-success: #3A7D44 !default;
$color-info: #2196F3 !default; $color-info: #2196F3 !default;
$color-warning: #ffc241 !default; $color-warning: #ffc241 !default;
$color-danger: #B82132 !default; $color-danger: #B82132 !default;

View File

@ -1,7 +1,7 @@
/* #THEME COLOR (variable overrides) /* #THEME COLOR (variable overrides)
========================================================================== */ ========================================================================== */
$color-primary: #dd5293; $color-primary: #dd5293;
$color-success: #1dc9b7; $color-success: #3A7D44;
$color-info: #2196F3; $color-info: #2196F3;
$color-warning: #ffc241; $color-warning: #ffc241;
$color-danger: #B82132; $color-danger: #B82132;

View File

@ -1,7 +1,7 @@
/* #THEME COLOR (variable overrides) /* #THEME COLOR (variable overrides)
========================================================================== */ ========================================================================== */
$color-primary: #868e96; $color-primary: #868e96;
$color-success: #1dc9b7; $color-success: #3A7D44;
$color-info: #2196F3; $color-info: #2196F3;
$color-warning: #ffc241; $color-warning: #ffc241;
$color-danger: #b57d6a; $color-danger: #b57d6a;

View File

@ -1,5 +1,5 @@
@extends('layouts.master') @extends('layouts.master')
@section('title',$title)
@section('page-css') @section('page-css')
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datagrid/datatables/datatables.bundle.css')}}"> <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datagrid/datatables/datatables.bundle.css')}}">
@endsection @endsection

View File

@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<ul id="js-nav-menu" class="nav-menu"> <ul id="js-nav-menu" class="nav-menu">
<li class="active"> <li class="{{activeMenuClass('modules.dashboard') ? 'active' : ''}}">
<a href="{{url('dashboard')}}" title="Dashboard" data-filter-tags="application intel"> <a href="{{url('dashboard')}}" title="Dashboard" data-filter-tags="application intel">
<i class="fal fa-chart-line"></i> <i class="fal fa-chart-line"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Dashboard</span> <span class="nav-link-text" data-i18n="nav.application_intel">Dashboard</span>
@ -24,107 +24,6 @@
</li> </li>
{!! renderMenu() !!} {!! renderMenu() !!}
<!-- <li>
<a href="{{url('profile-sekolah')}}" title="Profile Sekolah" data-filter-tags="application intel">
<i class="fal fa-building"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Profile Sekolah</span>
</a>
</li>
<li>
<a href="{{url('kuesioner')}}" title="Kuesioner Leveling" data-filter-tags="application intel">
<i class="fal fa-edit"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Kuesioner Leveling</span>
</a>
</li>
<li>
<a href="#" title="Usulan CSA" data-filter-tags="Usulan CSA">
<i class="fal fa-trophy"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Usulan CSA</span>
</a>
<ul>
<li>
<a href="{{url('usulan/csak')}}" title="" data-filter-tags="application intel ">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAK</span>
</a>
</li>
<li>
<a href="{{url('usulan/csap')}}" title="" data-filter-tags="application intel ">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAP</span>
</a>
</li>
<li>
<a href="{{url('usulan/csan')}}" title="" data-filter-tags="application intel ">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAN</span>
</a>
</li>
<li>
<a href="{{url('usulan/csam')}}" title="" data-filter-tags="application intel ">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAM</span>
</a>
</li>
<li>
<a href="{{url('usulan/surat')}}" title="" data-filter-tags="application intel ">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Surat Usualan & Berita Acara</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Usulan CSA" data-filter-tags="Usulan CSA">
<i class="fal fa-trophy"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Perpanjangan CSA</span>
</a>
<ul>
<li>
<a href="{{url('perpanjangan/sak')}}">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAK</span>
</a>
</li>
<li>
<a href="{{url('perpanjangan/sap')}}">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAP</span>
</a>
</li>
<li>
<a href="{{url('perpanjangan/san')}}">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAN</span>
</a>
</li>
<li>
<a href="{{url('perpanjangan/sam')}}">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAM</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Penghargaan Daerah" data-filter-tags="Penghargaan Daerah">
<i class="fal fa-trophy"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Penghargaan Daerah</span>
</a>
<ul>
<li>
<a href="{{url('indikator')}}">
<i class="fal fa-caret-right"></i>
<span class="nav-link-text">Indikator Aspek</span>
</a>
</li>
</ul>
</li> -->
</ul> </ul>
<div class="filter-message js-filter-message bg-success-600"></div> <div class="filter-message js-filter-message bg-success-600"></div>
</nav> </nav>

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title> <title>
@yield('title') - Sekolah Adiwiyata {{$title}} - Sekolah Adiwiyata
</title> </title>
<meta name="description" content="Marketing Dashboard"> <meta name="description" content="Marketing Dashboard">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -19,6 +19,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico"> <link rel="icon" type="image/png" sizes="32x32" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico">
<link rel="mask-icon" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico" color="#5bbad5"> <link rel="mask-icon" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico" color="#5bbad5">
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}"> <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap-table.min.css')}}">
@yield('page-css') @yield('page-css')
</head> </head>
<body class="mod-bg-1 "> <body class="mod-bg-1 ">
@ -36,11 +37,7 @@
<!-- the #js-page-content id is needed for some plugins to initialize --> <!-- the #js-page-content id is needed for some plugins to initialize -->
<main id="js-page-content" role="main" class="page-content"> <main id="js-page-content" role="main" class="page-content">
@include('include.alert') @include('include.alert')
<ol class="breadcrumb page-breadcrumb"> @yield('breadcrumbs')
<li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
<li class="breadcrumb-item">Application Intel</li>
<li class="breadcrumb-item active">Marketing Dashboard</li>
</ol>
@yield('content') @yield('content')
</main> </main>
<!-- this overlay is activated only when mobile menu is triggered --> <!-- this overlay is activated only when mobile menu is triggered -->
@ -105,6 +102,7 @@
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script> <script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
<script src="{{asset('assets/js/app.bundle.js')}}"></script> <script src="{{asset('assets/js/app.bundle.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
@yield('page-js') @yield('page-js')
</body> </body>
</html> </html>

View File

@ -0,0 +1,65 @@
@extends('layouts.master')
@section('page-css')
@endsection
@section('breadcrumbs')
<ol class="breadcrumb page-breadcrumb">
@foreach($breadcrumbs as $dataBread)
<li class="breadcrumb-item {{@$dataBread['active'] == true ? 'active' : ''}}">
@if(@$dataBread['url'])
<a href="{{@$dataBread['url']}}">{{$dataBread['name']}}</a>
@else
{{$dataBread['name']}}
@endif
</li>
@endforeach
</ol>
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
<i class='subheader-icon fal fa-chart-area'></i> {{$title}}
</h1>
</div>
<div class="row">
<div class="col-lg-12">
<div id="panel-4" class="panel">
<div class="panel-container show">
<div class="panel-content">
<div id="toolbar">
<button id="btn-add" class="btn btn-primary">
<i class="fal fa-plus"></i> Tambah Data
</button>
</div>
<table class="table table-bordered table-hover table-striped w-100"
data-search="true"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-url="{{route($route.'.grid')}}"
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead>
<tr class="table-primary text-white">
<th data-width="50" data-field="action">#</th>
<th data-width="50" data-field="no">No</th>
<th data-field="name">Name</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
@endsection
@section('page-js')
@endsection

View File

@ -0,0 +1,68 @@
@extends('layouts.master')
@section('page-css')
@endsection
@section('breadcrumbs')
<ol class="breadcrumb page-breadcrumb">
@foreach($breadcrumbs as $dataBread)
<li class="breadcrumb-item {{@$dataBread['active'] == true ? 'active' : ''}}">
@if(@$dataBread['url'])
<a href="{{@$dataBread['url']}}">{{$dataBread['name']}}</a>
@else
{{$dataBread['name']}}
@endif
</li>
@endforeach
</ol>
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
<i class='subheader-icon fal fa-chart-area'></i> {{$title}}
</h1>
</div>
<div class="row">
<div class="col-lg-12">
<div id="panel-4" class="panel">
<div class="panel-container show">
<div class="panel-content">
<div id="toolbar">
<button id="btn-add" class="btn btn-primary">
<i class="fal fa-plus"></i> Tambah Data
</button>
</div>
<table class="table table-bordered table-hover table-striped w-100"
data-search="true"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-url="{{route($route.'.grid')}}"
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead>
<tr class="table-success">
<th data-field="action">#</th>
<th data-field="no">No</th>
<th data-field="name">Name</th>
<th data-field="username">Username/NPSN</th>
<th data-field="email">Email</th>
<th data-field="created_at">Created At</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
@endsection
@section('page-js')
@endsection

View File

@ -11,8 +11,9 @@ use App\Http\Controllers\Management\RoleController;
Route::get('dashboard',[HomeController::class,'dashboard'])->name('dashboard'); Route::get('dashboard',[HomeController::class,'dashboard'])->name('dashboard');
Route::get('/profile-sekolah', function () { Route::get('/profile-sekolah', function () {
return view('profile'); $data['title'] = 'Profile Sekolah';
}); return view('profile',$data);
})->name('profile.*');
Route::name('master.')->prefix('master')->group(function () { Route::name('master.')->prefix('master')->group(function () {
Route::resource('indikator',IndikatorController::class); Route::resource('indikator',IndikatorController::class);
@ -20,6 +21,15 @@ Route::name('master.')->prefix('master')->group(function () {
}); });
Route::name('management.')->prefix('management')->group(function () { Route::name('management.')->prefix('management')->group(function () {
Route::resource('user',UserController::class); Route::name('user.')->prefix('user')->group(function () {
Route::resource('role',RoleController::class); Route::resource('/',UserController::class);
Route::get('grid',[UserController::class,'grid'])->name('grid');
});
Route::name('role.')->prefix('role')->group(function () {
Route::resource('/',RoleController::class);
Route::get('grid',[RoleController::class,'grid'])->name('grid');
});
}); });