@cocreate/users 1.22.9 → 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/signup.html CHANGED
@@ -1,161 +1,161 @@
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>
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>