BFLOWS/bflows-bandi-fe
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- added main layout, sidebar, toolbar;

Browse Source 
- started dashboard page, added first widget;
- created new theme 'gepafin' - styles for the app;
This commit is contained in:
Vitalii Kiiko
2024-08-12 16:55:30 +02:00
parent 9eb9dc40d8
commit c09127a675
137 changed files with 12038 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/scss/gepafin/_extensions.scss Normal file
View File

@@ -0,0 +1 @@
/* Customizations to the designer theme should be defined here */

0
src/assets/scss/gepafin/_fonts.scss Normal file
View File

87
src/assets/scss/gepafin/_variables.scss Normal file
View File

@@ -0,0 +1,87 @@
$primaryColor: #4A644E;
$primaryDarkColor: #4A644E;
$primaryDarkerColor: #4A644E;
$primaryTextColor: #ffffff;
$chipBg: $primaryColor;
$chipTextColor: $primaryTextColor;
$chipBorderRadius: 16px !default;
$chipFocusBg: $primaryColor;
$chipFocusTextColor: $primaryTextColor;
$colors: (
"blue": #2196F3,
"green": #4caf50,
"yellow": #FBC02D,
"cyan": #00BCD4,
"pink": #E91E63,
"indigo": #3F51B5,
"teal": #009688,
"orange": #F57C00,
"bluegray": #607D8B,
"purple": #9C27B0,
"red": #FF4032,
"primary": $primaryColor
);
@import './variables/_general.scss';
@import './variables/_form.scss';
@import './variables/_button.scss';
@import './variables/_panel.scss';
@import './variables/_data.scss';
@import './variables/_overlay.scss';
@import './variables/_message.scss';
@import './variables/_menu.scss';
@import './variables/_media.scss';
@import './variables/_misc.scss';
:root {
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--surface-a:#ffffff;
--surface-b:#f8f9fa;
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#4B5563;
--text-color-secondary:#6B7280;
--primary-color:#4A644E;
--primary-color-text:#ffffff;
--surface-0: #ffffff;
--surface-50: #FAFAFA;
--surface-100: #F5F5F5;
--surface-200: #EEEEEE;
--surface-300: #E0E0E0;
--surface-400: #BDBDBD;
--surface-500: #9E9E9E;
--surface-600: #757575;
--surface-700: #616161;
--surface-800: #424242;
--surface-900: #212121;
--gray-50: #FAFAFA;
--gray-100: #F5F5F5;
--gray-200: #EEEEEE;
--gray-300: #E0E0E0;
--gray-400: #BDBDBD;
--gray-500: #9E9E9E;
--gray-600: #757575;
--gray-700: #616161;
--gray-800: #424242;
--gray-900: #212121;
--content-padding:#{$panelContentPadding};
--inline-spacing:#{$inlineSpacing};
--border-radius:#{$borderRadius};
--surface-ground:#EFF3F8;
--surface-section:#ffffff;
--surface-card:#ffffff;
--surface-overlay:#ffffff;
--surface-border:#DFE7EF;
--surface-hover:#F6F9FC;
--focus-ring: #{$focusShadow};
--maskbg: #{$maskBg};
--highlight-bg: #{$highlightBg};
--highlight-text-color: #{$highlightTextColor};
color-scheme: light;
}

4
src/assets/scss/gepafin/gepafin-theme.scss Normal file
View File

@@ -0,0 +1,4 @@
@import './_variables.scss';
@import './_fonts.scss';
@import '../theme-base/_components.scss';
@import './_extensions.scss';

1
src/assets/scss/gepafin/sassdoc/assets/css/main.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
src/assets/scss/gepafin/sassdoc/assets/images/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

1
src/assets/scss/gepafin/sassdoc/assets/images/logo_full_compact.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

1
src/assets/scss/gepafin/sassdoc/assets/images/logo_full_inline.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

1
src/assets/scss/gepafin/sassdoc/assets/images/logo_light_compact.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

1
src/assets/scss/gepafin/sassdoc/assets/images/logo_light_inline.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

56
src/assets/scss/gepafin/sassdoc/assets/js/main.js Normal file
View File

@@ -0,0 +1,56 @@
/* global document */
(function ($, global) {
'use strict';
// Constructor
var App = function (conf) {
this.conf = $.extend({
// Search module
search: new global.Search(),
// Sidebar module
sidebar: new global.Sidebar(),
// Initialisation
init: true
}, conf || {});
// Launch the module
if (this.conf.init !== false) {
this.initialize();
}
};
// Initialisation method
App.prototype.initialize = function () {
this.codePreview();
};
// Toggle code preview collapsed/expanded modes
App.prototype.codePreview = function () {
var $item;
var $code;
var switchTo;
$('.item__code--togglable').on('click', function () {
$item = $(this);
$code = $item.find('code');
switchTo = $item.attr('data-current-state') === 'expanded' ? 'collapsed' : 'expanded';
$item.attr('data-current-state', switchTo);
$code.html($item.attr('data-' + switchTo));
Prism.highlightElement($code[0]);
});
};
global.App = App;
}(window.jQuery, window));
(function ($, global) {
$(document).ready(function () {
var app = new global.App();
});
}(window.jQuery, window));

1
src/assets/scss/gepafin/sassdoc/assets/js/main.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

146
src/assets/scss/gepafin/sassdoc/assets/js/search.js Normal file
View File

@@ -0,0 +1,146 @@
(function ($, global) {
var Search = function (conf) {
this.conf = $.extend({
// Search DOM
search: {
items: '.sassdoc__item',
input: '#js-search-input',
form: '#js-search',
suggestionsWrapper: '#js-search-suggestions'
},
// Fuse options
fuse: {
keys: ['name'],
threshold: 0.3
},
init: true
}, conf || {});
if (this.conf.init === true) {
this.initialize();
}
};
Search.prototype.initialize = function () {
// Fuse engine instanciation
this.index = new Fuse($.map($(this.conf.search.items), function (item) {
var $item = $(item);
return {
group: $item.data('group'),
name: $item.data('name'),
type: $item.data('type'),
node: $item
};
}), this.conf.fuse);
this.initializeSearch();
};
// Fill DOM with search suggestions
Search.prototype.fillSuggestions = function (items) {
var searchSuggestions = $(this.conf.search.suggestionsWrapper);
searchSuggestions.html('');
var suggestions = $.map(items.slice(0, 10), function (item) {
var $li = $('<li />', {
'data-group': item.group,
'data-type': item.type,
'data-name': item.name,
'html': '<a href="#' + item.group + '-' + item.type + '-' + item.name + '"><code>' + item.type.slice(0, 3) + '</code> ' + item.name + '</a>'
});
searchSuggestions.append($li);
return $li;
});
return suggestions;
};
// Perform a search on a given term
Search.prototype.search = function (term) {
return this.fillSuggestions(this.index.search(term));
};
// Search logic
Search.prototype.initializeSearch = function () {
var searchForm = $(this.conf.search.form);
var searchInput = $(this.conf.search.input);
var searchSuggestions = $(this.conf.search.suggestionsWrapper);
var currentSelection = -1;
var suggestions = [];
var selected;
var self = this;
// Clicking on a suggestion
searchSuggestions.on('click', function (e) {
var target = $(event.target);
if (target.nodeName === 'A') {
searchInput.val(target.parent().data('name'));
suggestions = self.fillSuggestions([]);
}
});
// Filling the form
searchForm.on('keyup', function (e) {
e.preventDefault();
// Enter
if (e.keyCode === 13) {
if (selected) {
suggestions = self.fillSuggestions([]);
searchInput.val(selected.data('name'));
window.location = selected.children().first().attr('href');
}
e.stopPropagation();
}
// KeyDown
if (e.keyCode === 40) {
currentSelection = (currentSelection + 1) % suggestions.length;
}
// KeyUp
if (e.keyCode === 38) {
currentSelection = currentSelection - 1;
if (currentSelection < 0) {
currentSelection = suggestions.length - 1;
}
}
if (suggestions[currentSelection]) {
if (selected) {
selected.removeClass('selected');
}
selected = suggestions[currentSelection];
selected.addClass('selected');
}
});
searchInput.on('keyup', function (e) {
if (e.keyCode !== 40 && e.keyCode !== 38) {
currentSelection = -1;
suggestions = self.search($(this).val());
}
else {
e.preventDefault();
}
}).on('search', function () {
suggestions = self.search($(this).val());
});
};
global.Search = Search;
}(window.jQuery, window));

163
src/assets/scss/gepafin/sassdoc/assets/js/sidebar.js Normal file
View File

@@ -0,0 +1,163 @@
(function ($, global) {
var Sidebar = function (conf) {
this.conf = $.extend({
// Collapsed class
collapsedClass: 'is-collapsed',
// Storage key
storageKey: '_sassdoc_sidebar_index',
// Index attribute
indexAttribute: 'data-slug',
// Toggle button
toggleBtn: '.js-btn-toggle',
// Automatic initialization
init: true
}, conf || {});
if (this.conf.init === true) {
this.initialize();
}
};
/**
* Initialize module
*/
Sidebar.prototype.initialize = function () {
this.conf.nodes = $('[' + this.conf.indexAttribute + ']');
this.load();
this.updateDOM();
this.bind();
this.loadToggle();
};
/**
* Load sidebar toggle
*/
Sidebar.prototype.loadToggle = function () {
$('<span />', {
'class': 'layout-toggle',
'html': '&times;',
'data-alt': '&#8594;'
}).appendTo( $('.header') );
$('.layout-toggle').on('click', function () {
var $this = $(this);
var alt;
$('body').toggleClass('sidebar-closed');
alt = $this.html();
$this.html($this.data('alt'));
$this.data('alt', alt);
});
};
/**
* Load data from storage or create fresh index
*/
Sidebar.prototype.load = function () {
var index = 'localStorage' in global ?
global.localStorage.getItem(this.conf.storageKey) :
null;
this.index = index ? JSON.parse(index) : this.buildIndex();
};
/**
* Build a fresh index
*/
Sidebar.prototype.buildIndex = function () {
var index = {};
var $item;
this.conf.nodes.each($.proxy(function (index, item) {
$item = $(item);
index[$item.attr(this.conf.indexAttribute)] = !$item.hasClass(this.conf.collapsedClass);
}, this));
return index;
};
/**
* Update DOM based on index
*/
Sidebar.prototype.updateDOM = function () {
var item;
for (item in this.index) {
if (this.index[item] === false) {
$('[' + this.conf.indexAttribute + '="' + item + '"]').addClass(this.conf.collapsedClass);
}
}
};
/**
* Save index in storage
*/
Sidebar.prototype.save = function () {
if (!('localStorage' in global)) {
return;
}
global.localStorage.setItem(this.conf.storageKey, JSON.stringify(this.index));
};
/**
* Bind UI events
*/
Sidebar.prototype.bind = function () {
var $item, slug, fn, text;
var collapsed = false;
// Save index in localStorage
global.onbeforeunload = $.proxy(function () {
this.save();
}, this);
// Toggle all
$(this.conf.toggleBtn).on('click', $.proxy(function (event) {
$node = $(event.target);
text = $node.attr('data-alt');
$node.attr('data-alt', $node.text());
$node.text(text);
fn = collapsed === true ? 'removeClass' : 'addClass';
this.conf.nodes.each($.proxy(function (index, item) {
$item = $(item);
slug = $item.attr(this.conf.indexAttribute);
this.index[slug] = collapsed;
$('[' + this.conf.indexAttribute + '="' + slug + '"]')[fn](this.conf.collapsedClass);
}, this));
collapsed = !collapsed;
this.save();
}, this));
// Toggle item
this.conf.nodes.on('click', $.proxy(function (event) {
$item = $(event.target);
slug = $item.attr(this.conf.indexAttribute);
// Update index
this.index[slug] = !this.index[slug];
// Update DOM
$item.toggleClass(this.conf.collapsedClass);
}, this));
};
global.Sidebar = Sidebar;
}(window.jQuery, window));

20
src/assets/scss/gepafin/sassdoc/assets/js/vendor/fuse.min.js vendored Normal file
View File

@@ -0,0 +1,20 @@
/**
* @license
* Fuse - Lightweight fuzzy-search
*
* Copyright (c) 2012 Kirollos Risk <kirollos@gmail.com>.
* All Rights Reserved. Apache Software License 2.0
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
!function(t){function e(t,n){this.list=t,this.options=n=n||{};var i,o,s;for(i=0,keys=["sort","includeScore","shouldSort"],o=keys.length;o>i;i++)s=keys[i],this.options[s]=s in n?n[s]:e.defaultOptions[s];for(i=0,keys=["searchFn","sortFn","keys","getFn"],o=keys.length;o>i;i++)s=keys[i],this.options[s]=n[s]||e.defaultOptions[s]}var n=function(t,e){if(e=e||{},this.options=e,this.options.location=e.location||n.defaultOptions.location,this.options.distance="distance"in e?e.distance:n.defaultOptions.distance,this.options.threshold="threshold"in e?e.threshold:n.defaultOptions.threshold,this.options.maxPatternLength=e.maxPatternLength||n.defaultOptions.maxPatternLength,this.pattern=e.caseSensitive?t:t.toLowerCase(),this.patternLen=t.length,this.patternLen>this.options.maxPatternLength)throw new Error("Pattern length is too long");this.matchmask=1<<this.patternLen-1,this.patternAlphabet=this._calculatePatternAlphabet()};n.defaultOptions={location:0,distance:100,threshold:.6,maxPatternLength:32},n.prototype._calculatePatternAlphabet=function(){var t={},e=0;for(e=0;e<this.patternLen;e++)t[this.pattern.charAt(e)]=0;for(e=0;e<this.patternLen;e++)t[this.pattern.charAt(e)]|=1<<this.pattern.length-e-1;return t},n.prototype._bitapScore=function(t,e){var n=t/this.patternLen,i=Math.abs(this.options.location-e);return this.options.distance?n+i/this.options.distance:i?1:n},n.prototype.search=function(t){if(t=this.options.caseSensitive?t:t.toLowerCase(),this.pattern===t)return{isMatch:!0,score:0};var e,n,i,o,s,r,a,h,p,c=t.length,l=this.options.location,u=this.options.threshold,f=t.indexOf(this.pattern,l),d=this.patternLen+c,g=1,m=[];for(-1!=f&&(u=Math.min(this._bitapScore(0,f),u),f=t.lastIndexOf(this.pattern,l+this.patternLen),-1!=f&&(u=Math.min(this._bitapScore(0,f),u))),f=-1,e=0;e<this.patternLen;e++){for(i=0,o=d;o>i;)this._bitapScore(e,l+o)<=u?i=o:d=o,o=Math.floor((d-i)/2+i);for(d=o,s=Math.max(1,l-o+1),r=Math.min(l+o,c)+this.patternLen,a=Array(r+2),a[r+1]=(1<<e)-1,n=r;n>=s;n--)if(p=this.patternAlphabet[t.charAt(n-1)],a[n]=0===e?(a[n+1]<<1|1)&p:(a[n+1]<<1|1)&p|((h[n+1]|h[n])<<1|1)|h[n+1],a[n]&this.matchmask&&(g=this._bitapScore(e,n-1),u>=g)){if(u=g,f=n-1,m.push(f),!(f>l))break;s=Math.max(1,2*l-f)}if(this._bitapScore(e+1,l)>u)break;h=a}return{isMatch:f>=0,score:g}};var i={deepValue:function(t,e){for(var n=0,e=e.split("."),i=e.length;i>n;n++){if(!t)return null;t=t[e[n]]}return t}};e.defaultOptions={id:null,caseSensitive:!1,includeScore:!1,shouldSort:!0,searchFn:n,sortFn:function(t,e){return t.score-e.score},getFn:i.deepValue,keys:[]},e.prototype.search=function(t){var e,n,o,s,r,a=new this.options.searchFn(t,this.options),h=this.list,p=h.length,c=this.options,l=this.options.keys,u=l.length,f=[],d={},g=[],m=function(t,e,n){void 0!==t&&null!==t&&"string"==typeof t&&(s=a.search(t),s.isMatch&&(r=d[n],r?r.score=Math.min(r.score,s.score):(d[n]={item:e,score:s.score},f.push(d[n]))))};if("string"==typeof h[0])for(var e=0;p>e;e++)m(h[e],e,e);else for(var e=0;p>e;e++)for(o=h[e],n=0;u>n;n++)m(this.options.getFn(o,l[n]),o,e);c.shouldSort&&f.sort(c.sortFn);for(var y=c.includeScore?function(t){return f[t]}:function(t){return f[t].item},L=c.id?function(t){return i.deepValue(y(t),c.id)}:function(t){return y(t)},e=0,v=f.length;v>e;e++)g.push(L(e));return g},"object"==typeof exports?module.exports=e:"function"==typeof define&&define.amd?define(function(){return e}):t.Fuse=e}(this);

4
src/assets/scss/gepafin/sassdoc/assets/js/vendor/jquery.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

9
src/assets/scss/gepafin/sassdoc/assets/js/vendor/prism.min.js vendored Normal file
View File

@@ -0,0 +1,9 @@
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+css-extras+clike+javascript+scss */
var self=typeof window!="undefined"?window:{},Prism=function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{encode:function(e){return e instanceof n?new n(e.type,t.util.encode(e.content)):t.util.type(e)==="Array"?e.map(t.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var r={};for(var i in e)e.hasOwnProperty(i)&&(r[i]=t.util.clone(e[i]));return r;case"Array":return e.slice()}return e}},languages:{extend:function(e,n){var r=t.util.clone(t.languages[e]);for(var i in n)r[i]=n[i];return r},insertBefore:function(e,n,r,i){i=i||t.languages;var s=i[e],o={};for(var u in s)if(s.hasOwnProperty(u)){if(u==n)for(var a in r)r.hasOwnProperty(a)&&(o[a]=r[a]);o[u]=s[u]}return i[e]=o},DFS:function(e,n){for(var r in e){n.call(e,r,e[r]);t.util.type(e)==="Object"&&t.languages.DFS(e[r],n)}}},highlightAll:function(e,n){var r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');for(var i=0,s;s=r[i++];)t.highlightElement(s,e===!0,n)},highlightElement:function(r,i,s){var o,u,a=r;while(a&&!e.test(a.className))a=a.parentNode;if(a){o=(a.className.match(e)||[,""])[1];u=t.languages[o]}if(!u)return;r.className=r.className.replace(e,"").replace(/\s+/g," ")+" language-"+o;a=r.parentNode;/pre/i.test(a.nodeName)&&(a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+o);var f=r.textContent;if(!f)return;var l={element:r,language:o,grammar:u,code:f};t.hooks.run("before-highlight",l);if(i&&self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){l.highlightedCode=n.stringify(JSON.parse(e.data),o);t.hooks.run("before-insert",l);l.element.innerHTML=l.highlightedCode;s&&s.call(l.element);t.hooks.run("after-highlight",l)};c.postMessage(JSON.stringify({language:l.language,code:l.code}))}else{l.highlightedCode=t.highlight(l.code,l.grammar,l.language);t.hooks.run("before-insert",l);l.element.innerHTML=l.highlightedCode;s&&s.call(r);t.hooks.run("after-highlight",l)}},highlight:function(e,r,i){var s=t.tokenize(e,r);return n.stringify(t.util.encode(s),i)},tokenize:function(e,n,r){var i=t.Token,s=[e],o=n.rest;if(o){for(var u in o)n[u]=o[u];delete n.rest}e:for(var u in n){if(!n.hasOwnProperty(u)||!n[u])continue;var a=n[u],f=a.inside,l=!!a.lookbehind,c=0;a=a.pattern||a;for(var h=0;h<s.length;h++){var p=s[h];if(s.length>e.length)break e;if(p instanceof i)continue;a.lastIndex=0;var d=a.exec(p);if(d){l&&(c=d[1].length);var v=d.index-1+c,d=d[0].slice(c),m=d.length,g=v+m,y=p.slice(0,v+1),b=p.slice(g+1),w=[h,1];y&&w.push(y);var E=new i(u,f?t.tokenize(d,f):d);w.push(E);b&&w.push(b);Array.prototype.splice.apply(s,w)}}}return s},hooks:{all:{},add:function(e,n){var r=t.hooks.all;r[e]=r[e]||[];r[e].push(n)},run:function(e,n){var r=t.hooks.all[e];if(!r||!r.length)return;for(var i=0,s;s=r[i++];)s(n)}}},n=t.Token=function(e,t){this.type=e;this.content=t};n.stringify=function(e,r,i){if(typeof e=="string")return e;if(Object.prototype.toString.call(e)=="[object Array]")return e.map(function(t){return n.stringify(t,r,e)}).join("");var s={type:e.type,content:n.stringify(e.content,r,i),tag:"span",classes:["token",e.type],attributes:{},language:r,parent:i};s.type=="comment"&&(s.attributes.spellcheck="true");t.hooks.run("wrap",s);var o="";for(var u in s.attributes)o+=u+'="'+(s.attributes[u]||"")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'" '+o+">"+s.content+"</"+s.tag+">"};if(!self.document){if(!self.addEventListener)return self.Prism;self.addEventListener("message",function(e){var n=JSON.parse(e.data),r=n.language,i=n.code;self.postMessage(JSON.stringify(t.tokenize(i,t.languages[r])));self.close()},!1);return self.Prism}var r=document.getElementsByTagName("script");r=r[r.length-1];if(r){t.filename=r.src;document.addEventListener&&!r.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)}return self.Prism}();typeof module!="undefined"&&module.exports&&(module.exports=Prism);;
Prism.languages.markup={comment:/<!--[\w\W]*?-->/g,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|[^\s'">=]+))?\s*)*\/?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|>|"/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/\&#?[\da-z]{1,8};/gi};Prism.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&amp;/,"&"))});;
Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*{))/gi,inside:{punctuation:/[;:]/g}},url:/url\((["']?).*?\1\)/gi,selector:/[^\{\}\s][^\{\};]*(?=\s*\{)/g,property:/(\b|\B)[\w-]+(?=\s*:)/ig,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,punctuation:/[\{\};:]/g,"function":/[-a-z0-9]+(?=\()/ig};Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/<style[\w\W]*?>[\w\W]*?<\/style>/ig,inside:{tag:{pattern:/<style[\w\W]*?>|<\/style>/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}});;
Prism.languages.css.selector={pattern:/[^\{\}\s][^\{\}]*(?=\s*\{)/g,inside:{"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/g,"pseudo-class":/:[-\w]+(?:\(.*\))?/g,"class":/\.[-:\.\w]+/g,id:/#[-:\.\w]+/g}};Prism.languages.insertBefore("css","ignore",{hexcode:/#[\da-f]{3,6}/gi,entity:/\\[\da-f]{1,8}/gi,number:/[\d%\.]+/g});;
Prism.languages.clike={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/ig,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/g,"boolean":/\b(true|false)\b/g,"function":{pattern:/[a-z0-9_]+\(/ig,inside:{punctuation:/\(/}},number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|\~|\^|\%/g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g};;
Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|function|get|if|implements|import|in|instanceof|interface|let|new|null|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/g,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?|NaN|-?Infinity)\b/g});Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0}});Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/<script[\w\W]*?>[\w\W]*?<\/script>/ig,inside:{tag:{pattern:/<script[\w\W]*?>|<\/script>/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript}}});
;
Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|\/\/.*?(\r?\n|$))/g,lookbehind:!0},atrule:/@[\w-]+(?=\s+(\(|\{|;))/gi,url:/([-a-z]+-)*url(?=\()/gi,selector:/([^@;\{\}\(\)]?([^@;\{\}\(\)]|&|\#\{\$[-_\w]+\})+)(?=\s*\{(\}|\s|[^\}]+(:|\{)[^\}]+))/gm});Prism.languages.insertBefore("scss","atrule",{keyword:/@(if|else if|else|for|each|while|import|extend|debug|warn|mixin|include|function|return|content)|(?=@for\s+\$[-_\w]+\s)+from/i});Prism.languages.insertBefore("scss","property",{variable:/((\$[-_\w]+)|(#\{\$[-_\w]+\}))/i});Prism.languages.insertBefore("scss","ignore",{placeholder:/%[-_\w]+/i,statement:/\B!(default|optional)\b/gi,"boolean":/\b(true|false)\b/g,"null":/\b(null)\b/g,operator:/\s+([-+]{1,2}|={1,2}|!=|\|?\||\?|\*|\/|\%)\s+/g});;

324
src/assets/scss/gepafin/variables/_button.scss Normal file
View File

@@ -0,0 +1,324 @@
$buttonPadding: .5rem 1rem;
$buttonIconOnlyWidth: 2.357rem;
$buttonIconOnlyPadding: .5rem 0;
$buttonBg: $primaryColor;
$buttonTextColor: $primaryTextColor;
$buttonBorder: 1px solid $primaryColor;
$buttonHoverBg: $primaryDarkColor;
$buttonTextHoverColor: $primaryTextColor;
$buttonHoverBorderColor: $primaryDarkColor;
$buttonActiveBg: $primaryDarkerColor;
$buttonTextActiveColor: $primaryTextColor;
$buttonActiveBorderColor: $primaryDarkerColor;
$raisedButtonShadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
$roundedButtonBorderRadius: 2rem;
$textButtonHoverBgOpacity:.04;
$textButtonActiveBgOpacity:.16;
$outlinedButtonBorder:1px solid;
$plainButtonTextColor:#6c757d;
$plainButtonHoverBgColor:#e9ecef;
$plainButtonActiveBgColor:#dee2e6;
$secondaryButtonBg: #607D8B;
$secondaryButtonTextColor: #ffffff;
$secondaryButtonBorder: 1px solid #607D8B;
$secondaryButtonHoverBg: #546E7A;
$secondaryButtonTextHoverColor: #ffffff;
$secondaryButtonHoverBorderColor: #546E7A;
$secondaryButtonActiveBg: #455A64;
$secondaryButtonTextActiveColor: #ffffff;
$secondaryButtonActiveBorderColor: #455A64;
$secondaryButtonFocusShadow: 0 0 0 0.2rem #B0BEC5;
$infoButtonBg: #03A9F4;
$infoButtonTextColor: #ffffff;
$infoButtonBorder: 1px solid #03A9F4;
$infoButtonHoverBg: #039BE5;
$infoButtonTextHoverColor: #ffffff;
$infoButtonHoverBorderColor: #039BE5;
$infoButtonActiveBg: #0288D1;
$infoButtonTextActiveColor: #ffffff;
$infoButtonActiveBorderColor: #0288D1;
$infoButtonFocusShadow: 0 0 0 0.2rem lighten($infoButtonBg, 35%);
$successButtonBg: #4CAF50;
$successButtonTextColor: #ffffff;
$successButtonBorder: 1px solid #4CAF50;
$successButtonHoverBg: #43A047;
$successButtonTextHoverColor: #ffffff;
$successButtonHoverBorderColor: #43A047;
$successButtonActiveBg: #388E3C;
$successButtonTextActiveColor: #ffffff;
$successButtonActiveBorderColor: #388E3C;
$successButtonFocusShadow: 0 0 0 0.2rem lighten($successButtonBg, 35%);
$warningButtonBg: #FFC107;
$warningButtonTextColor: $textColor;
$warningButtonBorder: 1px solid #FFC107;
$warningButtonHoverBg: #FFB300;
$warningButtonTextHoverColor: $textColor;
$warningButtonHoverBorderColor: #FFB300;
$warningButtonActiveBg: #FFA000;
$warningButtonTextActiveColor: $textColor;
$warningButtonActiveBorderColor: #FFA000;
$warningButtonFocusShadow: 0 0 0 0.2rem lighten($warningButtonBg, 35%);
$helpButtonBg:#9C27B0;
$helpButtonTextColor:#ffffff;
$helpButtonBorder:1px solid #9C27B0;
$helpButtonHoverBg:#8E24AA;
$helpButtonTextHoverColor:#ffffff;
$helpButtonHoverBorderColor:#8E24AA;
$helpButtonActiveBg:#7B1FA2;
$helpButtonTextActiveColor:#ffffff;
$helpButtonActiveBorderColor:#7B1FA2;
$helpButtonFocusShadow:0 0 0 0.2rem #CE93D8;
$dangerButtonBg: #f44336;
$dangerButtonTextColor: #ffffff;
$dangerButtonBorder: 1px solid #f44336;
$dangerButtonHoverBg: #e53935;
$dangerButtonTextHoverColor: #ffffff;
$dangerButtonHoverBorderColor: #e53935;
$dangerButtonActiveBg: #d32f2f;
$dangerButtonTextActiveColor: #ffffff;
$dangerButtonActiveBorderColor: #d32f2f;
$dangerButtonFocusShadow: 0 0 0 0.2rem lighten($dangerButtonBg, 35%);
$linkButtonColor:$primaryDarkerColor;
$linkButtonHoverColor:$primaryDarkerColor;
$linkButtonTextHoverDecoration:underline;
$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor;
$toggleButtonBg: #ffffff;
$toggleButtonBorder: 1px solid #ced4da;
$toggleButtonTextColor: $textColor;
$toggleButtonIconColor: $textSecondaryColor;
$toggleButtonHoverBg: #e9ecef;
$toggleButtonHoverBorderColor: #ced4da;
$toggleButtonTextHoverColor: $textColor;
$toggleButtonIconHoverColor: $textSecondaryColor;
$toggleButtonActiveBg: $primaryColor;
$toggleButtonActiveBorderColor: $primaryColor;
$toggleButtonTextActiveColor: $primaryTextColor;
$toggleButtonIconActiveColor: $primaryTextColor;
$toggleButtonActiveHoverBg: $primaryDarkColor;
$toggleButtonActiveHoverBorderColor: $primaryDarkColor;
$toggleButtonTextActiveHoverColor: $primaryTextColor;
$toggleButtonIconActiveHoverColor: $primaryTextColor;
$speedDialButtonWidth: 4rem;
$speedDialButtonHeight: 4rem;
$speedDialButtonIconFontSize: 1.3rem;
$speedDialActionWidth: 3rem;
$speedDialActionHeight: 3rem;
$speedDialActionBg: #495057;
$speedDialActionHoverBg: #343a40;
$speedDialActionTextColor: #fff;
$speedDialActionTextHoverColor: #fff;

350
src/assets/scss/gepafin/variables/_data.scss Normal file
View File

@@ -0,0 +1,350 @@
$paginatorBg: #ffffff;
$paginatorTextColor: $textSecondaryColor;
$paginatorBorder: solid #e9ecef;
$paginatorBorderWidth: 0;
$paginatorPadding: .5rem 1rem;
$paginatorElementWidth: $buttonIconOnlyWidth;
$paginatorElementHeight: $buttonIconOnlyWidth;
$paginatorElementBg: transparent;
$paginatorElementBorder: 0 none;
$paginatorElementIconColor: $textSecondaryColor;
$paginatorElementHoverBg: #e9ecef;
$paginatorElementHoverBorderColor: transparent;
$paginatorElementIconHoverColor: $textSecondaryColor;
$paginatorElementBorderRadius: $borderRadius;
$paginatorElementMargin: .143rem;
$paginatorElementPadding: 0;
$tableHeaderBorder: 1px solid #e9ecef;
$tableHeaderBorderWidth: 0 0 1px 0;
$tableHeaderBg: #f8f9fa;
$tableHeaderTextColor: $textColor;
$tableHeaderFontWeight: 600;
$tableHeaderPadding: 1rem 1rem;
$tableHeaderCellPadding: 1rem 1rem;
$tableHeaderCellBg: #f8f9fa;
$tableHeaderCellTextColor: $textColor;
$tableHeaderCellFontWeight: 600;
$tableHeaderCellBorder: 1px solid #e9ecef;
$tableHeaderCellBorderWidth: 0 0 1px 0;
$tableHeaderCellHoverBg: #e9ecef;
$tableHeaderCellTextHoverColor: $textColor;
$tableHeaderCellIconColor: $textSecondaryColor;
$tableHeaderCellIconHoverColor: $textSecondaryColor;
$tableHeaderCellHighlightBg:#f8f9fa;
$tableHeaderCellHighlightTextColor:$primaryColor;
$tableHeaderCellHighlightHoverBg:#e9ecef;
$tableHeaderCellHighlightTextHoverColor:$primaryColor;
$tableSortableColumnBadgeSize: 1.143rem;
$tableBodyRowBg: #ffffff;
$tableBodyRowTextColor: $textColor;
$tableBodyRowEvenBg: #ffffff;
$tableBodyRowHoverBg: #e9ecef;
$tableBodyRowTextHoverColor: $textColor;
$tableBodyCellBorder: 1px solid rgba(0,0,0,0.08);
$tableBodyCellBorderWidth: 0 0 1px 0;
$tableBodyCellPadding: 1rem 1rem;
$tableFooterCellPadding: 1rem 1rem;
$tableFooterCellBg: #f8f9fa;
$tableFooterCellTextColor: $textColor;
$tableFooterCellFontWeight: 600;
$tableFooterCellBorder: 1px solid #e9ecef;
$tableFooterCellBorderWidth: 0 0 1px 0;
$tableResizerHelperBg: $primaryColor;
$tableDragHelperBg: rgba($primaryColor, .16);
$tableFooterBorder: 1px solid #e9ecef;
$tableFooterBorderWidth: 0 0 1px 0;
$tableFooterBg: #f8f9fa;
$tableFooterTextColor: $textColor;
$tableFooterFontWeight: 600;
$tableFooterPadding: 1rem 1rem;
$tableCellContentAlignment: left;
$tableTopPaginatorBorderWidth: 1px 0 1px 0;
$tableBottomPaginatorBorderWidth: 0 0 1px 0;
$tableScaleSM: 0.5;
$tableScaleLG: 1.25;
$dataViewContentPadding: 0;
$dataViewContentBorder: 0 none;
$dataViewListItemBorder: solid #e9ecef;
$dataViewListItemBorderWidth: 0 0 1px 0;
$dataScrollerContentPadding: 0;
$dataScrollerContentBorder: 0 none;
$dataScrollerListItemBorder: solid #e9ecef;
$dataScrollerListItemBorderWidth: 0 0 1px 0;
$treeContainerPadding: 0.286rem;
$treeNodePadding: 0.143rem;
$treeNodeContentPadding: .5rem;
$treeNodeChildrenPadding: 0 0 0 1rem;
$treeNodeIconColor: $textSecondaryColor;
$timelineVerticalEventContentPadding:0 1rem;
$timelineHorizontalEventContentPadding:1rem 0;
$timelineEventMarkerWidth:1rem;
$timelineEventMarkerHeight:1rem;
$timelineEventMarkerBorderRadius:50%;
$timelineEventMarkerBorder:2px solid $highlightBg;
$timelineEventMarkerBackground:$highlightTextColor;
$timelineEventConnectorSize:2px;
$timelineEventColor:#dee2e6;
$organizationChartConnectorColor: #dee2e6;

559
src/assets/scss/gepafin/variables/_form.scss Normal file
View File

@@ -0,0 +1,559 @@
$inputPadding: 0.5rem 0.5rem;
$inputBg: #ffffff;
$inputTextFontSize: 1rem;
$inputTextColor: $textColor;
$inputIconColor: $textColor;
$inputBorder: 1px solid #ced4da;
$inputHoverBorderColor: $primaryColor;
$inputFocusBorderColor: $primaryColor;
$inputErrorBorderColor: #ced4da #ced4da #ced4da $errorColor;
$inputPlaceholderTextColor: #6c757d;
$inputFilledBg: #f8f9fa;
$inputFilledHoverBg: #f8f9fa;
$inputFilledFocusBg: #f8f9fa;
$inputGroupBg: #e9ecef;
$inputGroupTextColor: $textSecondaryColor;
$inputGroupAddOnMinWidth: 2.357rem;
$inputListBg: #ffffff;
$inputListTextColor: $textColor;
$inputListBorder: $inputBorder;
$inputListPadding: 0.5rem 0;
$inputListItemPadding: 0.5rem 1rem;
$inputListItemBg: transparent;
$inputListItemTextColor: $textColor;
$inputListItemHoverBg: #e9ecef;
$inputListItemTextHoverColor: $textColor;
$inputListItemTextFocusColor: $textColor;
$inputListItemFocusBg: #f8f9fa;
$inputListItemBorder: 0 none;
$inputListItemBorderRadius: 0;
$inputListItemMargin: 0;
$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor;
$inputListHeaderPadding: 0.5rem 1rem;
$inputListHeaderMargin: 0;
$inputListHeaderBg: #f8f9fa;
$inputListHeaderTextColor: $textColor;
$inputListHeaderBorder: 0 none;
$inputOverlayBg: $inputListBg;
$inputOverlayHeaderBg: $inputListHeaderBg;
$inputOverlayBorder: 0 none;
$inputOverlayShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
$checkboxWidth: 20px;
$checkboxHeight: 20px;
$checkboxBorder: 2px solid #ced4da;
$checkboxIconFontSize: 14px;
$checkboxActiveBorderColor: $primaryColor;
$checkboxActiveBg: $primaryColor;
$checkboxIconActiveColor: $primaryTextColor;
$checkboxActiveHoverBg: $primaryDarkerColor;
$checkboxIconActiveHoverColor: $primaryTextColor;
$checkboxActiveHoverBorderColor: $primaryDarkerColor;
$radiobuttonWidth: 20px;
$radiobuttonHeight: 20px;
$radiobuttonBorder: 2px solid #ced4da;
$radiobuttonIconSize: 12px;
$radiobuttonActiveBorderColor: $primaryColor;
$radiobuttonActiveBg: $primaryColor;
$radiobuttonIconActiveColor: $primaryTextColor;
$radiobuttonActiveHoverBg: $primaryDarkerColor;
$radiobuttonIconActiveHoverColor: $primaryTextColor;
$radiobuttonActiveHoverBorderColor: $primaryDarkerColor;
$colorPickerPreviewWidth: 2rem;
$colorPickerPreviewHeight: 2rem;
$colorPickerBg: #323232;
$colorPickerBorder: 1px solid #191919;
$colorPickerHandleColor: #ffffff;
$ratingIconFontSize: 1.143rem;
$ratingCancelIconColor: #e74c3c;
$ratingCancelIconHoverColor: #c0392b;
$ratingStarIconOffColor: $textColor;
$ratingStarIconOnColor: $primaryColor;
$ratingStarIconHoverColor: $primaryColor;
$sliderBg: #dee2e6;
$sliderBorder: 0 none;
$sliderHorizontalHeight: 0.286rem;
$sliderVerticalWidth: 0.286rem;
$sliderHandleWidth: 1.143rem;
$sliderHandleHeight: 1.143rem;
$sliderHandleBg: #ffffff;
$sliderHandleBorder: 2px solid $primaryColor;
$sliderHandleBorderRadius: 50%;
$sliderHandleHoverBorderColor: $primaryColor;
$sliderHandleHoverBg: $primaryColor;
$sliderRangeBg: $primaryColor;
$calendarTableMargin: 0.5rem 0;
$calendarPadding: 0.5rem;
$calendarBg: #ffffff;
$calendarInlineBg: $calendarBg;
$calendarTextColor: $textColor;
$calendarBorder: $inputListBorder;
$calendarOverlayBorder: $inputOverlayBorder;
$calendarHeaderPadding: 0.5rem;
$calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
$calendarHeaderBg: #ffffff;
$calendarInlineHeaderBg: $calendarBg;
$calendarHeaderBorder: 1px solid #dee2e6;
$calendarHeaderTextColor: $textColor;
$calendarHeaderFontWeight: 600;
$calendarHeaderCellPadding: 0.5rem;
$calendarCellDatePadding: 0.5rem;
$calendarCellDateWidth: 2.5rem;
$calendarCellDateHeight: 2.5rem;
$calendarCellDateBorderRadius: 50%;
$calendarCellDateBorder: 1px solid transparent;
$calendarCellDateHoverBg: #e9ecef;
$calendarCellDateTodayBg: #ced4da;
$calendarCellDateTodayBorderColor: transparent;
$calendarCellDateTodayTextColor: $textColor;
$calendarButtonBarPadding: 1rem 0;
$calendarTimePickerPadding: 0.5rem;
$calendarTimePickerElementPadding: 0 0.429rem;
$calendarTimePickerTimeFontSize: 1.286rem;
$calendarBreakpoint: 769px;
$calendarCellDatePaddingSM: 0;
$inputSwitchWidth: 3rem;
$inputSwitchHeight: 1.75rem;
$inputSwitchBorderRadius: 30px;
$inputSwitchHandleWidth: 1.25rem;
$inputSwitchHandleHeight: 1.25rem;
$inputSwitchHandleBorderRadius: 50%;
$inputSwitchSliderPadding: 0.25rem;
$inputSwitchSliderOffBg: #ced4da;
$inputSwitchHandleOffBg: #ffffff;
$inputSwitchSliderOffHoverBg: #c3cad2;
$inputSwitchSliderOnBg: $primaryColor;
$inputSwitchSliderOnHoverBg: $primaryDarkColor;
$inputSwitchHandleOnBg: #ffffff;
$fileUploadProgressBarHeight: 0.25rem;
$fileUploadContentPadding: 2rem 1rem;
$editorToolbarBg: #f8f9fa;
$editorToolbarBorder: 1px solid #dee2e6;
$editorToolbarPadding: 1rem;
$editorToolbarIconColor: #6c757d;
$editorToolbarIconHoverColor: #495057;
$editorIconActiveColor: $primaryColor;
$editorContentBorder: 1px solid #dee2e6;
$editorContentBg: #ffffff;
$passwordMeterBg: #dee2e6;
$passwordWeakBg: #e53935;
$passwordMediumBg: #ffb300;
$passwordStrongBg: #43a047;

144
src/assets/scss/gepafin/variables/_general.scss Normal file
View File

@@ -0,0 +1,144 @@
$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$fontSize: 1rem;
$fontWeight: normal;
$textColor: #495057;
$textSecondaryColor: #6c757d;
$highlightBg: $primaryColor;
$highlightTextColor: $primaryTextColor;
$highlightFocusBg: rgba($primaryColor, 0.24) !default;
$borderRadius: 3px;
$transitionDuration: 0.2s;
$formElementTransition: background-color $transitionDuration,
color $transitionDuration, border-color $transitionDuration,
box-shadow $transitionDuration;
$actionIconTransition: background-color $transitionDuration,
color $transitionDuration, box-shadow $transitionDuration;
$listItemTransition: background-color $transitionDuration,
border-color $transitionDuration, box-shadow $transitionDuration;
$primeIconFontSize: 1rem;
$divider: 1px solid #dee2e6;
$inlineSpacing: 0.5rem;
$disabledOpacity: 0.8;
$maskBg: rgba(0, 0, 0, 0.4);
$loadingIconFontSize: 2rem;
$errorColor: #e4677e;
$focusOutlineColor: #bfd1f6;
$focusOutline: 0 none;
$focusOutlineOffset: 0;
$focusShadow: 0 0 0 0.2rem $focusOutlineColor;
$actionIconWidth: 2rem;
$actionIconHeight: 2rem;
$actionIconBg: transparent;
$actionIconBorder: 0 none;
$actionIconColor: $textSecondaryColor;
$actionIconHoverBg: #e9ecef;
$actionIconHoverBorderColor: transparent;
$actionIconHoverColor: $textColor;
$actionIconBorderRadius: 50%;
$scaleSM: 0.875;
$scaleLG: 1.25;

231
src/assets/scss/gepafin/variables/_media.scss Normal file
View File

@@ -0,0 +1,231 @@
$carouselIndicatorsPadding: 1rem;
$carouselIndicatorBg: #e9ecef;
$carouselIndicatorHoverBg: #dee2e6;
$carouselIndicatorBorderRadius: 0;
$carouselIndicatorWidth: 2rem;
$carouselIndicatorHeight: .5rem;
$galleriaMaskBg: rgba(0,0,0,0.9);
$galleriaCloseIconMargin: .5rem;
$galleriaCloseIconFontSize: 2rem;
$galleriaCloseIconBg: transparent;
$galleriaCloseIconColor: #ebedef;
$galleriaCloseIconHoverBg: rgba(255,255,255,0.1);
$galleriaCloseIconHoverColor: #ebedef;
$galleriaCloseIconWidth: 4rem;
$galleriaCloseIconHeight: 4rem;
$galleriaCloseIconBorderRadius: 50%;
$galleriaItemNavigatorBg: rgba(0,0,0,.2);
$galleriaItemNavigatorColor: #aeb6bf;
$galleriaItemNavigatorMargin: .5rem 0;
$galleriaItemNavigatorFontSize: 2rem;
$galleriaItemNavigatorHoverBg: rgba(0,0,0,.3);
$galleriaItemNavigatorHoverColor: #ebedef;
$galleriaItemNavigatorWidth: 4rem;
$galleriaItemNavigatorHeight: 4rem;
$galleriaItemNavigatorBorderRadius: $borderRadius;
$galleriaCaptionBg: rgba(0,0,0,.5);
$galleriaCaptionTextColor: #ebedef;
$galleriaCaptionPadding: 1rem;
$galleriaIndicatorsPadding: 1rem;
$galleriaIndicatorBg: #e9ecef;
$galleriaIndicatorHoverBg: #dee2e6;
$galleriaIndicatorBorderRadius: 50%;
$galleriaIndicatorWidth: 1rem;
$galleriaIndicatorHeight: 1rem;
$galleriaIndicatorsBgOnItem: rgba(0,0,0,.5);
$galleriaIndicatorBgOnItem: rgba(255,255,255,.4);
$galleriaIndicatorHoverBgOnItem: rgba(255,255,255,.6);
$galleriaThumbnailContainerBg: rgba(0,0,0,.9);
$galleriaThumbnailContainerPadding: 1rem .25rem;
$galleriaThumbnailNavigatorBg: transparent;
$galleriaThumbnailNavigatorColor: #aeb6bf;
$galleriaThumbnailNavigatorHoverBg: rgba(255,255,255,0.1);
$galleriaThumbnailNavigatorHoverColor: #aeb6bf;
$galleriaThumbnailNavigatorBorderRadius: 50%;
$galleriaThumbnailNavigatorWidth: 2rem;
$galleriaThumbnailNavigatorHeight: 2rem;
$imageMaskBg:rgba(0,0,0,0.9) !default;
$imagePreviewToolbarPadding:1rem !default;
$imagePreviewIndicatorColor:#f8f9fa !default;
$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default;
$imagePreviewActionIconBg:transparent !default;
$imagePreviewActionIconColor:#f8f9fa !default;
$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default;
$imagePreviewActionIconHoverColor:#f8f9fa !default;
$imagePreviewActionIconWidth:3rem !default;
$imagePreviewActionIconHeight:3rem !default;
$imagePreviewActionIconFontSize:1.5rem !default;
$imagePreviewActionIconBorderRadius:50% !default;

287
src/assets/scss/gepafin/variables/_menu.scss Normal file
View File

@@ -0,0 +1,287 @@
$stepsItemBg: #ffffff;
$stepsItemBorder: 1px solid #c8c8c8;
$stepsItemTextColor: $textSecondaryColor;
$stepsItemNumberWidth: 2rem;
$stepsItemNumberHeight: 2rem;
$stepsItemNumberFontSize: 1.143rem;
$stepsItemNumberColor: $textColor;
$stepsItemNumberBorderRadius: 50%;
$stepsItemActiveFontWeight: 600;
$menuWidth: 12.5rem;
$menuBg: #ffffff;
$menuBorder: 1px solid #dee2e6;
$menuTextColor: $textColor;
$menuitemPadding: 0.75rem 1rem;
$menuitemBorderRadius: 0;
$menuitemTextColor: $textColor;
$menuitemIconColor: $textSecondaryColor;
$menuitemTextHoverColor: $textColor;
$menuitemIconHoverColor: $textSecondaryColor;
$menuitemHoverBg: #e9ecef;
$menuitemTextFocusColor: $textColor;
$menuitemIconFocusColor: $textColor;
$menuitemFocusBg: #f8f9fa;
$menuitemTextActiveColor: $textColor;
$menuitemIconActiveColor: $textSecondaryColor;
$menuitemActiveBg: #e9ecef;
$menuitemActiveFocusBg: #e9ecef;
$menuitemSubmenuIconFontSize: 0.875rem;
$submenuHeaderMargin: 0;
$submenuHeaderPadding: 0.75rem 1rem;
$submenuHeaderBg: #ffffff;
$submenuHeaderTextColor: $textColor;
$submenuHeaderBorderRadius: 0;
$submenuHeaderFontWeight: 600;
$overlayMenuBg: $menuBg;
$overlayMenuBorder: 0 none;
$overlayMenuShadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
$verticalMenuPadding: 0.25rem 0;
$menuSeparatorMargin: 0.25rem 0;
$breadcrumbPadding: 1rem;
$breadcrumbBg: $menuBg;
$breadcrumbBorder: $menuBorder;
$breadcrumbItemTextColor: $menuitemTextColor;
$breadcrumbItemIconColor: $menuitemIconColor;
$breadcrumbLastItemTextColor: $menuitemTextColor;
$breadcrumbLastItemIconColor: $menuitemIconColor;
$breadcrumbSeparatorColor: $menuitemTextColor;
$horizontalMenuPadding: 0.5rem;
$horizontalMenuBg: #f8f9fa;
$horizontalMenuBorder: $menuBorder;
$horizontalMenuTextColor: $menuTextColor;
$horizontalMenuRootMenuitemPadding: $menuitemPadding;
$horizontalMenuRootMenuitemBorderRadius: $borderRadius;
$horizontalMenuRootMenuitemTextColor: $menuitemTextColor;
$horizontalMenuRootMenuitemIconColor: $menuitemIconColor;
$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor;
$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor;
$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg;
$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor;
$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor;
$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg;
$dockActionWidth: 4rem;
$dockActionHeight: 4rem;
$dockItemPadding: 0.5rem;
$dockItemBorderRadius: $borderRadius;
$dockCurrentItemMargin: 1.5rem;
$dockFirstItemsMargin: 1.3rem;
$dockSecondItemsMargin: 0.9rem;
$dockBg: rgba(255, 255, 255, 0.1);
$dockBorder: 1px solid rgba(255, 255, 255, 0.2);
$dockPadding: 0.5rem 0.5rem;
$dockBorderRadius: 0.5rem;

143
src/assets/scss/gepafin/variables/_message.scss Normal file
View File

@@ -0,0 +1,143 @@
$messageMargin: 1rem 0;
$messagePadding: 1rem 1.5rem;
$messageBorderWidth: 0 0 0 4px;
$messageIconFontSize: 1.5rem;
$messageTextFontSize: 1rem;
$messageTextFontWeight: 500;
$inlineMessagePadding: $inputPadding;
$inlineMessageMargin: 0;
$inlineMessageIconFontSize: 1rem;
$inlineMessageTextFontSize: 1rem;
$inlineMessageBorderWidth: 1px;
$toastIconFontSize: 2rem;
$toastMessageTextMargin: 0 0 0 1rem;
$toastMargin: 0 0 1rem 0;
$toastPadding: 1rem;
$toastBorderWidth: 0 0 0 4px;
$toastShadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
$toastOpacity: .9;
$toastTitleFontWeight: 700;
$toastDetailMargin: $inlineSpacing 0 0 0;
$infoMessageBg: #039BE5;
$infoMessageBorder: solid #027cb7;
$infoMessageTextColor: #ffffff;
$infoMessageIconColor: #ffffff;
$successMessageBg: #43A047;
$successMessageBorder: 0 none;
$successMessageTextColor: #ffffff;
$successMessageIconColor: #ffffff;
$warningMessageBg: #FFB300;
$warningMessageBorder: 0 none;
$warningMessageTextColor: $textColor;
$warningMessageIconColor: $textColor;
$errorMessageBg: #E53935;
$errorMessageBorder: 0 none;
$errorMessageTextColor: #ffffff;
$errorMessageIconColor: #ffffff;

113
src/assets/scss/gepafin/variables/_misc.scss Normal file
View File

@@ -0,0 +1,113 @@
$inplacePadding: $inputPadding;
$inplaceHoverBg: #e9ecef;
$inplaceTextHoverColor: $textColor;
$badgeBg: $primaryColor;
$badgeTextColor: $primaryTextColor;
$badgeMinWidth: 1.5rem;
$badgeHeight: 1.5rem;
$badgeFontWeight: 700;
$badgeFontSize: .75rem;
$tagPadding: .25rem .4rem;
$progressBarHeight: 1.5rem;
$progressBarBorder: 0 none;
$progressBarBg: #dee2e6;
$progressBarValueBg: $primaryColor;
$progressBarValueTextColor:$primaryTextColor;
$avatarBg:#dee2e6;
$avatarTextColor:$textColor;
$chipBg:#dee2e6;
$chipTextColor:$textColor;
$chipBorderRadius:16px;
$scrollTopBg:rgba(0,0,0,0.7);
$scrollTopHoverBg:rgba(0,0,0,0.8);
$scrollTopWidth:3rem;
$scrollTopHeight:3rem;
$scrollTopBorderRadius:50%;
$scrollTopFontSize:1.5rem;
$scrollTopTextColor:#f8f9fa;
$skeletonBg:#e9ecef;
$skeletonAnimationBg:rgba(255,255,255,0.4);

67
src/assets/scss/gepafin/variables/_overlay.scss Normal file
View File

@@ -0,0 +1,67 @@
$overlayContentBorder: 0 none;
$overlayContentBg:$panelContentBg;
$overlayContainerShadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
$dialogHeaderBg: #ffffff;
$dialogHeaderBorder: 1px solid #dee2e6;
$dialogHeaderTextColor: $panelHeaderTextColor;
$dialogHeaderFontWeight: 600;
$dialogHeaderFontSize: 1.25rem;
$dialogHeaderPadding: 1.5rem;
$dialogContentPadding: 0 1.5rem;
$dialogFooterBorder: 1px solid #dee2e6;
$dialogFooterPadding: 1.5rem;
$confirmPopupContentPadding:$panelContentPadding;
$confirmPopupFooterPadding:0 1rem 1rem 1rem;
$tooltipBg: $textColor;
$tooltipTextColor: #ffffff;
$tooltipPadding: $inputPadding;

316
src/assets/scss/gepafin/variables/_panel.scss Normal file
View File

@@ -0,0 +1,316 @@
$panelHeaderBorderColor: #dee2e6;
$panelHeaderBorder: 1px solid #dee2e6;
$panelHeaderBg: #f8f9fa;
$panelHeaderTextColor: $textColor;
$panelHeaderFontWeight: 600;
$panelHeaderPadding: 1rem;
$panelToggleableHeaderPadding: .5rem 1rem;
$panelContentBorderColor: #dee2e6;
$panelContentBorder: 1px solid #dee2e6;
$panelContentBg: #ffffff;
$panelContentEvenRowBg: #e9ecef;
$panelContentTextColor: $textColor;
$panelContentPadding: 1rem;
$panelFooterBorder: 1px solid #dee2e6;
$panelFooterBg: #ffffff;
$panelFooterTextColor: $textColor;
$panelFooterPadding: 0.5rem 1rem;
$accordionSpacing: 0;
$accordionHeaderBorder: $panelHeaderBorder;
$accordionHeaderBg: $panelHeaderBg;
$accordionHeaderTextColor: $panelHeaderTextColor;
$accordionHeaderFontWeight: $panelHeaderFontWeight;
$accordionHeaderPadding: $panelHeaderPadding;
$accordionHeaderHoverBg: #e9ecef;
$accordionHeaderHoverBorderColor: $panelHeaderBorder;
$accordionHeaderTextHoverColor: $textColor;
$accordionHeaderActiveBg: $panelHeaderBg;
$accordionHeaderActiveBorderColor: #dee2e6;
$accordionHeaderTextActiveColor: $textColor;
$accordionHeaderActiveHoverBg: #e9ecef;
$accordionHeaderActiveHoverBorderColor: #dee2e6;
$accordionHeaderTextActiveHoverColor: $textColor;
$accordionContentBorder: $panelContentBorder;
$accordionContentBg: $panelContentBg;
$accordionContentTextColor: $panelContentTextColor;
$accordionContentPadding: $panelContentPadding;
$tabviewNavBorder: 1px solid #dee2e6;
$tabviewNavBorderWidth: 0 0 2px 0;
$tabviewNavBg: #ffffff;
$tabviewHeaderSpacing: 0;
$tabviewHeaderBorder: solid #dee2e6;
$tabviewHeaderBorderWidth: 0 0 2px 0;
$tabviewHeaderBorderColor: transparent transparent #dee2e6 transparent;
$tabviewHeaderBg: #ffffff;
$tabviewHeaderTextColor: $textSecondaryColor;
$tabviewHeaderFontWeight: $panelHeaderFontWeight;
$tabviewHeaderPadding: $panelHeaderPadding;
$tabviewHeaderMargin: 0 0 -2px 0;
$tabviewHeaderHoverBg: #ffffff;
$tabviewHeaderHoverBorderColor: #9ba2aa;
$tabviewHeaderTextHoverColor: $textSecondaryColor;
$tabviewHeaderActiveBg: #ffffff;
$tabviewHeaderActiveBorderColor: $primaryColor;
$tabviewHeaderTextActiveColor: $primaryColor;
$tabviewContentBorder: 0 none;
$tabviewContentBg: $panelContentBg;
$tabviewContentTextColor: $panelContentTextColor;
$tabviewContentPadding: $panelContentPadding;
$panelHeaderHoverBg: #e9ecef;
$panelHeaderHoverBorderColor: #dee2e6;
$panelHeaderTextHoverColor: $textColor;
$scrollPanelTrackBorder: 0 none;
$scrollPanelTrackBg: #f8f9fa;
$cardBodyPadding: 1rem;
$cardTitleFontSize: 1.5rem;
$cardTitleFontWeight: 700;
$cardSubTitleFontWeight: 700;
$cardSubTitleColor: $textSecondaryColor;
$cardContentPadding: 1rem 0;
$cardFooterPadding: 1rem 0 0 0;
$cardShadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
$dividerHorizontalMargin:1rem 0;
$dividerHorizontalPadding:0 1rem;
$dividerVerticalMargin:0 1rem;
$dividerVerticalPadding:1rem 0;
$dividerSize:1px;
$dividerColor:#dee2e6;
$splitterGutterBg:#f8f9fa;
$splitterGutterHandleBg:#dee2e6;