mirror of
https://github.com/jokob-sk/NetAlertX.git
synced 2025-12-07 09:36:05 -08:00
Update AdminLTE
- from 2.4.5 to 2.4.18 (cannot detect any issues) - set default scancycle for Apple Devices to 1
This commit is contained in:
leiweibau
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ion.rangeSlider",
|
||||
"version": "2.2.0",
|
||||
"version": "2.3.0",
|
||||
"homepage": "https://github.com/IonDen/ion.rangeSlider",
|
||||
"authors": [
|
||||
{
|
||||
@@ -38,13 +38,13 @@
|
||||
"PSD",
|
||||
"ion-rangeSlider.jquery.json"
|
||||
],
|
||||
"_release": "2.2.0",
|
||||
"_release": "2.3.0",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "2.2.0",
|
||||
"commit": "4bb522d3d28aedaaf035e3daa0f2f46850b2242c"
|
||||
"tag": "2.3.0",
|
||||
"commit": "c98c10d3d360aa52e997bb8e4fd371c958f78e4b"
|
||||
},
|
||||
"_source": "https://github.com/IonDen/ion.rangeSlider.git",
|
||||
"_target": "^2.2.0",
|
||||
"_target": "^2.2",
|
||||
"_originalSource": "ionrangeslider"
|
||||
}
|
||||
6
front/lib/AdminLTE/bower_components/ion.rangeSlider/.editorconfig
vendored
Normal file
6
front/lib/AdminLTE/bower_components/ion.rangeSlider/.editorconfig
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
root = true
|
||||
|
||||
[*.{js,css,less,html}]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
charset = utf-8
|
||||
@@ -1 +0,0 @@
|
||||
.idea
|
||||
@@ -2,6 +2,4 @@
|
||||
_tmp
|
||||
PSD
|
||||
bower.json
|
||||
ion-rangeSlider.jquery.json
|
||||
readme.ru.md
|
||||
.npmignore
|
||||
|
||||
27
front/lib/AdminLTE/bower_components/ion.rangeSlider/CONTRIBUTING.md
vendored
Normal file
27
front/lib/AdminLTE/bower_components/ion.rangeSlider/CONTRIBUTING.md
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
# Contributing to Ion.RangeSlider project
|
||||
|
||||
### Code style
|
||||
|
||||
1. Project is using 4 space indentation
|
||||
2. Function and metod names should be written in camelCase
|
||||
3. Variables name should be written in lower_case
|
||||
4. New methods should have JSDoc descriptions
|
||||
|
||||
### Guide for Pull Requests with bug fixes
|
||||
|
||||
1. Only 1 bugfix per Pull Request
|
||||
2. Should have bug description
|
||||
3. Should have bug screenshots (if possible)
|
||||
4. Should have working demo. Use JSFIDDLE: https://jsfiddle.net/IonDen/b79q0vnm/
|
||||
|
||||
### Guide for Pull Requests with new features
|
||||
|
||||
1. Only 1 feature per Pull Request
|
||||
2. Should have statement, why feature is important and should be included in to plugin
|
||||
3. Should have feature description
|
||||
4. Should have feature screenshots (if possible)
|
||||
5. Should have working demo. Use JSFIDDLE: https://jsfiddle.net/IonDen/b79q0vnm/
|
||||
|
||||
### Guide for Pull Requests with grammar fixes
|
||||
|
||||
1. Just create a pull request :)
|
||||
@@ -1,6 +1,6 @@
|
||||
## The MIT License
|
||||
|
||||
Copyright © 2016 by Denis Ineshin (http://ionden.com)
|
||||
Copyright © 2018 by Denis Ineshin (http://ionden.com)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ion.rangeSlider",
|
||||
"version": "2.2.0",
|
||||
"version": "2.3.0",
|
||||
"homepage": "https://github.com/IonDen/ion.rangeSlider",
|
||||
"authors": [
|
||||
{
|
||||
|
||||
@@ -1,150 +1,675 @@
|
||||
/* Ion.RangeSlider
|
||||
// css version 2.0.3
|
||||
// © 2013-2014 Denis Ineshin | IonDen.com
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// RangeSlider */
|
||||
|
||||
/**
|
||||
Ion.RangeSlider, 2.3.0
|
||||
© Denis Ineshin, 2010 - 2018, IonDen.com
|
||||
Build date: 2018-12-11 23:23:51
|
||||
*/
|
||||
.irs {
|
||||
position: relative; display: block;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-size: 12px;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.irs-line {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
outline: none !important;
|
||||
}
|
||||
.irs-bar {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
width: 0;
|
||||
}
|
||||
.irs-shadow {
|
||||
position: absolute;
|
||||
display: none;
|
||||
left: 0;
|
||||
width: 0;
|
||||
}
|
||||
.irs-handle {
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
cursor: default;
|
||||
z-index: 1;
|
||||
}
|
||||
.irs-handle.type_last {
|
||||
z-index: 2;
|
||||
}
|
||||
.irs-min,
|
||||
.irs-max {
|
||||
position: absolute;
|
||||
display: block;
|
||||
cursor: default;
|
||||
}
|
||||
.irs-min {
|
||||
left: 0;
|
||||
}
|
||||
.irs-max {
|
||||
right: 0;
|
||||
}
|
||||
.irs-from,
|
||||
.irs-to,
|
||||
.irs-single {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.irs-line {
|
||||
position: relative; display: block;
|
||||
overflow: hidden;
|
||||
outline: none !important;
|
||||
}
|
||||
.irs-line-left, .irs-line-mid, .irs-line-right {
|
||||
position: absolute; display: block;
|
||||
top: 0;
|
||||
}
|
||||
.irs-line-left {
|
||||
left: 0; width: 11%;
|
||||
}
|
||||
.irs-line-mid {
|
||||
left: 9%; width: 82%;
|
||||
}
|
||||
.irs-line-right {
|
||||
right: 0; width: 11%;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
position: absolute; display: block;
|
||||
left: 0; width: 0;
|
||||
}
|
||||
.irs-bar-edge {
|
||||
position: absolute; display: block;
|
||||
top: 0; left: 0;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
position: absolute; display: none;
|
||||
left: 0; width: 0;
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
position: absolute; display: block;
|
||||
cursor: default;
|
||||
z-index: 1;
|
||||
}
|
||||
.irs-slider.single {
|
||||
|
||||
}
|
||||
.irs-slider.from {
|
||||
|
||||
}
|
||||
.irs-slider.to {
|
||||
|
||||
}
|
||||
.irs-slider.type_last {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.irs-min {
|
||||
position: absolute; display: block;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
.irs-max {
|
||||
position: absolute; display: block;
|
||||
right: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
position: absolute; display: block;
|
||||
top: 0; left: 0;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.irs-grid {
|
||||
position: absolute; display: none;
|
||||
bottom: 0; left: 0;
|
||||
width: 100%; height: 20px;
|
||||
position: absolute;
|
||||
display: none;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
}
|
||||
.irs-with-grid .irs-grid {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
.irs-grid-pol {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 1px;
|
||||
height: 8px;
|
||||
background: #000;
|
||||
}
|
||||
.irs-grid-pol.small {
|
||||
height: 4px;
|
||||
}
|
||||
.irs-grid-text {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
padding: 0 3px;
|
||||
color: #000;
|
||||
}
|
||||
.irs-grid-pol {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
width: 1px; height: 8px;
|
||||
background: #000;
|
||||
}
|
||||
.irs-grid-pol.small {
|
||||
height: 4px;
|
||||
}
|
||||
.irs-grid-text {
|
||||
position: absolute;
|
||||
bottom: 0; left: 0;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
font-size: 9px; line-height: 9px;
|
||||
padding: 0 3px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.irs-disable-mask {
|
||||
position: absolute; display: block;
|
||||
top: 0; left: -1%;
|
||||
width: 102%; height: 100%;
|
||||
cursor: default;
|
||||
background: rgba(0,0,0,0.0);
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: -1%;
|
||||
width: 102%;
|
||||
height: 100%;
|
||||
cursor: default;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
z-index: 2;
|
||||
}
|
||||
.lt-ie9 .irs-disable-mask {
|
||||
background: #000;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: not-allowed;
|
||||
background: #000;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.irs-disabled {
|
||||
opacity: 0.4;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
.irs-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;
|
||||
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;
|
||||
}
|
||||
.irs--flat {
|
||||
height: 40px;
|
||||
}
|
||||
.irs--flat.irs-with-grid {
|
||||
height: 60px;
|
||||
}
|
||||
.irs--flat .irs-line {
|
||||
top: 25px;
|
||||
height: 12px;
|
||||
background-color: #e1e4e9;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs--flat .irs-bar {
|
||||
top: 25px;
|
||||
height: 12px;
|
||||
background-color: #ed5565;
|
||||
}
|
||||
.irs--flat .irs-bar--single {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
.irs--flat .irs-shadow {
|
||||
height: 1px;
|
||||
bottom: 16px;
|
||||
background-color: #e1e4e9;
|
||||
}
|
||||
.irs--flat .irs-handle {
|
||||
top: 22px;
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.irs--flat .irs-handle > i:first-child {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
margin-left: -1px;
|
||||
background-color: #da4453;
|
||||
}
|
||||
.irs--flat .irs-handle.state_hover > i:first-child,
|
||||
.irs--flat .irs-handle:hover > i:first-child {
|
||||
background-color: #a43540;
|
||||
}
|
||||
.irs--flat .irs-min,
|
||||
.irs--flat .irs-max {
|
||||
top: 0;
|
||||
padding: 1px 3px;
|
||||
color: #999;
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
background-color: #e1e4e9;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs--flat .irs-from,
|
||||
.irs--flat .irs-to,
|
||||
.irs--flat .irs-single {
|
||||
color: white;
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background-color: #ed5565;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs--flat .irs-from:before,
|
||||
.irs--flat .irs-to:before,
|
||||
.irs--flat .irs-single: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: #ed5565;
|
||||
}
|
||||
.irs--flat .irs-grid-pol {
|
||||
background-color: #e1e4e9;
|
||||
}
|
||||
.irs--flat .irs-grid-text {
|
||||
color: #999;
|
||||
}
|
||||
.irs--big {
|
||||
height: 55px;
|
||||
}
|
||||
.irs--big.irs-with-grid {
|
||||
height: 70px;
|
||||
}
|
||||
.irs--big .irs-line {
|
||||
top: 33px;
|
||||
height: 12px;
|
||||
background-color: white;
|
||||
background: linear-gradient(to bottom, #ddd -50%, white 150%);
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.irs--big .irs-bar {
|
||||
top: 33px;
|
||||
height: 12px;
|
||||
background-color: #92bce0;
|
||||
border: 1px solid #428bca;
|
||||
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
|
||||
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.irs--big .irs-bar--single {
|
||||
border-radius: 12px 0 0 12px;
|
||||
}
|
||||
.irs--big .irs-shadow {
|
||||
height: 1px;
|
||||
bottom: 16px;
|
||||
background-color: rgba(66, 139, 202, 0.5);
|
||||
}
|
||||
.irs--big .irs-handle {
|
||||
top: 25px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
background-color: #cbcfd5;
|
||||
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.irs--big .irs-handle.state_hover,
|
||||
.irs--big .irs-handle:hover {
|
||||
border-color: rgba(0, 0, 0, 0.45);
|
||||
background-color: #939ba7;
|
||||
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
|
||||
}
|
||||
.irs--big .irs-min,
|
||||
.irs--big .irs-max {
|
||||
top: 0;
|
||||
padding: 1px 5px;
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
background-color: #9f9f9f;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.irs--big .irs-from,
|
||||
.irs--big .irs-to,
|
||||
.irs--big .irs-single {
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background-color: #428bca;
|
||||
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.irs--big .irs-grid-pol {
|
||||
background-color: #428bca;
|
||||
}
|
||||
.irs--big .irs-grid-text {
|
||||
color: #428bca;
|
||||
}
|
||||
.irs--modern {
|
||||
height: 55px;
|
||||
}
|
||||
.irs--modern.irs-with-grid {
|
||||
height: 55px;
|
||||
}
|
||||
.irs--modern .irs-line {
|
||||
top: 25px;
|
||||
height: 5px;
|
||||
background-color: #d1d6e0;
|
||||
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
|
||||
border: 1px solid #a3adc1;
|
||||
border-bottom-width: 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.irs--modern .irs-bar {
|
||||
top: 25px;
|
||||
height: 5px;
|
||||
background: #20b426;
|
||||
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
|
||||
}
|
||||
.irs--modern .irs-bar--single {
|
||||
border-radius: 5px 0 0 5px;
|
||||
}
|
||||
.irs--modern .irs-shadow {
|
||||
height: 1px;
|
||||
bottom: 21px;
|
||||
background-color: rgba(209, 214, 224, 0.5);
|
||||
}
|
||||
.irs--modern .irs-handle {
|
||||
top: 37px;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
border: 1px solid #a3adc1;
|
||||
border-top-width: 0;
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.irs--modern .irs-handle > i:nth-child(1) {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: -4px;
|
||||
left: 1px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border: 1px solid #a3adc1;
|
||||
background: white;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.irs--modern .irs-handle > i:nth-child(2) {
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
background: #e9e6e6;
|
||||
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.irs--modern .irs-handle > i:nth-child(3) {
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 4px;
|
||||
height: 5px;
|
||||
border-left: 1px solid #a3adc1;
|
||||
border-right: 1px solid #a3adc1;
|
||||
}
|
||||
.irs--modern .irs-handle.state_hover,
|
||||
.irs--modern .irs-handle:hover {
|
||||
border-color: #7685a2;
|
||||
background: #c3c7cd;
|
||||
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
|
||||
}
|
||||
.irs--modern .irs-handle.state_hover > i:nth-child(1),
|
||||
.irs--modern .irs-handle:hover > i:nth-child(1) {
|
||||
border-color: #7685a2;
|
||||
}
|
||||
.irs--modern .irs-handle.state_hover > i:nth-child(3),
|
||||
.irs--modern .irs-handle:hover > i:nth-child(3) {
|
||||
border-color: #48536a;
|
||||
}
|
||||
.irs--modern .irs-min,
|
||||
.irs--modern .irs-max {
|
||||
top: 0;
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
color: white;
|
||||
background-color: #d1d6e0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.irs--modern .irs-from,
|
||||
.irs--modern .irs-to,
|
||||
.irs--modern .irs-single {
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background-color: #20b426;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.irs--modern .irs-from:before,
|
||||
.irs--modern .irs-to:before,
|
||||
.irs--modern .irs-single: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: #20b426;
|
||||
}
|
||||
.irs--modern .irs-grid {
|
||||
height: 25px;
|
||||
}
|
||||
.irs--modern .irs-grid-pol {
|
||||
background-color: #dedede;
|
||||
}
|
||||
.irs--modern .irs-grid-text {
|
||||
color: silver;
|
||||
font-size: 13px;
|
||||
}
|
||||
.irs--sharp {
|
||||
height: 50px;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
.irs--sharp.irs-with-grid {
|
||||
height: 57px;
|
||||
}
|
||||
.irs--sharp .irs-line {
|
||||
top: 30px;
|
||||
height: 2px;
|
||||
background-color: black;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.irs--sharp .irs-bar {
|
||||
top: 30px;
|
||||
height: 2px;
|
||||
background-color: #ee22fa;
|
||||
}
|
||||
.irs--sharp .irs-bar--single {
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.irs--sharp .irs-shadow {
|
||||
height: 1px;
|
||||
bottom: 21px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.irs--sharp .irs-handle {
|
||||
top: 25px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #a804b2;
|
||||
}
|
||||
.irs--sharp .irs-handle > i:first-child {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 5px solid transparent;
|
||||
border-top-color: #a804b2;
|
||||
}
|
||||
.irs--sharp .irs-handle.state_hover,
|
||||
.irs--sharp .irs-handle:hover {
|
||||
background-color: black;
|
||||
}
|
||||
.irs--sharp .irs-handle.state_hover > i:first-child,
|
||||
.irs--sharp .irs-handle:hover > i:first-child {
|
||||
border-top-color: black;
|
||||
}
|
||||
.irs--sharp .irs-min,
|
||||
.irs--sharp .irs-max {
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
top: 0;
|
||||
padding: 3px 4px;
|
||||
opacity: 0.4;
|
||||
background-color: #a804b2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.irs--sharp .irs-from,
|
||||
.irs--sharp .irs-to,
|
||||
.irs--sharp .irs-single {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
text-shadow: none;
|
||||
padding: 3px 4px;
|
||||
background-color: #a804b2;
|
||||
color: white;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.irs--sharp .irs-from:before,
|
||||
.irs--sharp .irs-to:before,
|
||||
.irs--sharp .irs-single: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: #a804b2;
|
||||
}
|
||||
.irs--sharp .irs-grid {
|
||||
height: 25px;
|
||||
}
|
||||
.irs--sharp .irs-grid-pol {
|
||||
background-color: #dedede;
|
||||
}
|
||||
.irs--sharp .irs-grid-text {
|
||||
color: silver;
|
||||
font-size: 13px;
|
||||
}
|
||||
.irs--round {
|
||||
height: 50px;
|
||||
}
|
||||
.irs--round.irs-with-grid {
|
||||
height: 65px;
|
||||
}
|
||||
.irs--round .irs-line {
|
||||
top: 36px;
|
||||
height: 4px;
|
||||
background-color: #dee4ec;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs--round .irs-bar {
|
||||
top: 36px;
|
||||
height: 4px;
|
||||
background-color: #006cfa;
|
||||
}
|
||||
.irs--round .irs-bar--single {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
.irs--round .irs-shadow {
|
||||
height: 4px;
|
||||
bottom: 21px;
|
||||
background-color: rgba(222, 228, 236, 0.5);
|
||||
}
|
||||
.irs--round .irs-handle {
|
||||
top: 26px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: 4px solid #006cfa;
|
||||
background-color: white;
|
||||
border-radius: 24px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
|
||||
}
|
||||
.irs--round .irs-handle.state_hover,
|
||||
.irs--round .irs-handle:hover {
|
||||
background-color: #f0f6ff;
|
||||
}
|
||||
.irs--round .irs-min,
|
||||
.irs--round .irs-max {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
top: 0;
|
||||
padding: 3px 5px;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs--round .irs-from,
|
||||
.irs--round .irs-to,
|
||||
.irs--round .irs-single {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
text-shadow: none;
|
||||
padding: 3px 5px;
|
||||
background-color: #006cfa;
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs--round .irs-from:before,
|
||||
.irs--round .irs-to:before,
|
||||
.irs--round .irs-single: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: #006cfa;
|
||||
}
|
||||
.irs--round .irs-grid {
|
||||
height: 25px;
|
||||
}
|
||||
.irs--round .irs-grid-pol {
|
||||
background-color: #dedede;
|
||||
}
|
||||
.irs--round .irs-grid-text {
|
||||
color: silver;
|
||||
font-size: 13px;
|
||||
}
|
||||
.irs--square {
|
||||
height: 50px;
|
||||
}
|
||||
.irs--square.irs-with-grid {
|
||||
height: 60px;
|
||||
}
|
||||
.irs--square .irs-line {
|
||||
top: 31px;
|
||||
height: 4px;
|
||||
background-color: #dedede;
|
||||
}
|
||||
.irs--square .irs-bar {
|
||||
top: 31px;
|
||||
height: 4px;
|
||||
background-color: black;
|
||||
}
|
||||
.irs--square .irs-shadow {
|
||||
height: 2px;
|
||||
bottom: 21px;
|
||||
background-color: #dedede;
|
||||
}
|
||||
.irs--square .irs-handle {
|
||||
top: 25px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 3px solid black;
|
||||
background-color: white;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.irs--square .irs-handle.state_hover,
|
||||
.irs--square .irs-handle:hover {
|
||||
background-color: #f0f6ff;
|
||||
}
|
||||
.irs--square .irs-min,
|
||||
.irs--square .irs-max {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
top: 0;
|
||||
padding: 3px 5px;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.irs--square .irs-from,
|
||||
.irs--square .irs-to,
|
||||
.irs--square .irs-single {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
text-shadow: none;
|
||||
padding: 3px 5px;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.irs--square .irs-grid {
|
||||
height: 25px;
|
||||
}
|
||||
.irs--square .irs-grid-pol {
|
||||
background-color: #dedede;
|
||||
}
|
||||
.irs--square .irs-grid-text {
|
||||
color: silver;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
1
front/lib/AdminLTE/bower_components/ion.rangeSlider/css/ion.rangeSlider.min.css
vendored
Normal file
1
front/lib/AdminLTE/bower_components/ion.rangeSlider/css/ion.rangeSlider.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,106 +0,0 @@
|
||||
/* Ion.RangeSlider, Flat UI Skin
|
||||
// css version 2.0.3
|
||||
// © Denis Ineshin, 2014 https://github.com/IonDen
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// Skin details */
|
||||
|
||||
.irs-line-mid,
|
||||
.irs-line-left,
|
||||
.irs-line-right,
|
||||
.irs-bar,
|
||||
.irs-bar-edge,
|
||||
.irs-slider {
|
||||
background: url(../img/sprite-skin-flat.png) repeat-x;
|
||||
}
|
||||
|
||||
.irs {
|
||||
height: 40px;
|
||||
}
|
||||
.irs-with-grid {
|
||||
height: 60px;
|
||||
}
|
||||
.irs-line {
|
||||
height: 12px; top: 25px;
|
||||
}
|
||||
.irs-line-left {
|
||||
height: 12px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.irs-line-mid {
|
||||
height: 12px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
.irs-line-right {
|
||||
height: 12px;
|
||||
background-position: 100% -30px;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
height: 12px; top: 25px;
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
.irs-bar-edge {
|
||||
top: 25px;
|
||||
height: 12px; width: 9px;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
height: 3px; top: 34px;
|
||||
background: #000;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.lt-ie9 .irs-shadow {
|
||||
filter: alpha(opacity=25);
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
width: 16px; height: 18px;
|
||||
top: 22px;
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.irs-slider.state_hover, .irs-slider:hover {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.irs-min, .irs-max {
|
||||
color: #999;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
top: 0; padding: 1px 3px;
|
||||
background: #e1e4e9;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
color: #fff;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background: #ed5565;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs-from:after, .irs-to:after, .irs-single:after {
|
||||
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: #ed5565;
|
||||
}
|
||||
|
||||
|
||||
.irs-grid-pol {
|
||||
background: #e1e4e9;
|
||||
}
|
||||
.irs-grid-text {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.irs-disabled {
|
||||
}
|
||||
@@ -1,124 +0,0 @@
|
||||
/* Ion.RangeSlider, Simple Skin
|
||||
// css version 2.0.3
|
||||
// © Denis Ineshin, 2014 https://github.com/IonDen
|
||||
// © guybowden, 2014 https://github.com/guybowden
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// Skin details */
|
||||
|
||||
.irs {
|
||||
height: 55px;
|
||||
}
|
||||
.irs-with-grid {
|
||||
height: 75px;
|
||||
}
|
||||
.irs-line {
|
||||
height: 10px; top: 33px;
|
||||
background: #EEE;
|
||||
background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
|
||||
border: 1px solid #CCC;
|
||||
border-radius: 16px;
|
||||
-moz-border-radius: 16px;
|
||||
}
|
||||
.irs-line-left {
|
||||
height: 8px;
|
||||
}
|
||||
.irs-line-mid {
|
||||
height: 8px;
|
||||
}
|
||||
.irs-line-right {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
height: 10px; top: 33px;
|
||||
border-top: 1px solid #428bca;
|
||||
border-bottom: 1px solid #428bca;
|
||||
background: #428bca;
|
||||
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
|
||||
}
|
||||
.irs-bar-edge {
|
||||
height: 10px; top: 33px;
|
||||
width: 14px;
|
||||
border: 1px solid #428bca;
|
||||
border-right: 0;
|
||||
background: #428bca;
|
||||
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
|
||||
border-radius: 16px 0 0 16px;
|
||||
-moz-border-radius: 16px 0 0 16px;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
height: 2px; top: 38px;
|
||||
background: #000;
|
||||
opacity: 0.3;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
}
|
||||
.lt-ie9 .irs-shadow {
|
||||
filter: alpha(opacity=30);
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
top: 25px;
|
||||
width: 27px; height: 27px;
|
||||
border: 1px solid #AAA;
|
||||
background: #DDD;
|
||||
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
|
||||
border-radius: 27px;
|
||||
-moz-border-radius: 27px;
|
||||
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.irs-slider.state_hover, .irs-slider:hover {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
.irs-min, .irs-max {
|
||||
color: #333;
|
||||
font-size: 12px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
top: 0;
|
||||
padding: 1px 5px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
}
|
||||
|
||||
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
color: #fff;
|
||||
font-size: 14px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background: #428bca;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
}
|
||||
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.irs-grid {
|
||||
height: 27px;
|
||||
}
|
||||
.irs-grid-pol {
|
||||
opacity: 0.5;
|
||||
background: #428bca;
|
||||
}
|
||||
.irs-grid-pol.small {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.irs-grid-text {
|
||||
bottom: 5px;
|
||||
color: #99a4ac;
|
||||
}
|
||||
|
||||
.irs-disabled {
|
||||
}
|
||||
@@ -1,116 +0,0 @@
|
||||
/* Ion.RangeSlider, Modern Skin
|
||||
// css version 2.0.3
|
||||
// © Denis Ineshin, 2014 https://github.com/IonDen
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// Skin details */
|
||||
|
||||
.irs-line-mid,
|
||||
.irs-line-left,
|
||||
.irs-line-right,
|
||||
.irs-bar,
|
||||
.irs-bar-edge,
|
||||
.irs-slider {
|
||||
background: url(../img/sprite-skin-modern.png) repeat-x;
|
||||
}
|
||||
|
||||
.irs {
|
||||
height: 50px;
|
||||
}
|
||||
.irs-with-grid {
|
||||
height: 70px;
|
||||
}
|
||||
.irs-line {
|
||||
height: 6px; top: 25px;
|
||||
}
|
||||
.irs-line-left {
|
||||
height: 6px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.irs-line-mid {
|
||||
height: 6px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
.irs-line-right {
|
||||
height: 6px;
|
||||
background-position: 100% -30px;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
height: 6px; top: 25px;
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
.irs-bar-edge {
|
||||
top: 25px;
|
||||
height: 6px; width: 6px;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
height: 5px; top: 25px;
|
||||
background: #000;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.lt-ie9 .irs-shadow {
|
||||
filter: alpha(opacity=25);
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
width: 11px; height: 18px;
|
||||
top: 31px;
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.irs-slider.state_hover, .irs-slider:hover {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.irs-min, .irs-max {
|
||||
color: #999;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
top: 0; padding: 1px 3px;
|
||||
background: #e1e4e9;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
color: #fff;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background: #20b426;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.irs-from:after, .irs-to:after, .irs-single:after {
|
||||
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: #20b426;
|
||||
}
|
||||
|
||||
.irs-grid {
|
||||
height: 34px;
|
||||
}
|
||||
.irs-grid-pol {
|
||||
background: #c0c0c0;
|
||||
}
|
||||
.irs-grid-text {
|
||||
bottom: 12px;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
|
||||
.irs-disable-mask {
|
||||
|
||||
}
|
||||
.irs-disabled {
|
||||
|
||||
}
|
||||
.lt-ie9 .irs-disabled {
|
||||
|
||||
}
|
||||
@@ -1,102 +0,0 @@
|
||||
/* Ion.RangeSlider, Nice Skin
|
||||
// css version 2.0.3
|
||||
// © Denis Ineshin, 2014 https://github.com/IonDen
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// Skin details */
|
||||
|
||||
.irs-line-mid,
|
||||
.irs-line-left,
|
||||
.irs-line-right,
|
||||
.irs-bar,
|
||||
.irs-bar-edge,
|
||||
.irs-slider {
|
||||
background: url(../img/sprite-skin-nice.png) repeat-x;
|
||||
}
|
||||
|
||||
.irs {
|
||||
height: 40px;
|
||||
}
|
||||
.irs-with-grid {
|
||||
height: 60px;
|
||||
}
|
||||
.irs-line {
|
||||
height: 8px; top: 25px;
|
||||
}
|
||||
.irs-line-left {
|
||||
height: 8px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.irs-line-mid {
|
||||
height: 8px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
.irs-line-right {
|
||||
height: 8px;
|
||||
background-position: 100% -30px;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
height: 8px; top: 25px;
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
.irs-bar-edge {
|
||||
top: 25px;
|
||||
height: 8px; width: 11px;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
height: 1px; top: 34px;
|
||||
background: #000;
|
||||
opacity: 0.15;
|
||||
}
|
||||
.lt-ie9 .irs-shadow {
|
||||
filter: alpha(opacity=15);
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
width: 22px; height: 22px;
|
||||
top: 17px;
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.irs-slider.state_hover, .irs-slider:hover {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.irs-min, .irs-max {
|
||||
color: #999;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
top: 0; padding: 1px 3px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
color: #fff;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background: rgba(0,0,0,0.3);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.irs-grid-pol {
|
||||
background: #99a4ac;
|
||||
}
|
||||
.irs-grid-text {
|
||||
color: #99a4ac;
|
||||
}
|
||||
|
||||
.irs-disabled {
|
||||
}
|
||||
@@ -1,102 +0,0 @@
|
||||
/* Ion.RangeSlider, Simple Skin
|
||||
// css version 2.0.3
|
||||
// © Denis Ineshin, 2014 https://github.com/IonDen
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// Skin details */
|
||||
|
||||
.irs-line-mid,
|
||||
.irs-line-left,
|
||||
.irs-line-right,
|
||||
.irs-bar,
|
||||
.irs-bar-edge,
|
||||
.irs-slider {
|
||||
background: url(../img/sprite-skin-simple.png) repeat-x;
|
||||
}
|
||||
|
||||
.irs {
|
||||
height: 40px;
|
||||
}
|
||||
.irs-with-grid {
|
||||
height: 60px;
|
||||
}
|
||||
.irs-line {
|
||||
height: 6px; top: 25px;
|
||||
}
|
||||
.irs-line-left {
|
||||
height: 6px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.irs-line-mid {
|
||||
height: 6px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
.irs-line-right {
|
||||
height: 6px;
|
||||
background-position: 100% -30px;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
height: 6px; top: 25px;
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
.irs-bar-edge {
|
||||
top: 25px;
|
||||
height: 6px; width: 7px;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
height: 1px; top: 34px;
|
||||
background: #000;
|
||||
opacity: 0.75;
|
||||
}
|
||||
.lt-ie9 .irs-shadow {
|
||||
filter: alpha(opacity=75);
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
width: 8px; height: 15px;
|
||||
top: 21px;
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.irs-slider.state_hover, .irs-slider:hover {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.irs-min, .irs-max {
|
||||
color: #c0c0c0;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
top: 0; padding: 1px 3px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
|
||||
background: #3654b0;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
color: #000;
|
||||
font-size: 10px; line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background: rgba(255,255,255,0.8);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
|
||||
background: #d8dff3;
|
||||
}
|
||||
|
||||
.irs-grid-pol {
|
||||
background: #777;
|
||||
}
|
||||
.irs-grid-text {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.irs-disabled {
|
||||
}
|
||||
@@ -1,427 +0,0 @@
|
||||
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
||||
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
||||
* and Firefox.
|
||||
* Correct `block` display not defined for `main` in IE 11.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `inline-block` display not defined in IE 8/9.
|
||||
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9/10.
|
||||
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9/10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow not hidden in IE 9/10/11.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contain overflow in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address odd `em`-unit font size rendering in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
||||
* styling of `select`, unless a `border` property is set.
|
||||
*/
|
||||
|
||||
/**
|
||||
* 1. Correct color not being inherited.
|
||||
* Known issue: affects color of disabled elements.
|
||||
* 2. Correct font properties not being inherited.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
||||
* Correct `select` style inheritance in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* It's recommended that you don't attempt to style these elements.
|
||||
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
||||
*
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||||
* 2. Remove excess padding in IE 8/9/10.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||||
* `font-size` values of the `input`, it causes the cursor style of the
|
||||
* decrement button to change from `default` to `text`.
|
||||
*/
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||||
* Safari (but not Chrome) clips the cancel button when the search input has
|
||||
* padding (and `textfield` appearance).
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default vertical scrollbar in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Don't inherit the `font-weight` (applied by a rule above).
|
||||
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -2,6 +2,11 @@
|
||||
|
||||
# Update History
|
||||
|
||||
### Version 2.3.0. December 11, 2018
|
||||
* Website update
|
||||
* Big skins update
|
||||
* Minor bugfixes
|
||||
|
||||
### Version 2.2.0. June 21, 2017
|
||||
* Slider has `TabIndex` support now. Issue #321
|
||||
* `keyboard_step` option removed as confusing.
|
||||
@@ -155,6 +160,4 @@
|
||||
|
||||
***
|
||||
|
||||
Support the plugin:
|
||||
|
||||
[](https://pledgie.com/campaigns/25694)
|
||||
[Support the plugin on Patreon](https://www.patreon.com/IonDen)
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 304 B |
Binary file not shown.
|
Before Width: | Height: | Size: 505 B |
Binary file not shown.
|
Before Width: | Height: | Size: 694 B |
Binary file not shown.
|
Before Width: | Height: | Size: 358 B |
@@ -60,4 +60,4 @@ Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of o
|
||||
|
||||
Support the plugin:
|
||||
|
||||
[](https://pledgie.com/campaigns/25694)
|
||||
[Support the plugin on Patreon](https://www.patreon.com/IonDen)
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// Ion.RangeSlider
|
||||
// version 2.2.0 Build: 380
|
||||
// © Denis Ineshin, 2017
|
||||
// version 2.3.0 Build: 381
|
||||
// © Denis Ineshin, 2018
|
||||
// https://github.com/IonDen
|
||||
//
|
||||
// Project page: http://ionden.com/a/plugins/ion.rangeSlider/en.html
|
||||
@@ -11,11 +11,11 @@
|
||||
// =====================================================================================================================
|
||||
|
||||
;(function(factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
if (!jQuery && typeof define === "function" && define.amd) {
|
||||
define(["jquery"], function (jQuery) {
|
||||
return factory(jQuery, document, window, navigator);
|
||||
});
|
||||
} else if (typeof exports === "object") {
|
||||
} else if (!jQuery && typeof exports === "object") {
|
||||
factory(require("jquery"), document, window, navigator);
|
||||
} else {
|
||||
factory(jQuery, document, window, navigator);
|
||||
@@ -121,23 +121,23 @@
|
||||
|
||||
var base_html =
|
||||
'<span class="irs">' +
|
||||
'<span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span>' +
|
||||
'<span class="irs-line" tabindex="0"></span>' +
|
||||
'<span class="irs-min">0</span><span class="irs-max">1</span>' +
|
||||
'<span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span>' +
|
||||
'</span>' +
|
||||
'<span class="irs-grid"></span>' +
|
||||
'<span class="irs-bar"></span>';
|
||||
'<span class="irs-grid"></span>';
|
||||
|
||||
var single_html =
|
||||
'<span class="irs-bar-edge"></span>' +
|
||||
'<span class="irs-bar irs-bar--single"></span>' +
|
||||
'<span class="irs-shadow shadow-single"></span>' +
|
||||
'<span class="irs-slider single"></span>';
|
||||
'<span class="irs-handle single"><i></i><i></i><i></i></span>';
|
||||
|
||||
var double_html =
|
||||
'<span class="irs-bar"></span>' +
|
||||
'<span class="irs-shadow shadow-from"></span>' +
|
||||
'<span class="irs-shadow shadow-to"></span>' +
|
||||
'<span class="irs-slider from"></span>' +
|
||||
'<span class="irs-slider to"></span>';
|
||||
'<span class="irs-handle from"><i></i><i></i><i></i></span>' +
|
||||
'<span class="irs-handle to"><i></i><i></i><i></i></span>';
|
||||
|
||||
var disable_html =
|
||||
'<span class="irs-disable-mask"></span>';
|
||||
@@ -156,7 +156,7 @@
|
||||
* @constructor
|
||||
*/
|
||||
var IonRangeSlider = function (input, options, plugin_count) {
|
||||
this.VERSION = "2.2.0";
|
||||
this.VERSION = "2.3.0";
|
||||
this.input = input;
|
||||
this.plugin_count = plugin_count;
|
||||
this.current_plugin = 0;
|
||||
@@ -272,6 +272,7 @@
|
||||
|
||||
// default config
|
||||
config = {
|
||||
skin: "flat",
|
||||
type: "single",
|
||||
|
||||
min: 10,
|
||||
@@ -342,6 +343,7 @@
|
||||
|
||||
// config from data-attributes extends js config
|
||||
config_from_data = {
|
||||
skin: $inp.data("skin"),
|
||||
type: $inp.data("type"),
|
||||
|
||||
min: $inp.data("min"),
|
||||
@@ -503,7 +505,7 @@
|
||||
* Appends slider template to a DOM
|
||||
*/
|
||||
append: function () {
|
||||
var container_html = '<span class="irs js-irs-' + this.plugin_count + ' ' + this.options.extra_classes + '"></span>';
|
||||
var container_html = '<span class="irs irs--' + this.options.skin + ' js-irs-' + this.plugin_count + ' ' + this.options.extra_classes + '"></span>';
|
||||
this.$cache.input.before(container_html);
|
||||
this.$cache.input.prop("readonly", true);
|
||||
this.$cache.cont = this.$cache.input.prev();
|
||||
@@ -516,12 +518,12 @@
|
||||
this.$cache.from = this.$cache.cont.find(".irs-from");
|
||||
this.$cache.to = this.$cache.cont.find(".irs-to");
|
||||
this.$cache.single = this.$cache.cont.find(".irs-single");
|
||||
this.$cache.bar = this.$cache.cont.find(".irs-bar");
|
||||
this.$cache.line = this.$cache.cont.find(".irs-line");
|
||||
this.$cache.grid = this.$cache.cont.find(".irs-grid");
|
||||
|
||||
if (this.options.type === "single") {
|
||||
this.$cache.cont.append(single_html);
|
||||
this.$cache.bar = this.$cache.cont.find(".irs-bar");
|
||||
this.$cache.edge = this.$cache.cont.find(".irs-bar-edge");
|
||||
this.$cache.s_single = this.$cache.cont.find(".single");
|
||||
this.$cache.from[0].style.visibility = "hidden";
|
||||
@@ -529,6 +531,7 @@
|
||||
this.$cache.shad_single = this.$cache.cont.find(".shadow-single");
|
||||
} else {
|
||||
this.$cache.cont.append(double_html);
|
||||
this.$cache.bar = this.$cache.cont.find(".irs-bar");
|
||||
this.$cache.s_from = this.$cache.cont.find(".from");
|
||||
this.$cache.s_to = this.$cache.cont.find(".to");
|
||||
this.$cache.shad_from = this.$cache.cont.find(".shadow-from");
|
||||
@@ -1390,6 +1393,9 @@
|
||||
this.$cache.bar[0].style.width = this.coords.p_bar_w + "%";
|
||||
|
||||
if (this.options.type === "single") {
|
||||
this.$cache.bar[0].style.left = 0;
|
||||
this.$cache.bar[0].style.width = this.coords.p_bar_w + this.coords.p_bar_x + "%";
|
||||
|
||||
this.$cache.s_single[0].style.left = this.coords.p_single_fake + "%";
|
||||
|
||||
this.$cache.single[0].style.left = this.labels.p_single_left + "%";
|
||||
@@ -2189,19 +2195,12 @@
|
||||
this.calcGridMargin();
|
||||
|
||||
if (o.grid_snap) {
|
||||
|
||||
if (total > 50) {
|
||||
big_num = 50 / o.step;
|
||||
big_p = this.toFixed(o.step / 0.5);
|
||||
} else {
|
||||
big_num = total / o.step;
|
||||
big_p = this.toFixed(o.step / (total / 100));
|
||||
}
|
||||
|
||||
} else {
|
||||
big_p = this.toFixed(100 / big_num);
|
||||
big_num = total / o.step;
|
||||
}
|
||||
|
||||
if (big_num > 50) big_num = 50;
|
||||
big_p = this.toFixed(100 / big_num);
|
||||
|
||||
if (big_num > 4) {
|
||||
small_max = 3;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
145
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/_base.less
vendored
Normal file
145
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/_base.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/_mixins.less
vendored
Normal file
17
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/_mixins.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/irs.less
vendored
Normal file
10
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/irs.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/big.less
vendored
Normal file
109
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/big.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/flat.less
vendored
Normal file
125
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/flat.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/modern.less
vendored
Normal file
165
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/modern.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/round.less
vendored
Normal file
120
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/round.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/sharp.less
vendored
Normal file
132
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/sharp.less
vendored
Normal 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
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/square.less
vendored
Normal file
100
front/lib/AdminLTE/bower_components/ion.rangeSlider/less/skins/square.less
vendored
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ion-rangeslider",
|
||||
"version": "2.2.0",
|
||||
"version": "2.3.0",
|
||||
"description": "Cool, comfortable and easily customizable range slider with many options and skin support",
|
||||
"homepage": "http://ionden.com/a/plugins/ion.rangeSlider/en.html",
|
||||
"author": {
|
||||
@@ -41,22 +41,6 @@
|
||||
"ignore": [
|
||||
".idea",
|
||||
"PSD",
|
||||
"bower.json",
|
||||
"ion-rangeSlider.jquery.json",
|
||||
"readme.ru.md"
|
||||
],
|
||||
|
||||
"spm": {
|
||||
"main": "js/ion.rangeSlider.js",
|
||||
"dependencies": {
|
||||
"jquery": "1.11.2"
|
||||
},
|
||||
"ignore": [
|
||||
".idea",
|
||||
"PSD",
|
||||
"bower.json",
|
||||
"ion-rangeSlider.jquery.json",
|
||||
"readme.ru.md"
|
||||
]
|
||||
}
|
||||
"bower.json"
|
||||
]
|
||||
}
|
||||
@@ -6,9 +6,9 @@ Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of o
|
||||
|
||||
***
|
||||
|
||||
* Version: 2.2.0 | *Version 3.x is under development now*
|
||||
* Version: 2.3.0 | *Version 3.x is under development now*
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html">Project page and demos</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/ion.rangeSlider-2.2.0.zip">Download ZIP</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/ion.rangeSlider-2.3.0.zip">Download ZIP</a>
|
||||
|
||||
## Description
|
||||
* Ion.RangeSlider — cool, comfortable, responsive and easily customizable range slider
|
||||
@@ -21,7 +21,7 @@ Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of o
|
||||
|
||||
|
||||
## Key features
|
||||
* Skin support. (5 skins included and PSD for skin creation)
|
||||
* Skin support. (6 skins included)
|
||||
* Any number of sliders at one page without conflicts and big performance problems
|
||||
* Two slider types single (1 slider) and double (2 sliders)
|
||||
* Support of negative and fractional values
|
||||
@@ -59,18 +59,7 @@ Add the following libraries to the page:
|
||||
* ion.rangeSlider.min.js
|
||||
|
||||
Add the following stylesheets to the page:
|
||||
* <a href="http://necolas.github.io/normalize.css/" target="_blank">normalize.css</a> (optional)
|
||||
* ion.rangeSlider.css
|
||||
|
||||
Plus, a skin for the slider. 5 skins are included. Choose one:
|
||||
* ion.rangeSlider.skinFlat.css + sprite-skin-flat.png
|
||||
* ion.rangeSlider.skinHTML5.css + no images
|
||||
* ion.rangeSlider.skinModern.css + sprite-skin-modern.png
|
||||
* ion.rangeSlider.skinNice.css + sprite-skin-nice.png
|
||||
* ion.rangeSlider.skinSimple.css + sprite-skin-simple.png
|
||||
|
||||
Or use the included PSD file and design a custom skin.
|
||||
|
||||
* ion.rangeSlider.min.css
|
||||
|
||||
## Install with bower
|
||||
|
||||
@@ -131,6 +120,7 @@ Here you can find bunch of advanced JSFIDDLE demos with different, non-standart
|
||||
|
||||
| Option | Data-Attr | Defaults | Type | Description |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| `skin` | `data-skin` | `flat` | string | Choose UI skin to use |
|
||||
| `type` | `data-type` | `single` | string | Choose slider type, could be `single` - for one handle, or `double` for two handles |
|
||||
| `min` | `data-min` | `10` | number | Set slider minimum value |
|
||||
| `max` | `data-max` | `100` | number | Set slider maximum value |
|
||||
@@ -139,7 +129,7 @@ Here you can find bunch of advanced JSFIDDLE demos with different, non-standart
|
||||
| `step` | `data-step` | `1` | number | Set sliders step. Always > 0. Could be fractional |
|
||||
| `min_interval` | `data-min-interval` | `-` | number | Set minimum diapason between sliders. Only for **double** type |
|
||||
| `max_interval` | `data-max-interval` | `-` | number | Set minimum maximum between sliders. Only for **double** type |
|
||||
| `max_drag_interval` | `data-drag-interval` | `false` | boolean | Allow user to drag whole range. Only for **double** type |
|
||||
| `drag_interval` | `data-drag-interval` | `false` | boolean | Allow user to drag whole range. Only for **double** type |
|
||||
| `values` | `data-values` | `[]` | array | Set up your own array of possible slider values. They could be numbers or strings. If the values array is set up, min, max and step param, can no longer be changed |
|
||||
| `from_fixed` | `data-from-fixed` | `false` | boolean | Fix position of left (or single) handle |
|
||||
| `from_min` | `data-from-min` | `min` | number | Set minimum limit for left (or single) handle |
|
||||
@@ -153,7 +143,7 @@ Here you can find bunch of advanced JSFIDDLE demos with different, non-standart
|
||||
| `prettify_separator` | `data-prettify-separator` | ` ` | string | Set up your own separator for long numbers: 10000000 → 10,000,000 etc. |
|
||||
| `prettify` | `-` | `null` | function | Set up your own prettify function. Can be anything. For example, you can set up unix time as slider values and than transform them to cool looking dates |
|
||||
| `force_edges` | `data-force-edges` | `false` | boolean | Sliders handles and tooltips will be always inside it's container |
|
||||
| `keyboard` | `data-keyboard` | `false` | boolean | Activates keyboard controls. Move left: ←, ↓, A, S. Move right: →, ↑, W, D. |
|
||||
| `keyboard` | `data-keyboard` | `true` | boolean | Activates keyboard controls. Move left: ←, ↓, A, S. Move right: →, ↑, W, D. |
|
||||
| `grid` | `data-grid` | `true` | boolean | Enables grid of values above the slider |
|
||||
| `grid_margin` | `data-grid-margin` | `true` | boolean | Set left and right grid gaps |
|
||||
| `grid_num` | `data-grid-num` | `4` | number | Number of grid units |
|
||||
@@ -202,6 +192,7 @@ Obj: {
|
||||
An example of a customised slider:
|
||||
```javascript
|
||||
$("#example").ionRangeSlider({
|
||||
skin: "big",
|
||||
min: 0,
|
||||
max: 10000,
|
||||
from: 1000,
|
||||
@@ -277,8 +268,6 @@ All plugins options are covered in demos.
|
||||
|
||||
#### Support Ion-series plugins development:
|
||||
|
||||
* Donate through Pledgie service: [](https://pledgie.com/campaigns/25694)
|
||||
* [Support the plugin on Patreon](https://www.patreon.com/IonDen)
|
||||
|
||||
* Donate direct to my Paypal account: https://www.paypal.me/IonDen
|
||||
|
||||
* Donate direct to my Yandex.Money account: http://yasobe.ru/na/razrabotku
|
||||
|
||||
@@ -1,283 +0,0 @@
|
||||
|
||||
|
||||
> <a href="readme.md">English description</a> | Описание на русском
|
||||
|
||||
Удобный, гибкий и отзывчивый слайдер диапазонов
|
||||
|
||||
***
|
||||
|
||||
* Версия: 2.2.0
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/index.html">Страница проекта и демо</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/ion.rangeSlider-2.2.0.zip">Загрузить ZIP-архив</a>
|
||||
|
||||
## Описание
|
||||
* Ion.RangeSlider — классный, удобный, отзывчивый и легко настраиваемый слайдер диапазонов
|
||||
* Слайдер поддерживает события и публичные методы, имеет гибкие настройки, может быть полностью видоизменен через CSS
|
||||
* Кроссбраузерная поддержка: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+
|
||||
* Плагин поддерживает устройства с touch-экраном (iPhone, iPad, Nexus, etc.)
|
||||
* <a href="https://github.com/IonDen/ion.rangeSlider">Репозиторий на GitHub</a>
|
||||
* Плагин свободно распространяется на условиях <a href="http://ionden.com/a/plugins/licence.html" target="_blank">лицензии MIT</a>
|
||||
* Используюя этот плагин, вы сможете создавать крутейшие слайдеры диапазонов, такие как этот:
|
||||
|
||||
|
||||
|
||||
## Ключевые особенности
|
||||
* Поддержка скинов. (5 скина в комплекте и PSD для изготовления собственных)
|
||||
* Неограниченное кол-во слайдеров на одной странице без существенных потерь производительности и конфликтов между ними
|
||||
* Два режима работы с 1 или 2 ползунками
|
||||
* Поддержка отрицательных и дробных значений
|
||||
* Возможность редактировать шаг и привязывать сетку к шагу
|
||||
* Можно использовать собственный массив значений для слайдера
|
||||
* Настраиваемая сетка значений
|
||||
* Отключаемые элементы интерфейса (мин. и макс. значение, текущие значение, сетка)
|
||||
* Постфиксы и префиксы для указания единиц измерения ($20, 20 € и т.п.)
|
||||
* Дополнительный постфикс для максимального значения (например $0 — $100<b>+</b>)
|
||||
* Воможнось улучшить читабельность больших цифр (например 10000000 -> 10 000 000 или 10.000.000)
|
||||
* Слайдер пишет свое значение прямо в value исходного поля input, что позволяет вставить сладер прямо внутрь любой формы
|
||||
* Любой параметр слайдера можно так же задать через data-атрибут (например data-min="10")
|
||||
* Слайдер поддерживает параметр disabled, позволяет делать слайдер неактивным
|
||||
* Слайдер поддерживает внешние методы (update, reset и remove), позволяющие управлять слайдером уже после создания
|
||||
* Для продвинутых пользователей есть поддержка колбэков (onStart, onChange, onFinish, onUpdate). Слайдер передает свои значения в эти функции первым аргументом в виде объекта
|
||||
* Слайдер поддерживает работу с датой и временем
|
||||
|
||||
|
||||
## Демо
|
||||
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo.html" class="switch__item">Базовые настройки</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html" class="switch__item">Расширенные настройки</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_interactions.html" class="switch__item">Взаимодействия</a>
|
||||
|
||||
|
||||
## Зависимости
|
||||
|
||||
* <a href="http://jquery.com/" target="_blank">jQuery 1.8.x+</a>
|
||||
|
||||
|
||||
## Использование
|
||||
|
||||
Подключаем библиотеки:
|
||||
* jQuery
|
||||
* ion.rangeSlider.min.js
|
||||
|
||||
Подключаем стили:
|
||||
* <a href="http://necolas.github.io/normalize.css/" target="_blank">normalize.css</a> (желательно, если он у вас еще не подключен)
|
||||
* ion.rangeSlider.css
|
||||
|
||||
Не забываем про скин. 5 скинов включены в архив. Выберите один:
|
||||
* ion.rangeSlider.skinFlat.css + sprite-skin-flat.png
|
||||
* ion.rangeSlider.skinHTML5.css + без картинок
|
||||
* ion.rangeSlider.skinModern.css + sprite-skin-modern.png
|
||||
* ion.rangeSlider.skinNice.css + sprite-skin-nice.png
|
||||
* ion.rangeSlider.skinSimple.css + sprite-skin-simple.png
|
||||
|
||||
Либо воспользуйтесь вложенным в архив PSD файлом, и нарисуйте собственный скин (не забудьте модифицировать размеры элементов в CSS файле)
|
||||
|
||||
|
||||
## Устанавливаем с помощью bower
|
||||
|
||||
* bower install ionrangeslider
|
||||
|
||||
|
||||
## Устанавливаем с помощью npm
|
||||
|
||||
* npm install ion-rangeslider
|
||||
|
||||
|
||||
## Инициализация
|
||||
|
||||
Создаем базовое поле <code>input type="text"</code>:
|
||||
```html
|
||||
<input type="text" id="example_id" name="example_name" value="" />
|
||||
```
|
||||
|
||||
Чтобы запустить слайдер, вызовите ionRangeSlider для нужного элемента:
|
||||
```javascript
|
||||
$("#example_id").ionRangeSlider();
|
||||
```
|
||||
|
||||
## Демо для новичков
|
||||
Если вы новичок в веб разработке и не уверены как правильно подключить этот плагин на вашу страницу, то скачайте вот
|
||||
<a href="http://ionden.com/a/plugins/ion.rangeSlider/ionRangeSliderDemo.zip" class="button">этот демо пример</a>
|
||||
|
||||
|
||||
## <a href="http://jsfiddle.net/IonDen/qv6yrjrv/" target="_blank">Площадка для эксперементов с плагином</a>
|
||||
|
||||
Здесь вы найдете несколько полезных JSFIDDLE-демо, по нестандартному использованию плагина:
|
||||
* [Reverse or RTL](http://jsfiddle.net/IonDen/gbmszmp4/)
|
||||
* [1 handle bind to 1 input](http://jsfiddle.net/IonDen/mvrfg2vc/)
|
||||
* [2 handles bind to 2 inputs](http://jsfiddle.net/IonDen/r5aox84v/)
|
||||
* [2 sliders connected to each other](http://jsfiddle.net/IonDen/4k3d4y3s/)
|
||||
* [1st slider disables/enables 2nd slider](http://jsfiddle.net/IonDen/ctkouh69/)
|
||||
* [Non-linear slider](http://jsfiddle.net/IonDen/pzjaoxe7/)
|
||||
* [Plus and Minus buttons](http://jsfiddle.net/IonDen/wsk7y08a/)
|
||||
* [Calculating sum](http://codepen.io/anon/pen/QyzwJZ)
|
||||
* [Adding one more diapazon on 1 slider](http://jsfiddle.net/IonDen/st9eotpy/)
|
||||
* [Live editing of Min and Max values](http://jsfiddle.net/IonDen/wL8gq4py/)
|
||||
* [Prettify and transform values at the same time](http://jsfiddle.net/IonDen/j0tLzgq1/)
|
||||
* [Custom marks on slider](http://jsfiddle.net/IonDen/spez12kt/)
|
||||
* [Rendering money value n.nn](http://jsfiddle.net/IonDen/vrqqL2Lw/)
|
||||
* [Rendering Dates with Moment.js](http://jsfiddle.net/tvn2ckj2/)
|
||||
* [Changing step live](http://jsfiddle.net/IonDen/ca6ykae6/)
|
||||
* [Toggle slider](http://jsfiddle.net/IonDen/t936wtjv/)
|
||||
* [Using different skin color at the same time](http://jsfiddle.net/IonDen/2sruxk4e/)
|
||||
* [2 dependant sliders](http://jsfiddle.net/IonDen/n2sxswv2/)
|
||||
* [Skip some values](http://jsfiddle.net/IonDen/4qgq9bto/)
|
||||
* [Good Prettify example](http://jsfiddle.net/IonDen/bvbvr0xs/)
|
||||
|
||||
|
||||
## Настройка
|
||||
|
||||
| Option | Data-Attr | Defaults | Type | Description |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| `type` | `data-type` | `single` | string | Choose slider type, could be `single` - for one handle, or `double` for two handles |
|
||||
| `min` | `data-min` | `10` | number | Set slider minimum value |
|
||||
| `max` | `data-max` | `100` | number | Set slider maximum value |
|
||||
| `from` | `data-from` | `min` | number | Set start position for left handle (or for single handle) |
|
||||
| `to` | `data-to` | `max` | number | Set start position for right handle |
|
||||
| `step` | `data-step` | `1` | number | Set sliders step. Always > 0. Could be fractional |
|
||||
| `min_interval` | `data-min-interval` | `-` | number | Set minimum diapason between sliders. Only for **double** type |
|
||||
| `max_interval` | `data-max-interval` | `-` | number | Set minimum maximum between sliders. Only for **double** type |
|
||||
| `max_drag_interval` | `data-drag-interval` | `false` | boolean | Allow user to drag whole range. Only for **double** type |
|
||||
| `values` | `data-values` | `[]` | array | Set up your own array of possible slider values. They could be numbers or strings. If the values array is set up, min, max and step param, can no longer be changed |
|
||||
| `from_fixed` | `data-from-fixed` | `false` | boolean | Fix position of left (or single) handle |
|
||||
| `from_min` | `data-from-min` | `min` | number | Set minimum limit for left (or single) handle |
|
||||
| `from_max` | `data-from-max` | `max` | number | Set maximum limit for left (or single) handle |
|
||||
| `from_shadow` | `data-from-shadow` | `false` | boolean | Highlight the limits for left handle |
|
||||
| `to_fixed` | `data-to-fixed` | `false` | boolean | Fix position of right handle |
|
||||
| `to_min` | `data-to-min` | `min` | number | Set minimum limit for right handle |
|
||||
| `to_max` | `data-to-max` | `max` | number | Set maximum limit for right handle |
|
||||
| `to_shadow` | `data-to-shadow` | `false` | boolean | Highlight the right handle |
|
||||
| `prettify_enabled` | `data-prettify-enabled` | `true` | boolean | Improve readability of long numbers: 10000000 → 10 000 000 |
|
||||
| `prettify_separator` | `data-prettify-separator` | ` ` | string | Set up your own separator for long numbers: 10000000 → 10,000,000 etc. |
|
||||
| `prettify` | `-` | `null` | function | Set up your own prettify function. Can be anything. For example, you can set up unix time as slider values and than transform them to cool looking dates |
|
||||
| `force_edges` | `data-force-edges` | `false` | boolean | Sliders handles and tooltips will be always inside it's container |
|
||||
| `keyboard` | `data-keyboard` | `true` | boolean | Activates keyboard controls. Move left: ←, ↓, A, S. Move right: →, ↑, W, D. |
|
||||
| `grid` | `data-grid` | `false` | boolean | Enables grid of values above the slider |
|
||||
| `grid_margin` | `data-grid-margin` | `true` | boolean | Set left and right grid gaps |
|
||||
| `grid_num` | `data-grid-num` | `4` | number | Number of grid units |
|
||||
| `grid_snap` | `data-grid-snap` | `false` | boolean | Snap grid to sliders step (step param). If activated, grid_num will not be used. Max steps = 50 |
|
||||
| `hide_min_max` | `data-hide-min-max` | `false` | boolean | Hides **min** and **max** labels |
|
||||
| `hide_from_to` | `data-hide-from-to` | `false` | boolean | Hides **from** and **to** labels |
|
||||
| `prefix` | `data-prefix` | `` | string | Set prefix for values. Will be set up right before the number: **$**100 |
|
||||
| `postfix` | `data-postfix` | `` | string | Set postfix for values. Will be set up right after the number: 100**k** |
|
||||
| `max_postfix` | `data-max-postfix` | `` | string | Special postfix, used only for maximum value. Will be showed after handle will reach maximum right position. For example **0 — 100+** |
|
||||
| `decorate_both` | `data-decorate-both` | `true` | boolean | Used for **double** type and only if prefix or postfix was set up. Determine how to decorate close values. For example: **$10k — $100k** or **$10 — 100k** |
|
||||
| `values_separator` | `data-decorate-both` | ` - ` | string | Set your own separator for close values. Used for **double** type. Default: **10 — 100**. Or you may set: **10 to 100, 10 + 100, 10 → 100** etc. |
|
||||
| `input_values_separator` | `data-input-values-separator` | ` ; ` | string | Separator for **double** values in input value property. `<input value="25;42">` |
|
||||
| `disable` | `data-disable` | `false` | boolean | Locks slider and makes it inactive. Input is disabled too. Invisible to forms |
|
||||
| `block` | `data-blokc` | `false` | boolean | Locks slider and makes it inactive. Input is NOT disabled. Can be send with forms |
|
||||
| `extra_classes` | `data-extra-classes` | `—` | string | Traverse extra CSS-classes to sliders container |
|
||||
| `scope` | `-` | `null` | object | Scope for callbacks. Pass any object |
|
||||
| `onStart` | `-` | `null` | function | Callback. Is called on slider start. Gets all slider data as a 1st attribute |
|
||||
| `onChange` | `-` | `null` | function | Callback. IS called on each values change. Gets all slider data as a 1st attribute |
|
||||
| `onFinish` | `-` | `null` | function | Callback. Is called than user releases handle. Gets all slider data as a 1st attribute |
|
||||
| `onUpdate` | `-` | `null` | function | Callback. Is called than slider is modified by external methods `update` or `reset` |
|
||||
|
||||
|
||||
|
||||
## Описание данных передаваемых в колбэки (onChange и т.д):
|
||||
|
||||
Результат имеет тип object и передается коллбэк первым аргументом:
|
||||
```javascript
|
||||
Obj: {
|
||||
"input": object, // jQuery-link to input
|
||||
"slider": object, // jQuery-link to sliders container
|
||||
"min": 1000, // MIN value
|
||||
"max": 100000, // MAX values
|
||||
"from": 10000, // FROM value
|
||||
"from_percent": 10, // FROM value in percents
|
||||
"from_value": 0, // FROM index in values array (if used)
|
||||
"to": 90000, // TO value
|
||||
"to_percent": 90, // TO value in percents
|
||||
"to_value": 0, // TO index in values array (if used)
|
||||
"min_pretty": "1 000", // MIN prettified (if used)
|
||||
"max_pretty": "100 000", // MAX prettified (if used)
|
||||
"from_pretty": "10 000", // FROM prettified (if used)
|
||||
"to_pretty": "90 000" // TO prettified (if used)
|
||||
}
|
||||
```
|
||||
|
||||
## Создание слайдера c параметрами
|
||||
|
||||
Пример
|
||||
```javascript
|
||||
$("#example").ionRangeSlider({
|
||||
min: 0,
|
||||
max: 10000,
|
||||
from: 1000,
|
||||
to: 9000,
|
||||
type: 'double',
|
||||
prefix: "$",
|
||||
grid: true,
|
||||
grid_num: 10
|
||||
});
|
||||
```
|
||||
|
||||
Слайдер с параметрами можно также инициализировать используя атрибуты <code>data-*</code> у тэга <code>input</code>:
|
||||
```html
|
||||
data-min="0"
|
||||
data-max="10000"
|
||||
data-from="1000"
|
||||
data-to="9000"
|
||||
data-type="double"
|
||||
data-prefix="$"
|
||||
data-grid="true"
|
||||
data-grid-num="10"
|
||||
```
|
||||
|
||||
## Публичные методы
|
||||
|
||||
Для того чтобы использовать публичные методы, вначале нужно записать значение слайдера в переменную::
|
||||
```javascript
|
||||
// Запускаем слайдер
|
||||
$("#range").ionRangeSlider({
|
||||
type: "double",
|
||||
min: 0,
|
||||
max: 1000,
|
||||
from: 200,
|
||||
to: 500,
|
||||
grid: true
|
||||
});
|
||||
|
||||
// Записываем инстанс в переменную
|
||||
var slider = $("#range").data("ionRangeSlider");
|
||||
|
||||
// Запускаем публичный метод
|
||||
slider.reset();
|
||||
```
|
||||
|
||||
Всего существует 3 публичных метода:
|
||||
```javascript
|
||||
// UPDATE - обновляет значения слайдера (можно менять любые значения)
|
||||
slider.update({
|
||||
from: 300,
|
||||
to: 400
|
||||
});
|
||||
|
||||
// RESET - сбрасывает слайдер к исходным значениям
|
||||
slider.reset();
|
||||
|
||||
// DESTROY - убивает слайдер и восстанавливает исходный input
|
||||
slider.destroy();
|
||||
```
|
||||
|
||||
## Еще раз взглянем на демо
|
||||
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo.html" class="switch__item">Базовые настройки</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html" class="switch__item">Расширенные настройки</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_interactions.html" class="switch__item">Взаимодействия</a>
|
||||
|
||||
В демках есть примеры использования всех опций слайдера
|
||||
|
||||
|
||||
### <a href="history.md">История обновлений</a>
|
||||
|
||||
***
|
||||
|
||||
#### Поддержите разработку плагинов серии Ion:
|
||||
|
||||
* Пожертвовать через сервис Pledgie: [](https://pledgie.com/campaigns/25694)
|
||||
|
||||
* Пожертвовать напрямую через Paypal: https://www.paypal.me/IonDen
|
||||
|
||||
* Пожертвовать напрямую через Яндекс.Деньги: http://yasobe.ru/na/razrabotku
|
||||
Reference in New Issue
Block a user