Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
eb6a0216
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,发现更多精彩内容 >>
提交
eb6a0216
编写于
12月 04, 2019
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
cards components, charts fixes
上级
e2661111
变更
9
隐藏空白更改
内联
并排
Showing
9 changed file
with
112 addition
and
25 deletion
+112
-25
.github/no-response.yml
.github/no-response.yml
+10
-0
js/tabler-charts.js
js/tabler-charts.js
+4
-0
pages/_data/charts.yml
pages/_data/charts.yml
+45
-10
pages/_includes/cards/charts/total-sales.html
pages/_includes/cards/charts/total-sales.html
+9
-0
pages/_includes/ui/card-dropdown.html
pages/_includes/ui/card-dropdown.html
+12
-0
pages/_includes/ui/chart.html
pages/_includes/ui/chart.html
+9
-11
pages/_includes/ui/trending.html
pages/_includes/ui/trending.html
+1
-1
pages/tmp.html
pages/tmp.html
+8
-0
scss/ui/_cards.scss
scss/ui/_cards.scss
+14
-3
未找到文件。
.github/no-response.yml
0 → 100644
浏览文件 @
eb6a0216
# Configuration for probot-no-response - https://github.com/probot/no-response
daysUntilClose
:
28
closeComment
:
>
This issue has been automatically closed because there has been no response
to our request for more information from the original author. With only the
information that is currently in the issue, we don't have enough information
to take action. Please reach out if you have or find the answers we need so
that we can investigate further.
js/tabler-charts.js
浏览文件 @
eb6a0216
...
...
@@ -84,6 +84,9 @@ if (window.Apex) {
dataLabels
:
{
minAngleToShowLabel
:
10
,
},
donut
:
{
size
:
'
80%
'
}
},
},
...
...
@@ -91,6 +94,7 @@ if (window.Apex) {
width
:
2
,
curve
:
'
smooth
'
,
lineCap
:
"
round
"
,
colors
:
[
"
transparent
"
]
},
fill
:
{
...
...
pages/_data/charts.yml
浏览文件 @
eb6a0216
total-sales
:
type
:
donut
sparkline
:
true
hide-legend
:
true
series
:
-
name
:
Direct
color
:
blue
data
:
44
-
name
:
Affilliate
color
:
green
data
:
55
-
name
:
Sponsored
color
:
red
data
:
35
-
name
:
E-mail
color
:
yellow
data
:
12
total-sales2
:
type
:
radalBar
sparkline
:
true
hide-legend
:
true
series
:
-
name
:
Direct
color
:
blue
data
:
44
-
name
:
Affilliate
color
:
green
data
:
55
-
name
:
Sponsored
color
:
red
data
:
35
-
name
:
E-mail
color
:
yellow
data
:
12
tasks
:
name
:
Tasks
type
:
line
...
...
@@ -241,16 +277,16 @@ pie:
series
:
-
name
:
A
color
:
blue-darker
data
:
[
63
]
data
:
63
-
name
:
B
color
:
blue
data
:
[
44
]
data
:
44
-
name
:
C
color
:
blue-light
data
:
[
12
]
data
:
12
-
name
:
D
color
:
blue-lighter
data
:
[
14
]
data
:
14
donut
:
name
:
Lorem ipsum
...
...
@@ -261,10 +297,10 @@ donut:
series
:
-
name
:
Maximum
color
:
green
data
:
[
63
]
data
:
63
-
name
:
Minimum
color
:
green-light
data
:
[
37
]
data
:
37
scatter
:
...
...
@@ -376,14 +412,13 @@ devices:
type
:
donut
sparkline
:
true
hide-legend
:
true
sparkline
:
true
series
:
-
name
:
a
color
:
blue-dark
data
:
[
23
]
data
:
23
-
name
:
b
color
:
blue
data
:
[
54
]
data
:
54
-
name
:
c
color
:
blue-light
data
:
[
34
]
data
:
34
pages/_includes/cards/charts/total-sales.html
0 → 100644
浏览文件 @
eb6a0216
<div
class=
"card"
>
<div
class=
"card-body"
>
{% include ui/card-dropdown.html %}
<h3
class=
"card-title"
>
Total sales
</h3>
{% include ui/chart.html chart-id="total-sales" height=15 %}
{% include ui/chart.html chart-id="total-sales2" height=15 %}
</div>
</div>
pages/_includes/ui/card-dropdown.html
0 → 100644
浏览文件 @
eb6a0216
{% assign menu = include.menu | default: 'Import,Export,Download,Another action' | split: ',' %}
{% assign icon = include.icon | default: 'more-horizontal' %}
<div
class=
"dropdown float-right"
>
<a
href=
"#"
class=
"card-drop"
data-toggle=
"dropdown"
aria-expanded=
"false"
>
{% include_cached ui/icon.html icon=icon %}
</a>
<div
class=
"dropdown-menu dropdown-menu-right"
>
{% for item in menu %}
<a
href=
"#"
class=
"dropdown-item"
>
{{ item }}
</a>
{% endfor %}
</div>
</div>
pages/_includes/ui/chart.html
浏览文件 @
eb6a0216
{% assign data = site.data.charts[include.chart-id] %}
{% assign id = include.id | default: include.chart-id %}
{% assign height = include.height %}
{% assign height = include.height
| default: 10
%}
{% if data %}
<div
id=
"chart-{{ id }}"
{%
if
include.class
%}
class=
"{{ include.class }}"
{%
endif
%}
{%
if
height
%}
style=
"height: {% if height == '100%' %}100%{% else %}{{ height }}rem{% endif %}"
{%
endif
%}
></div>
<div
id=
"chart-{{ id }}"
{%
if
include.class
%}
class=
"{{ include.class }}"
{%
endif
%}
></div>
{% capture_global scripts %}
<script>
document
.
addEventListener
(
"
DOMContentLoaded
"
,
function
(
event
)
{
...
...
@@ -13,7 +13,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
window
.
ApexCharts
&&
chartEl
&&
({
%
if
jekyll
.
environment
==
'
development
'
%
}
window
.
tabler_chart
[
"
chart-{{ include.chart-id }}
"
]
=
{
%
endif
%
}
new
ApexCharts
(
chartEl
,
{
chart
:
{
type
:
'
{{ data.type }}
'
,
height
:
chartEl
.
offsetHeight
,
height
:
{{
height
|
times
:
16
}}
,
{
%
if
data
.
sparkline
%
}
sparkline
:
{
enabled
:
true
...
...
@@ -50,7 +50,10 @@ document.addEventListener("DOMContentLoaded", function(event) {
{
%
if
data
.
series
%
}
{
%
if
data
.
type
==
'
pie
'
or
data
.
type
==
'
donut
'
%
}
series
:
[{
%
for
serie
in
data
.
series
%
}{{
serie
.
data
[
0
]
}}{
%
unless
forloop
.
last
%
},
{
%
endunless
%
}{
%
endfor
%
}],
series
:
[{
%
for
serie
in
data
.
series
%
}{{
serie
.
data
}}{
%
unless
forloop
.
last
%
},
{
%
endunless
%
}{
%
endfor
%
}],
labels
:
[{
%
for
serie
in
data
.
series
%
}
"
{{ serie.name }}
"
{
%
unless
forloop
.
last
%
},{
%
endunless
%
}{
%
endfor
%
}],
{
%
else
%
}
series
:
[{
%
for
serie
in
data
.
series
%
}{
name
:
'
{{ serie.name }}
'
,
...
...
@@ -59,12 +62,6 @@ document.addEventListener("DOMContentLoaded", function(event) {
{
%
endif
%
}
{
%
endif
%
}
{
%
if
data
.
type
==
'
pie
'
or
data
.
type
==
'
donut
'
%
}
pie
:
{
height
:
chartEl
.
offsetHeight
},
{
%
endif
%
}
{
%
if
data
.
show
-
grid
%
}
grid
:
{
show
:
true
,
...
...
@@ -103,7 +100,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
{
%
endif
%
}
{
%
if
data
.
series
%
}
colors
:
[
{
%
for
serie
in
data
.
series
%
}
colors
:
[
//chart colors
{
%
for
serie
in
data
.
series
%
}
{{
serie
.
color
|
default
:
'
blue
'
|
tabler_js_color
}}{
%
unless
forloop
.
last
%
},{
%
endunless
%
}{
%
endfor
%
}
],
{
%
endif
%
}
...
...
pages/_includes/ui/trending.html
浏览文件 @
eb6a0216
...
...
@@ -11,5 +11,5 @@
{% endif %}
<span
class=
"text-{{ color }} d-inline-flex align-items-center leading-none{% if include.class %} {{ include.class }}{% endif %}"
>
{{ value }}% {% include_cached ui/icon.html icon=icon class="icon-thin" %}
{{ value }}% {% include_cached ui/icon.html icon=icon class="icon-thin"
class="ml-1"
%}
</span>
pages/tmp.html
浏览文件 @
eb6a0216
---
---
<div
class=
"row"
>
<div
class=
"col-4"
>
{% include cards/charts/total-sales.html %}
</div>
<div
class=
"col-8"
>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col-md-6"
>
{% include cards/user-info.html %}
...
...
scss/ui/_cards.scss
浏览文件 @
eb6a0216
...
...
@@ -89,7 +89,7 @@
.card-cover
{
position
:
relative
;
padding
:
$card-spacer-y
$card-spacer-x
;
background
:
#666
no-repeat
center
/
cover
;
background
:
#666
666
no-repeat
center
/
cover
;
&
::before
{
position
:
absolute
;
...
...
@@ -198,6 +198,17 @@ Card optinos
color
:
$text-muted
;
}
.card-drop
{
line-height
:
1
;
color
:
$text-muted
;
.icon
{
width
:
1
.5rem
;
height
:
1
.5rem
;
stroke-width
:
1
;
}
}
/**
Card status
*/
...
...
@@ -275,7 +286,7 @@ Card code
pre
{
margin
:
0
;
color
:
#fff
;
color
:
#fff
fff
;
text-shadow
:
none
;
background
:
transparent
;
}
...
...
@@ -304,7 +315,7 @@ Card profile
max-width
:
6rem
;
margin-top
:
-5rem
;
margin-bottom
:
1rem
;
border
:
3px
solid
#fff
;
border
:
3px
solid
#fff
fff
;
border-radius
:
100%
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
);
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录