Skip to content

Commit caf5164

Browse files
author
Selvam Palanimalai
committed
welcome screen styling change
1 parent 4083dc1 commit caf5164

19 files changed

Lines changed: 1608 additions & 47 deletions

Gruntfile.coffee

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
module.exports = (grunt) ->
2-
2+
33
# Project configuration.
44
grunt.initConfig
55
pkg: grunt.file.readJSON("package.json")
@@ -31,6 +31,8 @@ module.exports = (grunt) ->
3131
"css/input/jquery.handsontable.full.css"
3232
"css/chardinjs/chardinjs.css"
3333
"css/SOCR_Tools_style.css"
34+
"css/loading.css"
35+
"bower_components/please-wait/build/please-wait.css"
3436
]
3537
dest:"dist/app.css"
3638

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
{
2+
"name": "please-wait",
3+
"version": "0.0.5",
4+
"homepage": "https://github.com/Pathgather/please-wait",
5+
"authors": [
6+
"Pathgather <tech@pathgather.com>"
7+
],
8+
"description": "A nice loading screen for your SPA while users wait for complete initialization",
9+
"main": [
10+
"build/please-wait.css",
11+
"build/please-wait.js"
12+
],
13+
"moduleType": [
14+
"globals"
15+
],
16+
"keywords": [
17+
"loading",
18+
"single page app",
19+
"SPA",
20+
"loading screen",
21+
"spinner"
22+
],
23+
"license": "MIT",
24+
"ignore": [
25+
"**/.*",
26+
"node_modules",
27+
"bower_components",
28+
"test",
29+
"tests"
30+
],
31+
"_release": "0.0.5",
32+
"_resolution": {
33+
"type": "version",
34+
"tag": "v0.0.5",
35+
"commit": "e920f1273d04617a0c32233fcf1e8affb4c384bc"
36+
},
37+
"_source": "git://github.com/Pathgather/please-wait.git",
38+
"_target": "~0.0.5",
39+
"_originalSource": "please-wait",
40+
"_direct": true
41+
}
Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
module.exports = (grunt) ->
2+
grunt.loadNpmTasks 'grunt-coffeelint'
3+
grunt.loadNpmTasks 'grunt-contrib-clean'
4+
grunt.loadNpmTasks 'grunt-contrib-coffee'
5+
grunt.loadNpmTasks 'grunt-contrib-concat'
6+
grunt.loadNpmTasks 'grunt-contrib-uglify'
7+
grunt.loadNpmTasks 'grunt-contrib-compass'
8+
grunt.loadNpmTasks 'grunt-contrib-jasmine'
9+
10+
grunt.initConfig
11+
pkg: grunt.file.readJSON 'package.json'
12+
compass:
13+
dist:
14+
options:
15+
sassDir: 'src',
16+
cssDir: 'build'
17+
meta:
18+
banner: """
19+
/**
20+
* <%= pkg.name %>
21+
* <%= pkg.description %>\n
22+
* @author <%= pkg.author.name %> <<%= pkg.author.email %>>
23+
* @copyright <%= pkg.author.name %> <%= grunt.template.today('yyyy') %>
24+
* @license <%= pkg.licenses[0].type %> <<%= pkg.licenses[0].url %>>
25+
* @link <%= pkg.homepage %>
26+
* @module <%= pkg.module %>
27+
* @version <%= pkg.version %>
28+
*/\n
29+
"""
30+
coffeelint:
31+
src: 'src/**/*.coffee'
32+
options:
33+
max_line_length:
34+
level: 'ignore'
35+
clean:
36+
dist:
37+
build: ["compile/**", "build/**"]
38+
test:
39+
build: ["compile/**"]
40+
coffee:
41+
compile:
42+
files: [
43+
expand: true
44+
cwd: 'src/'
45+
src: '**/*.coffee'
46+
dest: 'compile/'
47+
ext: '.js'
48+
],
49+
options:
50+
bare: true
51+
test:
52+
files: [
53+
expand: true,
54+
cwd: 'spec',
55+
src: '**/*.coffee',
56+
dest: 'compile/spec',
57+
ext: '.js'
58+
]
59+
concat:
60+
options:
61+
banner: '<%= meta.banner %>'
62+
dist:
63+
src: 'compile/please-wait.js'
64+
dest: 'build/please-wait.js'
65+
uglify:
66+
options:
67+
banner: '<%= meta.banner %>'
68+
dist:
69+
src: ['build/please-wait.js']
70+
dest: 'build/please-wait.min.js'
71+
jasmine:
72+
please_wait:
73+
src: 'compile/**/*.js'
74+
options:
75+
specs: 'compile/spec/*.spec.js',
76+
helpers: 'compile/spec/*.helper.js'
77+
78+
grunt.registerTask 'default', ['coffeelint', 'clean', 'compass', 'coffee', 'concat', 'uglify']
79+
grunt.registerTask 'test', [
80+
'coffeelint',
81+
'clean:test',
82+
'coffee',
83+
'jasmine'
84+
]
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2014 Pathgather
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.
22+
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
PleaseWait.js
2+
===========
3+
A simple library to show your users a beautiful splash page while your application loads.
4+
5+
Documentation and Demo
6+
---------------------
7+
Documentation and demo can be found [here](http://pathgather.github.io/please-wait/).
8+
9+
About Pathgather
10+
---------------------
11+
Pathgather is an NYC-based startup building a platform that dramatically accelerates learning for enterprises by bringing employees, training content, and existing enterprise systems into one engaging platform.
12+
13+
Every Friday, we work on open-source software (our own or other projects). Want to join our always growing team? Peruse our [current opportunities](http://www.pathgather.com/jobs/) or reach out to us at <tech@pathgather.com>!
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
{
2+
"name": "please-wait",
3+
"version": "0.0.5",
4+
"homepage": "https://github.com/Pathgather/please-wait",
5+
"authors": [
6+
"Pathgather <tech@pathgather.com>"
7+
],
8+
"description": "A nice loading screen for your SPA while users wait for complete initialization",
9+
"main": ["build/please-wait.css", "build/please-wait.js"],
10+
"moduleType": [
11+
"globals"
12+
],
13+
"keywords": [
14+
"loading",
15+
"single page app",
16+
"SPA",
17+
"loading screen",
18+
"spinner"
19+
],
20+
"license": "MIT",
21+
"ignore": [
22+
"**/.*",
23+
"node_modules",
24+
"bower_components",
25+
"test",
26+
"tests"
27+
]
28+
}
Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
/* line 17, ../src/please-wait.scss */
2+
body.pg-loading {
3+
overflow: hidden;
4+
}
5+
6+
/* line 21, ../src/please-wait.scss */
7+
.pg-loading-screen {
8+
position: fixed;
9+
bottom: 0;
10+
left: 0;
11+
right: 0;
12+
top: 0;
13+
z-index: 1000000;
14+
opacity: 1;
15+
background-color: #FFF;
16+
-webkit-transition: background-color 0.4s ease-in-out 0s;
17+
-moz-transition: background-color 0.4s ease-in-out 0s;
18+
-ms-transition: background-color 0.4s ease-in-out 0s;
19+
-o-transition: background-color 0.4s ease-in-out 0s;
20+
transition: background-color 0.4s ease-in-out 0s;
21+
}
22+
/* line 32, ../src/please-wait.scss */
23+
.pg-loading-screen.pg-loaded {
24+
opacity: 0;
25+
-webkit-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
26+
-moz-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
27+
-ms-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
28+
-o-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
29+
animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
30+
}
31+
/* line 38, ../src/please-wait.scss */
32+
.pg-loading-screen.pg-loading .pg-loading-logo-header, .pg-loading-screen.pg-loading .pg-loading-html {
33+
opacity: 1;
34+
}
35+
/* line 42, ../src/please-wait.scss */
36+
.pg-loading-screen.pg-loading .pg-loading-logo-header, .pg-loading-screen.pg-loading .pg-loading-html:not(.pg-loaded) {
37+
-webkit-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
38+
-moz-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
39+
-ms-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
40+
-o-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
41+
animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
42+
}
43+
/* line 46, ../src/please-wait.scss */
44+
.pg-loading-screen.pg-loading .pg-loading-html:not(.pg-loaded) {
45+
-webkit-animation-delay: 0.3s;
46+
-moz-animation-delay: 0.3s;
47+
-ms-animation-delay: 0.3s;
48+
-o-animation-delay: 0.3s;
49+
animation-delay: 0.3s;
50+
}
51+
/* line 51, ../src/please-wait.scss */
52+
.pg-loading-screen .pg-loading-inner {
53+
height: 100%;
54+
width: 100%;
55+
margin: 0;
56+
padding: 0;
57+
position: static;
58+
}
59+
/* line 59, ../src/please-wait.scss */
60+
.pg-loading-screen .pg-loading-center-outer {
61+
width: 100%;
62+
padding: 0;
63+
display: table !important;
64+
height: 100%;
65+
position: absolute;
66+
top: 0;
67+
left: 0;
68+
margin: 0;
69+
}
70+
/* line 70, ../src/please-wait.scss */
71+
.pg-loading-screen .pg-loading-center-middle {
72+
padding: 0;
73+
vertical-align: middle;
74+
display: table-cell !important;
75+
margin: 0;
76+
text-align: center;
77+
}
78+
/* line 78, ../src/please-wait.scss */
79+
.pg-loading-screen .pg-loading-logo-header, .pg-loading-screen .pg-loading-html {
80+
width: 100%;
81+
opacity: 0;
82+
}
83+
/* line 83, ../src/please-wait.scss */
84+
.pg-loading-screen .pg-loading-logo-header {
85+
text-align: center;
86+
}
87+
/* line 86, ../src/please-wait.scss */
88+
.pg-loading-screen .pg-loading-logo-header img {
89+
display: inline-block !important;
90+
}
91+
/* line 91, ../src/please-wait.scss */
92+
.pg-loading-screen .pg-loading-html {
93+
margin-top: 90px;
94+
}
95+
/* line 94, ../src/please-wait.scss */
96+
.pg-loading-screen .pg-loading-html.pg-loaded {
97+
-webkit-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
98+
-moz-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
99+
-ms-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
100+
-o-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
101+
transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
102+
}
103+
/* line 97, ../src/please-wait.scss */
104+
.pg-loading-screen .pg-loading-html.pg-loaded.pg-removing {
105+
opacity: 0;
106+
}
107+
/* line 101, ../src/please-wait.scss */
108+
.pg-loading-screen .pg-loading-html.pg-loaded.pg-loading {
109+
opacity: 1;
110+
}
111+
112+
@-webkit-keyframes pgAnimLoading {
113+
from {
114+
opacity: 0;
115+
}
116+
}
117+
@-moz-keyframes pgAnimLoading {
118+
from {
119+
opacity: 0;
120+
}
121+
}
122+
@-o-keyframes pgAnimLoading {
123+
from {
124+
opacity: 0;
125+
}
126+
}
127+
@-ms-keyframes pgAnimLoading {
128+
from {
129+
opacity: 0;
130+
}
131+
}
132+
@keyframes pgAnimLoading {
133+
from {
134+
opacity: 0;
135+
}
136+
}
137+
@-webkit-keyframes pgAnimLoaded {
138+
from {
139+
opacity: 1;
140+
}
141+
}
142+
@-moz-keyframes pgAnimLoaded {
143+
from {
144+
opacity: 1;
145+
}
146+
}
147+
@-o-keyframes pgAnimLoaded {
148+
from {
149+
opacity: 1;
150+
}
151+
}
152+
@-ms-keyframes pgAnimLoaded {
153+
from {
154+
opacity: 1;
155+
}
156+
}
157+
@keyframes pgAnimLoaded {
158+
from {
159+
opacity: 1;
160+
}
161+
}

0 commit comments

Comments
 (0)