-
+ :class="$store.getters.isSpaceAdmin(user, $route.params.space) ? 'list user-admin workspace-tr' : 'list user-simple workspace-tr'">
+
-
+
{{ user.name }}
@@ -49,9 +49,9 @@
{{ user.email }}
- {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }}
- {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}
-
+ {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }}
+ {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}
+
From 3ad57433106e34d5630a62ff6cbcac6b96d7d04f Mon Sep 17 00:00:00 2001
From: acdmft
Date: Mon, 24 Jul 2023 15:04:23 +0200
Subject: [PATCH 69/79] style(vue): add styles to the modal-container buttons
---
src/SelectUsers.vue | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/SelectUsers.vue b/src/SelectUsers.vue
index afbe56874..d59bd4ec4 100644
--- a/src/SelectUsers.vue
+++ b/src/SelectUsers.vue
@@ -82,6 +82,11 @@
{{ t('workspace', 'Caution, users highlighted in red are not yet member of this workspace. They will be automaticaly added.') }}
+
+
+ {{ t('workspace', 'Add users') }}
+
+
{{ t('workspace', 'Add users from csv file') }}
@@ -94,9 +99,6 @@
{{ t('deck', 'Import csv from Files') }}
-
- {{ t('workspace', 'Add users') }}
-
@@ -369,7 +371,7 @@ export default {
display: flex !important;
min-height: 520px !important;
max-height: 520px !important;
- width: 38vw !important;
+ width: 640px !important;
}
.multiselect__tags {
@@ -384,12 +386,13 @@ export default {
justify-content: space-around;
}
.select-users-actions button {
- width: 30%;
- flex-grow: 1;
display: flex;
flex-direction: column;
background-position: 10px center;
}
+.select-users-actions button, .add-users-wrapper button {
+ width: 14rem;
+}
.header-modal {
display: flex;
From 46aeaf71b38a3cc3ad6783b19e4cfc3fc3e2f830 Mon Sep 17 00:00:00 2001
From: acdmft
Date: Mon, 24 Jul 2023 15:32:05 +0200
Subject: [PATCH 70/79] Revert "style(vue): add styles to the modal-container
buttons"
This reverts commit 3ad57433106e34d5630a62ff6cbcac6b96d7d04f.
---
src/SelectUsers.vue | 15 ++++++---------
1 file changed, 6 insertions(+), 9 deletions(-)
diff --git a/src/SelectUsers.vue b/src/SelectUsers.vue
index d59bd4ec4..afbe56874 100644
--- a/src/SelectUsers.vue
+++ b/src/SelectUsers.vue
@@ -82,11 +82,6 @@
{{ t('workspace', 'Caution, users highlighted in red are not yet member of this workspace. They will be automaticaly added.') }}
-
-
- {{ t('workspace', 'Add users') }}
-
-
{{ t('workspace', 'Add users from csv file') }}
@@ -99,6 +94,9 @@
{{ t('deck', 'Import csv from Files') }}
+
+ {{ t('workspace', 'Add users') }}
+
@@ -371,7 +369,7 @@ export default {
display: flex !important;
min-height: 520px !important;
max-height: 520px !important;
- width: 640px !important;
+ width: 38vw !important;
}
.multiselect__tags {
@@ -386,13 +384,12 @@ export default {
justify-content: space-around;
}
.select-users-actions button {
+ width: 30%;
+ flex-grow: 1;
display: flex;
flex-direction: column;
background-position: 10px center;
}
-.select-users-actions button, .add-users-wrapper button {
- width: 14rem;
-}
.header-modal {
display: flex;
From 318fec9ee3335453ecc7885549e8dbe29d4a363a Mon Sep 17 00:00:00 2001
From: acdmft
Date: Mon, 24 Jul 2023 16:06:59 +0200
Subject: [PATCH 71/79] Revert "style(vue, css): change classes for table
elements to fix picker behaviour (hover effect)"
This reverts commit 408ffec67dfbda5ccf9a485ecad555842f7b34b3.
---
css/workspace-style.css | 45 +++++++++++++++++++----------------------
src/SpaceTable.vue | 19 +++++++++--------
src/UserTable.vue | 29 +++++++++++++++-----------
3 files changed, 47 insertions(+), 46 deletions(-)
diff --git a/css/workspace-style.css b/css/workspace-style.css
index be47df666..61b593a40 100644
--- a/css/workspace-style.css
+++ b/css/workspace-style.css
@@ -20,6 +20,27 @@
* along with this program. If not, see .
*
*/
+
+th {
+ color: grey;
+ padding: 5px;
+ border-bottom: 1px solid lightgray;
+}
+
+td {
+ padding: 5px;
+ border-bottom: 1px solid lightgray;
+}
+
+tr {
+ height: 50px;
+ padding: 5px;
+}
+
+tr:hover {
+ background-color: var(--color-backgroud-hover) !important;
+}
+
.header {
height: 0px;
display: flex;
@@ -48,31 +69,7 @@
font-size: 20px;
margin-top: 10px;
}
-<<<<<<< HEAD
.user-counter {
margin-right: 5px;
-=======
-.table-space-detail {
- width: 100%;
- margin-top: -25px;
-}
-.workspace-th {
- color: grey;
- padding: 5px;
- border-bottom: 1px solid lightgray;
-}
-
-.workspace-td {
- padding: 5px;
- border-bottom: 1px solid lightgray;
-}
-
-.workspace-tr {
- height: 50px;
- padding: 5px;
-}
-.workspace-tr:hover {
- background-color: var(--color-backgroud-hover) !important;
->>>>>>> 1b7d897 (style(vue, css): change classes for table elements to fix picker behaviour (hover effect))
}
diff --git a/src/SpaceTable.vue b/src/SpaceTable.vue
index b07544f34..ccc4eb7ac 100644
--- a/src/SpaceTable.vue
+++ b/src/SpaceTable.vue
@@ -25,23 +25,22 @@
-
-
- {{ t('workspace', 'Workspace name') }}
- {{ t('workspace', 'Quota') }}
- {{ t('workspace', 'Space administrators') }}
+
+
+ {{ t('workspace', 'Workspace name') }}
+ {{ t('workspace', 'Quota') }}
+ {{ t('workspace', 'Space administrators') }}
-
+
- {{ name }}
- {{ space.quota }}
-
+ {{ name }}
+ {{ space.quota }}
+
-
-
-
+
+
+
{{ t('workspace', 'Users') }}
- {{ t('workspace', 'Role') }}
- {{ t('workspace', 'Groups') }}
-
+ {{ t('workspace', 'Role') }}
+ {{ t('workspace', 'Groups') }}
+
-
+ :class="$store.getters.isSpaceAdmin(user, $route.params.space) ? 'list user-admin' : 'list user-simple'">
+
-
+
{{ user.name }}
@@ -49,9 +49,9 @@
{{ user.email }}
- {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }}
- {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}
-
+ {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }}
+ {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}
+
From 2480621f3d7796de4b325d0eb31f7caf9eed6369 Mon Sep 17 00:00:00 2001
From: acdmft
Date: Mon, 24 Jul 2023 17:19:07 +0200
Subject: [PATCH 72/79] style(css,vue): fix styles for user and space tables
---
css/workspace-style.css | 13 ++++++++-----
src/SpaceTable.vue | 17 +++++++++--------
src/UserTable.vue | 24 ++++++++++++------------
3 files changed, 29 insertions(+), 25 deletions(-)
diff --git a/css/workspace-style.css b/css/workspace-style.css
index 61b593a40..88047ae82 100644
--- a/css/workspace-style.css
+++ b/css/workspace-style.css
@@ -21,23 +21,26 @@
*
*/
-th {
+ table-space-detail {
+ width: 100%;
+ margin-top: -25px;
+}
+.workspace-th {
color: grey;
padding: 5px;
border-bottom: 1px solid lightgray;
}
-td {
+.workspace-td {
padding: 5px;
border-bottom: 1px solid lightgray;
}
-tr {
+.workspace-tr {
height: 50px;
padding: 5px;
}
-
-tr:hover {
+.workspace-tr:hover {
background-color: var(--color-backgroud-hover) !important;
}
diff --git a/src/SpaceTable.vue b/src/SpaceTable.vue
index ccc4eb7ac..3add9060e 100644
--- a/src/SpaceTable.vue
+++ b/src/SpaceTable.vue
@@ -25,22 +25,23 @@
-
+
- {{ t('workspace', 'Workspace name') }}
- {{ t('workspace', 'Quota') }}
- {{ t('workspace', 'Space administrators') }}
+ {{ t('workspace', 'Workspace name') }}
+ {{ t('workspace', 'Quota') }}
+ {{ t('workspace', 'Space administrators') }}
-
+
- {{ name }}
- {{ space.quota }}
-
+ {{ name }}
+ {{ space.quota }}
+
-
-
-
+
+
+
{{ t('workspace', 'Users') }}
- {{ t('workspace', 'Role') }}
- {{ t('workspace', 'Groups') }}
-
+ {{ t('workspace', 'Role') }}
+ {{ t('workspace', 'Groups') }}
+
-
+ :class="$store.getters.isSpaceAdmin(user, $route.params.space) ? 'list user-admin workspace-tr' : 'list user-simple workspace-tr'">
+
-
+
{{ user.name }}
@@ -49,9 +49,9 @@
{{ user.email }}
- {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }}
- {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}
-
+ {{ t('workspace', $store.getters.isSpaceAdmin(user, $route.params.space) ? 'admin' : 'user') }}
+ {{ user.groups.map(group => $store.getters.groupName($route.params.space, group)).join(', ') }}
+
Date: Mon, 24 Jul 2023 17:29:01 +0200
Subject: [PATCH 73/79] style(vue): add width to the modal container buttons
---
src/SelectUsers.vue | 17 ++++++++++-------
1 file changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/SelectUsers.vue b/src/SelectUsers.vue
index afbe56874..42dfb3d77 100644
--- a/src/SelectUsers.vue
+++ b/src/SelectUsers.vue
@@ -82,6 +82,11 @@
{{ t('workspace', 'Caution, users highlighted in red are not yet member of this workspace. They will be automaticaly added.') }}
+
+
+ {{ t('workspace', 'Add users') }}
+
+
{{ t('workspace', 'Add users from csv file') }}
@@ -94,9 +99,6 @@
{{ t('deck', 'Import csv from Files') }}
-
- {{ t('workspace', 'Add users') }}
-
@@ -369,7 +371,7 @@ export default {
display: flex !important;
min-height: 520px !important;
max-height: 520px !important;
- width: 38vw !important;
+ width: 640px !important;
}
.multiselect__tags {
@@ -384,12 +386,13 @@ export default {
justify-content: space-around;
}
.select-users-actions button {
- width: 30%;
- flex-grow: 1;
- display: flex;
+ display: flex;
flex-direction: column;
background-position: 10px center;
}
+.select-users-actions button, .add-users-wrapper button {
+ width: 230px;
+}
.header-modal {
display: flex;
From 7f545c337c3407630aa306838abcaaae0b34c78e Mon Sep 17 00:00:00 2001
From: acdmft
Date: Tue, 25 Jul 2023 17:06:35 +0200
Subject: [PATCH 74/79] style(vue): replace css spinner by a built-in spinner
of Nextcloud
removed lds-ring class and corresponding styles and added NcLoadingIcon
---
src/WorkspaceContent.vue | 50 ++++------------------------------------
1 file changed, 5 insertions(+), 45 deletions(-)
diff --git a/src/WorkspaceContent.vue b/src/WorkspaceContent.vue
index 728e426b3..3c874e2d1 100644
--- a/src/WorkspaceContent.vue
+++ b/src/WorkspaceContent.vue
@@ -23,9 +23,8 @@
-
+ v-if="$store.state.loading">
+
@@ -36,7 +35,7 @@
v-if="showSelectGroupfoldersModal"
@close="toggleShowSelectGroupfoldersModal">
- -->
+ -->