jobdone-shared-files 1.0.34 → 1.0.40

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 (36) hide show
  1. package/ModuleInfo/LayoutNav.vue +251 -0
  2. package/ModuleInfo/logo-with-text.svg +22 -0
  3. package/ModuleInfo/navButton.vue +218 -0
  4. package/ProjectManagement/projectNavbar.vue +363 -363
  5. package/README.md +68 -19
  6. package/autocompleteSelect.vue +465 -465
  7. package/common/directives/collapse.js +12 -12
  8. package/common/directives/popovers.js +10 -10
  9. package/common/directives/selectPlaceholder.js +52 -52
  10. package/common/directives/textareaAutoHeight.js +10 -10
  11. package/common/directives/tooltip.js +10 -10
  12. package/common/format.js +26 -26
  13. package/index.js +14 -14
  14. package/lightboxWithOverview.vue +156 -156
  15. package/package.json +19 -19
  16. package/paginate.vue +141 -141
  17. package/style/css/vue-loading-overlay/index.css +40 -40
  18. package/style/scss/Common/Animation.scss +9 -9
  19. package/style/scss/Common/SelectableTable.scss +36 -36
  20. package/style/scss/Common/filepond.scss +31 -31
  21. package/style/scss/Common/thumbnail-group.scss +14 -14
  22. package/style/scss/Layout/LayoutBase.scss +1032 -1032
  23. package/style/scss/Layout/LayoutInnerColumn.scss +263 -263
  24. package/style/scss/Layout/LayoutProject.scss +126 -126
  25. package/style/scss/Layout/LayoutSinglePage.scss +17 -17
  26. package/style/scss/Layout/LayoutTwoColumn.scss +60 -60
  27. package/style/scss/Settings/_Mixins.scss +232 -232
  28. package/style/scss/Settings/_MobileVariables.scss +11 -11
  29. package/style/scss/Settings/_bs-variables-dark.scss +70 -70
  30. package/style/scss/Settings/_bs-variables.scss +1743 -1743
  31. package/style/scss/Settings/_color-mode.scss +122 -122
  32. package/style/scss/Settings/_custom-variables.scss +10 -10
  33. package/tagEditor.vue +249 -249
  34. package/tree.vue +71 -71
  35. package/treeItem.vue +358 -358
  36. package/vueLoadingOverlay.vue +74 -74
package/style/scss/Layout/LayoutProject.scss CHANGED
@@ -1,126 +1,126 @@
1
- @import "../../../../bootstrap/scss/functions";
2
- @import "../Settings/bs-variables";
3
- @import "../../../../bootstrap/scss/mixins";
4
- @import "../Settings/custom-variables";
5
- @import "../Settings/Mixins";
6
-
7
- html, body, #app{
8
- height: 100%;
9
- }
10
-
11
- #app{
12
- display: flex;
13
- flex-direction: column;
14
- }
15
-
16
- body{
17
- background-color: var(--gray-300);
18
- }
19
-
20
-
21
-
22
- // 兩欄開合 UI
23
-
24
- #col-aside:has(label[for="toggle-aside"]:hover){
25
- will-change: margin-left;
26
- ~ #col-main{
27
- will-change: width;
28
- }
29
- }
30
-
31
-
32
- .content-2-column{
33
- position: relative;
34
- display: flex;
35
- flex-grow: 1;
36
- overflow: hidden;
37
- z-index: 1;
38
- }
39
-
40
- #col-aside, #col-main{
41
- height: 100%;
42
- overflow-y: auto;
43
- @include scrollbar();
44
- }
45
-
46
-
47
- $aside-w: 16.25rem;
48
- $aside-close-w: 2.5rem;
49
- $aside-transition: .5s;
50
- #col-aside{
51
- @include solid-size($aside-w, auto);
52
- background-color: var(--gray-100);
53
- transition: $aside-transition;
54
- }
55
-
56
- #col-main{
57
- flex-grow: 1;
58
- transition: $aside-transition;
59
- }
60
-
61
- .toggler-open{
62
- padding: 0.5rem;
63
- background-color: var(--gray-200);
64
- > label[for="toggle-aside"]{
65
- cursor: pointer;
66
- }
67
- > label[for="toggle-aside"]:hover{
68
- .material-icons{
69
- color: var(--bs-primary);
70
- }
71
- .toggler-open-text{
72
- color: rgba(var(--bs-link-color-rgb), 0.5);
73
- }
74
- }
75
-
76
- .toggler-open-text, .material-icons{
77
- transition: $transition-base;
78
- }
79
- .material-icons{
80
- color: var(--gray-600);
81
- margin-right: 0.2rem;
82
- margin-left: 0.5rem;
83
- }
84
- }
85
-
86
- .toggler-text{
87
- color: var(--gray-500);
88
- }
89
-
90
- .content-menu{
91
- position: relative;
92
- }
93
-
94
- .toggler-close{
95
- display: none;
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: $aside-close-w;
100
- text-align: center;
101
- padding: .5rem;
102
- line-height: 1.25;
103
- cursor: pointer;
104
- transition: $aside-transition;
105
- .toggler-close-text:hover{
106
- color: rgba(var(--bs-link-color-rgb), 0.5);
107
- }
108
- }
109
-
110
- #toggle-aside:checked{
111
- ~ #col-aside{
112
- margin-left: -$aside-w + $aside-close-w;
113
- .toggler-open-text, nav{
114
- display: none;
115
- }
116
- .toggler-close{
117
- display: block;
118
- }
119
- }
120
- }
121
-
122
- .thead-sticky{
123
- position: sticky;
124
- top: 2.7rem;
125
- z-index: $zindex-dropdown + 2;
126
- }
1
+ @import "../../../../bootstrap/scss/functions";
2
+ @import "../Settings/bs-variables";
3
+ @import "../../../../bootstrap/scss/mixins";
4
+ @import "../Settings/custom-variables";
5
+ @import "../Settings/Mixins";
6
+
7
+ html, body, #app{
8
+ height: 100%;
9
+ }
10
+
11
+ #app{
12
+ display: flex;
13
+ flex-direction: column;
14
+ }
15
+
16
+ body{
17
+ background-color: var(--gray-300);
18
+ }
19
+
20
+
21
+
22
+ // 兩欄開合 UI
23
+
24
+ #col-aside:has(label[for="toggle-aside"]:hover){
25
+ will-change: margin-left;
26
+ ~ #col-main{
27
+ will-change: width;
28
+ }
29
+ }
30
+
31
+
32
+ .content-2-column{
33
+ position: relative;
34
+ display: flex;
35
+ flex-grow: 1;
36
+ overflow: hidden;
37
+ z-index: 1;
38
+ }
39
+
40
+ #col-aside, #col-main{
41
+ height: 100%;
42
+ overflow-y: auto;
43
+ @include scrollbar();
44
+ }
45
+
46
+
47
+ $aside-w: 16.25rem;
48
+ $aside-close-w: 2.5rem;
49
+ $aside-transition: .5s;
50
+ #col-aside{
51
+ @include solid-size($aside-w, auto);
52
+ background-color: var(--gray-100);
53
+ transition: $aside-transition;
54
+ }
55
+
56
+ #col-main{
57
+ flex-grow: 1;
58
+ transition: $aside-transition;
59
+ }
60
+
61
+ .toggler-open{
62
+ padding: 0.5rem;
63
+ background-color: var(--gray-200);
64
+ > label[for="toggle-aside"]{
65
+ cursor: pointer;
66
+ }
67
+ > label[for="toggle-aside"]:hover{
68
+ .material-icons{
69
+ color: var(--bs-primary);
70
+ }
71
+ .toggler-open-text{
72
+ color: rgba(var(--bs-link-color-rgb), 0.5);
73
+ }
74
+ }
75
+
76
+ .toggler-open-text, .material-icons{
77
+ transition: $transition-base;
78
+ }
79
+ .material-icons{
80
+ color: var(--gray-600);
81
+ margin-right: 0.2rem;
82
+ margin-left: 0.5rem;
83
+ }
84
+ }
85
+
86
+ .toggler-text{
87
+ color: var(--gray-500);
88
+ }
89
+
90
+ .content-menu{
91
+ position: relative;
92
+ }
93
+
94
+ .toggler-close{
95
+ display: none;
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: $aside-close-w;
100
+ text-align: center;
101
+ padding: .5rem;
102
+ line-height: 1.25;
103
+ cursor: pointer;
104
+ transition: $aside-transition;
105
+ .toggler-close-text:hover{
106
+ color: rgba(var(--bs-link-color-rgb), 0.5);
107
+ }
108
+ }
109
+
110
+ #toggle-aside:checked{
111
+ ~ #col-aside{
112
+ margin-left: -$aside-w + $aside-close-w;
113
+ .toggler-open-text, nav{
114
+ display: none;
115
+ }
116
+ .toggler-close{
117
+ display: block;
118
+ }
119
+ }
120
+ }
121
+
122
+ .thead-sticky{
123
+ position: sticky;
124
+ top: 2.7rem;
125
+ z-index: $zindex-dropdown + 2;
126
+ }
package/style/scss/Layout/LayoutSinglePage.scss CHANGED
@@ -1,18 +1,18 @@
1
- @import "../../../../bootstrap/scss/functions";
2
- @import "../Settings/bs-variables";
3
- @import "../../../../bootstrap/scss/mixins";
4
- @import "../Settings/custom-variables";
5
- @import "../Settings/Mixins";
6
- html{
7
- background:
8
- linear-gradient(138deg, rgba(100, 148, 241, 0.05) 26.2%, rgba(165, 185, 255, 0.29) 88.06%),
9
- var(--gray-000);
10
- background-repeat: no-repeat;
11
- min-height: 100%;
12
- }
13
-
14
- body{
15
- @include flex-center();
16
- background: transparent;
17
- min-height: 100%;
1
+ @import "../../../../bootstrap/scss/functions";
2
+ @import "../Settings/bs-variables";
3
+ @import "../../../../bootstrap/scss/mixins";
4
+ @import "../Settings/custom-variables";
5
+ @import "../Settings/Mixins";
6
+ html{
7
+ background:
8
+ linear-gradient(138deg, rgba(100, 148, 241, 0.05) 26.2%, rgba(165, 185, 255, 0.29) 88.06%),
9
+ var(--gray-000);
10
+ background-repeat: no-repeat;
11
+ min-height: 100%;
12
+ }
13
+
14
+ body{
15
+ @include flex-center();
16
+ background: transparent;
17
+ min-height: 100%;
18
18
  }
package/style/scss/Layout/LayoutTwoColumn.scss CHANGED
@@ -1,60 +1,60 @@
1
- @import "../../../../bootstrap/scss/functions";
2
- @import "../Settings/bs-variables";
3
- @import "../../../../bootstrap/scss/mixins";
4
- @import "../Settings/custom-variables";
5
- @import "../Settings/Mixins";
6
- html, body, #app.layout-two-column,
7
- #col-aside, #col-main{
8
- height: 100%;
9
- }
10
-
11
- body, #app.layout-two-column{
12
- overflow: hidden;
13
- }
14
-
15
- #app.layout-two-column{
16
- display: flex;
17
- flex-direction: row-reverse;
18
- }
19
-
20
- #col-aside, #col-main{
21
- overflow: hidden;
22
- transition: all .5s ease-in-out;
23
- }
24
-
25
-
26
- $aside-w: 18rem;
27
- #col-aside{
28
- display: flex;
29
- flex-direction: column;
30
- @include solid-size($aside-w, auto);
31
- background-color: var(--gray-200);
32
- border-right: $border-width solid var(--bs-border-color);
33
- }
34
-
35
- #col-main{
36
- flex-grow: 1;
37
- background-color: var(--gray-400);
38
- @include scrollbar();
39
- }
40
-
41
-
42
- // navbar 開關 ------------------------------------------
43
- #col-main:has(label[for="toggle-aside"]:hover){
44
- will-change: width;
45
- ~ #col-aside{
46
- will-change: margin-left;
47
- }
48
- }
49
-
50
- #toggle-aside:checked{
51
- ~ #col-aside{
52
- margin-left: -$aside-w;
53
- }
54
- ~ #col-main{
55
- label[for="toggle-aside"] .material-icons{
56
- transform: rotate(180deg);
57
- }
58
- }
59
- }
60
- // navbar 開關 ------------------------------------------
1
+ @import "../../../../bootstrap/scss/functions";
2
+ @import "../Settings/bs-variables";
3
+ @import "../../../../bootstrap/scss/mixins";
4
+ @import "../Settings/custom-variables";
5
+ @import "../Settings/Mixins";
6
+ html, body, #app.layout-two-column,
7
+ #col-aside, #col-main{
8
+ height: 100%;
9
+ }
10
+
11
+ body, #app.layout-two-column{
12
+ overflow: hidden;
13
+ }
14
+
15
+ #app.layout-two-column{
16
+ display: flex;
17
+ flex-direction: row-reverse;
18
+ }
19
+
20
+ #col-aside, #col-main{
21
+ overflow: hidden;
22
+ transition: all .5s ease-in-out;
23
+ }
24
+
25
+
26
+ $aside-w: 18rem;
27
+ #col-aside{
28
+ display: flex;
29
+ flex-direction: column;
30
+ @include solid-size($aside-w, auto);
31
+ background-color: var(--gray-200);
32
+ border-right: $border-width solid var(--bs-border-color);
33
+ }
34
+
35
+ #col-main{
36
+ flex-grow: 1;
37
+ background-color: var(--gray-400);
38
+ @include scrollbar();
39
+ }
40
+
41
+
42
+ // navbar 開關 ------------------------------------------
43
+ #col-main:has(label[for="toggle-aside"]:hover){
44
+ will-change: width;
45
+ ~ #col-aside{
46
+ will-change: margin-left;
47
+ }
48
+ }
49
+
50
+ #toggle-aside:checked{
51
+ ~ #col-aside{
52
+ margin-left: -$aside-w;
53
+ }
54
+ ~ #col-main{
55
+ label[for="toggle-aside"] .material-icons{
56
+ transform: rotate(180deg);
57
+ }
58
+ }
59
+ }
60
+ // navbar 開關 ------------------------------------------