@cocreate/users 1.22.8 → 1.22.10

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/demo/signin.html CHANGED
@@ -1,83 +1,132 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>signIn | CoCreateJS</title>
5
-
6
- <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
7
- <link rel="stylesheet" href="../index.css" collection="files" document_id="637bc8fe91249e639db315d9" name="src" type="text/css"/>
8
- <link rel="manifest" href="/manifest.webmanifest">
9
- </head>
10
-
11
- <body style='background-image: url("https://cdn.cocreate.app/background.png");'>
12
- <a href="./signout.html" session="true" hidden></a>
13
-
14
- <a href="./signup.html" title="" class="position:relative z-index:1 float:right margin:15px margin-left:auto color:white">Sign Up</a>
15
-
16
- <div class="justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
17
- <div class="flex-grow:1 min-width:300px max-width:400px margin:15px">
18
-
19
- <form realtime="false" collection="users" id="signin">
20
- <div class="overflow:hidden padding:0px_25px background:white">
21
- <div class="float:left width:75% padding-top:25px">
22
- <h3>Sign In</h3>
23
- </div>
24
- <div class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
25
- <i class="height:20px fill:#505050" src="/assets/svg/sign-in-alt.svg"></i>
26
- </div>
27
- </div>
28
- <div class="padding:25px background:gainsboro text-align:left">
29
-
30
- <floating-label>
31
- <input type="email" name='email' placeholder="Email" class="floating-label">
32
- </floating-label>
33
-
34
- <floating-label>
35
- <input type="password" name='password' placeholder="Password" class="floating-label">
36
- </floating-label>
37
-
38
- <button actions="signIn" href="signout.html" class="outline">Sign In</button>
39
-
40
- <a show='#forgotpass' hide='#signin'>Forgot Password</a>
41
- </div>
42
- </form>
43
-
44
- <form collection="users" hidden id="forgotpass">
45
- <div class="overflow:hidden padding:0px_25px background:white">
46
- <div class="float:left width:75% padding-top:25px">
47
- <h3>Password Recovery</h3>
48
- </div>
49
- <div class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
50
- <i class="height:20px fill:#505050" src="/assets/svg/key.svg"></i>
51
- </div>
52
- </div>
53
- <div class="padding:25px background:gainsboro text-align:left">
54
- <floating-label>
55
- <input type="email" name='email' id="email" placeholder="Email" class="floating-label">
56
- </floating-label>
57
-
58
- <button class="outline">
59
- <a>Send Email</a>
60
- </button>
61
-
62
- <a show='#signin' hide='#forgotpass'>Sign In</a>
63
- </div>
64
- </form>
65
-
66
- </div>
67
- </div>
68
-
69
- <div class="position:fixed!important bottom:15px right:15px">
70
- <div template="signIn" class="card margin:5px padding:10px {{status}}">
71
- <span class="{{type}}">{{message}}</span><a actions="removeElement"> X</a>
72
- </div>
73
-
74
- <div template="notification" class="card position:fixed!important bottom:15px right:15px padding:10px {{status}}">
75
- <span class="{{type}}">{{message}}</span><a actions="removeElement"> X</a>
76
- </div>
77
- </div>
78
-
79
-
80
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
81
-
82
- </body>
83
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>signIn | CoCreateJS</title>
5
+
6
+ <link
7
+ rel="icon"
8
+ href="https://cdn.cocreate.app/favicon.ico"
9
+ type="image/ico"
10
+ sizes="16x16" />
11
+ <link
12
+ rel="stylesheet"
13
+ href="../index.css"
14
+ collection="files"
15
+ document_id="637bc8fe91249e639db315d9"
16
+ name="src"
17
+ type="text/css" />
18
+ <link rel="manifest" href="/manifest.webmanifest" />
19
+ </head>
20
+
21
+ <body
22
+ style="
23
+ background-image: url('https://cdn.cocreate.app/background.png');
24
+ ">
25
+ <a href="./signout.html" session="true" hidden></a>
26
+
27
+ <a
28
+ href="./signup.html"
29
+ title=""
30
+ class="position:relative z-index:1 float:right margin:15px margin-left:auto color:white"
31
+ >Sign Up</a
32
+ >
33
+
34
+ <div
35
+ class="justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
36
+ <div
37
+ class="flex-grow:1 min-width:300px max-width:400px margin:15px">
38
+ <form realtime="false" collection="users" id="signin">
39
+ <div
40
+ class="overflow:hidden padding:0px_25px background:white">
41
+ <div class="float:left width:75% padding-top:25px">
42
+ <h3>Sign In</h3>
43
+ </div>
44
+ <div
45
+ class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
46
+ <i
47
+ class="height:20px fill:#505050"
48
+ src="/assets/svg/sign-in-alt.svg"></i>
49
+ </div>
50
+ </div>
51
+ <div
52
+ class="padding:25px background:gainsboro text-align:left">
53
+ <floating-label>
54
+ <input
55
+ type="email"
56
+ name="email"
57
+ placeholder="Email"
58
+ class="floating-label" />
59
+ </floating-label>
60
+
61
+ <floating-label>
62
+ <input
63
+ type="password"
64
+ name="password"
65
+ placeholder="Password"
66
+ class="floating-label" />
67
+ </floating-label>
68
+
69
+ <button
70
+ actions="signIn"
71
+ href="signout.html"
72
+ class="outline">
73
+ Sign In
74
+ </button>
75
+
76
+ <a show="#forgotpass" hide="#signin">Forgot Password</a>
77
+ </div>
78
+ </form>
79
+
80
+ <form collection="users" hidden id="forgotpass">
81
+ <div
82
+ class="overflow:hidden padding:0px_25px background:white">
83
+ <div class="float:left width:75% padding-top:25px">
84
+ <h3>Password Recovery</h3>
85
+ </div>
86
+ <div
87
+ class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
88
+ <i
89
+ class="height:20px fill:#505050"
90
+ src="/assets/svg/key.svg"></i>
91
+ </div>
92
+ </div>
93
+ <div
94
+ class="padding:25px background:gainsboro text-align:left">
95
+ <floating-label>
96
+ <input
97
+ type="email"
98
+ name="email"
99
+ id="email"
100
+ placeholder="Email"
101
+ class="floating-label" />
102
+ </floating-label>
103
+
104
+ <button class="outline">
105
+ <a>Send Email</a>
106
+ </button>
107
+
108
+ <a show="#signin" hide="#forgotpass">Sign In</a>
109
+ </div>
110
+ </form>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="position:fixed!important bottom:15px right:15px">
115
+ <div
116
+ template="signIn"
117
+ class="card margin:5px padding:10px {{status}}">
118
+ <span class="{{type}}">{{message}}</span
119
+ ><a actions="removeElement"> X</a>
120
+ </div>
121
+
122
+ <div
123
+ template="notification"
124
+ class="card position:fixed!important bottom:15px right:15px padding:10px {{status}}">
125
+ <span class="{{type}}">{{message}}</span
126
+ ><a actions="removeElement"> X</a>
127
+ </div>
128
+ </div>
129
+
130
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
131
+ </body>
132
+ </html>
package/demo/signout.html CHANGED
@@ -1,39 +1,61 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Sign Out | CoCreateJS</title>
5
-
6
- <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
7
- <link rel="stylesheet" href="../index.css" collection="files" document_id="637bc8fe91249e639db315d9" name="src" type="text/css"/>
8
- <link rel="manifest" href="/manifest.webmanifest">
9
- </head>
10
-
11
- <body style='background-image: url("https://cdn.cocreate.app/background.png");'>
12
- <a href="./signin.html" session="false" hidden></a>
13
-
14
- <div class="justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
15
- <div class="flex-grow:1 min-width:300px max-width:400px margin:15px">
16
- <div class="overflow:hidden padding:0px_25px background:white">
17
- <div class="float:left width:75% padding-top:25px">
18
- <h3>You are logged in</h3>
19
- </div>
20
- <div class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
21
- <i class="height:20px fill:#505050" src="/assets/svg/sign-in-alt.svg"></i>
22
- </div>
23
- </div>
24
- <div class="padding:25px background:gainsboro text-align:left">
25
- <button actions="signOut" href="./signin.html">Sign Out</button>
26
- </div>
27
- </div>
28
- </div>
29
-
30
- <div class="position:fixed!important bottom:15px right:15px">
31
- <div template="notification" class="card position:fixed!important bottom:15px right:15px padding:10px {{status}}">
32
- <span class="{{type}}">{{message}}</span><a actions="removeElement"> X</a>
33
- </div>
34
- </div>
35
-
36
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
37
-
38
- </body>
39
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Sign Out | CoCreateJS</title>
5
+
6
+ <link
7
+ rel="icon"
8
+ href="https://cdn.cocreate.app/favicon.ico"
9
+ type="image/ico"
10
+ sizes="16x16" />
11
+ <link
12
+ rel="stylesheet"
13
+ href="../index.css"
14
+ collection="files"
15
+ document_id="637bc8fe91249e639db315d9"
16
+ name="src"
17
+ type="text/css" />
18
+ <link rel="manifest" href="/manifest.webmanifest" />
19
+ </head>
20
+
21
+ <body
22
+ style="
23
+ background-image: url('https://cdn.cocreate.app/background.png');
24
+ ">
25
+ <a href="./signin.html" session="false" hidden></a>
26
+
27
+ <div
28
+ class="justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
29
+ <div
30
+ class="flex-grow:1 min-width:300px max-width:400px margin:15px">
31
+ <div class="overflow:hidden padding:0px_25px background:white">
32
+ <div class="float:left width:75% padding-top:25px">
33
+ <h3>You are logged in</h3>
34
+ </div>
35
+ <div
36
+ class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
37
+ <i
38
+ class="height:20px fill:#505050"
39
+ src="/assets/svg/sign-in-alt.svg"></i>
40
+ </div>
41
+ </div>
42
+ <div class="padding:25px background:gainsboro text-align:left">
43
+ <button actions="signOut" href="./signin.html">
44
+ Sign Out
45
+ </button>
46
+ </div>
47
+ </div>
48
+ </div>
49
+
50
+ <div class="position:fixed!important bottom:15px right:15px">
51
+ <div
52
+ template="notification"
53
+ class="card position:fixed!important bottom:15px right:15px padding:10px {{status}}">
54
+ <span class="{{type}}">{{message}}</span
55
+ ><a actions="removeElement"> X</a>
56
+ </div>
57
+ </div>
58
+
59
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
60
+ </body>
61
+ </html>
package/demo/signup.html CHANGED
@@ -1,103 +1,161 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1">
8
- <title>Sign Up | CoCreate</title>
9
- <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon.ico">
10
- <link rel="stylesheet" href="../index.css" collection="files" document_id="637bc8fe91249e639db315d9" name="src" type="text/css"/>
11
- <link rel="manifest" href="/manifest.webmanifest" />
12
- </head>
13
-
14
- <style>
15
- .speech-bubble:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 23px solid transparent; border-bottom-color: #ffffff; border-top: 0; margin-left: -23px; margin-top: -23px;}
16
- </style>
17
-
18
- <body style='background: url("https://cdn.cocreate.app/background.png") no-repeat fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;'>
19
- <a href="./index.html" session="true" hidden></a>
20
-
21
- <a href="./signin.html" title="" class="position:relative z-index:1 float:right margin:15px margin-left:auto color:white">Sign In</a>
22
-
23
- <main class="justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
24
- <div class="flex-grow:1 min-width:300px max-width:400px margin:15px">
25
-
26
- <form realtime="false" autocomplete="off">
27
-
28
- <section>
29
- <div class="overflow:hidden padding:0px_25px background:white">
30
- <div class="float:left width:75% padding-top:25px">
31
- <h3>Sign UP</h3>
32
- </div>
33
- <div class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
34
- <i class="height:70px fill:#505050" src="/assets/svg/key.svg"></i>
35
- </div>
36
- </div>
37
- <div class="padding:25px background:gainsboro text-align:left">
38
- <floating-label>
39
- <input type="text" id="name"
40
- collection="users"
41
- document_id=""
42
- name="name"
43
- placeholder="Full Name"
44
- class="floating-label"
45
- autocomplete="off"
46
- required>
47
- </floating-label>
48
- <floating-label>
49
- <input type="email" id="email"
50
- collection="users"
51
- unique
52
- document_id=""
53
- name='email'
54
- placeholder="Email"
55
- class="floating-label"
56
- required>
57
- </floating-label>
58
- <small id="errorUemail" class="text-danger"></small>
59
-
60
- <floating-label>
61
- <input type="password" id="password"
62
- collection="users"
63
- document_id=""
64
- name="password"
65
- placeholder="Password"
66
- class="floating-label">
67
- </floating-label>
68
- <small id="errorUpassword" class="text-danger"></small>
69
-
70
- <floating-label>
71
- <input type="password"
72
- matches="#password"
73
- placeholder="Confirm Password"
74
- class="floating-label">
75
- </floating-label>
76
- <small id="errorUconfirmpassword" class="text-danger"></small>
77
-
78
- <div class="display:flex">
79
- <button type="button" class="outline red-white" actions="validate, signUp, signIn" href="signout.html">
80
- Sign Up
81
- </button>
82
- </div>
83
-
84
- </div>
85
- </section>
86
- </form>
87
- </div>
88
- </main>
89
-
90
- <div class="position:fixed!important bottom:15px right:15px">
91
- <div template="validate" class="card margin:5px padding:10px {{status}}">
92
- <span class="{{type}}">{{message}}</span><a actions="removeElement"> X</a>
93
- </div>
94
-
95
- <div template="notification" class="card margin:5px padding:10px {{status}}">
96
- <span class="{{type}}">{{message}}</span><a actions="removeElement"> X</a>
97
- </div>
98
- </div>
99
-
100
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
101
-
102
- </body>
103
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
7
+ <title>Sign Up | CoCreate</title>
8
+ <link
9
+ rel="icon"
10
+ type="image/png"
11
+ sizes="32x32"
12
+ href="assets/favicon.ico" />
13
+ <link
14
+ rel="stylesheet"
15
+ href="../index.css"
16
+ collection="files"
17
+ document_id="637bc8fe91249e639db315d9"
18
+ name="src"
19
+ type="text/css" />
20
+ <link rel="manifest" href="/manifest.webmanifest" />
21
+ </head>
22
+
23
+ <style>
24
+ .speech-bubble:after {
25
+ content: "";
26
+ position: absolute;
27
+ top: 0;
28
+ left: 50%;
29
+ width: 0;
30
+ height: 0;
31
+ border: 23px solid transparent;
32
+ border-bottom-color: #ffffff;
33
+ border-top: 0;
34
+ margin-left: -23px;
35
+ margin-top: -23px;
36
+ }
37
+ </style>
38
+
39
+ <body
40
+ style="
41
+ background: url('https://cdn.cocreate.app/background.png') no-repeat
42
+ fixed;
43
+ -webkit-background-size: cover;
44
+ -moz-background-size: cover;
45
+ -o-background-size: cover;
46
+ background-size: cover;
47
+ ">
48
+ <a href="./index.html" session="true" hidden></a>
49
+
50
+ <a
51
+ href="./signin.html"
52
+ title=""
53
+ class="position:relative z-index:1 float:right margin:15px margin-left:auto color:white"
54
+ >Sign In</a
55
+ >
56
+
57
+ <main
58
+ class="justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
59
+ <div
60
+ class="flex-grow:1 min-width:300px max-width:400px margin:15px">
61
+ <form realtime="false" autocomplete="off">
62
+ <section>
63
+ <div
64
+ class="overflow:hidden padding:0px_25px background:white">
65
+ <div class="float:left width:75% padding-top:25px">
66
+ <h3>Sign UP</h3>
67
+ </div>
68
+ <div
69
+ class="float:right width:25% padding-top:5px font-size:70px line-height:100px text-align:right color:very-light-gray">
70
+ <i
71
+ class="height:70px fill:#505050"
72
+ src="/assets/svg/key.svg"></i>
73
+ </div>
74
+ </div>
75
+ <div
76
+ class="padding:25px background:gainsboro text-align:left">
77
+ <floating-label>
78
+ <input
79
+ type="text"
80
+ id="name"
81
+ collection="users"
82
+ document_id=""
83
+ name="name"
84
+ placeholder="Full Name"
85
+ class="floating-label"
86
+ autocomplete="off"
87
+ required />
88
+ </floating-label>
89
+ <floating-label>
90
+ <input
91
+ type="email"
92
+ id="email"
93
+ collection="users"
94
+ unique
95
+ document_id=""
96
+ name="email"
97
+ placeholder="Email"
98
+ class="floating-label"
99
+ required />
100
+ </floating-label>
101
+ <small id="errorUemail" class="text-danger"></small>
102
+
103
+ <floating-label>
104
+ <input
105
+ type="password"
106
+ id="password"
107
+ collection="users"
108
+ document_id=""
109
+ name="password"
110
+ placeholder="Password"
111
+ class="floating-label" />
112
+ </floating-label>
113
+ <small
114
+ id="errorUpassword"
115
+ class="text-danger"></small>
116
+
117
+ <floating-label>
118
+ <input
119
+ type="password"
120
+ matches="#password"
121
+ placeholder="Confirm Password"
122
+ class="floating-label" />
123
+ </floating-label>
124
+ <small
125
+ id="errorUconfirmpassword"
126
+ class="text-danger"></small>
127
+
128
+ <div class="display:flex">
129
+ <button
130
+ type="button"
131
+ class="outline red-white"
132
+ actions="validate, signUp, signIn"
133
+ href="signout.html">
134
+ Sign Up
135
+ </button>
136
+ </div>
137
+ </div>
138
+ </section>
139
+ </form>
140
+ </div>
141
+ </main>
142
+
143
+ <div class="position:fixed!important bottom:15px right:15px">
144
+ <div
145
+ template="validate"
146
+ class="card margin:5px padding:10px {{status}}">
147
+ <span class="{{type}}">{{message}}</span
148
+ ><a actions="removeElement"> X</a>
149
+ </div>
150
+
151
+ <div
152
+ template="notification"
153
+ class="card margin:5px padding:10px {{status}}">
154
+ <span class="{{type}}">{{message}}</span
155
+ ><a actions="removeElement"> X</a>
156
+ </div>
157
+ </div>
158
+
159
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
160
+ </body>
161
+ </html>