nexusframework 0.3.0-beta.72 → 0.3.0-beta.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +55 -55
- package/README.md +12 -12
- package/about/index.json +5 -5
- package/about/index.nhp +4 -4
- package/icon.png +0 -0
- package/index.d.ts +12 -15
- package/index.js +94 -81
- package/index.js.map +1 -1
- package/index.ts +101 -89
- package/indexOfSkeleton.nhp +133 -133
- package/legacySkeleton.nhp +22 -22
- package/loader/overlay.css +1 -1
- package/loader/overlay.html +25 -25
- package/loader/overlay.scss +152 -152
- package/package.json +102 -89
- package/scripts/es5/compat.js +101 -0
- package/scripts/es5/compat.js.map +1 -0
- package/scripts/es5/compat.min.js +2 -0
- package/scripts/es5/compat.min.js.map +1 -0
- package/scripts/es5/loader.js +0 -0
- package/scripts/es5/loader.js.map +0 -0
- package/scripts/es5/loader.min.js +1 -1
- package/scripts/es5/loader.min.js.map +0 -0
- package/scripts/es5/nexusframeworkclient.js +1092 -1103
- package/scripts/es5/nexusframeworkclient.js.map +1 -1
- package/scripts/es5/nexusframeworkclient.min.js +1 -1
- package/scripts/es5/nexusframeworkclient.min.js.map +1 -1
- package/scripts/es6/compat.js +65 -0
- package/scripts/es6/compat.js.map +1 -0
- package/scripts/es6/compat.min.js +2 -0
- package/scripts/es6/compat.min.js.map +1 -0
- package/scripts/es6/loader.js +0 -0
- package/scripts/es6/loader.js.map +0 -0
- package/scripts/es6/loader.min.js +1 -1
- package/scripts/es6/loader.min.js.map +0 -0
- package/scripts/es6/nexusframeworkclient.js +1026 -1049
- package/scripts/es6/nexusframeworkclient.js.map +1 -1
- package/scripts/es6/nexusframeworkclient.min.js +1 -1
- package/scripts/es6/nexusframeworkclient.min.js.map +1 -1
- package/scripts/index.d.ts +259 -251
- package/scripts/src/compat.ts +62 -0
- package/scripts/src/loader.ts +385 -385
- package/scripts/src/nexusframeworkclient.ts +1163 -1185
- package/scripts/tsconfig.json +11 -11
- package/src/cli.d.ts +1 -0
- package/src/cli.js +102 -102
- package/src/cli.js.map +1 -1
- package/src/cli.ts +101 -101
- package/src/compileScripts.d.ts +2 -2
- package/src/compileScripts.js +145 -145
- package/src/compileScripts.js.map +1 -1
- package/src/compileScripts.ts +153 -153
- package/src/nexusframework.d.ts +177 -168
- package/src/nexusframework.js +3578 -3422
- package/src/nexusframework.js.map +1 -1
- package/src/nexusframework.ts +3631 -3473
- package/templates/basic/package.json +3 -3
- package/templates/basic/www/skeleton.nhp +1 -1
- package/templates/bootstrap/package.json +2 -2
- package/templates/bootstrap/www/skeleton.nhp +1 -1
- package/templates/bootstrap-material-design/package.json +2 -2
- package/templates/bootstrap-material-design/www/skeleton.nhp +1 -1
- package/tsconfig.json +25 -22
- package/types.d.ts +612 -564
package/indexOfSkeleton.nhp
CHANGED
|
@@ -1,134 +1,134 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<meta charset="utf-8" />
|
|
4
|
-
<meta name="robots" content="noindex, nofollow" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
-
<title>Index Of {{path}}</title>
|
|
7
|
-
<style>
|
|
8
|
-
body {
|
|
9
|
-
margin: 2em;
|
|
10
|
-
background: #fafafa;
|
|
11
|
-
font-family: Helvetica, Arial, sans-serif;
|
|
12
|
-
}
|
|
13
|
-
h1 {
|
|
14
|
-
margin: 0;
|
|
15
|
-
}
|
|
16
|
-
dd {
|
|
17
|
-
margin: 0 0 10px;
|
|
18
|
-
font-size: 80%;
|
|
19
|
-
color: #555;
|
|
20
|
-
}
|
|
21
|
-
dt span {
|
|
22
|
-
display: block;
|
|
23
|
-
position: absolute;
|
|
24
|
-
text-align: center;
|
|
25
|
-
width: 32px;
|
|
26
|
-
}
|
|
27
|
-
dt i {
|
|
28
|
-
font-size: 200%;
|
|
29
|
-
}
|
|
30
|
-
dt a {
|
|
31
|
-
overflow: hidden;
|
|
32
|
-
white-space: nowrap;
|
|
33
|
-
text-overflow: ellipsis;
|
|
34
|
-
text-decoration: none;
|
|
35
|
-
margin-right: 10px;
|
|
36
|
-
color: #225;
|
|
37
|
-
}
|
|
38
|
-
dt a,
|
|
39
|
-
dd {
|
|
40
|
-
margin-left: 28pt;
|
|
41
|
-
}
|
|
42
|
-
</style>
|
|
43
|
-
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
|
44
|
-
</head>
|
|
45
|
-
<body>
|
|
46
|
-
<h1>Index Of {{path}}</h1>
|
|
47
|
-
<dl>
|
|
48
|
-
<?each files?>
|
|
49
|
-
<dt>
|
|
50
|
-
<span>
|
|
51
|
-
<?if entry[1] == "parent"?>
|
|
52
|
-
<i class="fas fa-level-up-alt"></i>
|
|
53
|
-
<?elseif entry[1] == "directory"?>
|
|
54
|
-
<i class="far fa-folder"></i>
|
|
55
|
-
<?elseif /\/(json|javascript)$/.test(entry[1])?>
|
|
56
|
-
<i class="far fa-file-code"></i>
|
|
57
|
-
<?elseif /^audio\//.test(entry[1])?>
|
|
58
|
-
<i class="far fa-file-audio"></i>
|
|
59
|
-
<?elseif /^video\//.test(entry[1])?>
|
|
60
|
-
<i class="far fa-file-video"></i>
|
|
61
|
-
<?elseif /^image\//.test(entry[1])?>
|
|
62
|
-
<i class="far fa-file-image"></i>
|
|
63
|
-
<?elseif /\/(x\-)?pdf$/.test(entry[1])?>
|
|
64
|
-
<i class="far fa-file-pdf"></i>
|
|
65
|
-
<?elseif /\/(x\-)?(jar|zip|7z|rar|archive)(\-compressed)?$/.test(entry[1])?>
|
|
66
|
-
<?if /\.pptx$/i.test(entry[0])?>
|
|
67
|
-
<i class="far fa-file-powerpoint"></i>
|
|
68
|
-
<?elseif /\.docx$/i.test(entry[0])?>
|
|
69
|
-
<i class="far fa-file-word"></i>
|
|
70
|
-
<?else?>
|
|
71
|
-
<i class="far fa-file-archive"></i>
|
|
72
|
-
<?endif?>
|
|
73
|
-
<?elseif /\/.+\.(opendocument\.spreadsheet|excel|xls|ods)$/.test(entry[1])?>
|
|
74
|
-
<i class="far fa-file-excel"></i>
|
|
75
|
-
<?elseif /\/.+\.(opendocument\.presentation|powerpoint|odp|pptx?)$/.test(entry[1])?>
|
|
76
|
-
<i class="far fa-file-powerpoint"></i>
|
|
77
|
-
<?elseif /\/.+\.(opendocument\.text|word|odt|docx?)$/.test(entry[1])?>
|
|
78
|
-
<i class="far fa-file-word"></i>
|
|
79
|
-
<?elseif /(^text\/(x\-)?(asm|java|c(\-sharp|s|\+\+|pp)|ts|(cascading\-)stylesheet|(type|java)script|make(file)?|(shell)?script|html?|js)|\/xml)$/.test(entry[1])?>
|
|
80
|
-
<i class="far fa-file-code"></i>
|
|
81
|
-
<?elseif /^text\//.test(entry[1])?>
|
|
82
|
-
<?if /\.(java|c(\-sharp|s|\+\+|pp)|h|hpp|s|ts|mk|sh(ellscript)?|inc(lude)?|xml|properties|js|html?|css)$/i.test(entry[0])?>
|
|
83
|
-
<i class="far fa-file-code"></i>
|
|
84
|
-
<?else?>
|
|
85
|
-
<i class="far fa-file-alt"></i>
|
|
86
|
-
<?endif?>
|
|
87
|
-
<?elseif entry[1] === "application/octet-stream"?>
|
|
88
|
-
<?if /\.(mp3|flac)$/i.test(entry[0])?>
|
|
89
|
-
<i class="far fa-file-audio"></i>
|
|
90
|
-
<?else?>
|
|
91
|
-
<i class="far fa-file"></i>
|
|
92
|
-
<?endif?>
|
|
93
|
-
<?else?>
|
|
94
|
-
<i class="far fa-file"></i>
|
|
95
|
-
<?endif?>
|
|
96
|
-
</span>
|
|
97
|
-
<a title="{{entry[1]}}" href="{{entry[1] === 'parent' ? '..' : encodeURIComponent(entry[0]).replace(/ /g, '%20')}}">{{entry[0]}}</a>
|
|
98
|
-
</dt>
|
|
99
|
-
<dd>
|
|
100
|
-
<?if entry[1] == "parent"?>
|
|
101
|
-
..
|
|
102
|
-
<?else?>
|
|
103
|
-
<?if entry[1] == "directory"?>
|
|
104
|
-
{{entry[2]}} File(s)
|
|
105
|
-
<?else?>
|
|
106
|
-
<?set suffix "b"?>
|
|
107
|
-
<?set size entry[2]?>
|
|
108
|
-
<?if 1024 < env.size?>
|
|
109
|
-
<?set suffix "kb"?>
|
|
110
|
-
<?set size env.size/1024?>
|
|
111
|
-
<?endif?>
|
|
112
|
-
<?if 1024 < env.size?>
|
|
113
|
-
<?set suffix "mb"?>
|
|
114
|
-
<?set size env.size/1024?>
|
|
115
|
-
<?endif?>
|
|
116
|
-
<?if 1024 < env.size?>
|
|
117
|
-
<?set suffix "gb"?>
|
|
118
|
-
<?set size env.size/1024?>
|
|
119
|
-
<?endif?>
|
|
120
|
-
<?if 1024 < env.size?>
|
|
121
|
-
<?set suffix "tb"?>
|
|
122
|
-
<?set size env.size/1024?>
|
|
123
|
-
<?endif?>
|
|
124
|
-
{{round(env.size*10)/10}}{{env.suffix}}
|
|
125
|
-
<?endif?> -
|
|
126
|
-
Modified {{moment(entry[3]).fromNow()}}
|
|
127
|
-
<?endif?>
|
|
128
|
-
</dd>
|
|
129
|
-
<?done?>
|
|
130
|
-
</dl>
|
|
131
|
-
<hr />
|
|
132
|
-
<small>Generated by NexusFramework V{{frameworkVersion}}</small>
|
|
133
|
-
</body>
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<meta charset="utf-8" />
|
|
4
|
+
<meta name="robots" content="noindex, nofollow" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
+
<title>Index Of {{path}}</title>
|
|
7
|
+
<style>
|
|
8
|
+
body {
|
|
9
|
+
margin: 2em;
|
|
10
|
+
background: #fafafa;
|
|
11
|
+
font-family: Helvetica, Arial, sans-serif;
|
|
12
|
+
}
|
|
13
|
+
h1 {
|
|
14
|
+
margin: 0;
|
|
15
|
+
}
|
|
16
|
+
dd {
|
|
17
|
+
margin: 0 0 10px;
|
|
18
|
+
font-size: 80%;
|
|
19
|
+
color: #555;
|
|
20
|
+
}
|
|
21
|
+
dt span {
|
|
22
|
+
display: block;
|
|
23
|
+
position: absolute;
|
|
24
|
+
text-align: center;
|
|
25
|
+
width: 32px;
|
|
26
|
+
}
|
|
27
|
+
dt i {
|
|
28
|
+
font-size: 200%;
|
|
29
|
+
}
|
|
30
|
+
dt a {
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
white-space: nowrap;
|
|
33
|
+
text-overflow: ellipsis;
|
|
34
|
+
text-decoration: none;
|
|
35
|
+
margin-right: 10px;
|
|
36
|
+
color: #225;
|
|
37
|
+
}
|
|
38
|
+
dt a,
|
|
39
|
+
dd {
|
|
40
|
+
margin-left: 28pt;
|
|
41
|
+
}
|
|
42
|
+
</style>
|
|
43
|
+
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
|
44
|
+
</head>
|
|
45
|
+
<body>
|
|
46
|
+
<h1>Index Of {{path}}</h1>
|
|
47
|
+
<dl>
|
|
48
|
+
<?each files?>
|
|
49
|
+
<dt>
|
|
50
|
+
<span>
|
|
51
|
+
<?if entry[1] == "parent"?>
|
|
52
|
+
<i class="fas fa-level-up-alt"></i>
|
|
53
|
+
<?elseif entry[1] == "directory"?>
|
|
54
|
+
<i class="far fa-folder"></i>
|
|
55
|
+
<?elseif /\/(json|javascript)$/.test(entry[1])?>
|
|
56
|
+
<i class="far fa-file-code"></i>
|
|
57
|
+
<?elseif /^audio\//.test(entry[1])?>
|
|
58
|
+
<i class="far fa-file-audio"></i>
|
|
59
|
+
<?elseif /^video\//.test(entry[1])?>
|
|
60
|
+
<i class="far fa-file-video"></i>
|
|
61
|
+
<?elseif /^image\//.test(entry[1])?>
|
|
62
|
+
<i class="far fa-file-image"></i>
|
|
63
|
+
<?elseif /\/(x\-)?pdf$/.test(entry[1])?>
|
|
64
|
+
<i class="far fa-file-pdf"></i>
|
|
65
|
+
<?elseif /\/(x\-)?(jar|zip|7z|rar|archive)(\-compressed)?$/.test(entry[1])?>
|
|
66
|
+
<?if /\.pptx$/i.test(entry[0])?>
|
|
67
|
+
<i class="far fa-file-powerpoint"></i>
|
|
68
|
+
<?elseif /\.docx$/i.test(entry[0])?>
|
|
69
|
+
<i class="far fa-file-word"></i>
|
|
70
|
+
<?else?>
|
|
71
|
+
<i class="far fa-file-archive"></i>
|
|
72
|
+
<?endif?>
|
|
73
|
+
<?elseif /\/.+\.(opendocument\.spreadsheet|excel|xls|ods)$/.test(entry[1])?>
|
|
74
|
+
<i class="far fa-file-excel"></i>
|
|
75
|
+
<?elseif /\/.+\.(opendocument\.presentation|powerpoint|odp|pptx?)$/.test(entry[1])?>
|
|
76
|
+
<i class="far fa-file-powerpoint"></i>
|
|
77
|
+
<?elseif /\/.+\.(opendocument\.text|word|odt|docx?)$/.test(entry[1])?>
|
|
78
|
+
<i class="far fa-file-word"></i>
|
|
79
|
+
<?elseif /(^text\/(x\-)?(asm|java|c(\-sharp|s|\+\+|pp)|ts|(cascading\-)stylesheet|(type|java)script|make(file)?|(shell)?script|html?|js)|\/xml)$/.test(entry[1])?>
|
|
80
|
+
<i class="far fa-file-code"></i>
|
|
81
|
+
<?elseif /^text\//.test(entry[1])?>
|
|
82
|
+
<?if /\.(java|c(\-sharp|s|\+\+|pp)|h|hpp|s|ts|mk|sh(ellscript)?|inc(lude)?|xml|properties|js|html?|css)$/i.test(entry[0])?>
|
|
83
|
+
<i class="far fa-file-code"></i>
|
|
84
|
+
<?else?>
|
|
85
|
+
<i class="far fa-file-alt"></i>
|
|
86
|
+
<?endif?>
|
|
87
|
+
<?elseif entry[1] === "application/octet-stream"?>
|
|
88
|
+
<?if /\.(mp3|flac)$/i.test(entry[0])?>
|
|
89
|
+
<i class="far fa-file-audio"></i>
|
|
90
|
+
<?else?>
|
|
91
|
+
<i class="far fa-file"></i>
|
|
92
|
+
<?endif?>
|
|
93
|
+
<?else?>
|
|
94
|
+
<i class="far fa-file"></i>
|
|
95
|
+
<?endif?>
|
|
96
|
+
</span>
|
|
97
|
+
<a title="{{entry[1]}}" href="{{entry[1] === 'parent' ? '..' : encodeURIComponent(entry[0]).replace(/ /g, '%20')}}">{{entry[0]}}</a>
|
|
98
|
+
</dt>
|
|
99
|
+
<dd>
|
|
100
|
+
<?if entry[1] == "parent"?>
|
|
101
|
+
..
|
|
102
|
+
<?else?>
|
|
103
|
+
<?if entry[1] == "directory"?>
|
|
104
|
+
{{entry[2]}} File(s)
|
|
105
|
+
<?else?>
|
|
106
|
+
<?set suffix "b"?>
|
|
107
|
+
<?set size entry[2]?>
|
|
108
|
+
<?if 1024 < env.size?>
|
|
109
|
+
<?set suffix "kb"?>
|
|
110
|
+
<?set size env.size/1024?>
|
|
111
|
+
<?endif?>
|
|
112
|
+
<?if 1024 < env.size?>
|
|
113
|
+
<?set suffix "mb"?>
|
|
114
|
+
<?set size env.size/1024?>
|
|
115
|
+
<?endif?>
|
|
116
|
+
<?if 1024 < env.size?>
|
|
117
|
+
<?set suffix "gb"?>
|
|
118
|
+
<?set size env.size/1024?>
|
|
119
|
+
<?endif?>
|
|
120
|
+
<?if 1024 < env.size?>
|
|
121
|
+
<?set suffix "tb"?>
|
|
122
|
+
<?set size env.size/1024?>
|
|
123
|
+
<?endif?>
|
|
124
|
+
{{round(env.size*10)/10}}{{env.suffix}}
|
|
125
|
+
<?endif?> -
|
|
126
|
+
Modified {{moment(entry[3]).fromNow()}}
|
|
127
|
+
<?endif?>
|
|
128
|
+
</dd>
|
|
129
|
+
<?done?>
|
|
130
|
+
</dl>
|
|
131
|
+
<hr />
|
|
132
|
+
<small>Generated by NexusFramework V{{frameworkVersion}}</small>
|
|
133
|
+
</body>
|
|
134
134
|
</html>
|
package/legacySkeleton.nhp
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<meta charset="utf-8" />
|
|
4
|
-
<title>{{title}}</title>
|
|
5
|
-
<style>
|
|
6
|
-
body {
|
|
7
|
-
margin: 2em;
|
|
8
|
-
background: #fafafa;
|
|
9
|
-
font-family: Helvetica, Arial, sans-serif;
|
|
10
|
-
}
|
|
11
|
-
h1 {
|
|
12
|
-
margin: 0;
|
|
13
|
-
}
|
|
14
|
-
</style>
|
|
15
|
-
</head>
|
|
16
|
-
<body>
|
|
17
|
-
<h1>Your Browser is Not Supported</h1>
|
|
18
|
-
<p>Sorry but your browser is not supported by this website.<br />
|
|
19
|
-
please upgrade or switch browsers to continue.</p>
|
|
20
|
-
<pre style="font-size: 0.8em; padding: 4px; background: white; border-radius: 4px"><b>User-Agent Information:</b>
|
|
21
|
-
{{{JSON.stringify(useragent, undefined, 2)}}}</pre>
|
|
22
|
-
</body>
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<meta charset="utf-8" />
|
|
4
|
+
<title>{{title}}</title>
|
|
5
|
+
<style>
|
|
6
|
+
body {
|
|
7
|
+
margin: 2em;
|
|
8
|
+
background: #fafafa;
|
|
9
|
+
font-family: Helvetica, Arial, sans-serif;
|
|
10
|
+
}
|
|
11
|
+
h1 {
|
|
12
|
+
margin: 0;
|
|
13
|
+
}
|
|
14
|
+
</style>
|
|
15
|
+
</head>
|
|
16
|
+
<body>
|
|
17
|
+
<h1>Your Browser is Not Supported</h1>
|
|
18
|
+
<p>Sorry but your browser is not supported by this website.<br />
|
|
19
|
+
please upgrade or switch browsers to continue.</p>
|
|
20
|
+
<pre style="font-size: 0.8em; padding: 4px; background: white; border-radius: 4px"><b>User-Agent Information:</b>
|
|
21
|
+
{{{JSON.stringify(useragent, undefined, 2)}}}</pre>
|
|
22
|
+
</body>
|
|
23
23
|
</html>
|
package/loader/overlay.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes loader-progress-bar-working{0%{width:10%;left:0%}25%{width:20%}50%{width:10%;left:90%}75%{width:20%}100%{width:10%;left:0%}}.loader-container{top:0px;left:0px;width:100%;height:100%;z-index:99999999;position:absolute;background:#fafafa;pointer-events:none;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;position:fixed;opacity:0}.loader-container,.loader-container *{box-sizing:border-box}.loader-container.loader-progress-container.loader-progress-visible{pointer-events:auto;opacity:1}.loader-container.loader-error-container{background:#550000;color:white}.loader-container.loader-error-container.loader-error-visible{pointer-events:auto;opacity:1}.loader-container.loader-error-container .loader-error-message-container{display:block;position:absolute;transform:translateX(-50%);background:#cc4444;border-radius:1em;max-width:80%;padding:0.5em;margin:0;left:50%;top:20%}.loader-container.loader-error-container .loader-error-message-container .loader-error-message{font-family:'Courier New', Courier, Console, System, monospace;background:rgba(0,0,0,0.2);margin-bottom:1em;border-radius:1em;overflow:auto;padding:1em}.loader-container.loader-error-container .loader-error-message-container .loader-error-reload{text-decoration:underline;color:white}.loader-container .loader-progress-heading,.loader-container .loader-progress-message-container,.loader-container .loader-progress-bar-container{left:50%;transform:translateX(-50%);position:absolute}.loader-container .loader-progress-message-container{-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;pointer-events:none;text-align:center;padding:0 12px;font-size:1em;bottom:25%;width:100%;opacity:0}.loader-container .loader-progress-heading{top:15%;font-size:4em;min-width:152px;line-height:1.2;font-weight:600;text-align:center;text-shadow:#999 0px 0px 5px;color:#555}.loader-container .loader-progress-heading h1{font-weight:700}.loader-container .loader-progress-heading small{font-weight:400}.loader-container .loader-progress-heading,.loader-container .loader-progress-heading *{font-family:Helvetica, Arial, sans-serif}.loader-container .loader-progress-heading img{width:152px;height:152px}.loader-container .loader-progress-bar-container{width:80%;border:solid 0.8pt #999;height:10px;bottom:5%}.loader-container .loader-progress-bar{width:0px;height:100%;background:#999;-moz-transition:width 0.2s;-o-transition:width 0.2s;-webkit-transition:width 0.2s;transition:width 0.2s}.loader-container .loader-progress-bar.loader-progress-bar-immediate{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.loader-container.loader-progress-message-visible .loader-progress-message-container{pointer-events:auto;opacity:1}.loader-container.loader-progress-message-visible .loader-progress-bar{position:relative;width:20% !important;-moz-animation:loader-progress-bar-working 2s ease infinite;-o-animation:loader-progress-bar-working 2s ease infinite;-webkit-animation:loader-progress-bar-working 2s ease infinite;animation:loader-progress-bar-working 2s ease infinite;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}
|
|
1
|
+
@keyframes loader-progress-bar-working{0%{width:10%;left:0%}25%{width:20%}50%{width:10%;left:90%}75%{width:20%}100%{width:10%;left:0%}}.loader-container{top:0px;left:0px;width:100%;height:100%;z-index:99999999;position:absolute;background:#fafafa;pointer-events:none;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;position:fixed;opacity:0}.loader-container,.loader-container *{box-sizing:border-box}.loader-container.loader-progress-container.loader-progress-visible{pointer-events:auto;opacity:1}.loader-container.loader-error-container{background:#550000;color:white}.loader-container.loader-error-container.loader-error-visible{pointer-events:auto;opacity:1}.loader-container.loader-error-container .loader-error-message-container{display:block;position:absolute;transform:translateX(-50%);background:#cc4444;border-radius:1em;max-width:80%;padding:0.5em;margin:0;left:50%;top:20%}.loader-container.loader-error-container .loader-error-message-container .loader-error-message{font-family:'Courier New', Courier, Console, System, monospace;background:rgba(0,0,0,0.2);margin-bottom:1em;border-radius:1em;overflow:auto;padding:1em}.loader-container.loader-error-container .loader-error-message-container .loader-error-reload{text-decoration:underline;color:white}.loader-container .loader-progress-heading,.loader-container .loader-progress-message-container,.loader-container .loader-progress-bar-container{left:50%;transform:translateX(-50%);position:absolute}.loader-container .loader-progress-message-container{-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;pointer-events:none;text-align:center;padding:0 12px;font-size:1em;bottom:25%;width:100%;opacity:0}.loader-container .loader-progress-heading{top:15%;font-size:4em;min-width:152px;line-height:1.2;font-weight:600;text-align:center;text-shadow:#999 0px 0px 5px;color:#555}.loader-container .loader-progress-heading h1{font-weight:700}.loader-container .loader-progress-heading small{font-weight:400}.loader-container .loader-progress-heading,.loader-container .loader-progress-heading *{font-family:Helvetica, Arial, sans-serif}.loader-container .loader-progress-heading img{width:152px;height:152px}.loader-container .loader-progress-bar-container{width:80%;border:solid 0.8pt #999;height:10px;bottom:5%}.loader-container .loader-progress-bar{width:0px;height:100%;background:#999;-moz-transition:width 0.2s;-o-transition:width 0.2s;-webkit-transition:width 0.2s;transition:width 0.2s}.loader-container .loader-progress-bar.loader-progress-bar-immediate{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.loader-container.loader-progress-message-visible .loader-progress-message-container{pointer-events:auto;opacity:1}.loader-container.loader-progress-message-visible .loader-progress-bar{position:relative;width:20% !important;-moz-animation:loader-progress-bar-working 2s ease infinite;-o-animation:loader-progress-bar-working 2s ease infinite;-webkit-animation:loader-progress-bar-working 2s ease infinite;animation:loader-progress-bar-working 2s ease infinite;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}
|
package/loader/overlay.html
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
<div class="loader-container loader-progress-container loader-progress-visible">
|
|
2
|
-
{{progressContainerHead}}
|
|
3
|
-
<div class="loader-progress-message-container">
|
|
4
|
-
<h5>Scheduled Maintenance</h5>
|
|
5
|
-
<p>Sorry but this website is undergoing scheduled maintenance</p>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="loader-progress-bar-container">
|
|
8
|
-
<div class="loader-progress-bar"></div>
|
|
9
|
-
</div>
|
|
10
|
-
{{progressContainerFoot}}
|
|
11
|
-
</div>
|
|
12
|
-
<div class="loader-container loader-error-container">
|
|
13
|
-
{{errorContainerHead}}
|
|
14
|
-
<div class="loader-error-message-container">
|
|
15
|
-
<center>
|
|
16
|
-
<h3>An Error Occured</h3>
|
|
17
|
-
<p>Sorry but there was an issue loading this page</p>
|
|
18
|
-
</center>
|
|
19
|
-
<div class="loader-error-message"></div>
|
|
20
|
-
<center>
|
|
21
|
-
<p>Check your internet connection and <a class="loader-error-reload" href="javascript:location.reload(true);void(0);">reload this page</a>.</p>
|
|
22
|
-
</center>
|
|
23
|
-
</div>
|
|
24
|
-
{{errorContainerFoot}}
|
|
25
|
-
</div>
|
|
1
|
+
<div class="loader-container loader-progress-container loader-progress-visible">
|
|
2
|
+
{{progressContainerHead}}
|
|
3
|
+
<div class="loader-progress-message-container">
|
|
4
|
+
<h5>Scheduled Maintenance</h5>
|
|
5
|
+
<p>Sorry but this website is undergoing scheduled maintenance</p>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="loader-progress-bar-container">
|
|
8
|
+
<div class="loader-progress-bar"></div>
|
|
9
|
+
</div>
|
|
10
|
+
{{progressContainerFoot}}
|
|
11
|
+
</div>
|
|
12
|
+
<div class="loader-container loader-error-container">
|
|
13
|
+
{{errorContainerHead}}
|
|
14
|
+
<div class="loader-error-message-container">
|
|
15
|
+
<center>
|
|
16
|
+
<h3>An Error Occured</h3>
|
|
17
|
+
<p>Sorry but there was an issue loading this page</p>
|
|
18
|
+
</center>
|
|
19
|
+
<div class="loader-error-message"></div>
|
|
20
|
+
<center>
|
|
21
|
+
<p>Check your internet connection and <a class="loader-error-reload" href="javascript:location.reload(true);void(0);">reload this page</a>.</p>
|
|
22
|
+
</center>
|
|
23
|
+
</div>
|
|
24
|
+
{{errorContainerFoot}}
|
|
25
|
+
</div>
|