@cocreate/organizations 1.15.1 → 1.15.2

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/demo/CoCreate-createUser.html +60 -41
  3. package/demo/index.html +121 -85
  4. package/demo/industries/industries.html +118 -76
  5. package/demo/industries/industry-datatable.html +141 -113
  6. package/demo/industries/industry-documents-datatable.1.html +132 -118
  7. package/docs/index.html +312 -93
  8. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [1.15.2](https://github.com/CoCreate-app/CoCreate-organizations/compare/v1.15.1...v1.15.2) (2023-06-02)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * format demo html ([43344d8](https://github.com/CoCreate-app/CoCreate-organizations/commit/43344d87b5be7d82b9ce5c67eef099cc35dd4075))
7
+ * Update dependencies versions for [@cocreate](https://github.com/cocreate) libraries ([de8a924](https://github.com/CoCreate-app/CoCreate-organizations/commit/de8a92433a006b84e0f9f97909b344cbc9f67d8d))
8
+
1
9
  ## [1.15.1](https://github.com/CoCreate-app/CoCreate-organizations/compare/v1.15.0...v1.15.1) (2023-05-21)
2
10
 
3
11
 
package/demo/CoCreate-createUser.html CHANGED
@@ -1,46 +1,65 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <title>User Forms | CoCreateJS</title>
3
+ <head>
4
+ <title>User Forms | CoCreateJS</title>
5
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 class="padding:20px">
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 class="padding:20px">
15
+ <form>
16
+ <input
17
+ collection="organizations"
18
+ class="floating-label"
19
+ name="name"
20
+ document_id=""
21
+ placeholder="org name" />
22
+ <input
23
+ collection="users"
24
+ class="floating-label"
25
+ name="name"
26
+ document_id=""
27
+ placeholder="user name" />
11
28
 
12
- <form>
13
- <input collection="organizations" class="floating-label" name='name' document_id="" placeholder="org name">
14
- <input collection="users" class="floating-label" name='name' document_id="" placeholder="user name">
15
-
16
- <input type="hidden" id="org_id"
17
- collection="organizations"
18
- document_id=""
19
- name="_id"
20
- placeholder="OrganizationId" readonly>
29
+ <input
30
+ type="hidden"
31
+ id="org_id"
32
+ collection="organizations"
33
+ document_id=""
34
+ name="_id"
35
+ placeholder="OrganizationId"
36
+ readonly />
21
37
 
22
- <!-- User_id will be used to copy user document from current organizion and insert orgdb defined above-->
23
- <input type="hidden" id="user_id"
24
- collection="users"
25
- document_id=""
26
- name="_id"
27
- placeholder="UserId" readonly>
28
-
29
-
30
- <!-- API key -->
31
- <input type="hidden" id="key"
32
- collection="organizations"
33
- document_id=""
34
- name="key"
35
- placeholder="API Key"
36
- uuid="32" readonly>
37
-
38
-
39
-
40
- <button actions="createNewOrg, createUser">signup</button>
41
- </form>
42
-
43
- <!-- CoCreate JS CDN -->
44
- <script src="https://cdn.cocreate.app/organizations/latest/CoCreate-organizations.min.js" ></script>
45
- </body>
46
- </html>
38
+ <!-- User_id will be used to copy user document from current organizion and insert orgdb defined above-->
39
+ <input
40
+ type="hidden"
41
+ id="user_id"
42
+ collection="users"
43
+ document_id=""
44
+ name="_id"
45
+ placeholder="UserId"
46
+ readonly />
47
+
48
+ <!-- API key -->
49
+ <input
50
+ type="hidden"
51
+ id="key"
52
+ collection="organizations"
53
+ document_id=""
54
+ name="key"
55
+ placeholder="API Key"
56
+ uuid="32"
57
+ readonly />
58
+
59
+ <button actions="createNewOrg, createUser">signup</button>
60
+ </form>
61
+
62
+ <!-- CoCreate JS CDN -->
63
+ <script src="https://cdn.cocreate.app/organizations/latest/CoCreate-organizations.min.js"></script>
64
+ </body>
65
+ </html>
package/demo/index.html CHANGED
@@ -2,94 +2,130 @@
2
2
  <html lang="en">
3
3
  <head>
4
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>
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>
26
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" />
27
56
 
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">
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" />
47
66
 
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>
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
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>
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>
82
109
 
83
- </div>
84
- </div>
85
- </form>
86
-
87
- </div>
88
- </div>
89
- </div>
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>
90
127
 
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>
128
+ <!--<script src="../dist/CoCreate-organizations.js"></script>-->
129
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
130
+ </body>
131
+ </html>
package/demo/industries/industries.html CHANGED
@@ -1,81 +1,123 @@
1
1
  <!DOCTYPE html>
2
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>
3
+ <head>
4
+ <title>Industry Form | CoCreateJS</title>
33
5
 
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>
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>
69
91
 
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>
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>
81
123
  </html>