Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
5c1827f4
T
tabler
项目概览
知鸟1号
/
tabler
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
5c1827f4
编写于
1月 27, 2020
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
nouislider plugin, form improvements
上级
a8129abc
变更
11
隐藏空白更改
内联
并排
Showing
11 changed file
with
112 addition
and
38 deletion
+112
-38
js/tabler.js
js/tabler.js
+2
-20
pages/_includes/forms/form-elements-6.html
pages/_includes/forms/form-elements-6.html
+1
-1
pages/_includes/parts/input-range.html
pages/_includes/parts/input-range.html
+6
-2
pages/_includes/ui/form/input-icon.html
pages/_includes/ui/form/input-icon.html
+1
-1
pages/_includes/ui/form/selectize.html
pages/_includes/ui/form/selectize.html
+6
-3
pages/_includes/ui/form/textarea-autosize.html
pages/_includes/ui/form/textarea-autosize.html
+8
-10
pages/_includes/ui/slider.html
pages/_includes/ui/slider.html
+34
-0
scss/_variables.scss
scss/_variables.scss
+4
-0
scss/tabler.scss
scss/tabler.scss
+1
-1
scss/ui/_noUiSlider.scss
scss/ui/_noUiSlider.scss
+0
-0
scss/vendor/_nouislider.scss
scss/vendor/_nouislider.scss
+49
-0
未找到文件。
js/tabler.js
浏览文件 @
5c1827f4
'
use strict
'
;
import
{
CountUp
}
from
"
countup.js
"
;
import
noUiSlider
from
"
nouislider
"
;
import
{
Dropdown
,
Tooltip
,
Popover
}
from
'
bootstrap
'
;
import
'
popper.js
'
;
import
{
CountUp
}
from
"
countup.js
"
;
(
function
()
{
(
function
()
{
/**
* Dropdown
*/
var
dropdownElementList
=
[].
slice
.
call
(
document
.
querySelectorAll
(
'
[data-toggle="dropdown"]
'
))
dropdownElementList
.
map
(
function
(
dropdownToggleEl
)
{
console
.
log
(
'
dropdownToggleEl
'
,
dropdownToggleEl
);
return
new
Dropdown
(
dropdownToggleEl
,
{})
});
...
...
@@ -34,21 +31,6 @@ import 'popper.js';
})
});
/*
NoUiSlider
*/
let
sliders
=
document
.
querySelectorAll
(
"
[data-slider]
"
);
for
(
let
i
=
0
;
i
<
sliders
.
length
;
i
++
)
{
let
dataSlider
;
if
(
sliders
[
i
].
getAttribute
(
"
data-slider
"
))
{
dataSlider
=
JSON
.
parse
(
sliders
[
i
].
getAttribute
(
"
data-slider
"
));
}
let
slider
=
noUiSlider
.
create
(
sliders
[
i
],
dataSlider
);
if
(
dataSlider
[
'
js-name
'
]){
window
[
dataSlider
[
'
js-name
'
]]
=
slider
;
}
}
/*
CountUp
*/
...
...
pages/_includes/forms/form-elements-6.html
浏览文件 @
5c1827f4
...
...
@@ -19,7 +19,7 @@
<div
class=
"mb-3"
>
<label
class=
"form-label"
>
Form control rounded
</label>
<input
type=
"text"
class=
"form-control form-control-rounded mb-2"
name=
"Form control rounded"
placeholder=
"Text.."
>
{% include ui/form/input-icon.html class="form-control-rounded" %}
{% include ui/form/input-icon.html
input-
class="form-control-rounded" %}
</div>
<div
class=
"mb-3"
>
...
...
pages/_includes/parts/input-range.html
浏览文件 @
5c1827f4
<div
class=
"mb-3"
>
<label
class=
"form-label"
>
Range input
</label>
<input
type=
"range"
class=
"form-range"
min=
"0"
max=
"10"
step=
"1"
>
<label
class=
"form-label"
>
Range input
</label>
{% include ui/slider.html value=40 %}
{% include ui/slider.html value="20" id="simple" connect=true %}
{% include ui/slider.html value="60,90" id="connect" %}
{% include ui/slider.html value="40" id="color" class="text-green" connect=true %}
</div>
pages/_includes/ui/form/input-icon.html
浏览文件 @
5c1827f4
...
...
@@ -16,7 +16,7 @@
{{ addon }}
{% endif %}
<input
type=
"text"
class=
"form-control{% if include.light %} form-control-light{% endif %}"
placeholder=
"{{ include.placeholder | default: 'Search…' }}"
>
<input
type=
"text"
class=
"form-control{% if include.light %} form-control-light{% endif %}
{% if include.input-class %} {{ include.input-class }}{% endif %}
"
placeholder=
"{{ include.placeholder | default: 'Search…' }}"
>
{% unless include.prepend %}
{{ addon }}
...
...
pages/_includes/ui/form/selectize.html
浏览文件 @
5c1827f4
...
...
@@ -4,7 +4,10 @@
<select
name=
"{{ key }}"
id=
"select-{{ key }}"
class=
"form-select"
>
{% if options == 'people' %}
{% for person in site.data.people limit: 20 %}
<option
value=
"{{ person.id }}"
data-data=
'{"image": "{{ site.base }}/{{ person.photo }}"}'
{%
if
person.id =
=
value
%}
selected
{%
endif
%}
>
{{ person.full_name }}
</option>
{% capture avatar %}
{% include ui/avatar.html person=person class="avatar-xs rounded mr-2 ml-n1" %}
{% endcapture %}
<option
value=
"{{ person.id }}"
data-data=
'{"avatar": "{{ avatar | strip | replace: '
"',
'\"'
}}"}'{%
if
person.id =
=
value
%}
selected
{%
endif
%}
>
{{ person.full_name }}
</option>
{% endfor %}
{% else %}
...
...
@@ -40,10 +43,10 @@
{
%
elsif
key
==
"
people
"
%
}
render
:
{
option
:
function
(
data
,
escape
)
{
return
'
<div class="option">
<span class="avatar avatar-xs rounded mr-2 ml-n1" style="background-image: url({{ site.base }}/
'
+
data
.
image
+
'
)"></span>
'
+
escape
(
data
.
text
)
+
'
</div>
'
;
return
'
<div class="option">
'
+
data
.
avatar
+
'
'
+
escape
(
data
.
text
)
+
'
</div>
'
;
},
item
:
function
(
data
,
escape
)
{
return
'
<div class="d-flex align-items-center">
<span class="avatar avatar-xs rounded mr-2 ml-n1" style="background-image: url({{ site.base }}/
'
+
data
.
image
+
'
)"></span>
'
+
escape
(
data
.
text
)
+
'
</div>
'
;
return
'
<div class="d-flex align-items-center">
'
+
data
.
avatar
+
'
'
+
escape
(
data
.
text
)
+
'
</div>
'
;
}
}
{
%
endif
%
}
...
...
pages/_includes/ui/form/textarea-autosize.html
浏览文件 @
5c1827f4
...
...
@@ -4,16 +4,14 @@
{% capture_once scripts %}
<script>
if
(
window
.
autosize
)
{
(
function
()
{
const
elements
=
document
.
querySelectorAll
(
'
[data-toggle="autosize"]
'
);
(
function
()
{
const
elements
=
document
.
querySelectorAll
(
'
[data-toggle="autosize"]
'
);
if
(
elements
.
length
)
{
elements
.
forEach
(
function
(
element
)
{
autosize
(
element
);
});
}
})();
}
if
(
elements
.
length
)
{
elements
.
forEach
(
function
(
element
)
{
autosize
(
element
);
});
}
})();
</script>
{% endcapture_once %}
pages/_includes/ui/slider.html
0 → 100644
浏览文件 @
5c1827f4
{% assign min = include.min | default: 0 %}
{% assign max = include.max | default: 100 %}
{% assign step = include.step | default: 10 %}
{% assign value = include.value | default: 50 %}
{% assign id = include.id %}
{% if id %}
{% append_lib nouislider %}
<div
class=
"form-range mb-2{% if include.class %} {{ include.class }}{% endif %}"
id=
"slider-{{ id }}"
data-slider=
'{"start": {{ value }}, "connect": [true, false], "step": {{ step }}, "range": {"min": {{ min }}, "max": {{ max }}}}'
></div>
{% capture_global scripts %}
<script>
// @formatter:off
{
%
assign
value
=
value
|
split
:
'
,
'
%
}
{{
value
}}
noUiSlider
.
create
(
document
.
getElementById
(
'
slider-{{ id }}
'
),
{
start
:
{
%
if
value
.
size
>
1
%
}[{{
value
|
join
:
'
,
'
}}]{
%
else
%
}{{
value
}}{
%
endif
%
},
{
%
if
value
.
size
>
1
or
include
.
connect
%
}
connect
:
[{
%
for
i
in
(
2
..
value
.
size
)
%
}{
%
cycle
'
false
'
,
'
true
'
%
},
{
%
endfor
%
}
true
,
false
],
{
%
endif
%
}
step
:
{{
step
}},
range
:
{
min
:
{{
min
}},
max
:
{{
max
}}
}
});
// @formatter:on
</script>
{% endcapture_global %}
{% else %}
<input
type=
"range"
class=
"form-range mb-2{% if include.class %} {{ include.class }}{% endif %}"
value=
"{{ value }}"
min=
"{{ min }}"
max=
"{{ max }}"
step=
"{{ step }}"
>
{% endif %}
\ No newline at end of file
scss/_variables.scss
浏览文件 @
5c1827f4
...
...
@@ -403,6 +403,10 @@ $form-switch-width: 1.75rem !default;
$form-switch-padding-left
:
$form-switch-width
+
.5rem
!
default
;
$form-range-track-height
:
.25rem
!
default
;
$form-range-track-bg
:
$light-mix
!
default
;
$form-range-thumb-border
:
2px
solid
$white
!
default
;
$form-range-thumb-height
:
1rem
!
default
;
$form-range-thumb-focus-box-shadow-width
:
.125rem
!
default
;
$form-feedback-icon-valid
:
str-replace
(
url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + $green + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>")
,
"#"
,
"%23"
)
!
default
;
$form-feedback-icon-invalid
:
str-replace
(
url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + $red + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>")
,
"#"
,
"%23"
)
!
default
;
...
...
scss/tabler.scss
浏览文件 @
5c1827f4
...
...
@@ -42,7 +42,6 @@
@import
"ui/login"
;
@import
"ui/modals"
;
@import
"ui/nav"
;
@import
"ui/noUiSlider"
;
@import
"ui/stars"
;
@import
"ui/pagination"
;
@import
"ui/popovers"
;
...
...
@@ -63,6 +62,7 @@
@import
"vendor/jqvmap"
;
@import
"vendor/apexcharts"
;
@import
"vendor/fullcalendar"
;
@import
"vendor/nouislider"
;
@import
"utils/border"
;
@import
"utils/background"
;
...
...
scss/ui/_noUiSlider.scss
已删除
100644 → 0
浏览文件 @
a8129abc
scss/vendor/_nouislider.scss
0 → 100644
浏览文件 @
5c1827f4
.noUi-target
{
border
:
0
;
box-shadow
:
none
;
background
:
none
;
border-radius
:
0
;
color
:
$form-range-thumb-bg
;
}
.noUi-horizontal
{
height
:
add
(
$form-range-track-height
,
1rem
);
padding
:
.5rem
0
;
}
.noUi-base
{
background
:
$form-range-track-bg
;
border-radius
:
$form-range-track-border-radius
;
}
.noUi-handle
{
width
:
$form-range-thumb-width
;
height
:
$form-range-thumb-height
;
border
:
$form-range-thumb-border
;
box-shadow
:
$form-range-thumb-box-shadow
;
border-radius
:
$form-range-thumb-border-radius
;
background
:
currentColor
;
outline
:
0
;
&
:before
,
&
:after
{
content
:
none
;
}
.noUi-horizontal
&
{
width
:
$form-range-thumb-width
;
height
:
$form-range-thumb-height
;
top
:
(
-
$form-range-thumb-height
/
2
);
right
:
(
-
$form-range-thumb-height
/
2
);
margin
:
1px
1px
0
0
;
}
&
.noUi-active
,
&
:focus
{
box-shadow
:
$form-range-thumb-focus-box-shadow
;
}
}
.noUi-connect
{
background
:
currentColor
;
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录