@cocreate/organizations 1.15.2 → 1.15.4

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/index.html CHANGED
@@ -1,131 +1,131 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Organizations | CoCreateJS</title>
5
-
6
- <!-- CoCreate Favicon -->
7
- <link
8
- rel="icon"
9
- href="https://cdn.cocreate.app/favicon.ico"
10
- type="image/ico"
11
- sizes="16x16" />
12
-
13
- <style>
14
- .speech-bubble:after {
15
- content: "";
16
- position: absolute;
17
- top: 0;
18
- left: 50%;
19
- width: 0;
20
- height: 0;
21
- border: 23px solid transparent;
22
- border-bottom-color: #ffffff;
23
- border-top: 0;
24
- margin-left: -23px;
25
- margin-top: -23px;
26
- }
27
- </style>
28
- <link rel="manifest" href="/manifest.webmanifest" />
29
- </head>
30
- <body>
31
- <div
32
- class="main-container justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
33
- <div
34
- class="display:flex flex-wrap:wrap align-items:flex-end justify-content:center align-items:center">
35
- <div
36
- class="flex-grow:1 height:fit-content width:55% min-width:300px max-width:600px margin:10px">
37
- <form realtime="false">
38
- <input
39
- type="text"
40
- id="org-name"
41
- collection="organizations"
42
- document_id=""
43
- name="name"
44
- placeholder="Organization Name"
45
- class="floating-label" />
46
-
47
- <p>User Information</p>
48
-
49
- <input
50
- type="text"
51
- collection="users"
52
- document_id=""
53
- name="name"
54
- placeholder="User Name"
55
- class="floating-label" />
56
-
57
- <!-- Organiztion_id -->
58
- <input
59
- type="hidden"
60
- id="org_id"
61
- collection="organizations"
62
- document_id=""
63
- name="_id"
64
- value=""
65
- placeholder="OrganizationId" />
66
-
67
- <!-- API key -->
68
- <input
69
- type="hidden"
70
- id="key"
71
- collection="organizations"
72
- document_id=""
73
- name="key"
74
- placeholder="API Key"
75
- uuid="32"
76
- readonly />
77
-
78
- <div
79
- class="padding:25px background:gainsboro text-align:left">
80
- <!-- Industry select -->
81
- <cocreate-select
82
- sortable
83
- class="floating-label"
84
- collection="organizations"
85
- name="industry"
86
- placeholder="Industry"
87
- realtime="false"
88
- save="false">
89
- <input
90
- placeholder="Search"
91
- template_id="industries" />
92
- <ul
93
- fetch-collection="industries"
94
- template_id="industries"
95
- class="options overflow:auto">
96
- <li
97
- class="template option"
98
- template_id="industries"
99
- value="{{document._id}}">
100
- <h4
101
- collection="industries"
102
- document_id="{{document._id}}"
103
- name="name">
104
- industry name
105
- </h4>
106
- </li>
107
- </ul>
108
- </cocreate-select>
109
-
110
- <button
111
- type="button"
112
- class="outline red-white"
113
- actions="runIndustry">
114
- Register
115
- <a
116
- href="index.html"
117
- pass-collection="modules"
118
- pass-document_id=""
119
- pass-name="html"
120
- pass_to="render"></a>
121
- </button>
122
- </div>
123
- </form>
124
- </div>
125
- </div>
126
- </div>
127
-
128
- <!--<script src="../dist/CoCreate-organizations.js"></script>-->
129
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
130
- </body>
131
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Organizations | CoCreateJS</title>
5
+
6
+ <!-- CoCreate Favicon -->
7
+ <link
8
+ rel="icon"
9
+ href="https://cdn.cocreate.app/favicon.ico"
10
+ type="image/ico"
11
+ sizes="16x16" />
12
+
13
+ <style>
14
+ .speech-bubble:after {
15
+ content: "";
16
+ position: absolute;
17
+ top: 0;
18
+ left: 50%;
19
+ width: 0;
20
+ height: 0;
21
+ border: 23px solid transparent;
22
+ border-bottom-color: #ffffff;
23
+ border-top: 0;
24
+ margin-left: -23px;
25
+ margin-top: -23px;
26
+ }
27
+ </style>
28
+ <link rel="manifest" href="/manifest.webmanifest" />
29
+ </head>
30
+ <body>
31
+ <div
32
+ class="main-container justify-content:center align-items:center overflow:auto display:flex flex-wrap:wrap position:absolute width:100% height:100%">
33
+ <div
34
+ class="display:flex flex-wrap:wrap align-items:flex-end justify-content:center align-items:center">
35
+ <div
36
+ class="flex-grow:1 height:fit-content width:55% min-width:300px max-width:600px margin:10px">
37
+ <form realtime="false">
38
+ <input
39
+ type="text"
40
+ id="org-name"
41
+ collection="organizations"
42
+ document_id=""
43
+ name="name"
44
+ placeholder="Organization Name"
45
+ class="floating-label" />
46
+
47
+ <p>User Information</p>
48
+
49
+ <input
50
+ type="text"
51
+ collection="users"
52
+ document_id=""
53
+ name="name"
54
+ placeholder="User Name"
55
+ class="floating-label" />
56
+
57
+ <!-- Organiztion_id -->
58
+ <input
59
+ type="hidden"
60
+ id="org_id"
61
+ collection="organizations"
62
+ document_id=""
63
+ name="_id"
64
+ value=""
65
+ placeholder="OrganizationId" />
66
+
67
+ <!-- API key -->
68
+ <input
69
+ type="hidden"
70
+ id="key"
71
+ collection="organizations"
72
+ document_id=""
73
+ name="key"
74
+ placeholder="API Key"
75
+ uuid="32"
76
+ readonly />
77
+
78
+ <div
79
+ class="padding:25px background:gainsboro text-align:left">
80
+ <!-- Industry select -->
81
+ <cocreate-select
82
+ sortable
83
+ class="floating-label"
84
+ collection="organizations"
85
+ name="industry"
86
+ placeholder="Industry"
87
+ realtime="false"
88
+ save="false">
89
+ <input
90
+ placeholder="Search"
91
+ template_id="industries" />
92
+ <ul
93
+ fetch-collection="industries"
94
+ template_id="industries"
95
+ class="options overflow:auto">
96
+ <li
97
+ class="template option"
98
+ template_id="industries"
99
+ value="{{document._id}}">
100
+ <h4
101
+ collection="industries"
102
+ document_id="{{document._id}}"
103
+ name="name">
104
+ industry name
105
+ </h4>
106
+ </li>
107
+ </ul>
108
+ </cocreate-select>
109
+
110
+ <button
111
+ type="button"
112
+ class="outline red-white"
113
+ actions="runIndustry">
114
+ Register
115
+ <a
116
+ href="index.html"
117
+ pass-collection="modules"
118
+ pass-document_id=""
119
+ pass-name="html"
120
+ pass_to="render"></a>
121
+ </button>
122
+ </div>
123
+ </form>
124
+ </div>
125
+ </div>
126
+ </div>
127
+
128
+ <!--<script src="../dist/CoCreate-organizations.js"></script>-->
129
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
130
+ </body>
131
+ </html>
@@ -1,123 +1,123 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Industry Form | CoCreateJS</title>
5
-
6
- <!-- CoCreate Favicon -->
7
- <link
8
- rel="icon"
9
- href="https://cdn.cocreate.app/favicon.ico"
10
- type="image/ico"
11
- sizes="16x16" />
12
- <link rel="manifest" href="/manifest.webmanifest" />
13
- </head>
14
- <body>
15
- <div id="modal-viewport" hidden></div>
16
- <div
17
- class="nav display:flex align-items:center background:whitesmoke"
18
- content_id="content"
19
- scroll="sticky-nav, hide-nav"
20
- scroll-up="5"
21
- scroll-down="5">
22
- <ul
23
- class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
24
- <li class="margin-right:15px">
25
- <a actions="closeModal"
26
- ><i
27
- class="display:flex height:18px fill:#505050"
28
- src="/assets/svg/times.svg"></i
29
- ></a>
30
- </li>
31
- <li class="margin-right:15px">
32
- <a actions="minMaxModal">
33
- <i
34
- toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
35
- toggle-attribute="src"
36
- class="display:flex height:18px fill:#505050"
37
- src="/assets/svg/window-maximize.svg"></i>
38
- </a>
39
- </li>
40
- <li class="margin-right:15px">
41
- <a actions="parkModal"
42
- ><i
43
- class="display:flex height:18px fill:#505050"
44
- src="/assets/svg/window-minimize.svg"></i
45
- ></a>
46
- </li>
47
- <li class="margin-right:15px">
48
- <a fullscreen>
49
- <i
50
- class="display:flex height:18px fill:#505050"
51
- src="/assets/svg/expand.svg"></i>
52
- <i
53
- class="display:flex height:18px fill:#505050"
54
- src="/assets/svg/compress.svg"></i>
55
- </a>
56
- </li>
57
- <li class="margin-right:15px">
58
- <a
59
- actions="pass, openModal"
60
- modal-src="render.html"
61
- pass-collection="modules"
62
- pass-document_id=""
63
- pass_to="builder"
64
- modal-width="100%"
65
- pass_id="render">
66
- <i
67
- class="display:flex height:18px fill:#505050"
68
- src="/assets/svg/palette.svg"></i>
69
- <div
70
- pass-collection="modules"
71
- pass-document_id=""
72
- pass_to="render"
73
- class="sessionBuilderUI_Id"></div>
74
- </a>
75
- </li>
76
- <li class="margin-right:15px">
77
- <a
78
- <a
79
- actions="deleteDocument, closeModal"
80
- collection="modules"
81
- document_id=""
82
- pass_id="form-fields"
83
- class="btn-modal-close">
84
- <i
85
- class="height:18px fill:#505050"
86
- src="/assets/svg/trash-alt.svg"></i>
87
- </a>
88
- </li>
89
- </ul>
90
- </div>
91
-
92
- <div content_id="content">
93
- <form collection="industries" class="padding:15px" realtime="false">
94
- <h3>Indusrty Creator</h3>
95
- <input
96
- document_id=""
97
- pass_id="form-fields"
98
- name="name"
99
- placeholder="Industry Name"
100
- class="floating-label" />
101
-
102
- <textarea
103
- document_id=""
104
- pass_id="form-fields"
105
- name="description"
106
- placeholder="Description"
107
- class="floating-label"></textarea>
108
-
109
- <button
110
- actions="createIndustry"
111
- class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue grow-hover round">
112
- Create Industry
113
- <i
114
- class="height:20px fill:#505050"
115
- src="/assets/svg/save.svg"></i>
116
- </button>
117
- </form>
118
- </div>
119
-
120
- <!-- CoCreate JS CDN -->
121
- <script src="https://cdn.cocreate.app/organizations/latest/CoCreate-organizations.min.js"></script>
122
- </body>
123
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Industry Form | CoCreateJS</title>
5
+
6
+ <!-- CoCreate Favicon -->
7
+ <link
8
+ rel="icon"
9
+ href="https://cdn.cocreate.app/favicon.ico"
10
+ type="image/ico"
11
+ sizes="16x16" />
12
+ <link rel="manifest" href="/manifest.webmanifest" />
13
+ </head>
14
+ <body>
15
+ <div id="modal-viewport" hidden></div>
16
+ <div
17
+ class="nav display:flex align-items:center background:whitesmoke"
18
+ content_id="content"
19
+ scroll="sticky-nav, hide-nav"
20
+ scroll-up="5"
21
+ scroll-down="5">
22
+ <ul
23
+ class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
24
+ <li class="margin-right:15px">
25
+ <a actions="closeModal"
26
+ ><i
27
+ class="display:flex height:18px fill:#505050"
28
+ src="/assets/svg/times.svg"></i
29
+ ></a>
30
+ </li>
31
+ <li class="margin-right:15px">
32
+ <a actions="minMaxModal">
33
+ <i
34
+ toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
35
+ toggle-attribute="src"
36
+ class="display:flex height:18px fill:#505050"
37
+ src="/assets/svg/window-maximize.svg"></i>
38
+ </a>
39
+ </li>
40
+ <li class="margin-right:15px">
41
+ <a actions="parkModal"
42
+ ><i
43
+ class="display:flex height:18px fill:#505050"
44
+ src="/assets/svg/window-minimize.svg"></i
45
+ ></a>
46
+ </li>
47
+ <li class="margin-right:15px">
48
+ <a fullscreen>
49
+ <i
50
+ class="display:flex height:18px fill:#505050"
51
+ src="/assets/svg/expand.svg"></i>
52
+ <i
53
+ class="display:flex height:18px fill:#505050"
54
+ src="/assets/svg/compress.svg"></i>
55
+ </a>
56
+ </li>
57
+ <li class="margin-right:15px">
58
+ <a
59
+ actions="pass, openModal"
60
+ modal-src="render.html"
61
+ pass-collection="modules"
62
+ pass-document_id=""
63
+ pass_to="builder"
64
+ modal-width="100%"
65
+ pass_id="render">
66
+ <i
67
+ class="display:flex height:18px fill:#505050"
68
+ src="/assets/svg/palette.svg"></i>
69
+ <div
70
+ pass-collection="modules"
71
+ pass-document_id=""
72
+ pass_to="render"
73
+ class="sessionBuilderUI_Id"></div>
74
+ </a>
75
+ </li>
76
+ <li class="margin-right:15px">
77
+ <a
78
+ <a
79
+ actions="deleteDocument, closeModal"
80
+ collection="modules"
81
+ document_id=""
82
+ pass_id="form-fields"
83
+ class="btn-modal-close">
84
+ <i
85
+ class="height:18px fill:#505050"
86
+ src="/assets/svg/trash-alt.svg"></i>
87
+ </a>
88
+ </li>
89
+ </ul>
90
+ </div>
91
+
92
+ <div content_id="content">
93
+ <form collection="industries" class="padding:15px" realtime="false">
94
+ <h3>Indusrty Creator</h3>
95
+ <input
96
+ document_id=""
97
+ pass_id="form-fields"
98
+ name="name"
99
+ placeholder="Industry Name"
100
+ class="floating-label" />
101
+
102
+ <textarea
103
+ document_id=""
104
+ pass_id="form-fields"
105
+ name="description"
106
+ placeholder="Description"
107
+ class="floating-label"></textarea>
108
+
109
+ <button
110
+ actions="createIndustry"
111
+ class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue grow-hover round">
112
+ Create Industry
113
+ <i
114
+ class="height:20px fill:#505050"
115
+ src="/assets/svg/save.svg"></i>
116
+ </button>
117
+ </form>
118
+ </div>
119
+
120
+ <!-- CoCreate JS CDN -->
121
+ <script src="https://cdn.cocreate.app/organizations/latest/CoCreate-organizations.min.js"></script>
122
+ </body>
123
+ </html>