ezframe 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +12 -0
- data/.rubocop.yml +44 -0
- data/Gemfile +5 -0
- data/README.md +37 -0
- data/Rakefile +6 -0
- data/example/auth/Gemfile +8 -0
- data/example/auth/asset/css/materialize.min.css +13 -0
- data/example/auth/asset/js/common.js +200 -0
- data/example/auth/asset/js/htmlgen.js +79 -0
- data/example/auth/columns/user.yml +12 -0
- data/example/auth/config.ru +26 -0
- data/example/auth/config/view_conf.yml +3 -0
- data/example/auth/pages/app.rb +61 -0
- data/example/auth/template/base.html +12 -0
- data/example/chat/Gemfile +9 -0
- data/example/chat/asset/css/materialize.min.css +13 -0
- data/example/chat/asset/js/common.js +200 -0
- data/example/chat/asset/js/htmlgen.js +79 -0
- data/example/chat/columns/belong.yml +6 -0
- data/example/chat/columns/channel.yml +3 -0
- data/example/chat/columns/talk.yml +6 -0
- data/example/chat/columns/user.yml +12 -0
- data/example/chat/config.ru +23 -0
- data/example/chat/config/view_conf.yml +3 -0
- data/example/chat/pages/app.rb +59 -0
- data/example/chat/template/base.html +12 -0
- data/example/todo/Gemfile +8 -0
- data/example/todo/asset/css/datatable.css +54 -0
- data/example/todo/asset/css/materialize.min.css +13 -0
- data/example/todo/asset/js/common.js +135 -0
- data/example/todo/asset/js/datatable.js +1814 -0
- data/example/todo/asset/js/htmlgen.js +79 -0
- data/example/todo/asset/js/init.js +3 -0
- data/example/todo/asset/js/materialize.min.js +6 -0
- data/example/todo/asset/js/mydatatable.js +9 -0
- data/example/todo/asset/js/mymaterialize.js +22 -0
- data/example/todo/columns/todo.yml +9 -0
- data/example/todo/config.ru +15 -0
- data/example/todo/config/view_conf.yml +3 -0
- data/example/todo/pages/app.rb +93 -0
- data/example/todo/template/base.html +12 -0
- data/exe/console +14 -0
- data/exe/create_table.rb +11 -0
- data/exe/myrackup +5 -0
- data/ezframe.gemspec +43 -0
- data/lib/ezframe.rb +28 -0
- data/lib/ezframe/auth.rb +68 -0
- data/lib/ezframe/column_set.rb +174 -0
- data/lib/ezframe/column_type.rb +220 -0
- data/lib/ezframe/config.rb +33 -0
- data/lib/ezframe/controller.rb +63 -0
- data/lib/ezframe/database.rb +48 -0
- data/lib/ezframe/hthash.rb +116 -0
- data/lib/ezframe/html.rb +84 -0
- data/lib/ezframe/materialize.rb +109 -0
- data/lib/ezframe/model.rb +54 -0
- data/lib/ezframe/page_base.rb +109 -0
- data/lib/ezframe/page_kit.rb +84 -0
- data/lib/ezframe/pages.rb +8 -0
- data/lib/ezframe/server.rb +15 -0
- data/lib/ezframe/template.rb +25 -0
- data/lib/ezframe/util.rb +86 -0
- data/lib/ezframe/version.rb +3 -0
- metadata +236 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
require "logger"
|
|
4
|
+
require "rack"
|
|
5
|
+
require "rack-flash"
|
|
6
|
+
require "warden"
|
|
7
|
+
|
|
8
|
+
$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), "lib"))
|
|
9
|
+
require "ezframe"
|
|
10
|
+
|
|
11
|
+
use Warden::Manager do |manager|
|
|
12
|
+
manager.default_strategies :mystrategy
|
|
13
|
+
manager.failure_app = Proc.new do |env|
|
|
14
|
+
["401", { "Content-Type" => "text/html" }, [ Ezframe::App.new.public_login_page ]]
|
|
15
|
+
end
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
use Rack::Session::Pool, secret: Digest::SHA256.hexdigest(rand.to_s)
|
|
19
|
+
use Rack::Static, urls: ["/image", "/js", "/css"], root: "asset"
|
|
20
|
+
use Rack::ShowExceptions
|
|
21
|
+
use Rack::Flash, :accessorize => [:notice, :error]
|
|
22
|
+
|
|
23
|
+
run Ezframe::Server
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module Ezframe
|
|
4
|
+
class App < PageBase
|
|
5
|
+
def initialize(request=nil, model=nil)
|
|
6
|
+
super(request, model)
|
|
7
|
+
if @request
|
|
8
|
+
mylog "request=#{@request}"
|
|
9
|
+
end
|
|
10
|
+
if @model
|
|
11
|
+
@column_set = @model.column_sets[:user]
|
|
12
|
+
@dataset = @column_set.dataset
|
|
13
|
+
end
|
|
14
|
+
@auth = true
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
def public_index_page
|
|
18
|
+
hthash = { tag: "ul", child: [
|
|
19
|
+
{ tag: "li", child: { tag: "a", href: "/app/test1", child: "app1"}},
|
|
20
|
+
{ tag: "li", child: { tag: "a", href: "/app/test2", child: "app2"}},
|
|
21
|
+
] }
|
|
22
|
+
common_page(title: "app Top", body: Html.convert(Materialize.convert(hthash)))
|
|
23
|
+
end
|
|
24
|
+
|
|
25
|
+
def public_test1_page
|
|
26
|
+
common_page(title: "Secret Page", body: Html.convert(Materialize.convert({ tag: "h1", child: "test1"})))
|
|
27
|
+
end
|
|
28
|
+
|
|
29
|
+
def public_test2_page
|
|
30
|
+
common_page(title: "Secret Page", body: Html.convert(Materialize.convert({ tag: "h1", child: "test2"})))
|
|
31
|
+
end
|
|
32
|
+
|
|
33
|
+
def public_default_page
|
|
34
|
+
mylog "login?: #{login?}"
|
|
35
|
+
if login?
|
|
36
|
+
public_index_page
|
|
37
|
+
else
|
|
38
|
+
public_login_page
|
|
39
|
+
end
|
|
40
|
+
end
|
|
41
|
+
|
|
42
|
+
def public_login_page
|
|
43
|
+
form = { tag: "div", class: %w[container], child:
|
|
44
|
+
{ tag: "form", action: "/app/login", method: "post", child: [
|
|
45
|
+
{ tag: "input", type: "text", name: "account", label: "User ID"},
|
|
46
|
+
{ tag: "input", type: "password", name: "password", label: "Password"},
|
|
47
|
+
{ tag: "button", type: "submit", class: %w[btn], child: "login"}
|
|
48
|
+
]}
|
|
49
|
+
}
|
|
50
|
+
common_page(title: "Login", body: Html.convert(Materialize.convert(form)))
|
|
51
|
+
end
|
|
52
|
+
|
|
53
|
+
def public_login_post
|
|
54
|
+
mylog "public_login_post: #{@params.inspect}, #{@json}"
|
|
55
|
+
warden.authenticate # (@params["account"], @params["password"])
|
|
56
|
+
public_index_page
|
|
57
|
+
end
|
|
58
|
+
end
|
|
59
|
+
end
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/* PAGING */
|
|
2
|
+
|
|
3
|
+
.pagination {
|
|
4
|
+
text-align: center;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.pagination li {
|
|
8
|
+
list-style-type: none ;
|
|
9
|
+
float: left ;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.pagination li a {
|
|
13
|
+
padding: 0 5px ;
|
|
14
|
+
cursor: pointer ;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.pagination li.active a {
|
|
18
|
+
cursor: default ;
|
|
19
|
+
color: gray ;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/* SORT HEADER */
|
|
23
|
+
|
|
24
|
+
.sorting {
|
|
25
|
+
cursor: pointer ;
|
|
26
|
+
background-image: url("../img/sort_both.png") ;
|
|
27
|
+
background-repeat: no-repeat;
|
|
28
|
+
background-position: center right;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.sorting-desc {
|
|
32
|
+
background-image: url("../img/sort_desc.png") ;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.sorting-asc {
|
|
36
|
+
background-image: url("../img/sort_asc.png") ;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* AJAX LOAD BAR */
|
|
40
|
+
|
|
41
|
+
.datatable-load-bar {
|
|
42
|
+
width: 100% ;
|
|
43
|
+
margin: 8px 0 ;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.datatable-load-bar {
|
|
47
|
+
border: 1px solid gray ;
|
|
48
|
+
height: 10px ;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.datatable-load-bar .bar {
|
|
52
|
+
height: 10px ;
|
|
53
|
+
background-color: #AEF ;
|
|
54
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Materialize v1.0.0 (http://materializecss.com)
|
|
3
|
+
* Copyright 2014-2017 Materialize
|
|
4
|
+
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
|
5
|
+
*/
|
|
6
|
+
.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-small,.btn-floating,.dropdown-content,.collapsible,.sidenav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width: 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,0.5)}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,0.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid rgba(0,0,0,0.12)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'\00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid rgba(0,0,0,0.12)}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);position:relative;padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,0.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease, background-color .28s ease;transition:color .28s ease, background-color .28s ease}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:rgba(246,178,181,0.2);outline:none}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.4);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left, right}@media only screen and (max-width: 992px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;visibility:hidden}.btn,.btn-large,.btn-small,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.disabled.btn-large,.disabled.btn-small,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-small:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-large[disabled],.btn-small[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF !important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F !important;cursor:default}.btn.disabled:hover,.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF !important;color:#9F9F9F !important}.btn,.btn-large,.btn-small,.btn-floating,.btn-large,.btn-small,.btn-flat{font-size:14px;outline:0}.btn i,.btn-large i,.btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-large:focus,.btn-small:focus,.btn-floating:focus{background-color:#1d7d74}.btn,.btn-large,.btn-small{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-large:hover,.btn-small:hover{background-color:#2bbbad}.btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#26a69a}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:32.4px;height:32.4px}.btn-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-floating.btn-small i{line-height:32.4px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,0.1)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:transparent !important;color:#b3b2b2 !important;cursor:default}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-trigger{cursor:pointer}/*!
|
|
7
|
+
* Waves v0.6.0
|
|
8
|
+
* http://fian.my.id/Waves
|
|
9
|
+
*
|
|
10
|
+
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
|
11
|
+
* Released under the MIT license
|
|
12
|
+
* https://github.com/fians/Waves/blob/master/LICENSE
|
|
13
|
+
*/.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}.modal:focus{outline:none}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:#eee}.collapsible-body{display:none;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem}.sidenav .collapsible,.sidenav.fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.sidenav .collapsible li,.sidenav.fixed .collapsible li{padding:0}.sidenav .collapsible-header,.sidenav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.fixed .collapsible-body{border:0;background-color:#fff}.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:#26a69a;color:#fff}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;-webkit-box-shadow:none;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .input{background:none;border:0;color:rgba(0,0,0,0.6);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty ~ label{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::-ms-input-placeholder{color:#d1d1d1}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:border .3s, -webkit-box-shadow .3s;transition:border .3s, -webkit-box-shadow .3s;transition:box-shadow .3s, border .3s;transition:box-shadow .3s, border .3s, -webkit-box-shadow .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.42);border-bottom:1px dotted rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]):focus.valid ~ label,input[type=text]:not(.browser-default):focus.valid ~ label,input[type=password]:not(.browser-default):focus.valid ~ label,input[type=email]:not(.browser-default):focus.valid ~ label,input[type=url]:not(.browser-default):focus.valid ~ label,input[type=time]:not(.browser-default):focus.valid ~ label,input[type=date]:not(.browser-default):focus.valid ~ label,input[type=datetime]:not(.browser-default):focus.valid ~ label,input[type=datetime-local]:not(.browser-default):focus.valid ~ label,input[type=tel]:not(.browser-default):focus.valid ~ label,input[type=number]:not(.browser-default):focus.valid ~ label,input[type=search]:not(.browser-default):focus.valid ~ label,textarea.materialize-textarea:focus.valid ~ label{color:#4CAF50}input:not([type]):focus.invalid ~ label,input[type=text]:not(.browser-default):focus.invalid ~ label,input[type=password]:not(.browser-default):focus.invalid ~ label,input[type=email]:not(.browser-default):focus.invalid ~ label,input[type=url]:not(.browser-default):focus.invalid ~ label,input[type=time]:not(.browser-default):focus.invalid ~ label,input[type=date]:not(.browser-default):focus.invalid ~ label,input[type=datetime]:not(.browser-default):focus.invalid ~ label,input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,input[type=tel]:not(.browser-default):focus.invalid ~ label,input[type=number]:not(.browser-default):focus.invalid ~ label,input[type=search]:not(.browser-default):focus.invalid ~ label,textarea.materialize-textarea:focus.invalid ~ label{color:#F44336}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}input.valid:not([type]),input.valid:not([type]):focus,input.valid[type=text]:not(.browser-default),input.valid[type=text]:not(.browser-default):focus,input.valid[type=password]:not(.browser-default),input.valid[type=password]:not(.browser-default):focus,input.valid[type=email]:not(.browser-default),input.valid[type=email]:not(.browser-default):focus,input.valid[type=url]:not(.browser-default),input.valid[type=url]:not(.browser-default):focus,input.valid[type=time]:not(.browser-default),input.valid[type=time]:not(.browser-default):focus,input.valid[type=date]:not(.browser-default),input.valid[type=date]:not(.browser-default):focus,input.valid[type=datetime]:not(.browser-default),input.valid[type=datetime]:not(.browser-default):focus,input.valid[type=datetime-local]:not(.browser-default),input.valid[type=datetime-local]:not(.browser-default):focus,input.valid[type=tel]:not(.browser-default),input.valid[type=tel]:not(.browser-default):focus,input.valid[type=number]:not(.browser-default),input.valid[type=number]:not(.browser-default):focus,input.valid[type=search]:not(.browser-default),input.valid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid>input.select-dropdown{border-bottom:1px solid #4CAF50;-webkit-box-shadow:0 1px 0 0 #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input.invalid[type=text]:not(.browser-default),input.invalid[type=text]:not(.browser-default):focus,input.invalid[type=password]:not(.browser-default),input.invalid[type=password]:not(.browser-default):focus,input.invalid[type=email]:not(.browser-default),input.invalid[type=email]:not(.browser-default):focus,input.invalid[type=url]:not(.browser-default),input.invalid[type=url]:not(.browser-default):focus,input.invalid[type=time]:not(.browser-default),input.invalid[type=time]:not(.browser-default):focus,input.invalid[type=date]:not(.browser-default),input.invalid[type=date]:not(.browser-default):focus,input.invalid[type=datetime]:not(.browser-default),input.invalid[type=datetime]:not(.browser-default):focus,input.invalid[type=datetime-local]:not(.browser-default),input.invalid[type=datetime-local]:not(.browser-default):focus,input.invalid[type=tel]:not(.browser-default),input.invalid[type=tel]:not(.browser-default):focus,input.invalid[type=number]:not(.browser-default),input.invalid[type=number]:not(.browser-default):focus,input.invalid[type=search]:not(.browser-default),input.invalid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus{border-bottom:1px solid #F44336;-webkit-box-shadow:0 1px 0 0 #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).valid ~ .helper-text[data-success],input:not([type]):focus.valid ~ .helper-text[data-success],input:not([type]).invalid ~ .helper-text[data-error],input:not([type]):focus.invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],textarea.materialize-textarea.valid ~ .helper-text[data-success],textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],textarea.materialize-textarea.invalid ~ .helper-text[data-error],textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],.select-wrapper.valid .helper-text[data-success],.select-wrapper.invalid ~ .helper-text[data-error]{color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}input:not([type]).valid ~ .helper-text:after,input:not([type]):focus.valid ~ .helper-text:after,input[type=text]:not(.browser-default).valid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=password]:not(.browser-default).valid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=email]:not(.browser-default).valid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=url]:not(.browser-default).valid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=time]:not(.browser-default).valid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=date]:not(.browser-default).valid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=tel]:not(.browser-default).valid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=number]:not(.browser-default).valid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=search]:not(.browser-default).valid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,textarea.materialize-textarea.valid ~ .helper-text:after,textarea.materialize-textarea:focus.valid ~ .helper-text:after,.select-wrapper.valid ~ .helper-text:after{content:attr(data-success);color:#4CAF50}input:not([type]).invalid ~ .helper-text:after,input:not([type]):focus.invalid ~ .helper-text:after,input[type=text]:not(.browser-default).invalid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=password]:not(.browser-default).invalid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=email]:not(.browser-default).invalid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=url]:not(.browser-default).invalid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=time]:not(.browser-default).invalid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=date]:not(.browser-default).invalid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=number]:not(.browser-default).invalid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=search]:not(.browser-default).invalid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,textarea.materialize-textarea.invalid ~ .helper-text:after,textarea.materialize-textarea:focus.invalid ~ .helper-text:after,.select-wrapper.invalid ~ .helper-text:after{content:attr(data-error);color:#F44336}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;-webkit-transition:.2s opacity ease-out, .2s color ease-out;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{width:calc(100% - 3rem - 1.5rem)}.input-field>label{color:#9e9e9e;position:absolute;top:0;left:0;font-size:1rem;cursor:text;-webkit-transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out, color .2s ease-out;transition:transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;text-align:initial;-webkit-transform:translateY(12px);transform:translateY(12px)}.input-field>label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,0.54)}.input-field .helper-text::after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .helper-text,.input-field .prefix ~ .autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;-webkit-transition:.3s background-color;transition:.3s background-color}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;-webkit-box-shadow:none;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons{color:#444}.input-field input[type=search]+.label-icon{-webkit-transform:none;transform:none;left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;opacity:0;pointer-events:none}[type="radio"]:not(:checked)+span,[type="radio"]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+span:before,[type="radio"]+span:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after,[type="radio"]:checked+span:before,[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border-radius:50%}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after{border:2px solid #5a5a5a}[type="radio"]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+span:before{border:2px solid transparent}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border:2px solid #26a69a}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:after{background-color:#26a69a}[type="radio"]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+span:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].tabbed:focus+span:before{-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1)}[type="radio"].with-gap:disabled:checked+span:before{border:2px solid rgba(0,0,0,0.42)}[type="radio"].with-gap:disabled:checked+span:after{border:none;background-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before,[type="radio"]:disabled:checked+span:before{background-color:transparent;border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled+span{color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before{border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:checked+span:after{background-color:rgba(0,0,0,0.42);border-color:#949494}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none}[type="checkbox"]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="checkbox"]+span:not(.lever):before,[type="checkbox"]:not(.filled-in)+span:not(.lever):after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type="checkbox"]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type="checkbox"]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(0,0,0,0.42)}[type="checkbox"].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}[type="checkbox"]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+span:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42)}[type="checkbox"]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid rgba(0,0,0,0.42);background-color:transparent}[type="checkbox"].filled-in+span:not(.lever):after{border-radius:2px}[type="checkbox"].filled-in+span:not(.lever):before,[type="checkbox"].filled-in+span:not(.lever):after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:transparent;background-color:#949494}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,0.38);border-radius:15px;margin-right:10px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease}.switch label .lever:before{background-color:rgba(38,166,154,0.15)}.switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,0.15)}input[type=checkbox]:not(:disabled) ~ .lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,0.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #26a69a}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,0.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,0.42)}.select-wrapper.disabled+label{color:rgba(0,0,0,0.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,0.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,0.03)}.prefix ~ .select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix ~ label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-appearance:none;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px rgba(38,166,154,0.26);box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #ee6e73}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,0.05)}.sidenav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,0.05)}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{color:#fff}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn:hover,.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{background-color:#2bbbad}.sidenav li>a.btn-floating:hover{background-color:#26a69a}.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s,
|
|
14
|
visibility 0s 1s,
|
|
1
15
|
-webkit-transform .3s;transition:opacity .3s,
|
|
2
16
|
visibility 0s 1s,
|
|
3
17
|
-webkit-transform .3s;transition:opacity .3s,
|
|
4
18
|
transform .3s,
|
|
5
19
|
visibility 0s 1s;transition:opacity .3s,
|
|
6
20
|
transform .3s,
|
|
7
21
|
visibility 0s 1s,
|
|
8
22
|
-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#ee6e73;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ffffff}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s,
|
|
9
23
|
visibility 0s,
|
|
10
24
|
-webkit-transform .3s;transition:opacity .3s,
|
|
11
25
|
visibility 0s,
|
|
12
26
|
-webkit-transform .3s;transition:opacity .3s,
|
|
13
27
|
transform .3s,
|
|
14
28
|
visibility 0s;transition:opacity .3s,
|
|
15
29
|
transform .3s,
|
|
16
30
|
visibility 0s,
|
|
17
31
|
-webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.datepicker-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker-controls .select-wrapper input{border-bottom:none;text-align:center;margin:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:70px}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:transparent;border:none}.datepicker-date-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;color:#fff;padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:rgba(255,255,255,0.7)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:#999}.datepicker-table td{border-radius:50%;padding:0}.datepicker-table td.is-today{color:#26a69a}.datepicker-table td.is-selected{background-color:#26a69a;color:#fff}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:rgba(0,0,0,0.3);pointer-events:none}.datepicker-day-button{background-color:transparent;border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:focus{background-color:rgba(43,161,150,0.25)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:#26a69a;padding:0 1rem}.datepicker-clear{color:#F44336}@media only screen and (min-width: 601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.datepicker-date-display{-webkit-box-flex:0;-webkit-flex:0 1 270px;-ms-flex:0 1 270px;flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.text-primary{color:#fff}.timepicker-digital-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,0.6);font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-span-hours,.timepicker-span-minutes,.timepicker-span-am-pm div{cursor:pointer}.timepicker-span-hours{margin-right:3px}.timepicker-span-minutes{margin-left:3px}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.timepicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:rgba(0,0,0,0.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:rgba(38,166,154,0.25)}.timepicker-dial{-webkit-transition:opacity 350ms, -webkit-transform 350ms;transition:opacity 350ms, -webkit-transform 350ms;transition:transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms, -webkit-transform 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.timepicker-dial-out.timepicker-minutes{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.timepicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.timepicker-canvas line{stroke:#26a69a;stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:0.25}.timepicker-canvas-bearing{stroke:none;fill:#26a69a}.timepicker-canvas-bg{stroke:none;fill:#26a69a}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.timepicker-clear{color:#F44336}.timepicker-close{color:#26a69a}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width: 601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
function add_event(obj) {
|
|
2
|
+
var elems = obj.querySelectorAll('[event]')
|
|
3
|
+
if (elems) {
|
|
4
|
+
console.log("events=" + elems.length)
|
|
5
|
+
for (var i = 0; i < elems.length; i++) {
|
|
6
|
+
var elem = elems[i]
|
|
7
|
+
var event_s = elem.getAttribute("event")
|
|
8
|
+
var event = parse_event(event_s)
|
|
9
|
+
// console.log(JSON.stringify(event))
|
|
10
|
+
elem.addEventListener(event.on, function () {
|
|
11
|
+
execute_event(this)
|
|
12
|
+
})
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
M.AutoInit();
|
|
16
|
+
initialize_materialize_tabs()
|
|
17
|
+
// init_datatable(document.querySelector("#main-table table"))
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function parse_event(event) {
|
|
21
|
+
var ev = {}
|
|
22
|
+
var a = event.split(":")
|
|
23
|
+
for (var i = 0; i < a.length; i++) {
|
|
24
|
+
if (a[i].indexOf("=") > 0) {
|
|
25
|
+
var b = a[i].split("=")
|
|
26
|
+
var key = b[0]
|
|
27
|
+
var value = b[1]
|
|
28
|
+
var cur_value = ev[key]
|
|
29
|
+
if (cur_value) {
|
|
30
|
+
if (Array.isArray(cur_value)) {
|
|
31
|
+
cur_value.push(value)
|
|
32
|
+
} else {
|
|
33
|
+
ev[key] = [ev[key], value]
|
|
34
|
+
}
|
|
35
|
+
} else {
|
|
36
|
+
ev[key] = value
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
if (!ev.url) {
|
|
41
|
+
ev.url = location.pathname
|
|
42
|
+
}
|
|
43
|
+
return ev
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function execute_event(obj) {
|
|
47
|
+
var event_s = obj.getAttribute("event")
|
|
48
|
+
var event = parse_event(event_s)
|
|
49
|
+
with_attr(event, obj)
|
|
50
|
+
post_values(event, obj)
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
function with_attr(event, obj) {
|
|
54
|
+
if (!event.with) {
|
|
55
|
+
return null
|
|
56
|
+
}
|
|
57
|
+
var with_s = event.with
|
|
58
|
+
if (event.with == "form") {
|
|
59
|
+
var node = obj
|
|
60
|
+
while (node && node.nodeName != 'FORM') {
|
|
61
|
+
node = node.parentNode
|
|
62
|
+
}
|
|
63
|
+
form = collect_form_values(node)
|
|
64
|
+
event.form = form
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
function post_values(event, obj) {
|
|
69
|
+
var xhr = new XMLHttpRequest();
|
|
70
|
+
xhr.onreadystatechange = function () {
|
|
71
|
+
if (this.readyState == 4 && this.status == 200) {
|
|
72
|
+
var res = this.response;
|
|
73
|
+
manage_response(res, event, obj)
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
xhr.open("POST", event.url, true);
|
|
77
|
+
xhr.setRequestHeader("Content-Type", "application/json");
|
|
78
|
+
xhr.responseType = 'json';
|
|
79
|
+
xhr.send(JSON.stringify({ event: event }));
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
function manage_response(res, event, obj) {
|
|
83
|
+
var elem;
|
|
84
|
+
console.log("manage_response: res="+JSON.stringify(res)+", event=" + JSON.stringify(event) +
|
|
85
|
+
", obj=" + JSON.stringify(obj))
|
|
86
|
+
if (res.inject) {
|
|
87
|
+
console.log("inject")
|
|
88
|
+
elem = document.querySelector(res.inject)
|
|
89
|
+
elem.innerHTML = htmlgen(res.body)
|
|
90
|
+
document
|
|
91
|
+
add_event(elem)
|
|
92
|
+
}
|
|
93
|
+
if (res.reset) {
|
|
94
|
+
elem = document.querySelector(res.reset)
|
|
95
|
+
if (event.reset=="form") {
|
|
96
|
+
while (node && node.nodeName != 'FORM') {
|
|
97
|
+
node = node.parentNode
|
|
98
|
+
}
|
|
99
|
+
node.reset();
|
|
100
|
+
} else {
|
|
101
|
+
var elems = document.querySelectorAll(event.reset)
|
|
102
|
+
if (elems) {
|
|
103
|
+
for(var i = 0; i < elems.length; i++) {
|
|
104
|
+
elem = elems[i]
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
function collect_form_values(obj) {
|
|
113
|
+
var res = {};
|
|
114
|
+
var inputs = Array.from(obj.querySelectorAll("input"));
|
|
115
|
+
var selects = Array.from(obj.querySelectorAll("select"));
|
|
116
|
+
console.dir(inputs)
|
|
117
|
+
inputs = inputs.concat(selects)
|
|
118
|
+
for (var i = 0; i < inputs.length; i++) {
|
|
119
|
+
var elem = inputs[i]
|
|
120
|
+
if ((elem.type == "checkbox" || elem.type == "radio") && !elem.checked) {
|
|
121
|
+
continue
|
|
122
|
+
}
|
|
123
|
+
var cur_value = res[elem.name]
|
|
124
|
+
if (cur_value) {
|
|
125
|
+
if (Array.isArray(cur_value)) {
|
|
126
|
+
cur_value.push(elem.value)
|
|
127
|
+
} else {
|
|
128
|
+
res[elem.name] = [ cur_value, elem.value ]
|
|
129
|
+
}
|
|
130
|
+
} else {
|
|
131
|
+
res[elem.name] = elem.value
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
return res
|
|
135
|
+
}
|
|
@@ -0,0 +1,1814 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var DataTable = function (table, opts) {
|
|
4
|
+
|
|
5
|
+
this.options = {};
|
|
6
|
+
this.table = table;
|
|
7
|
+
this.currentPage = 0;
|
|
8
|
+
this.currentStart = 0; // different from currentPage * pageSize because there is a filter
|
|
9
|
+
this.filterIndex = [];
|
|
10
|
+
|
|
11
|
+
for (var k in DataTable.defaultOptions) {
|
|
12
|
+
if (DataTable.defaultOptions.hasOwnProperty(k)) {
|
|
13
|
+
if (opts.hasOwnProperty(k)) {
|
|
14
|
+
this.options[k] = opts[k] ;
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
this.options[k] = DataTable.defaultOptions[k] ;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
if (opts.hasOwnProperty('data')) {
|
|
23
|
+
this.options.data = opts.data ;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* If nb columns not specified, count the number of column from thead. */
|
|
27
|
+
if (this.options.nbColumns < 0) {
|
|
28
|
+
this.options.nbColumns = this.table.tHead.rows[0].cells.length;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* Create the base for pagination. */
|
|
32
|
+
this.pagingDivs = document.querySelectorAll(this.options.pagingDivSelector);
|
|
33
|
+
for (var i = 0; i < this.pagingDivs.length; ++i) {
|
|
34
|
+
var div = this.pagingDivs[i];
|
|
35
|
+
this.addClass(div, 'pagination-datatables');
|
|
36
|
+
this.addClass(div, this.options.pagingDivClass);
|
|
37
|
+
var ul = document.createElement('ul');
|
|
38
|
+
this.addClass(ul, this.options.pagingListClass);
|
|
39
|
+
div.appendChild(ul);
|
|
40
|
+
}
|
|
41
|
+
this.pagingLists = document.querySelectorAll(this.options.pagingDivSelector + ' ul');
|
|
42
|
+
this.counterDivs = document.querySelectorAll(this.options.counterDivSelector);
|
|
43
|
+
this.loadingDiv = document.querySelector(this.options.loadingDivSelector);
|
|
44
|
+
|
|
45
|
+
/* DATA ! */
|
|
46
|
+
|
|
47
|
+
var dataTable = this;
|
|
48
|
+
|
|
49
|
+
if (!this.table.tHead) {
|
|
50
|
+
this.table.tHead = document.createElement('thead');
|
|
51
|
+
this.table.appendChild(this.table.rows[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* Compatibility issue (forceStrings => No defined data types). */
|
|
55
|
+
if (this.options.forceStrings) {
|
|
56
|
+
this.options.dataTypes = false ;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
var ths = this.table.tHead.rows[0].cells ;
|
|
60
|
+
|
|
61
|
+
if (!this.table.tBodies[0]) {
|
|
62
|
+
this.table.tBodies[0] = document.createElement('tbody');
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
if (this.options.data instanceof Array) {
|
|
66
|
+
this.data = this.options.data;
|
|
67
|
+
}
|
|
68
|
+
else if (this.options.data instanceof Object) {
|
|
69
|
+
var ajaxOptions = DataTable.defaultAjaxOptions;
|
|
70
|
+
for (var k in this.options.data) {
|
|
71
|
+
ajaxOptions[k] = this.options.data[k];
|
|
72
|
+
}
|
|
73
|
+
this.options.data = ajaxOptions;
|
|
74
|
+
var fetchData = true;
|
|
75
|
+
if (fetchData) {
|
|
76
|
+
if (this.table.dataset.size !== undefined) {
|
|
77
|
+
this.options.data.size = parseInt(this.table.dataset.size, 10);
|
|
78
|
+
}
|
|
79
|
+
this.data = [];
|
|
80
|
+
if (this.options.data.size !== undefined) {
|
|
81
|
+
this.loadingDiv.innerHTML = '<div class="progress datatable-load-bar">'
|
|
82
|
+
+ '<div class="progress-bar progress-bar-striped active" style="width: 0%;">'
|
|
83
|
+
+ '</div></div>';
|
|
84
|
+
if (this.options.data.allInOne) {
|
|
85
|
+
this.getAjaxDataAsync(true);
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
for (var i = 0; i < this.options.data.size;
|
|
89
|
+
i += this.options.pageSize * this.options.pagingNumberOfPages) {
|
|
90
|
+
this.getAjaxDataAsync(i);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
this.loadingDiv.innerHTML = '<div class="progress datatable-load-bar">'
|
|
96
|
+
+ '<div class="progress-bar progress-bar-striped active" style="width: 0%;">'
|
|
97
|
+
+ '</div></div>';
|
|
98
|
+
this.getAjaxDataAsync(0, true);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
else if (this.table.tBodies[0].rows.length > 0) {
|
|
103
|
+
this.data = [];
|
|
104
|
+
var rows = this.table.tBodies[0].rows;
|
|
105
|
+
var nCols = rows[0].cells.length ;
|
|
106
|
+
for (var i = 0; i < rows.length; ++i) {
|
|
107
|
+
this.data.push ([]) ;
|
|
108
|
+
}
|
|
109
|
+
for (var j = 0 ; j < nCols ; ++j) {
|
|
110
|
+
var dt = function (x) { return x ; } ;
|
|
111
|
+
if (this.options.dataTypes instanceof Array) {
|
|
112
|
+
switch (this.options.dataTypes[j]) {
|
|
113
|
+
case 'int':
|
|
114
|
+
dt = parseInt ;
|
|
115
|
+
break ;
|
|
116
|
+
case 'float':
|
|
117
|
+
case 'double':
|
|
118
|
+
dt = parseFloat ;
|
|
119
|
+
break ;
|
|
120
|
+
case 'date':
|
|
121
|
+
case 'datetime':
|
|
122
|
+
dt = function (x) { return new Date(x) ; } ;
|
|
123
|
+
break ;
|
|
124
|
+
case false:
|
|
125
|
+
case true:
|
|
126
|
+
case 'string':
|
|
127
|
+
case 'str':
|
|
128
|
+
dt = function (x) { return x ; } ;
|
|
129
|
+
break ;
|
|
130
|
+
default:
|
|
131
|
+
dt = this.options.dataTypes[j] ;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
for (var i = 0; i < rows.length; ++i) {
|
|
135
|
+
this.data[i].push(dt(rows[i].cells[j].innerHTML.trim())) ;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
if (this.options.dataTypes === true) {
|
|
139
|
+
for (var c = 0; c < this.data[0].length; ++c) {
|
|
140
|
+
var isNumeric = true;
|
|
141
|
+
for (var i = 0; i < this.data.length; ++i) {
|
|
142
|
+
if (this.data[i][c] !== ""
|
|
143
|
+
&& !((this.data[i][c] - parseFloat(this.data[i][c]) + 1) >= 0)) {
|
|
144
|
+
isNumeric = false;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
if (isNumeric) {
|
|
148
|
+
for (var i = 0; i < this.data.length; ++i) {
|
|
149
|
+
if (this.data[i][c] !== "") {
|
|
150
|
+
this.data[i][c] = parseFloat(this.data[i][c]);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
/* Add sorting class to all th and add callback. */
|
|
159
|
+
this.createSort();
|
|
160
|
+
|
|
161
|
+
/* Add filter where it's needed. */
|
|
162
|
+
this.createFilter();
|
|
163
|
+
|
|
164
|
+
this.triggerSort();
|
|
165
|
+
this.filter();
|
|
166
|
+
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
DataTable.prototype = {
|
|
170
|
+
|
|
171
|
+
constructor: DataTable,
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
*
|
|
175
|
+
* Add the specified class(es) to the specified DOM Element.
|
|
176
|
+
*
|
|
177
|
+
* @param node The DOM Element
|
|
178
|
+
* @param classes (Array or String)
|
|
179
|
+
*
|
|
180
|
+
**/
|
|
181
|
+
addClass: function (node, classes) {
|
|
182
|
+
if (typeof classes === "string") {
|
|
183
|
+
classes = classes.split(' ');
|
|
184
|
+
}
|
|
185
|
+
classes.forEach(function (c) {
|
|
186
|
+
if (!c) { return; }
|
|
187
|
+
node.classList.add(c);
|
|
188
|
+
});
|
|
189
|
+
},
|
|
190
|
+
|
|
191
|
+
/**
|
|
192
|
+
*
|
|
193
|
+
* Remove the specified node from the DOM.
|
|
194
|
+
*
|
|
195
|
+
* @param node The node to removes
|
|
196
|
+
*
|
|
197
|
+
**/
|
|
198
|
+
removeNode: function (node) {
|
|
199
|
+
if (node) {
|
|
200
|
+
node.parentNode.removeChild(node);
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
*
|
|
206
|
+
* Clear size option and set timeout (if specified) for refresh.
|
|
207
|
+
*
|
|
208
|
+
* Note: This function should be call when a ajax loading is finished.
|
|
209
|
+
*
|
|
210
|
+
* @update refreshTimeOut The new timeout
|
|
211
|
+
*
|
|
212
|
+
**/
|
|
213
|
+
setRefreshTimeout: function () {
|
|
214
|
+
if (this.options.data.refresh) {
|
|
215
|
+
clearTimeout(this.refreshTimeOut);
|
|
216
|
+
this.refreshTimeOut = setTimeout((function (datatable) {
|
|
217
|
+
return function () { datatable.getAjaxDataAsync(0, true); };
|
|
218
|
+
})(this), this.options.data.refresh);
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
|
|
222
|
+
/**
|
|
223
|
+
*
|
|
224
|
+
* Hide the loading divs.
|
|
225
|
+
*
|
|
226
|
+
**/
|
|
227
|
+
hideLoadingDivs: function () {
|
|
228
|
+
this.removeNode(this.loadingDiv);
|
|
229
|
+
},
|
|
230
|
+
|
|
231
|
+
|
|
232
|
+
/**
|
|
233
|
+
*
|
|
234
|
+
* Update the loading divs with the current % of data load (according
|
|
235
|
+
* to this.options.data.size).
|
|
236
|
+
*
|
|
237
|
+
* Note: Call setRefreshTimeout & hideLoadingDivs if all the data have been loaded.
|
|
238
|
+
*
|
|
239
|
+
**/
|
|
240
|
+
updateLoadingDivs: function () {
|
|
241
|
+
if (this.data.length >= this.options.data.size) {
|
|
242
|
+
this.setRefreshTimeout();
|
|
243
|
+
this.hideLoadingDivs();
|
|
244
|
+
}
|
|
245
|
+
else {
|
|
246
|
+
this.loadingDiv.querySelector('div.progress .progress-bar').style.width =
|
|
247
|
+
parseInt(100 * this.data.length / this.options.data.size, 10) + '%';
|
|
248
|
+
}
|
|
249
|
+
},
|
|
250
|
+
|
|
251
|
+
/**
|
|
252
|
+
*
|
|
253
|
+
* Get data according to this.options.data, asynchronously, using recursivity.
|
|
254
|
+
*
|
|
255
|
+
* @param start The first offset to send to the server
|
|
256
|
+
*
|
|
257
|
+
* @update data Concat data received from server to old data
|
|
258
|
+
*
|
|
259
|
+
* Note: Each call increment start by pageSize * pagingNumberOfPages.
|
|
260
|
+
*
|
|
261
|
+
**/
|
|
262
|
+
getAjaxDataAsync: function (start, recursive) {
|
|
263
|
+
if (typeof recursive === "undefined") { recursive = false; }
|
|
264
|
+
if (recursive && typeof this.syncData === "undefined") {
|
|
265
|
+
this.syncData = {
|
|
266
|
+
data: [],
|
|
267
|
+
toAdd: [],
|
|
268
|
+
toUpdate: {},
|
|
269
|
+
toDelete: []
|
|
270
|
+
};
|
|
271
|
+
}
|
|
272
|
+
var xhr = new XMLHttpRequest();
|
|
273
|
+
xhr.timeout = this.options.data.timeout;
|
|
274
|
+
xhr.onreadystatechange = function (datatable, start, recursive) {
|
|
275
|
+
return function () {
|
|
276
|
+
if (this.readyState == 4) {
|
|
277
|
+
switch (this.status) {
|
|
278
|
+
case 200:
|
|
279
|
+
if (recursive) {
|
|
280
|
+
if (this.response.length > 0) {
|
|
281
|
+
datatable.syncData.data =
|
|
282
|
+
datatable.syncData.data.concat(this.response);
|
|
283
|
+
datatable.getAjaxDataAsync(start + datatable.options.pageSize * datatable.options.pagingNumberOfPages, true);
|
|
284
|
+
}
|
|
285
|
+
else {
|
|
286
|
+
var syncData = datatable.syncData;
|
|
287
|
+
delete datatable.syncData;
|
|
288
|
+
datatable.data = syncData.data;
|
|
289
|
+
datatable.addRows(syncData.toAdd);
|
|
290
|
+
syncData.toDelete.forEach(function (e) {
|
|
291
|
+
if (e instanceof Function) {
|
|
292
|
+
datatable.deleteAll(e);
|
|
293
|
+
}
|
|
294
|
+
else {
|
|
295
|
+
datatable.deleteRow(e);
|
|
296
|
+
}
|
|
297
|
+
});
|
|
298
|
+
for (var id in syncData.toUpdate) {
|
|
299
|
+
datatable.updateRow(id, syncData.toUpdate[id]);
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
datatable.sort(true);
|
|
303
|
+
datatable.setRefreshTimeout();
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
else {
|
|
307
|
+
datatable.data = datatable.data.concat(this.response);
|
|
308
|
+
datatable.updateLoadingDivs();
|
|
309
|
+
datatable.sort(true);
|
|
310
|
+
}
|
|
311
|
+
break;
|
|
312
|
+
case 404:
|
|
313
|
+
case 500:
|
|
314
|
+
console.log("ERROR: " + this.status + " - " + this.statusText);
|
|
315
|
+
console.log(xhr);
|
|
316
|
+
break;
|
|
317
|
+
default:
|
|
318
|
+
datatable.getAjaxDataAsync(start, recursive);
|
|
319
|
+
break;
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
} (this, start, recursive);
|
|
324
|
+
var url = this.options.data.url ;
|
|
325
|
+
var limit = this.options.pageSize * this.options.pagingNumberOfPages ;
|
|
326
|
+
var formdata = new FormData();
|
|
327
|
+
if (start !== true) {
|
|
328
|
+
if (this.options.data.type.toUpperCase() == 'GET') {
|
|
329
|
+
url += '?start=' + start + '&limit=' + limit ;
|
|
330
|
+
}
|
|
331
|
+
else {
|
|
332
|
+
formdata.append('offset', start);
|
|
333
|
+
formdata.append('limit', limit);
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
xhr.open(this.options.data.type, url, true);
|
|
337
|
+
xhr.responseType = 'json';
|
|
338
|
+
xhr.send(formdata);
|
|
339
|
+
},
|
|
340
|
+
|
|
341
|
+
/**
|
|
342
|
+
*
|
|
343
|
+
* @return The last page number according to options.pageSize and
|
|
344
|
+
* current number of filtered elements.
|
|
345
|
+
*
|
|
346
|
+
**/
|
|
347
|
+
getLastPageNumber: function () {
|
|
348
|
+
return parseInt(Math.ceil(this.filterIndex.length / this.options.pageSize), 10);
|
|
349
|
+
},
|
|
350
|
+
|
|
351
|
+
createPagingLink: function (content, page, disabled) {
|
|
352
|
+
var link = document.createElement('a');
|
|
353
|
+
|
|
354
|
+
// Check options...
|
|
355
|
+
if (this.options.pagingLinkClass) {
|
|
356
|
+
link.classList.add(this.options.pagingLinkClass);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
if (this.options.pagingLinkHref) {
|
|
360
|
+
link.href = this.options.pagingLinkHref;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
if (this.options.pagingLinkDisabledTabIndex !== false && disabled) {
|
|
364
|
+
link.tabIndex = this.options.pagingLinkDisabledTabIndex;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
link.dataset.page = page;
|
|
368
|
+
link.innerHTML = content;
|
|
369
|
+
return link;
|
|
370
|
+
},
|
|
371
|
+
|
|
372
|
+
/**
|
|
373
|
+
*
|
|
374
|
+
* Update the paging divs.
|
|
375
|
+
*
|
|
376
|
+
**/
|
|
377
|
+
updatePaging: function () {
|
|
378
|
+
|
|
379
|
+
/* Be carefull if you change something here, all this part calculate the first
|
|
380
|
+
and last page to display. I choose to center the current page, it's more beautiful... */
|
|
381
|
+
|
|
382
|
+
var nbPages = this.options.pagingNumberOfPages;
|
|
383
|
+
var dataTable = this;
|
|
384
|
+
var cp = parseInt(this.currentStart / this.options.pageSize, 10) + 1;
|
|
385
|
+
var lp = this.getLastPageNumber();
|
|
386
|
+
var start;
|
|
387
|
+
var end;
|
|
388
|
+
var first = this.filterIndex.length ? this.currentStart + 1 : 0;
|
|
389
|
+
var last = (this.currentStart + this.options.pageSize) > this.filterIndex.length ?
|
|
390
|
+
this.filterIndex.length : this.currentStart + this.options.pageSize;
|
|
391
|
+
|
|
392
|
+
if (cp < nbPages / 2) {
|
|
393
|
+
start = 1;
|
|
394
|
+
}
|
|
395
|
+
else if (cp >= lp - nbPages / 2) {
|
|
396
|
+
start = lp - nbPages + 1;
|
|
397
|
+
if (start < 1) {
|
|
398
|
+
start = 1;
|
|
399
|
+
}
|
|
400
|
+
}
|
|
401
|
+
else {
|
|
402
|
+
start = parseInt(cp - nbPages / 2 + 1, 10);
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
if (start + nbPages < lp + 1) {
|
|
406
|
+
end = start + nbPages - 1;
|
|
407
|
+
}
|
|
408
|
+
else {
|
|
409
|
+
end = lp;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
/* Juste iterate over each paging list and append li to ul. */
|
|
413
|
+
|
|
414
|
+
for (var i = 0; i < this.pagingLists.length; ++i) {
|
|
415
|
+
var childs = [];
|
|
416
|
+
if (dataTable.options.firstPage) {
|
|
417
|
+
var li = document.createElement('li');
|
|
418
|
+
li.appendChild(dataTable.createPagingLink(
|
|
419
|
+
dataTable.options.firstPage, "first", cp === 1
|
|
420
|
+
));
|
|
421
|
+
if (cp === 1) { li.classList.add('active'); }
|
|
422
|
+
childs.push(li);
|
|
423
|
+
}
|
|
424
|
+
if (dataTable.options.prevPage) {
|
|
425
|
+
var li = document.createElement('li');
|
|
426
|
+
li.appendChild(dataTable.createPagingLink(
|
|
427
|
+
dataTable.options.prevPage, "prev", cp === 1
|
|
428
|
+
));
|
|
429
|
+
if (cp === 1) { li.classList.add('active'); }
|
|
430
|
+
childs.push(li);
|
|
431
|
+
}
|
|
432
|
+
if (dataTable.options.pagingPages) {
|
|
433
|
+
var _childs = this.options.pagingPages.call(this.table, start,
|
|
434
|
+
end, cp, first, last);
|
|
435
|
+
if (_childs instanceof Array) {
|
|
436
|
+
childs = childs.concat(_childs);
|
|
437
|
+
}
|
|
438
|
+
else {
|
|
439
|
+
childs.push(_childs);
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
else {
|
|
443
|
+
for (var k = start; k <= end; k++) {
|
|
444
|
+
var li = document.createElement('li');
|
|
445
|
+
li.appendChild(dataTable.createPagingLink(
|
|
446
|
+
k, k, cp === k
|
|
447
|
+
));
|
|
448
|
+
if (k === cp) { li.classList.add('active'); }
|
|
449
|
+
childs.push(li);
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
if (dataTable.options.nextPage) {
|
|
453
|
+
var li = document.createElement('li');
|
|
454
|
+
li.appendChild(dataTable.createPagingLink(
|
|
455
|
+
dataTable.options.nextPage, "next", cp === lp || lp === 0
|
|
456
|
+
));
|
|
457
|
+
if (cp === lp || lp === 0) { li.classList.add('active'); }
|
|
458
|
+
childs.push(li);
|
|
459
|
+
}
|
|
460
|
+
if (dataTable.options.lastPage) {
|
|
461
|
+
var li = document.createElement('li');
|
|
462
|
+
li.appendChild(dataTable.createPagingLink(
|
|
463
|
+
dataTable.options.lastPage, "last", cp === lp || lp === 0
|
|
464
|
+
));
|
|
465
|
+
if (cp === lp || lp === 0) { li.classList.add('active'); }
|
|
466
|
+
childs.push(li);
|
|
467
|
+
}
|
|
468
|
+
this.pagingLists[i].innerHTML = '';
|
|
469
|
+
childs.forEach(function (e) {
|
|
470
|
+
if (dataTable.options.pagingItemClass) {
|
|
471
|
+
e.classList.add(dataTable.options.pagingItemClass);
|
|
472
|
+
}
|
|
473
|
+
if (e.childNodes.length > 0) {
|
|
474
|
+
e.childNodes[0].addEventListener('click', function (event) {
|
|
475
|
+
event.preventDefault();
|
|
476
|
+
if (this.parentNode.classList.contains('active') ||
|
|
477
|
+
typeof this.dataset.page === 'undefined') {
|
|
478
|
+
return;
|
|
479
|
+
}
|
|
480
|
+
switch (this.dataset.page) {
|
|
481
|
+
case 'first':
|
|
482
|
+
dataTable.loadPage(1);
|
|
483
|
+
break;
|
|
484
|
+
case 'prev':
|
|
485
|
+
dataTable.loadPage(cp - 1);
|
|
486
|
+
break;
|
|
487
|
+
case 'next':
|
|
488
|
+
dataTable.loadPage(cp + 1);
|
|
489
|
+
break;
|
|
490
|
+
case 'last':
|
|
491
|
+
dataTable.loadPage(lp);
|
|
492
|
+
break;
|
|
493
|
+
default:
|
|
494
|
+
dataTable.loadPage(parseInt(parseInt(this.dataset.page), 10));
|
|
495
|
+
}
|
|
496
|
+
}, false);
|
|
497
|
+
}
|
|
498
|
+
this.pagingLists[i].appendChild(e);
|
|
499
|
+
}, this);
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
},
|
|
503
|
+
|
|
504
|
+
/**
|
|
505
|
+
*
|
|
506
|
+
* Update the counter divs.
|
|
507
|
+
*
|
|
508
|
+
**/
|
|
509
|
+
updateCounter: function () {
|
|
510
|
+
var cp = this.filterIndex.length ?
|
|
511
|
+
parseInt(this.currentStart / this.options.pageSize, 10) + 1 : 0;
|
|
512
|
+
var lp = parseInt(Math.ceil(this.filterIndex.length / this.options.pageSize), 10);
|
|
513
|
+
var first = this.filterIndex.length ? this.currentStart + 1 : 0;
|
|
514
|
+
var last = (this.currentStart + this.options.pageSize) > this.filterIndex.length ?
|
|
515
|
+
this.filterIndex.length : this.currentStart + this.options.pageSize;
|
|
516
|
+
for (var i = 0; i < this.counterDivs.length; ++i) {
|
|
517
|
+
this.counterDivs[i].innerHTML = this.options.counterText.call(this.table, cp, lp,
|
|
518
|
+
first, last,
|
|
519
|
+
this.filterIndex.length,
|
|
520
|
+
this.data.length);
|
|
521
|
+
}
|
|
522
|
+
},
|
|
523
|
+
|
|
524
|
+
/**
|
|
525
|
+
*
|
|
526
|
+
* @return The sort function according to options.sort, options.sortKey & options.sortDir.
|
|
527
|
+
*
|
|
528
|
+
* Note: This function could return false if no sort function can be generated.
|
|
529
|
+
*
|
|
530
|
+
**/
|
|
531
|
+
getSortFunction: function () {
|
|
532
|
+
if (this.options.sort === false) {
|
|
533
|
+
return false;
|
|
534
|
+
}
|
|
535
|
+
if (this.options.sort instanceof Function) {
|
|
536
|
+
return this.options.sort;
|
|
537
|
+
}
|
|
538
|
+
if (this.data.length === 0 || !(this.options.sortKey in this.data[0])) {
|
|
539
|
+
return false;
|
|
540
|
+
}
|
|
541
|
+
var key = this.options.sortKey;
|
|
542
|
+
var asc = this.options.sortDir === 'asc';
|
|
543
|
+
if (this.options.sort[key] instanceof Function) {
|
|
544
|
+
return function (s) {
|
|
545
|
+
return function (a, b) {
|
|
546
|
+
var vala = a[key], valb = b[key];
|
|
547
|
+
return asc ? s(vala, valb) : -s(vala, valb);
|
|
548
|
+
};
|
|
549
|
+
} (this.options.sort[key]);
|
|
550
|
+
}
|
|
551
|
+
return function (a, b) {
|
|
552
|
+
var vala = a[key], valb = b[key];
|
|
553
|
+
if (vala > valb) { return asc ? 1 : -1; }
|
|
554
|
+
if (vala < valb) { return asc ? -1 : 1; }
|
|
555
|
+
return 0;
|
|
556
|
+
};
|
|
557
|
+
},
|
|
558
|
+
|
|
559
|
+
/**
|
|
560
|
+
*
|
|
561
|
+
* Destroy the filters (remove the filter line).
|
|
562
|
+
*
|
|
563
|
+
**/
|
|
564
|
+
destroyFilter: function () {
|
|
565
|
+
this.removeNode(this.table.querySelector('.datatable-filter-line'));
|
|
566
|
+
},
|
|
567
|
+
|
|
568
|
+
/**
|
|
569
|
+
*
|
|
570
|
+
* Change the text input filter placeholder according to this.options.filterText.
|
|
571
|
+
*
|
|
572
|
+
**/
|
|
573
|
+
changePlaceHolder: function () {
|
|
574
|
+
var placeholder = this.options.filterText ? this.options.filterText : '';
|
|
575
|
+
var inputTexts = this.table.querySelectorAll('.datatable-filter-line input[type="text"]');
|
|
576
|
+
for (var i = 0; i < inputTexts.length; ++i) {
|
|
577
|
+
inputTexts[i].placeholder = placeholder;
|
|
578
|
+
}
|
|
579
|
+
},
|
|
580
|
+
|
|
581
|
+
/**
|
|
582
|
+
*
|
|
583
|
+
* Create a text filter for the specified field.
|
|
584
|
+
*
|
|
585
|
+
* @param field The field corresponding to the filter
|
|
586
|
+
*
|
|
587
|
+
* @update filters Add the new filter to the list of filter (calling addFilter)
|
|
588
|
+
*
|
|
589
|
+
* @return The input filter
|
|
590
|
+
*
|
|
591
|
+
**/
|
|
592
|
+
createTextFilter: function (field) {
|
|
593
|
+
var opt = this.options.filters[field];
|
|
594
|
+
var input = opt instanceof HTMLInputElement ? opt : document.createElement('input');
|
|
595
|
+
input.type = 'text';
|
|
596
|
+
if (this.options.filterText) {
|
|
597
|
+
input.placeholder = this.options.filterText;
|
|
598
|
+
}
|
|
599
|
+
this.addClass(input, 'datatable-filter datatable-input-text');
|
|
600
|
+
input.dataset.filter = field;
|
|
601
|
+
this.filterVals[field] = '';
|
|
602
|
+
var typewatch = (function () {
|
|
603
|
+
var timer = 0;
|
|
604
|
+
return function (callback, ms) {
|
|
605
|
+
clearTimeout(timer);
|
|
606
|
+
timer = setTimeout(callback, ms);
|
|
607
|
+
};
|
|
608
|
+
})();
|
|
609
|
+
input.onkeyup = function (datatable) {
|
|
610
|
+
return function () {
|
|
611
|
+
var val = this.value.toUpperCase();
|
|
612
|
+
var field = this.dataset.filter;
|
|
613
|
+
typewatch(function () {
|
|
614
|
+
datatable.filterVals[field] = val;
|
|
615
|
+
datatable.filter();
|
|
616
|
+
}, 300);
|
|
617
|
+
};
|
|
618
|
+
} (this);
|
|
619
|
+
input.onkeydown = input.onkeyup;
|
|
620
|
+
var regexp = opt === 'regexp' || input.dataset.regexp;
|
|
621
|
+
if (opt instanceof Function) {
|
|
622
|
+
this.addFilter(field, opt);
|
|
623
|
+
}
|
|
624
|
+
else if (regexp) {
|
|
625
|
+
this.addFilter(field, function (data, val) {
|
|
626
|
+
return new RegExp(val).test(String(data));
|
|
627
|
+
});
|
|
628
|
+
}
|
|
629
|
+
else {
|
|
630
|
+
this.addFilter(field, function (data, val) {
|
|
631
|
+
return String(data).toUpperCase().indexOf(val) !== -1;
|
|
632
|
+
});
|
|
633
|
+
}
|
|
634
|
+
this.addClass(input, this.options.filterInputClass);
|
|
635
|
+
return input;
|
|
636
|
+
},
|
|
637
|
+
|
|
638
|
+
/**
|
|
639
|
+
* Check if the specified value is in the specified array, without strict type checking.
|
|
640
|
+
*
|
|
641
|
+
* @param val The val to search
|
|
642
|
+
* @param arr The array
|
|
643
|
+
*
|
|
644
|
+
* @return true if the value was found in the array
|
|
645
|
+
**/
|
|
646
|
+
_isIn: function (val, arr) {
|
|
647
|
+
var found = false;
|
|
648
|
+
for (var i = 0; i < arr.length && !found; ++i) {
|
|
649
|
+
found = arr[i] == val;
|
|
650
|
+
}
|
|
651
|
+
return found;
|
|
652
|
+
},
|
|
653
|
+
|
|
654
|
+
/**
|
|
655
|
+
* Return the index of the specified element in the object.
|
|
656
|
+
*
|
|
657
|
+
* @param v
|
|
658
|
+
* @param a
|
|
659
|
+
*
|
|
660
|
+
* @return The index, or -1
|
|
661
|
+
**/
|
|
662
|
+
_index: function (v, a) {
|
|
663
|
+
if (a === undefined || a === null) {
|
|
664
|
+
return -1;
|
|
665
|
+
}
|
|
666
|
+
var index = -1;
|
|
667
|
+
for (var i = 0; i < a.length && index == -1; ++i) {
|
|
668
|
+
if (a[i] === v) index = i;
|
|
669
|
+
}
|
|
670
|
+
return index;
|
|
671
|
+
},
|
|
672
|
+
|
|
673
|
+
/**
|
|
674
|
+
* Return the keys of the specified object.
|
|
675
|
+
*
|
|
676
|
+
* @param obj
|
|
677
|
+
*
|
|
678
|
+
* @return The keys of the specified object.
|
|
679
|
+
**/
|
|
680
|
+
_keys: function (obj) {
|
|
681
|
+
if (obj === undefined || obj === null) {
|
|
682
|
+
return undefined;
|
|
683
|
+
}
|
|
684
|
+
var keys = [];
|
|
685
|
+
for (var k in obj) {
|
|
686
|
+
if (obj.hasOwnProperty(k)) keys.push(k);
|
|
687
|
+
}
|
|
688
|
+
return keys;
|
|
689
|
+
},
|
|
690
|
+
|
|
691
|
+
/**
|
|
692
|
+
*
|
|
693
|
+
* Create a select filter for the specified field.
|
|
694
|
+
*
|
|
695
|
+
* @param field The field corresponding to the filter
|
|
696
|
+
*
|
|
697
|
+
* @update filters Add the new filter to the list of filter (calling addFilter)
|
|
698
|
+
*
|
|
699
|
+
* @return The select filter.
|
|
700
|
+
*
|
|
701
|
+
**/
|
|
702
|
+
createSelectFilter: function (field) {
|
|
703
|
+
var opt = this.options.filters[field];
|
|
704
|
+
var values = {}, selected = [], multiple = false,
|
|
705
|
+
empty = true, emptyValue = this.options.filterEmptySelect;
|
|
706
|
+
var tag = false;
|
|
707
|
+
if (opt instanceof HTMLSelectElement) {
|
|
708
|
+
tag = opt;
|
|
709
|
+
}
|
|
710
|
+
else if (opt instanceof Object && 'element' in opt && opt.element) {
|
|
711
|
+
tag = opt.element;
|
|
712
|
+
}
|
|
713
|
+
if (opt instanceof HTMLSelectElement || opt === 'select') {
|
|
714
|
+
values = this.getFilterOptions(field);
|
|
715
|
+
}
|
|
716
|
+
else {
|
|
717
|
+
multiple = ('multiple' in opt) && (opt.multiple === true);
|
|
718
|
+
empty = ('empty' in opt) && opt.empty;
|
|
719
|
+
emptyValue = (('empty' in opt) && (typeof opt.empty === 'string')) ?
|
|
720
|
+
opt.empty : this.options.filterEmptySelect;
|
|
721
|
+
if ('values' in opt) {
|
|
722
|
+
if (opt.values === 'auto') {
|
|
723
|
+
values = this.getFilterOptions(field);
|
|
724
|
+
}
|
|
725
|
+
else {
|
|
726
|
+
values = opt.values;
|
|
727
|
+
}
|
|
728
|
+
if ('default' in opt) {
|
|
729
|
+
selected = opt['default'];
|
|
730
|
+
}
|
|
731
|
+
else if (multiple) {
|
|
732
|
+
selected = [];
|
|
733
|
+
for (var k in values) {
|
|
734
|
+
if (values[k] instanceof Object) {
|
|
735
|
+
selected = selected.concat(this._keys(values[k]));
|
|
736
|
+
}
|
|
737
|
+
else {
|
|
738
|
+
selected.push(k);
|
|
739
|
+
}
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
else {
|
|
743
|
+
selected = [];
|
|
744
|
+
}
|
|
745
|
+
if (!(selected instanceof Array)) {
|
|
746
|
+
selected = [selected];
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
else {
|
|
750
|
+
values = opt;
|
|
751
|
+
selected = multiple ? this._keys(values) : [];
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
var select = tag ? tag : document.createElement('select');
|
|
755
|
+
if (multiple) {
|
|
756
|
+
select.multiple = true;
|
|
757
|
+
}
|
|
758
|
+
if (opt['default']) {
|
|
759
|
+
select.dataset['default'] = opt['default'];
|
|
760
|
+
}
|
|
761
|
+
this.addClass(select, 'datatable-filter datatable-select');
|
|
762
|
+
select.dataset.filter = field;
|
|
763
|
+
if (empty) {
|
|
764
|
+
var option = document.createElement('option');
|
|
765
|
+
option.dataset.empty = true;
|
|
766
|
+
option.value = "";
|
|
767
|
+
option.innerHTML = emptyValue;
|
|
768
|
+
select.appendChild(option);
|
|
769
|
+
}
|
|
770
|
+
var allKeys = [];
|
|
771
|
+
for (var key in values) {
|
|
772
|
+
if (values[key] instanceof Object) {
|
|
773
|
+
var optgroup = document.createElement('optgroup');
|
|
774
|
+
optgroup.label = key;
|
|
775
|
+
for (var skey in values[key]) {
|
|
776
|
+
if (values[key].hasOwnProperty(skey)) {
|
|
777
|
+
allKeys.push(skey);
|
|
778
|
+
var option = document.createElement('option');
|
|
779
|
+
option.value = skey;
|
|
780
|
+
option.selected = this._isIn(skey, selected);
|
|
781
|
+
option.innerHTML = values[key][skey];
|
|
782
|
+
optgroup.appendChild(option);
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
select.appendChild(optgroup);
|
|
786
|
+
}
|
|
787
|
+
else {
|
|
788
|
+
allKeys.push(key);
|
|
789
|
+
var option = document.createElement('option');
|
|
790
|
+
option.value = key;
|
|
791
|
+
option.selected = this._isIn(key, selected);
|
|
792
|
+
option.innerHTML = values[key];
|
|
793
|
+
select.appendChild(option);
|
|
794
|
+
}
|
|
795
|
+
}
|
|
796
|
+
var val = select.value;
|
|
797
|
+
if (multiple) {
|
|
798
|
+
val = [];
|
|
799
|
+
for (var i = 0; i < select.options.length; ++i) {
|
|
800
|
+
if (select.options[i].selected) { val.push(select.options[i].value); }
|
|
801
|
+
}
|
|
802
|
+
}
|
|
803
|
+
this.filterVals[field] = multiple ? val : ((empty && !val) ? allKeys : [val]);
|
|
804
|
+
select.onchange = function (allKeys, multiple, empty, datatable) {
|
|
805
|
+
return function () {
|
|
806
|
+
var val = this.value;
|
|
807
|
+
if (multiple) {
|
|
808
|
+
val = [];
|
|
809
|
+
for (var i = 0; i < this.options.length; ++i) {
|
|
810
|
+
if (this.options[i].selected) { val.push(this.options[i].value); }
|
|
811
|
+
}
|
|
812
|
+
}
|
|
813
|
+
var field = this.dataset.filter;
|
|
814
|
+
datatable.filterVals[field] = multiple ? val : ((empty && !val) ? allKeys : [val]);
|
|
815
|
+
datatable.filter();
|
|
816
|
+
};
|
|
817
|
+
} (allKeys, multiple, empty, this);
|
|
818
|
+
if (opt instanceof Object && opt.fn instanceof Function) {
|
|
819
|
+
this.addFilter(field, opt.fn);
|
|
820
|
+
select.dataset.filterType = 'function';
|
|
821
|
+
}
|
|
822
|
+
else {
|
|
823
|
+
this.addFilter(field, function (aKeys, datatable) {
|
|
824
|
+
return function (data, val) {
|
|
825
|
+
if (!val) { return false; }
|
|
826
|
+
if (val == aKeys && !data) { return true; }
|
|
827
|
+
return datatable._isIn(data, val);
|
|
828
|
+
};
|
|
829
|
+
} (allKeys, this));
|
|
830
|
+
select.dataset.filterType = 'default';
|
|
831
|
+
}
|
|
832
|
+
this.addClass(select, this.options.filterSelectClass);
|
|
833
|
+
return select;
|
|
834
|
+
},
|
|
835
|
+
|
|
836
|
+
/**
|
|
837
|
+
*
|
|
838
|
+
* Create the filter line according to options.filters.
|
|
839
|
+
*
|
|
840
|
+
**/
|
|
841
|
+
createFilter: function () {
|
|
842
|
+
this.filters = [];
|
|
843
|
+
this.filterTags = [];
|
|
844
|
+
this.filterVals = [];
|
|
845
|
+
// Speical options if '*'
|
|
846
|
+
if (this.options.filters === '*') {
|
|
847
|
+
var nThs = this.table.tHead.rows[0].cells.length;
|
|
848
|
+
this.options.filters = [];
|
|
849
|
+
while (nThs--) {
|
|
850
|
+
this.options.filters.push(true);
|
|
851
|
+
}
|
|
852
|
+
}
|
|
853
|
+
if (this.options.filters) {
|
|
854
|
+
var filterLine = false;
|
|
855
|
+
var tr = document.createElement('tr');
|
|
856
|
+
tr.classList.add('datatable-filter-line');
|
|
857
|
+
for (var field in this.options.filters) {
|
|
858
|
+
if (this.options.filters.hasOwnProperty(field)) {
|
|
859
|
+
var td = document.createElement('td');
|
|
860
|
+
if (this.options.filters[field] !== false) {
|
|
861
|
+
var opt = this.options.filters[field];
|
|
862
|
+
var input = opt === true || opt === 'regexp' || opt === 'input' || opt instanceof Function || opt instanceof HTMLInputElement;
|
|
863
|
+
var filter = input ? this.createTextFilter(field) : this.createSelectFilter(field);
|
|
864
|
+
this.filterTags[field] = filter;
|
|
865
|
+
if (!document.body.contains(filter)) {
|
|
866
|
+
td.classList.add('datatable-filter-cell');
|
|
867
|
+
td.appendChild(filter);
|
|
868
|
+
}
|
|
869
|
+
}
|
|
870
|
+
if (!(this.options.filters[field] instanceof Object) || !this.options.filters[field].noColumn) {
|
|
871
|
+
tr.appendChild(td);
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
}
|
|
875
|
+
if (tr.querySelectorAll('td.datatable-filter-cell').length > 0) {
|
|
876
|
+
this.table.tHead.appendChild(tr);
|
|
877
|
+
}
|
|
878
|
+
}
|
|
879
|
+
},
|
|
880
|
+
|
|
881
|
+
/**
|
|
882
|
+
*
|
|
883
|
+
* Filter data and refresh.
|
|
884
|
+
*
|
|
885
|
+
* @param keepCurrentPage true if the current page should not be changed (on refresh
|
|
886
|
+
* for example), if not specified or false, the current page will be set to 0.
|
|
887
|
+
*
|
|
888
|
+
* @update filterIndex Will contain the new filtered indexes
|
|
889
|
+
* @update currentStart The new starting point
|
|
890
|
+
*
|
|
891
|
+
**/
|
|
892
|
+
filter: function (keepCurrentPage) {
|
|
893
|
+
if (typeof keepCurrentPage === 'undefined') {
|
|
894
|
+
keepCurrentPage = false;
|
|
895
|
+
}
|
|
896
|
+
var oldCurrentStart = this.currentStart;
|
|
897
|
+
this.currentStart = 0;
|
|
898
|
+
this.filterIndex = [];
|
|
899
|
+
for (var i = 0; i < this.data.length; i++) {
|
|
900
|
+
if (this.checkFilter(this.data[i])) { this.filterIndex.push(i); }
|
|
901
|
+
}
|
|
902
|
+
if (keepCurrentPage) {
|
|
903
|
+
this.currentStart = oldCurrentStart;
|
|
904
|
+
while (this.currentStart >= this.filterIndex.length) {
|
|
905
|
+
this.currentStart -= this.options.pageSize;
|
|
906
|
+
}
|
|
907
|
+
if (this.currentStart < 0) {
|
|
908
|
+
this.currentStart = 0;
|
|
909
|
+
}
|
|
910
|
+
}
|
|
911
|
+
if (this.options.filterSelectOptions && this.filterIndex.length > 0) {
|
|
912
|
+
var dtable = this;
|
|
913
|
+
var allKeys = [];
|
|
914
|
+
for (var j = 0; j < this.data[0].length; ++j) {
|
|
915
|
+
allKeys.push({});
|
|
916
|
+
}
|
|
917
|
+
for (var i = 0; i < this.filterIndex.length; ++i) {
|
|
918
|
+
var row = this.data[this.filterIndex[i]];
|
|
919
|
+
for (var j = 0; j < row.length; ++j) {
|
|
920
|
+
allKeys[j][row[j]] = true;
|
|
921
|
+
}
|
|
922
|
+
}
|
|
923
|
+
for (var k = 0; k < allKeys.length; ++k) {
|
|
924
|
+
var keys = this._keys(allKeys[k]);
|
|
925
|
+
if (this.filterTags[k]
|
|
926
|
+
&& this.filterTags[k] instanceof HTMLSelectElement
|
|
927
|
+
&& this.filterTags[k].dataset.filterType == 'default') {
|
|
928
|
+
var options = this.filterTags[k].childNodes;
|
|
929
|
+
for (var i = 0; i < options.length; ++i) {
|
|
930
|
+
if (!options[i].dataset.empty) {
|
|
931
|
+
options[i].style.display = dtable._isIn(options[i].value, keys)
|
|
932
|
+
? 'block' : 'none';
|
|
933
|
+
}
|
|
934
|
+
}
|
|
935
|
+
}
|
|
936
|
+
}
|
|
937
|
+
}
|
|
938
|
+
this.refresh();
|
|
939
|
+
},
|
|
940
|
+
|
|
941
|
+
|
|
942
|
+
/**
|
|
943
|
+
*
|
|
944
|
+
* Reset all filters.
|
|
945
|
+
*
|
|
946
|
+
**/
|
|
947
|
+
resetFilters: function () {
|
|
948
|
+
var dtable = this;
|
|
949
|
+
this.filterTags.forEach(function (e) {
|
|
950
|
+
var field = e.dataset.filter;
|
|
951
|
+
if (e instanceof HTMLInputElement) {
|
|
952
|
+
e.value = '';
|
|
953
|
+
dtable.filterVals[field] = '';
|
|
954
|
+
}
|
|
955
|
+
else {
|
|
956
|
+
if (e.multiple) {
|
|
957
|
+
var allKeys = [];
|
|
958
|
+
for (var i = 0; i < e.childNodes.length; ++i) {
|
|
959
|
+
e.childNodes[i].selected = true;
|
|
960
|
+
allKeys.push(e.childNodes[i].value);
|
|
961
|
+
}
|
|
962
|
+
dtable.filterVals[field] = allKeys;
|
|
963
|
+
}
|
|
964
|
+
else if (e.dataset['default']
|
|
965
|
+
&& e.querySelector('option[value="' + e.dataset['default'] + '"]').length > 0) {
|
|
966
|
+
for (var i = 0; i < e.childNodes.length; ++i) {
|
|
967
|
+
e.childNodes[i].selected = e.childNodes[i].value == e.dataset['default'];
|
|
968
|
+
}
|
|
969
|
+
dtable.filterVals[field] = [e.dataset['default']];
|
|
970
|
+
}
|
|
971
|
+
else if (e.childNodes.length > 0) {
|
|
972
|
+
e.childNodes[0].selected = true;
|
|
973
|
+
for (var i = 1; i < e.childNodes.length; ++i) {
|
|
974
|
+
e.childNodes[i].selected = false;
|
|
975
|
+
}
|
|
976
|
+
if (e.childNodes[0].dataset.empty) {
|
|
977
|
+
var allKeys = [];
|
|
978
|
+
for (var i = 1; i < e.childNodes.length; ++i) {
|
|
979
|
+
allKeys.push(e.childNodes[i].value);
|
|
980
|
+
}
|
|
981
|
+
dtable.filterVals[field] = allKeys;
|
|
982
|
+
}
|
|
983
|
+
else {
|
|
984
|
+
dtable.filterVals[field] = [e.childNodes[0].value];
|
|
985
|
+
}
|
|
986
|
+
}
|
|
987
|
+
}
|
|
988
|
+
});
|
|
989
|
+
this.filter();
|
|
990
|
+
},
|
|
991
|
+
|
|
992
|
+
/**
|
|
993
|
+
* Strip HTML tags for the specified string.
|
|
994
|
+
*
|
|
995
|
+
* @param str The string from which tags must be stripped.
|
|
996
|
+
*
|
|
997
|
+
* @return The string with HTML tags removed.
|
|
998
|
+
*
|
|
999
|
+
**/
|
|
1000
|
+
stripTags: function (str) {
|
|
1001
|
+
var e = document.createElement('div');
|
|
1002
|
+
e.innerHTML = str;
|
|
1003
|
+
return e.textContent || e.innerText;
|
|
1004
|
+
},
|
|
1005
|
+
|
|
1006
|
+
/**
|
|
1007
|
+
*
|
|
1008
|
+
* Check if the specified data match the filters according to this.filters
|
|
1009
|
+
* and this.filterVals.
|
|
1010
|
+
*
|
|
1011
|
+
* @param data The data to check
|
|
1012
|
+
*
|
|
1013
|
+
* @return true if the data match the filters, false otherwise
|
|
1014
|
+
*
|
|
1015
|
+
**/
|
|
1016
|
+
checkFilter: function (data) {
|
|
1017
|
+
var ok = true;
|
|
1018
|
+
for (var fk in this.filters) {
|
|
1019
|
+
var currentData = fk[0] === '_' ? data : data[fk];
|
|
1020
|
+
if (typeof currentData === "string") {
|
|
1021
|
+
currentData = this.stripTags(currentData);
|
|
1022
|
+
}
|
|
1023
|
+
if (!this.filters[fk](currentData, this.filterVals[fk])) {
|
|
1024
|
+
ok = false;
|
|
1025
|
+
break;
|
|
1026
|
+
}
|
|
1027
|
+
}
|
|
1028
|
+
return ok;
|
|
1029
|
+
},
|
|
1030
|
+
|
|
1031
|
+
/**
|
|
1032
|
+
*
|
|
1033
|
+
* Add a new filter.
|
|
1034
|
+
*
|
|
1035
|
+
* @update filters
|
|
1036
|
+
*
|
|
1037
|
+
**/
|
|
1038
|
+
addFilter: function (field, filter) {
|
|
1039
|
+
this.filters[field] = filter;
|
|
1040
|
+
},
|
|
1041
|
+
|
|
1042
|
+
/**
|
|
1043
|
+
*
|
|
1044
|
+
* Get the filter select options for a specified field according
|
|
1045
|
+
* to this.data.
|
|
1046
|
+
*
|
|
1047
|
+
* @return The options found.
|
|
1048
|
+
*
|
|
1049
|
+
**/
|
|
1050
|
+
getFilterOptions: function (field) {
|
|
1051
|
+
var options = {}, values = [];
|
|
1052
|
+
for (var key in this.data) {
|
|
1053
|
+
if (this.data[key][field] !== '') {
|
|
1054
|
+
values.push(this.data[key][field]);
|
|
1055
|
+
}
|
|
1056
|
+
}
|
|
1057
|
+
values.sort();
|
|
1058
|
+
for (var i in values) {
|
|
1059
|
+
if (values.hasOwnProperty(i)) {
|
|
1060
|
+
var txt = this.stripTags(values[i]);
|
|
1061
|
+
options[txt] = txt;
|
|
1062
|
+
}
|
|
1063
|
+
}
|
|
1064
|
+
return options;
|
|
1065
|
+
},
|
|
1066
|
+
|
|
1067
|
+
/**
|
|
1068
|
+
*
|
|
1069
|
+
* Remove class, data and event on sort headers.
|
|
1070
|
+
*
|
|
1071
|
+
**/
|
|
1072
|
+
destroySort: function () {
|
|
1073
|
+
$('thead th').removeClass('sorting sorting-asc sorting-desc')
|
|
1074
|
+
.unbind('click.datatable')
|
|
1075
|
+
.removeData('sort');
|
|
1076
|
+
},
|
|
1077
|
+
|
|
1078
|
+
/**
|
|
1079
|
+
*
|
|
1080
|
+
* Add class, event & data to headers according to this.options.sort or data-sort attribute
|
|
1081
|
+
* of headers.
|
|
1082
|
+
*
|
|
1083
|
+
* @update options.sort Will be set to true if not already and a data-sort attribute is found.
|
|
1084
|
+
*
|
|
1085
|
+
**/
|
|
1086
|
+
createSort: function () {
|
|
1087
|
+
var dataTable = this;
|
|
1088
|
+
if (!(this.options.sort instanceof Function)) {
|
|
1089
|
+
|
|
1090
|
+
var countTH = 0;
|
|
1091
|
+
var ths = this.table.tHead.rows[0].cells;
|
|
1092
|
+
for (var i = 0; i < ths.length; ++i) {
|
|
1093
|
+
|
|
1094
|
+
if (ths[i].dataset.sort) {
|
|
1095
|
+
dataTable.options.sort = true;
|
|
1096
|
+
}
|
|
1097
|
+
else if (dataTable.options.sort === '*') {
|
|
1098
|
+
ths[i].dataset.sort = countTH;
|
|
1099
|
+
}
|
|
1100
|
+
else {
|
|
1101
|
+
var key;
|
|
1102
|
+
if (dataTable.options.sort instanceof Array) {
|
|
1103
|
+
key = countTH;
|
|
1104
|
+
}
|
|
1105
|
+
else if (dataTable.options.sort instanceof Object) {
|
|
1106
|
+
key = dataTable._keys(dataTable.options.sort)[countTH];
|
|
1107
|
+
}
|
|
1108
|
+
if (key !== undefined && dataTable.options.sort[key]) {
|
|
1109
|
+
ths[i].dataset.sort = key;
|
|
1110
|
+
}
|
|
1111
|
+
}
|
|
1112
|
+
|
|
1113
|
+
if (ths[i].dataset.sort !== undefined) {
|
|
1114
|
+
ths[i].classList.add('sorting');
|
|
1115
|
+
}
|
|
1116
|
+
|
|
1117
|
+
countTH++;
|
|
1118
|
+
|
|
1119
|
+
ths[i].addEventListener('click', function () {
|
|
1120
|
+
if (this.dataset.sort) {
|
|
1121
|
+
if (this.classList.contains('sorting-asc')) {
|
|
1122
|
+
dataTable.options.sortDir = 'desc';
|
|
1123
|
+
this.classList.remove('sorting-asc')
|
|
1124
|
+
this.classList.add('sorting-desc');
|
|
1125
|
+
}
|
|
1126
|
+
else if (this.classList.contains('sorting-desc')) {
|
|
1127
|
+
dataTable.options.sortDir = 'asc';
|
|
1128
|
+
this.classList.remove('sorting-desc');
|
|
1129
|
+
this.classList.add('sorting-asc');
|
|
1130
|
+
}
|
|
1131
|
+
else {
|
|
1132
|
+
var oths = this.parentNode.cells;
|
|
1133
|
+
for (var j = 0; j < oths.length; j++) {
|
|
1134
|
+
oths[j].classList.remove('sorting-desc');
|
|
1135
|
+
oths[j].classList.remove('sorting-asc');
|
|
1136
|
+
}
|
|
1137
|
+
dataTable.options.sortDir = 'asc';
|
|
1138
|
+
dataTable.options.sortKey = this.dataset.sort;
|
|
1139
|
+
this.classList.add('sorting-asc');
|
|
1140
|
+
}
|
|
1141
|
+
dataTable.sort();
|
|
1142
|
+
dataTable.refresh();
|
|
1143
|
+
}
|
|
1144
|
+
}, false);
|
|
1145
|
+
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1148
|
+
}
|
|
1149
|
+
},
|
|
1150
|
+
|
|
1151
|
+
/**
|
|
1152
|
+
*
|
|
1153
|
+
* Trigger sort event on the table: If options.sort is a function,
|
|
1154
|
+
* sort the table, otherwize trigger click on the column specifid by options.sortKey.
|
|
1155
|
+
*
|
|
1156
|
+
**/
|
|
1157
|
+
triggerSort: function () {
|
|
1158
|
+
if (this.options.sort instanceof Function) {
|
|
1159
|
+
this.sort();
|
|
1160
|
+
this.refresh();
|
|
1161
|
+
}
|
|
1162
|
+
else if (this.options.sortKey !== false) {
|
|
1163
|
+
var ths = this.table.tHead.rows[0].cells;
|
|
1164
|
+
var th;
|
|
1165
|
+
for (var j = 0; j < ths.length; j++) {
|
|
1166
|
+
ths[j].classList.remove('sorting-desc');
|
|
1167
|
+
ths[j].classList.remove('sorting-asc');
|
|
1168
|
+
if (ths[j].dataset.sort === this.options.sortKey) {
|
|
1169
|
+
th = ths[j];
|
|
1170
|
+
}
|
|
1171
|
+
}
|
|
1172
|
+
if (th !== undefined) {
|
|
1173
|
+
th.classList.add('sorting-' + this.options.sortDir);
|
|
1174
|
+
this.sort();
|
|
1175
|
+
this.refresh();
|
|
1176
|
+
}
|
|
1177
|
+
}
|
|
1178
|
+
},
|
|
1179
|
+
|
|
1180
|
+
/**
|
|
1181
|
+
*
|
|
1182
|
+
* Sort the data.
|
|
1183
|
+
*
|
|
1184
|
+
* @update data
|
|
1185
|
+
*
|
|
1186
|
+
**/
|
|
1187
|
+
sort: function (keepCurrentPage) {
|
|
1188
|
+
var fnSort = this.getSortFunction();
|
|
1189
|
+
if (fnSort !== false) {
|
|
1190
|
+
this.data.sort(fnSort);
|
|
1191
|
+
}
|
|
1192
|
+
this.filter(keepCurrentPage);
|
|
1193
|
+
},
|
|
1194
|
+
|
|
1195
|
+
/**
|
|
1196
|
+
*
|
|
1197
|
+
* Try to identify the specified data with the specify identifier according
|
|
1198
|
+
* to this.options.identify.
|
|
1199
|
+
*
|
|
1200
|
+
* @return true if the data match, false otherwize
|
|
1201
|
+
*
|
|
1202
|
+
**/
|
|
1203
|
+
identify: function (id, data) {
|
|
1204
|
+
if (this.options.identify === false) {
|
|
1205
|
+
return false;
|
|
1206
|
+
}
|
|
1207
|
+
if (this.options.identify instanceof Function) {
|
|
1208
|
+
return this.options.identify(id, data);
|
|
1209
|
+
}
|
|
1210
|
+
return data[this.options.identify] == id;
|
|
1211
|
+
},
|
|
1212
|
+
|
|
1213
|
+
/**
|
|
1214
|
+
*
|
|
1215
|
+
* Find the index of the first element matching id in the data array.
|
|
1216
|
+
*
|
|
1217
|
+
* @param The id to find (will be match according to this.options.identify)
|
|
1218
|
+
*
|
|
1219
|
+
* @return The index of the first element found, or -1 if no element is found
|
|
1220
|
+
*
|
|
1221
|
+
**/
|
|
1222
|
+
indexOf: function (id) {
|
|
1223
|
+
var index = -1;
|
|
1224
|
+
for (var i = 0; i < this.data.length && index === -1; i++) {
|
|
1225
|
+
if (this.identify(id, this.data[i])) {
|
|
1226
|
+
index = i;
|
|
1227
|
+
}
|
|
1228
|
+
}
|
|
1229
|
+
return index;
|
|
1230
|
+
},
|
|
1231
|
+
|
|
1232
|
+
/**
|
|
1233
|
+
*
|
|
1234
|
+
* Get an elements from the data array.
|
|
1235
|
+
*
|
|
1236
|
+
* @param id An identifier for the element (see this.options.identify)
|
|
1237
|
+
*
|
|
1238
|
+
**/
|
|
1239
|
+
row: function (id) {
|
|
1240
|
+
if (this.options.identify === true) {
|
|
1241
|
+
return this.data[id];
|
|
1242
|
+
}
|
|
1243
|
+
return this.data[this.indexOf(id)];
|
|
1244
|
+
},
|
|
1245
|
+
|
|
1246
|
+
/**
|
|
1247
|
+
*
|
|
1248
|
+
* Retrieve all data.
|
|
1249
|
+
*
|
|
1250
|
+
*
|
|
1251
|
+
**/
|
|
1252
|
+
all: function (filter) {
|
|
1253
|
+
if (typeof filter === "undefined"
|
|
1254
|
+
|| filter === true) {
|
|
1255
|
+
return this.data;
|
|
1256
|
+
}
|
|
1257
|
+
var returnData = [];
|
|
1258
|
+
for (var i = 0; i < this.data.length; ++i) {
|
|
1259
|
+
if (filter(this.data[i])) {
|
|
1260
|
+
returnData.push(this.data[i]);
|
|
1261
|
+
}
|
|
1262
|
+
}
|
|
1263
|
+
return returnData;
|
|
1264
|
+
},
|
|
1265
|
+
|
|
1266
|
+
/**
|
|
1267
|
+
*
|
|
1268
|
+
* Add an element to the data array.
|
|
1269
|
+
*
|
|
1270
|
+
* @param data The element to add
|
|
1271
|
+
*
|
|
1272
|
+
* @update data
|
|
1273
|
+
*
|
|
1274
|
+
**/
|
|
1275
|
+
addRow: function (data) {
|
|
1276
|
+
this.data.push(data);
|
|
1277
|
+
if (typeof this.syncData !== "undefined") {
|
|
1278
|
+
this.syncData.toAdd.push(data);
|
|
1279
|
+
}
|
|
1280
|
+
this.sort();
|
|
1281
|
+
this.filter();
|
|
1282
|
+
this.currentStart = parseInt(this._index(this._index(data, this.data),
|
|
1283
|
+
this.filterIndex)
|
|
1284
|
+
/ this.options.pageSize, 10) * this.options.pageSize;
|
|
1285
|
+
this.refresh();
|
|
1286
|
+
},
|
|
1287
|
+
|
|
1288
|
+
/**
|
|
1289
|
+
*
|
|
1290
|
+
* Add elements to the data array.
|
|
1291
|
+
*
|
|
1292
|
+
* @param data Array of elements to add
|
|
1293
|
+
*
|
|
1294
|
+
* @update data
|
|
1295
|
+
*
|
|
1296
|
+
**/
|
|
1297
|
+
addRows: function (data) {
|
|
1298
|
+
this.data = this.data.concat(data);
|
|
1299
|
+
if (typeof this.syncData !== "undefined") {
|
|
1300
|
+
this.syncData.toAdd = this.syncData.toAdd.concat(data);
|
|
1301
|
+
}
|
|
1302
|
+
this.sort();
|
|
1303
|
+
this.filter();
|
|
1304
|
+
this.currentStart = parseInt(this._index(this._index(data, this.data),
|
|
1305
|
+
this.filterIndex)
|
|
1306
|
+
/ this.options.pageSize, 10) * this.options.pageSize;
|
|
1307
|
+
this.refresh();
|
|
1308
|
+
},
|
|
1309
|
+
|
|
1310
|
+
/**
|
|
1311
|
+
*
|
|
1312
|
+
* Remove an element from the data array.
|
|
1313
|
+
*
|
|
1314
|
+
* @param id An identifier for the element (see this.options.identify)
|
|
1315
|
+
*
|
|
1316
|
+
**/
|
|
1317
|
+
deleteRow: function (id) {
|
|
1318
|
+
var oldCurrentStart = this.currentStart;
|
|
1319
|
+
var index = this.indexOf(id);
|
|
1320
|
+
if (index === -1) {
|
|
1321
|
+
console.log('No data found with id: ' + id);
|
|
1322
|
+
return;
|
|
1323
|
+
}
|
|
1324
|
+
this.data.splice(index, 1);
|
|
1325
|
+
if (typeof this.syncData !== "undefined") {
|
|
1326
|
+
this.syncData.toDelete.push(id);
|
|
1327
|
+
}
|
|
1328
|
+
this.filter();
|
|
1329
|
+
if (oldCurrentStart < this.filterIndex.length) {
|
|
1330
|
+
this.currentStart = oldCurrentStart;
|
|
1331
|
+
}
|
|
1332
|
+
else {
|
|
1333
|
+
this.currentStart = oldCurrentStart - this.options.pageSize;
|
|
1334
|
+
if (this.currentStart < 0) { this.currentStart = 0; }
|
|
1335
|
+
}
|
|
1336
|
+
this.refresh();
|
|
1337
|
+
},
|
|
1338
|
+
|
|
1339
|
+
/**
|
|
1340
|
+
*
|
|
1341
|
+
* Delete all elements matching the filter arg.
|
|
1342
|
+
*
|
|
1343
|
+
**/
|
|
1344
|
+
deleteAll: function (filter) {
|
|
1345
|
+
var oldCurrentStart = this.currentStart
|
|
1346
|
+
var newData = [];
|
|
1347
|
+
if (typeof this.syncData !== "undefined") {
|
|
1348
|
+
this.syncData.toDelete.push(filter);
|
|
1349
|
+
}
|
|
1350
|
+
for (var i = 0; i < this.data.length; ++i) {
|
|
1351
|
+
if (!filter(this.data[i])) {
|
|
1352
|
+
newData.push(this.data[i]);
|
|
1353
|
+
}
|
|
1354
|
+
}
|
|
1355
|
+
this.data = newData;
|
|
1356
|
+
this.filter();
|
|
1357
|
+
if (oldCurrentStart < this.filterIndex.length) {
|
|
1358
|
+
this.currentStart = oldCurrentStart;
|
|
1359
|
+
}
|
|
1360
|
+
else {
|
|
1361
|
+
this.currentStart = oldCurrentStart - this.options.pageSize;
|
|
1362
|
+
if (this.currentStart < 0) { this.currentStart = 0; }
|
|
1363
|
+
}
|
|
1364
|
+
this.refresh();
|
|
1365
|
+
},
|
|
1366
|
+
|
|
1367
|
+
/**
|
|
1368
|
+
*
|
|
1369
|
+
* Update an element in the data array. Will add the element if it is not found.
|
|
1370
|
+
*
|
|
1371
|
+
* @param id An identifier for the element (see this.options.identify)
|
|
1372
|
+
* @param data The new data (identifier value will be set to id)
|
|
1373
|
+
*
|
|
1374
|
+
**/
|
|
1375
|
+
updateRow: function (id, data) {
|
|
1376
|
+
var index = this.indexOf(id);
|
|
1377
|
+
if (typeof this.syncData !== "undefined") {
|
|
1378
|
+
this.syncData.toUpdate[id] = data;
|
|
1379
|
+
}
|
|
1380
|
+
if (index !== -1) {
|
|
1381
|
+
if (id in data) {
|
|
1382
|
+
delete data[id];
|
|
1383
|
+
}
|
|
1384
|
+
for (var key in this.data[index]) {
|
|
1385
|
+
if (key in data) {
|
|
1386
|
+
this.data[index][key] = data[key];
|
|
1387
|
+
}
|
|
1388
|
+
}
|
|
1389
|
+
this.sort();
|
|
1390
|
+
this.filter();
|
|
1391
|
+
this.currentStart = parseInt(this._index(this.indexOf(id),
|
|
1392
|
+
this.filterIndex)
|
|
1393
|
+
/ this.options.pageSize, 10) * this.options.pageSize;
|
|
1394
|
+
this.refresh();
|
|
1395
|
+
}
|
|
1396
|
+
},
|
|
1397
|
+
|
|
1398
|
+
/**
|
|
1399
|
+
*
|
|
1400
|
+
* Change the current page and refresh.
|
|
1401
|
+
*
|
|
1402
|
+
* @param page The number of the page to load
|
|
1403
|
+
*
|
|
1404
|
+
* @update currentStart
|
|
1405
|
+
*
|
|
1406
|
+
**/
|
|
1407
|
+
loadPage: function (page) {
|
|
1408
|
+
var oldPage = this.currentStart / this.options.pageSize;
|
|
1409
|
+
if (page < 1) {
|
|
1410
|
+
page = 1;
|
|
1411
|
+
}
|
|
1412
|
+
else if (page > this.getLastPageNumber()) {
|
|
1413
|
+
page = this.getLastPageNumber();
|
|
1414
|
+
}
|
|
1415
|
+
this.currentStart = (page - 1) * this.options.pageSize;
|
|
1416
|
+
this.refresh();
|
|
1417
|
+
this.options.onChange.call(this.table, oldPage + 1, page);
|
|
1418
|
+
},
|
|
1419
|
+
|
|
1420
|
+
/**
|
|
1421
|
+
*
|
|
1422
|
+
* @return The current page
|
|
1423
|
+
*
|
|
1424
|
+
**/
|
|
1425
|
+
getCurrentPage: function () {
|
|
1426
|
+
return this.currentStart / this.options.pageSize + 1;
|
|
1427
|
+
},
|
|
1428
|
+
|
|
1429
|
+
/**
|
|
1430
|
+
*
|
|
1431
|
+
* Refresh the page according to current page (DO NOT SORT).
|
|
1432
|
+
* This function call options.lineFormat.
|
|
1433
|
+
*
|
|
1434
|
+
**/
|
|
1435
|
+
refresh: function () {
|
|
1436
|
+
this.options.beforeRefresh.call(this.table);
|
|
1437
|
+
this.updatePaging();
|
|
1438
|
+
this.updateCounter();
|
|
1439
|
+
this.table.tBodies[0].innerHTML = "";
|
|
1440
|
+
if (this.currentStart >= this.currentDataLength) {
|
|
1441
|
+
this.table.tBodies[0].innerHTML = '<tr><td colspan="' + this.options.nbColumns + '">'
|
|
1442
|
+
+ '<div class="progress progress-striped active">'
|
|
1443
|
+
+ '<div class="bar" style="width: 100%;"></div>'
|
|
1444
|
+
+ '</div></div></tr>';
|
|
1445
|
+
return;
|
|
1446
|
+
}
|
|
1447
|
+
for (var i = 0;
|
|
1448
|
+
i < this.options.pageSize && i + this.currentStart < this.filterIndex.length;
|
|
1449
|
+
i++) {
|
|
1450
|
+
var index = this.filterIndex[this.currentStart + i];
|
|
1451
|
+
var data = this.data[index];
|
|
1452
|
+
this.table.tBodies[0].appendChild(this.options.lineFormat.call(this.table,
|
|
1453
|
+
index, data));
|
|
1454
|
+
}
|
|
1455
|
+
this.options.afterRefresh.call(this.table);
|
|
1456
|
+
},
|
|
1457
|
+
|
|
1458
|
+
/**
|
|
1459
|
+
*
|
|
1460
|
+
* Set a option and refresh the table if necessary.
|
|
1461
|
+
*
|
|
1462
|
+
* @param key The name of the option to change
|
|
1463
|
+
* @param val The new option value
|
|
1464
|
+
*
|
|
1465
|
+
* @update options
|
|
1466
|
+
*
|
|
1467
|
+
**/
|
|
1468
|
+
setOption: function (key, val) {
|
|
1469
|
+
if (key in this.options) {
|
|
1470
|
+
this.options[key] = val;
|
|
1471
|
+
if (key === 'sort') {
|
|
1472
|
+
this.destroySort();
|
|
1473
|
+
this.createSort();
|
|
1474
|
+
this.triggerSort();
|
|
1475
|
+
}
|
|
1476
|
+
if (key === 'sortKey' || key === 'sortDir') {
|
|
1477
|
+
this.sort();
|
|
1478
|
+
}
|
|
1479
|
+
if (key === 'filters') {
|
|
1480
|
+
this.destroyFilter();
|
|
1481
|
+
this.createFilter();
|
|
1482
|
+
}
|
|
1483
|
+
if (key === 'filterText') {
|
|
1484
|
+
this.changePlaceHolder();
|
|
1485
|
+
}
|
|
1486
|
+
this.filter();
|
|
1487
|
+
}
|
|
1488
|
+
},
|
|
1489
|
+
|
|
1490
|
+
/**
|
|
1491
|
+
*
|
|
1492
|
+
* Set a list of options and refresh the table if necessary.
|
|
1493
|
+
*
|
|
1494
|
+
* @param options A list of options to set (plain object)
|
|
1495
|
+
*
|
|
1496
|
+
* @update options
|
|
1497
|
+
*
|
|
1498
|
+
**/
|
|
1499
|
+
setOptions: function (options) {
|
|
1500
|
+
for (var key in options) {
|
|
1501
|
+
if (key in this.options) {
|
|
1502
|
+
this.options[key] = options[key];
|
|
1503
|
+
}
|
|
1504
|
+
}
|
|
1505
|
+
if ('sort' in options) {
|
|
1506
|
+
this.destroySort();
|
|
1507
|
+
this.createSort();
|
|
1508
|
+
this.triggerSort();
|
|
1509
|
+
}
|
|
1510
|
+
else if ('sortKey' in options || 'sortDir' in options) {
|
|
1511
|
+
this.sort();
|
|
1512
|
+
}
|
|
1513
|
+
if ('filters' in options) {
|
|
1514
|
+
this.destroyFilter();
|
|
1515
|
+
this.createFilter();
|
|
1516
|
+
}
|
|
1517
|
+
if ('filterText' in options) {
|
|
1518
|
+
this.changePlaceHolder();
|
|
1519
|
+
}
|
|
1520
|
+
this.filter();
|
|
1521
|
+
},
|
|
1522
|
+
|
|
1523
|
+
/**
|
|
1524
|
+
*
|
|
1525
|
+
* Remove all the elements added by the datatable.
|
|
1526
|
+
*
|
|
1527
|
+
**/
|
|
1528
|
+
destroy: function () {
|
|
1529
|
+
if (this.refreshTimeOut !== undefined) {
|
|
1530
|
+
clearTimeout(this.refreshTimeOut);
|
|
1531
|
+
}
|
|
1532
|
+
this.destroySort();
|
|
1533
|
+
for (var i = 0; i < this.pagingDivs.length; ++i) {
|
|
1534
|
+
this.pagingDivs[i].classList.remove('pagination-datatable');
|
|
1535
|
+
this.pagingDivs[i].classList.remove(this.options.pagingDivClass);
|
|
1536
|
+
this.pagingDivs[i].innerHTML = '';
|
|
1537
|
+
}
|
|
1538
|
+
this.destroyFilter();
|
|
1539
|
+
this.table.classList.remove(this.options.tableClass);
|
|
1540
|
+
this.removeNode(this.table.tBodies[0]);
|
|
1541
|
+
this.table.appendChild(document.createElement('tbody'));
|
|
1542
|
+
for (var i = 0; i < this.data.length; i++) {
|
|
1543
|
+
var index = this.filterIndex[this.currentStart + i];
|
|
1544
|
+
var data = this.data[index];
|
|
1545
|
+
this.table.tBodies[0].appendChild(this.options.lineFormat.call(this.table,
|
|
1546
|
+
index, data));
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
}
|
|
1550
|
+
};
|
|
1551
|
+
|
|
1552
|
+
/**
|
|
1553
|
+
* Default option for DataTable.
|
|
1554
|
+
*
|
|
1555
|
+
*/
|
|
1556
|
+
DataTable.defaultOptions = {
|
|
1557
|
+
|
|
1558
|
+
/**
|
|
1559
|
+
* Specify whether the type of the column should be deduced or not. If this option
|
|
1560
|
+
* is true, the type is not deduced (mainly here for backward compatibility).
|
|
1561
|
+
*
|
|
1562
|
+
* @see dataTypes
|
|
1563
|
+
*/
|
|
1564
|
+
forceStrings: false,
|
|
1565
|
+
|
|
1566
|
+
/**
|
|
1567
|
+
* Specify the class of the table.
|
|
1568
|
+
*
|
|
1569
|
+
*/
|
|
1570
|
+
tableClass: 'datatable',
|
|
1571
|
+
|
|
1572
|
+
/**
|
|
1573
|
+
* Specify the selector for the paging div element.
|
|
1574
|
+
*
|
|
1575
|
+
*/
|
|
1576
|
+
pagingDivSelector: '.paging',
|
|
1577
|
+
|
|
1578
|
+
/**
|
|
1579
|
+
* Specify the class for the paging div element.
|
|
1580
|
+
*
|
|
1581
|
+
*/
|
|
1582
|
+
pagingDivClass: 'text-center',
|
|
1583
|
+
|
|
1584
|
+
/**
|
|
1585
|
+
* Specify the class for the paging list element.
|
|
1586
|
+
*
|
|
1587
|
+
*/
|
|
1588
|
+
pagingListClass: 'pagination',
|
|
1589
|
+
|
|
1590
|
+
/**
|
|
1591
|
+
* Specify the class for the paging list item elements.
|
|
1592
|
+
*
|
|
1593
|
+
*/
|
|
1594
|
+
pagingItemClass: '',
|
|
1595
|
+
|
|
1596
|
+
/**
|
|
1597
|
+
* Specify the class for the paging list link elements.
|
|
1598
|
+
*
|
|
1599
|
+
*/
|
|
1600
|
+
pagingLinkClass: '',
|
|
1601
|
+
|
|
1602
|
+
/**
|
|
1603
|
+
* Specify the href attribute for the paging list link elements.
|
|
1604
|
+
*
|
|
1605
|
+
*/
|
|
1606
|
+
pagingLinkHref: '',
|
|
1607
|
+
|
|
1608
|
+
/**
|
|
1609
|
+
* Specify the tabindex attribute for the paging list link elements when
|
|
1610
|
+
* disabled.
|
|
1611
|
+
*
|
|
1612
|
+
*/
|
|
1613
|
+
pagingLinkDisabledTabIndex: false,
|
|
1614
|
+
|
|
1615
|
+
/**
|
|
1616
|
+
* Specify the selector for the counter div element.
|
|
1617
|
+
*
|
|
1618
|
+
* @see counterText
|
|
1619
|
+
*/
|
|
1620
|
+
counterDivSelector: '.counter',
|
|
1621
|
+
|
|
1622
|
+
/**
|
|
1623
|
+
* Specify the selector the loading div element.
|
|
1624
|
+
*
|
|
1625
|
+
* @see data
|
|
1626
|
+
*/
|
|
1627
|
+
loadingDivSelector: '.loading',
|
|
1628
|
+
|
|
1629
|
+
/**
|
|
1630
|
+
* Sepcify the sort options.
|
|
1631
|
+
*
|
|
1632
|
+
* @type boolean|string|Array|Object
|
|
1633
|
+
*/
|
|
1634
|
+
sort: false,
|
|
1635
|
+
|
|
1636
|
+
/**
|
|
1637
|
+
* Specify the default sort key.
|
|
1638
|
+
*
|
|
1639
|
+
* @type boolean|int|string.
|
|
1640
|
+
*/
|
|
1641
|
+
sortKey: false,
|
|
1642
|
+
|
|
1643
|
+
/**
|
|
1644
|
+
* Specify the default sort directions, 'asc' or 'desc'.
|
|
1645
|
+
*
|
|
1646
|
+
*/
|
|
1647
|
+
sortDir: 'asc',
|
|
1648
|
+
|
|
1649
|
+
/**
|
|
1650
|
+
* Specify the number of columns, a value of -1 (default) specify
|
|
1651
|
+
* the the number of columns should be retrieved for the <thead>
|
|
1652
|
+
* elements of the table.
|
|
1653
|
+
*
|
|
1654
|
+
*/
|
|
1655
|
+
nbColumns: -1,
|
|
1656
|
+
|
|
1657
|
+
/**
|
|
1658
|
+
* Specify the number of elements to display per page.
|
|
1659
|
+
*
|
|
1660
|
+
*/
|
|
1661
|
+
pageSize: 20,
|
|
1662
|
+
|
|
1663
|
+
/**
|
|
1664
|
+
* Specify the number of pages to display in the paging list element.
|
|
1665
|
+
*
|
|
1666
|
+
*/
|
|
1667
|
+
pagingNumberOfPages: 9,
|
|
1668
|
+
|
|
1669
|
+
/**
|
|
1670
|
+
* Specify the way of identifying items from the data array:
|
|
1671
|
+
*
|
|
1672
|
+
* - if this option is false (default), no identification is provided.
|
|
1673
|
+
* - if a Function is specified, the function is used to identify:
|
|
1674
|
+
* function (id, item) -> boolean
|
|
1675
|
+
* - if an int or a string is specified, items are identified by the
|
|
1676
|
+
* value corresponding to the key.
|
|
1677
|
+
*
|
|
1678
|
+
* @type boolean|int|string|Function.
|
|
1679
|
+
*
|
|
1680
|
+
*/
|
|
1681
|
+
identify: false,
|
|
1682
|
+
|
|
1683
|
+
/**
|
|
1684
|
+
* Callback function when the table is updated.
|
|
1685
|
+
*
|
|
1686
|
+
*/
|
|
1687
|
+
onChange: function (oldPage, newPage) { },
|
|
1688
|
+
|
|
1689
|
+
/**
|
|
1690
|
+
* Function used to generate content for the counter div element.
|
|
1691
|
+
*
|
|
1692
|
+
*/
|
|
1693
|
+
counterText: function (currentPage, totalPage,
|
|
1694
|
+
firstRow, lastRow,
|
|
1695
|
+
totalRow, totalRowUnfiltered) {
|
|
1696
|
+
var counterText = 'Page ' + currentPage + ' on ' + totalPage
|
|
1697
|
+
+ '. Showing ' + firstRow + ' to ' + lastRow + ' of ' + totalRow + ' entries';
|
|
1698
|
+
if (totalRow != totalRowUnfiltered) {
|
|
1699
|
+
counterText += ' (filtered from ' + totalRowUnfiltered + ' total entries)';
|
|
1700
|
+
}
|
|
1701
|
+
counterText += '.';
|
|
1702
|
+
return counterText;
|
|
1703
|
+
},
|
|
1704
|
+
|
|
1705
|
+
/**
|
|
1706
|
+
* Content of the paging item pointing to the first page.
|
|
1707
|
+
*
|
|
1708
|
+
*/
|
|
1709
|
+
firstPage: '<<',
|
|
1710
|
+
|
|
1711
|
+
/**
|
|
1712
|
+
* Content of the paging item pointing to the previous page.
|
|
1713
|
+
*
|
|
1714
|
+
*/
|
|
1715
|
+
prevPage: '<',
|
|
1716
|
+
|
|
1717
|
+
/**
|
|
1718
|
+
*
|
|
1719
|
+
*/
|
|
1720
|
+
pagingPages: false,
|
|
1721
|
+
|
|
1722
|
+
/**
|
|
1723
|
+
* Content of the paging item pointing to the next page.
|
|
1724
|
+
*
|
|
1725
|
+
*/
|
|
1726
|
+
nextPage: '>',
|
|
1727
|
+
|
|
1728
|
+
/**
|
|
1729
|
+
* Content of the paging item pointing to the last page.
|
|
1730
|
+
*
|
|
1731
|
+
*/
|
|
1732
|
+
lastPage: '>>',
|
|
1733
|
+
|
|
1734
|
+
/**
|
|
1735
|
+
* Specify the type of the columns:
|
|
1736
|
+
*
|
|
1737
|
+
* - if false, the type is not deduced and values are treated as strings.
|
|
1738
|
+
* - if true, the type is deduced automatically.
|
|
1739
|
+
* - if an Array is specified, the type of each column is retrieve from the
|
|
1740
|
+
* array values, possible values are 'int', 'float' <> 'double', 'date' <> 'datetime',
|
|
1741
|
+
* false <> true <> 'string' <> 'str'. A function can also be specified to convert
|
|
1742
|
+
* the value.
|
|
1743
|
+
*
|
|
1744
|
+
* @see forceStrings
|
|
1745
|
+
*
|
|
1746
|
+
*/
|
|
1747
|
+
dataTypes: true,
|
|
1748
|
+
|
|
1749
|
+
/**
|
|
1750
|
+
* Specify the filter options.
|
|
1751
|
+
*
|
|
1752
|
+
*/
|
|
1753
|
+
filters: {},
|
|
1754
|
+
|
|
1755
|
+
/**
|
|
1756
|
+
* Specify the placeholder for the textual input filters.
|
|
1757
|
+
*/
|
|
1758
|
+
filterText: 'Search... ',
|
|
1759
|
+
|
|
1760
|
+
/**
|
|
1761
|
+
* Specify the placeholder for the select input filters.
|
|
1762
|
+
*/
|
|
1763
|
+
filterEmptySelect: '',
|
|
1764
|
+
|
|
1765
|
+
/**
|
|
1766
|
+
*
|
|
1767
|
+
*/
|
|
1768
|
+
filterSelectOptions: false,
|
|
1769
|
+
|
|
1770
|
+
/**
|
|
1771
|
+
*
|
|
1772
|
+
*/
|
|
1773
|
+
filterInputClass: 'form-control',
|
|
1774
|
+
|
|
1775
|
+
/**
|
|
1776
|
+
*
|
|
1777
|
+
*/
|
|
1778
|
+
filterSelectClass: 'form-control',
|
|
1779
|
+
|
|
1780
|
+
/**
|
|
1781
|
+
* Callback function before the display is reloaded.
|
|
1782
|
+
*
|
|
1783
|
+
*/
|
|
1784
|
+
beforeRefresh: function () { },
|
|
1785
|
+
|
|
1786
|
+
/**
|
|
1787
|
+
* Callback function after the display has been reloaded.
|
|
1788
|
+
*
|
|
1789
|
+
*/
|
|
1790
|
+
afterRefresh: function () { },
|
|
1791
|
+
|
|
1792
|
+
/**
|
|
1793
|
+
* Function used to generate the row of the table.
|
|
1794
|
+
*
|
|
1795
|
+
*/
|
|
1796
|
+
lineFormat: function (id, data) {
|
|
1797
|
+
var res = document.createElement('tr');
|
|
1798
|
+
res.dataset.id = id;
|
|
1799
|
+
for (var key in data) {
|
|
1800
|
+
if (data.hasOwnProperty(key)) {
|
|
1801
|
+
res.innerHTML += '<td>' + data[key] + '</td>';
|
|
1802
|
+
}
|
|
1803
|
+
}
|
|
1804
|
+
return res;
|
|
1805
|
+
}
|
|
1806
|
+
};
|
|
1807
|
+
|
|
1808
|
+
DataTable.defaultAjaxOptions = {
|
|
1809
|
+
url: null,
|
|
1810
|
+
size: null,
|
|
1811
|
+
refresh: false,
|
|
1812
|
+
allInOne: false,
|
|
1813
|
+
timeout: 2000
|
|
1814
|
+
};
|