School/WasteInformationServer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new ui with AdminLTE

Browse Source
This commit is contained in:
Lukas Heiligenbrunner
2019-11-11 14:28:21 +01:00
parent 98e14b92ab
commit 6afaad0d33
1784 changed files with 582732 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/_base.less Normal file
View File

@@ -0,0 +1,145 @@
@import (reference) "_mixins";
.irs {
.pos-r();
-webkit-touch-callout: none;
.no-click();
font-size: 12px;
font-family: Arial, sans-serif;
&-line {
.pos-r();
overflow: hidden;
outline: none !important;
}
&-bar {
.pos-a();
left: 0;
width: 0;
}
&-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
&-handle {
.pos-a();
box-sizing: border-box;
cursor: default;
z-index: 1;
&.single,
&.from,
&.to {}
&.type_last {
z-index: 2;
}
}
&-min,
&-max {
.pos-a();
cursor: default;
}
&-min {
left: 0;
}
&-max {
right: 0;
}
&-from,
&-to,
&-single {
.pos-a();
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
&-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
.irs-with-grid & {
display: block;
}
&-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
&.small {
height: 4px;
}
}
&-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
}
&-disable-mask {
.pos-a();
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
.lt-ie9 & {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
}
&-disabled {
opacity: 0.4;
}
&-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
}

17
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/_mixins.less Normal file
View File

@@ -0,0 +1,17 @@
.no-click () {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pos-r () {
position: relative;
display: block;
}
.pos-a () {
position: absolute;
display: block;
}

10
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/irs.less Normal file
View File

@@ -0,0 +1,10 @@
// Base styles
@import "_base";
// Skins styles
@import "skins/flat";
@import "skins/big";
@import "skins/modern";
@import "skins/sharp";
@import "skins/round";
@import "skins/square";

109
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/skins/big.less Normal file
View File

@@ -0,0 +1,109 @@
.irs--big {
@name: irs;
@top: 33px;
@bottom: 16px;
@line_height: 12px;
@handle_width: 30px;
@handle_height: 30px;
@custom_radius: 3px;
@line_color_1: white;
@line_color_2: #ccc;
@line_color_3: #ddd;
@bar_color: #428bca;
@handle_color_1: #cbcfd5;
@handle_color_2: #B4B9BE;
@handle_color_3: white;
@handle_color_4: #919BA5;
@minmax_text_color: white;
@minmax_bg_color: #9f9f9f;
@label_color_1: #428bca;
@label_color_2: white;
@grid_color_1: #428bca;
height: 55px;
&.irs-with-grid {
height: 70px;
}
.@{name}-line {
top: @top;
height: @line_height;
background-color: @line_color_1;
background: linear-gradient(to bottom, @line_color_3 -50%, @line_color_1 150%);
border: 1px solid @line_color_2;
border-radius: @line_height;
}
.@{name}-bar {
top: @top;
height: @line_height;
background-color: lighten(@bar_color, 20%);
border: 1px solid @bar_color;
background: linear-gradient(to bottom, lighten(@bar_color, 70%) 0%, @bar_color 30%, lighten(@bar_color, 30%) 100%);
box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5);
&--single {
border-radius: @line_height 0 0 @line_height;
}
}
.@{name}-shadow {
height: 1px;
bottom: @bottom;
background-color: fade(@bar_color, 50%);
}
.@{name}-handle {
top: 25px;
width: @handle_width;
height: @handle_height;
border: 1px solid rgba(0,0,0,0.3);
background-color: @handle_color_1;
background: linear-gradient(to bottom, @handle_color_3 0%, @handle_color_2 30%, @handle_color_3 100%);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2), inset 0 0 3px 1px @handle_color_3;
border-radius: @handle_width;
&.state_hover,
&:hover {
border-color: rgba(0,0,0,0.45);
background-color: darken(@handle_color_1, 20%);
background: linear-gradient(to bottom, @handle_color_3 0%, @handle_color_4 30%, @handle_color_3 100%);
}
}
.@{name}-min,
.@{name}-max {
top: 0;
padding: 1px 5px;
color: @minmax_text_color;
text-shadow: none;
background-color: @minmax_bg_color;
border-radius: @custom_radius;
}
.@{name}-from,
.@{name}-to,
.@{name}-single {
color: @label_color_2;
text-shadow: none;
padding: 1px 5px;
background-color: @label_color_1;
background: linear-gradient(to bottom, @label_color_1 0%, darken(@label_color_1, 10%) 100%);
border-radius: @custom_radius;
}
.@{name}-grid {
&-pol {
background-color: @grid_color_1;
}
&-text {
color: @grid_color_1;
}
}
}

125
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/skins/flat.less Normal file
View File

@@ -0,0 +1,125 @@
.irs--flat {
@name: irs;
@top: 25px;
@bottom: 16px;
@line_height: 12px;
@handle_width: 16px;
@handle_height: 18px;
@custom_radius: 4px;
@line_color: #e1e4e9;
@bar_color: #ed5565;
@handle_color_1: #da4453;
@handle_color_2: #a43540;
@minmax_text_color: #999;
@minmax_bg_color: #e1e4e9;
@label_color_1: #ed5565;
@label_color_2: white;
@grid_color_1: #e1e4e9;
@grid_color_2: #999;
height: 40px;
&.irs-with-grid {
height: 60px;
}
.@{name}-line {
top: @top;
height: @line_height;
background-color: @line_color;
border-radius: @custom_radius;
}
.@{name}-bar {
top: @top;
height: @line_height;
background-color: @bar_color;
&--single {
border-radius: @custom_radius 0 0 @custom_radius;
}
}
.@{name}-shadow {
height: 1px;
bottom: @bottom;
background-color: @line_color;
}
.@{name}-handle {
top: 22px;
width: @handle_width;
height: @handle_height;
background-color: transparent;
& > i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: @handle_color_1;
}
&.state_hover,
&:hover {
& > i:first-child {
background-color: @handle_color_2;
}
}
}
.@{name}-min,
.@{name}-max {
top: 0;
padding: 1px 3px;
color: @minmax_text_color;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: @minmax_bg_color;
border-radius: @custom_radius;
}
.@{name}-from,
.@{name}-to,
.@{name}-single {
color: @label_color_2;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: @label_color_1;
border-radius: @custom_radius;
&:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: @label_color_1;
}
}
.@{name}-grid {
&-pol {
background-color: @grid_color_1;
}
&-text {
color: @grid_color_2;
}
}
}

165
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/skins/modern.less Normal file
View File

@@ -0,0 +1,165 @@
.irs--modern {
@name: irs;
@top: 25px;
@bottom: 21px;
@line_height: 5px;
@handle_width: 12px;
@handle_height: 13px;
@line_color: #d1d6e0;
@bar_color: #20b426;
@handle_color_1: #e9e6e6;
@handle_color_2: white;
@handle_color_3: black;
@minmax_text_color: white;
@minmax_bg_color: #d1d6e0;
@label_color_1: #20b426;
@label_color_2: white;
@grid_color_1: #dedede;
@grid_color_2: silver;
height: 55px;
&.irs-with-grid {
height: 55px;
}
.@{name}-line {
top: @top;
height: @line_height;
background-color: @line_color;
background: linear-gradient(to bottom, lighten(@line_color, 5%) 0%, @line_color 100%);
border: 1px solid darken(@line_color, 15%);
border-bottom-width: 0;
border-radius: @line_height;
}
.@{name}-bar {
top: @top;
height: @line_height;
background: @bar_color;
background: linear-gradient(to bottom, @bar_color 0%, darken(@bar_color, 10%) 100%);
&--single {
border-radius: @line_height 0 0 @line_height;
}
}
.@{name}-shadow {
height: 1px;
bottom: @bottom;
background-color: fade(@line_color, 50%);
}
.@{name}-handle {
top: 37px;
width: @handle_width;
height: @handle_height;
border: 1px solid darken(@line_color, 15%);
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
border-radius: 0 0 3px 3px;
& > i:nth-child(1) {
position: absolute;
display: block;
top: -4px; left: 1px;
width: (@handle_width - 6px);
height: (@handle_width - 6px);
border: 1px solid darken(@line_color, 15%);
background: @handle_color_2;
transform: rotate(45deg);
}
& > i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0; left: 0;
width: (@handle_width - 2);
height: (@handle_height - 1);
background: @handle_color_1;
background: linear-gradient(to bottom, @handle_color_2 0%, @handle_color_1 100%);
border-radius: 0 0 3px 3px;
}
& > i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px; left: 3px;
width: 4px; height: 5px;
border-left: 1px solid darken(@line_color, 15%);
border-right: 1px solid darken(@line_color, 15%);
}
&.state_hover,
&:hover {
border-color: darken(@line_color, 30%);
background: #c3c7cd;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(145,155,165,1) 30%,rgba(255,255,255,1) 100%);
& > i:nth-child(1) {
border-color: darken(@line_color, 30%);
}
& > i:nth-child(3) {
border-color: darken(@line_color, 50%);
}
}
}
.@{name}-min,
.@{name}-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: @minmax_text_color;
background-color: @minmax_bg_color;
border-radius: @line_height;
}
.@{name}-from,
.@{name}-to,
.@{name}-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: @label_color_1;
color: @label_color_2;
border-radius: @line_height;
&:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: @label_color_1;
}
}
.@{name}-grid {
height: 25px;
&-pol {
background-color: @grid_color_1;
}
&-text {
color: @grid_color_2;
font-size: 13px;
}
}
}

120
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/skins/round.less Normal file
View File

@@ -0,0 +1,120 @@
// Skin design by Veaceslav Grimalschi
// https://github.com/grimalschi
.irs--round {
@name: irs;
@top: 36px;
@bottom: 21px;
@line_height: 4px;
@handle_width: 24px;
@handle_height: 24px;
@line_color: #dee4ec;
@bar_color: #006cfa;
@handle_color_1: #006cfa;
@handle_color_2: white;
@handle_color_3: #f0f6ff;
@minmax_text_color: #333;
@minmax_bg_color: rgba(0,0,0,0.1);
@label_color_1: #006cfa;
@label_color_2: white;
@grid_color_1: #dedede;
@grid_color_2: silver;
height: 50px;
&.irs-with-grid {
height: 65px;
}
.@{name}-line {
top: @top;
height: @line_height;
background-color: @line_color;
border-radius: @line_height;
}
.@{name}-bar {
top: @top;
height: @line_height;
background-color: @bar_color;
&--single {
border-radius: @line_height 0 0 @line_height;
}
}
.@{name}-shadow {
height: 4px;
bottom: @bottom;
background-color: fade(@line_color, 50%);
}
.@{name}-handle {
top: 26px;
width: @handle_width;
height: @handle_height;
border: 4px solid @handle_color_1;
background-color: @handle_color_2;
border-radius: @handle_width;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
&.state_hover,
&:hover {
background-color: @handle_color_3;
}
}
.@{name}-min,
.@{name}-max {
color: @minmax_text_color;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: @minmax_bg_color;
border-radius: @line_height;
}
.@{name}-from,
.@{name}-to,
.@{name}-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: @label_color_1;
color: @label_color_2;
border-radius: @line_height;
&:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: @label_color_1;
}
}
.@{name}-grid {
height: 25px;
&-pol {
background-color: @grid_color_1;
}
&-text {
color: @grid_color_2;
font-size: 13px;
}
}
}

132
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/skins/sharp.less Normal file
View File

@@ -0,0 +1,132 @@
.irs--sharp {
@name: irs;
@top: 30px;
@bottom: 21px;
@line_height: 2px;
@handle_width: 10px;
@handle_height: 10px;
@line_color: black;
@bar_color: #ee22fa;
@handle_color_1: darken(#ee22fa, 20%);
@handle_color_2: white;
@handle_color_3: black;
@minmax_text_color: white;
@minmax_bg_color: darken(#ee22fa, 20%);
@label_color_1: darken(#ee22fa, 20%);
@label_color_2: white;
@grid_color_1: #dedede;
@grid_color_2: silver;
height: 50px;
font-size: 12px;
line-height: 1;
&.irs-with-grid {
height: 57px;
}
.@{name}-line {
top: @top;
height: @line_height;
background-color: @line_color;
border-radius: @line_height;
}
.@{name}-bar {
top: @top;
height: @line_height;
background-color: @bar_color;
&--single {
border-radius: @line_height 0 0 @line_height;
}
}
.@{name}-shadow {
height: 1px;
bottom: @bottom;
background-color: fade(@line_color, 50%);
}
.@{name}-handle {
top: (@top - 5px);
width: @handle_width;
height: @handle_height;
background-color: @handle_color_1;
& > i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: @handle_color_1;
}
&.state_hover,
&:hover {
background-color: @handle_color_3;
& > i:first-child {
border-top-color: @handle_color_3;
}
}
}
.@{name}-min,
.@{name}-max {
color: @minmax_text_color;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: 0.4;
background-color: @minmax_bg_color;
border-radius: @line_height;
}
.@{name}-from,
.@{name}-to,
.@{name}-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: @label_color_1;
color: @label_color_2;
border-radius: @line_height;
&:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: @label_color_1;
}
}
.@{name}-grid {
height: 25px;
&-pol {
background-color: @grid_color_1;
}
&-text {
color: @grid_color_2;
font-size: 13px;
}
}
}

100
resources/wwwroot/lib/AdminLTE/plugins/ion-rangeslider/less/skins/square.less Normal file
View File

@@ -0,0 +1,100 @@
// Skin design by Veaceslav Grimalschi
// https://github.com/grimalschi
.irs--square {
@name: irs;
@top: 31px;
@bottom: 21px;
@line_height: 4px;
@handle_width: 16px;
@handle_height: 16px;
@line_color: #dedede;
@bar_color: black;
@handle_color_1: black;
@handle_color_2: white;
@handle_color_3: #f0f6ff;
@minmax_text_color: #333;
@minmax_bg_color: rgba(0,0,0,0.1);
@label_color_1: black;
@label_color_2: white;
@grid_color_1: #dedede;
@grid_color_2: silver;
height: 50px;
&.irs-with-grid {
height: 60px;
}
.@{name}-line {
top: @top;
height: @line_height;
background-color: @line_color;
}
.@{name}-bar {
top: @top;
height: @line_height;
background-color: @bar_color;
}
.@{name}-shadow {
height: 2px;
bottom: @bottom;
background-color: @line_color;
}
.@{name}-handle {
top: (@top - 6px);
width: @handle_width;
height: @handle_height;
border: 3px solid @handle_color_1;
background-color: @handle_color_2;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
&.state_hover,
&:hover {
background-color: @handle_color_3;
}
}
.@{name}-min,
.@{name}-max {
color: @minmax_text_color;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: @minmax_bg_color;
}
.@{name}-from,
.@{name}-to,
.@{name}-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: @label_color_1;
color: @label_color_2;
}
.@{name}-grid {
height: 25px;
&-pol {
background-color: @grid_color_1;
}
&-text {
color: @grid_color_2;
font-size: 11px;
}
}
}