@cocreate/organizations 1.15.1 → 1.15.3

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