itcn/backend_parkir
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Penambahan FrontEnd All-New-Manufacture

Browse Source
This commit is contained in:
pand03
2026-01-31 14:23:04 +07:00
parent 1b2e320b2b
commit 4feb21dcbc
2891 changed files with 426849 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
public/scss/components/charts/_chart-amchart.scss Normal file
View File

@@ -0,0 +1,176 @@
#revenue-chart {
height: 27.7rem;
}
#duration-value-axis {
height: 27.6rem;
width: 100%;
}
#combined-bullet {
height: 28.125rem;
width: 100%;
}
#zoomable-chart {
height: 28.125rem;
width: 100%;
}
#chartMap {
height: 28.125rem;
width: 100%;
}
#professional-candlesticks {
width: 100%;
height: 28.125rem;
}
#comparing-stock-indices {
width: 100%;
height: 28.125rem;
}
#multiple-panel-data {
width: 100%;
height: 28.125rem;
}
#depth-chart {
width: 100%;
height: 28.125rem;
}
.amcharts-export-menu {
display: none;
}
.amcharts-data-set-selector-div {
position: absolute;
#{$dlab-pos-left}: 0;
#{$dlab-pos-right}: 0;
text-align: center;
width: 16.875rem;
margin: 0 auto;
select {
border: 0;
margin-#{$dlab-pos-left}: 0.625rem;
background: #ddd;
color: $black;
}
}
.amChartsInputField {
border: 0;
background: var(--primary);
color: $white;
padding: 0.3125rem 0.9375rem;
margin: 0 0.9375rem;
}
.amcharts-data-set-select {
border: 0;
background: #ddd;
color: $black;
}
.amcharts-period-input,
.amcharts-period-input-selected {
border: 0;
margin-#{$dlab-pos-left}: 0.625rem;
background: var(--primary);
color: $white;
padding: 0.3125rem 0.9375rem;
}
/////////////////////
// CSS Animation
///////////////////
.amcharts-graph-g2 .amcharts-graph-stroke {
stroke-dasharray: 0.1875rem 0.1875rem;
stroke-linejoin: round;
stroke-linecap: round;
-webkit-animation: am-moving-dashes 1s linear infinite;
animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
100% {
stroke-dashoffset: -1.9375rem;
}
}
@keyframes am-moving-dashes {
100% {
stroke-dashoffset: -1.9375rem;
}
}
.lastBullet {
-webkit-animation: am-pulsating 1s ease-out infinite;
animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes am-pulsating {
0% {
stroke-opacity: 1;
stroke-width: 0px;
}
100% {
stroke-opacity: 0;
stroke-width: 3.125rem;
}
}
@keyframes am-pulsating {
0% {
stroke-opacity: 1;
stroke-width: 0px;
}
100% {
stroke-opacity: 0;
stroke-width: 3.125rem;
}
}
.amcharts-graph-column-front {
-webkit-transition: all .3s .3s ease-out;
transition: all .3s .3s ease-out;
}
.amcharts-graph-column-front:hover {
fill: #496375;
stroke: #496375;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
@-webkit-keyframes am-draw {
0% {
stroke-dashoffset: 500%;
}
100% {
stroke-dashoffset: 0%;
}
}
@keyframes am-draw {
0% {
stroke-dashoffset: 500%;
}
100% {
stroke-dashoffset: 0%;
}
}
.amChartsPeriodSelector {
&>fieldset>div {
@include respond('tab-port') {
float: none !important;
display: block !important;
margin-bottom: 0.625rem;
}
}
}

13
public/scss/components/charts/_chart-c3.scss Normal file
View File

@@ -0,0 +1,13 @@
.c3{
height: 15.625rem;
}
.c3-legend-item {
fill: #9fabb1;
}
.c3 .c3-axis-x path,
.c3 .c3-axis-x line,
.c3 .c3-axis-y path,
.c3 .c3-axis-y line,
.tick text { stroke: $white; }

128
public/scss/components/charts/_chart-chartist.scss Normal file
View File

@@ -0,0 +1,128 @@
.ct-golden-section:before {
float: none;
}
.ct-chart {
max-height: 15.7rem;
}
.ct-chart .ct-label {
fill: #a3afb7;
color: #a3afb7;
font-size: 0.75rem;
line-height: 1;
}
.ct-grid {
stroke: rgba(49, 58, 70, 0.1);
}
.ct-chart.simple-pie-chart-chartist .ct-label {
color: #ffffff;
fill: #ffffff;
font-size: 0.625rem;
}
.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
stroke: var(--primary);
}
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
stroke: $success;
}
.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
stroke: $warning;
}
.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
stroke: $danger;
}
.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
stroke: $info;
}
.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
stroke: $dark;
}
.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
stroke: #8d6e63;
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
fill: $secondary;
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
fill: #00A2FF;
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
fill: #ff9800;
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
fill: #ff9800;
}
.chartist-tooltip {
position: absolute;
display: inline-block;
opacity: 0;
min-width: 0.625rem;
padding: 0.125rem 0.625rem;
border-radius: 0.125rem;
background: #313a46;
color: #ffffff;
text-align: center;
pointer-events: none;
z-index: 1;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.chartist-tooltip.tooltip-show {
opacity: 1;
}
#donught_graph {
.ct-series.ct-series-a .ct-slice-donut {
stroke: #3FC6D4;
}
.ct-series.ct-series-b .ct-slice-donut {
stroke: #333333;
}
.ct-series.ct-series-c .ct-slice-donut {
stroke: #F63465;
}
}
#pie-chart .ct-label{
@include respond ('phone-land'){
color: #fff;
fill: #fff;
}
}

92
public/scss/components/charts/_chart-chartjs.scss Normal file
View File

@@ -0,0 +1,92 @@
#visitor_graph {
height: 15.8125rem !important;
}
#user_rating_graph {
height: 17.5rem !important;
}
#activity {
height: 20rem !important;
}
#visitorOnline{
height: 4.5rem !important;
}
#trendMeter{
height: 4.5rem !important;
}
#widget-revenue1,
#widget-revenue2,
#widget-revenue3{
height: 7.3125rem !important;
}
#widget-profit1,
#widget-profit2,
#widget-profit3{
height: 10rem !important;
}
#comparison-rate{
height: 14.375rem;
}
#session_day{
height: 10.9375rem;
width: auto!important;
margin: 0 auto;
}
#walet-status {
height: 8.75rem;
}
#bar1 {
height: 9.375rem;
}
#sold-product {
height: 14.375rem;
}
#chart-venue-expenses,
#chart-online-sale,
#chart-gross-sale{
height: 9.375rem !important;
}
#areaChart_3{
height: 18.4375rem !important;
width: 100% !important;
}
.chart-point{
display:flex;
align-items: center;
.check-point-area{
width:6.25rem;
height: 6.25rem;
margin-top: -0.625rem;
margin-#{$dlab-pos-left}: -0.625rem;
}
.chart-point-list{
margin:0;
padding-#{$dlab-pos-left}: 0.3125rem;
li{
list-style:none;
font-size: 0.8125rem;
padding: 0.125rem 0;
i{
margin-#{$dlab-pos-right}: 0.3125rem;
font-size: 0.6875rem;
position: relative;
top: -0.0625rem;
}
}
}
}

39
public/scss/components/charts/_chart-flot.scss Normal file
View File

@@ -0,0 +1,39 @@
.flot-chart{
height: 15.7rem;
}
.tooltipflot {
background-color: transparent;
font-size: 1.4rem;
padding: .5rem 1rem;
color: rgba(255, 255, 255, 0.7);
border-radius: .2rem; }
.legendColorBox > div {
border: 0 !important;
padding: 0 !important;
}
.legendLabel {
font-size: 0.825rem;
padding-#{$dlab-pos-left}: .5rem;
@at-root [data-theme-version="dark"] & {
color: $white;
}
}
.flotTip {
background: $black;
border: 0.0625rem solid $black;
color: $white;
}
.legend > div{
background: transparent!important;
}
#balance_graph {
height: 16.25rem;
}

11
public/scss/components/charts/_chart-highcharts.scss Normal file
View File

@@ -0,0 +1,11 @@
.highcharts-root {
text {
font-weight: 300 !important;
}
}
.highcharts-credits {
display: none;
}

54
public/scss/components/charts/_chart-morris.scss Normal file
View File

@@ -0,0 +1,54 @@
.morris-hover {
position: absolute;
z-index : 1;
background: var(--primary);
color: $white;
}
.morris-hover .morris-hover-point {
color: $white !important;
margin: 0.1875rem 0;
text-align: center;
padding: 0 1.5625rem;
}
.morris-hover .morris-hover-row-label {
background-color: $dark;
text-align: center;
padding: 0.3125rem;
margin-bottom: 0.3125rem;
}
.morris-hover.morris-default-style {
border-radius: 0.3125rem;
padding : 0;
margin: 0;
border : none;
overflow: hidden;
}
#morris_donught,
#morris_donught_2,
#line_chart_2,
#morris_bar,
#morris_bar_stalked,
#morris_bar_2,
#morris_area_2,
#morris_area {
height: 15rem !important;
}
#morris_line {
height: 17.375rem !important;
}
#crypto-btc-card,
#crypto-eth-card,
#crypto-rpl-card,
#crypto-ltc-card {
height: 9.375rem;
}

25
public/scss/components/charts/_chart-sparkline.scss Normal file
View File

@@ -0,0 +1,25 @@
#daily-sales, #comparison-rate, #usage-chart, #walet-status {
width: 100%;
display: block;
canvas {
max-width: 100% !important;
width: 100% !important;
}
}
#sparkline-composite-chart,
#composite-bar,
#sparkline11,
#StackedBarChart,
#spark-bar,
#tristate {
canvas {
height: 6.25rem !important;
}
}
#sparkline11 canvas {
width: 6.25rem !important;
}

10
public/scss/components/charts/_charts.scss Normal file
View File

@@ -0,0 +1,10 @@
@import "./chart-chartist";
@import "./chart-chartjs";
@import "./chart-c3";
@import "./chart-flot";
@import "./chart-morris";
@import "./chart-sparkline";
@import "./easy-pie-chart";
@import "./chart-amchart";
@import "./chart-highcharts";
@import "./echarts";

23
public/scss/components/charts/_easy-pie-chart.scss Normal file
View File

@@ -0,0 +1,23 @@
.easy-pie-chart {
position: relative;
text-align: center;
.inner {
position: absolute;
#{$dlab-pos-left}: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
}
img {
width: 4.6875rem;
height: 4.6875rem;
border-radius: 50%;
}
canvas {
display: block;
margin: 0 auto;
}
}

4
public/scss/components/charts/_echarts.scss Normal file
View File

@@ -0,0 +1,4 @@
#chart_employee_gender, #chart_employee_status {
width: auto;
height: 21.875rem;
}