gemma: client/src/components/usermanagement/Usermanagement.vue annotate

annotate client/src/components/usermanagement/Usermanagement.vue @ 5509:36cbf14b878a deactivate-users

Client: Add ability to list only active users * Adjust the "UIBoxHeader.vue" component to accept "checkbox" object which displays checkbox element in the header if it passed from the parent components. * Filter users according to the checked value from the checkbox. * Checkbox for hiding inactive users is only visible if there is at least one deactivated user.

author	Fadi Abbud <fadi.abbud@intevation.de>
date	Fri, 24 Sep 2021 13:10:25 +0200
parents	279900b28b1b
children	b7792e8d5c62

rev	line source
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	1 <template>
2322 a25b4988eb0c client: fixed usermanagement styles Markus Kottlaender <markus@intevation.de> parents: 2320 diff changeset	2 <div class="main d-flex flex-row" style="position: relative;">
2919 6c5364ff0abb client: removed a lot of unnecessary closing tags Markus Kottlaender <markus@intevation.de> parents: 2899 diff changeset	3 <Spacer />
2534 bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu Markus Kottlaender <markus@intevation.de> parents: 2503 diff changeset	4 <div class="d-flex content py-2">
2322 a25b4988eb0c client: fixed usermanagement styles Markus Kottlaender <markus@intevation.de> parents: 2320 diff changeset	5 <div :class="userlistStyle">
a25b4988eb0c client: fixed usermanagement styles Markus Kottlaender <markus@intevation.de> parents: 2320 diff changeset	6 <div class="card shadow-xs">
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	7 <UIBoxHeader
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	8 icon="users-cog"
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	9 :title="usersLabel"
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	10 :checkBox="checkboxObject"
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	11 />
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	12 <UITableHeader
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	13 :columns="[
2782 615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	14 { id: 'role', title: `${roleForColumLabel}`, class: 'col-1' },
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	15 { id: 'user', title: `${usernameLabel}`, class: 'col-4' },
5367 1695e17c5a83 Adds schedualbility for reports as an import. Thomas Junk <thomas.junk@intevation.de> parents: 5359 diff changeset	16 { id: 'country', title: `${countryLabel}`, class: 'col-1' },
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	17 { id: 'email', title: `${emailLabel}`, class: 'col-3' },
5368 a3ec478882ef fix sorting of report receivers Thomas Junk <thomas.junk@intevation.de> parents: 5367 diff changeset	18 { id: 'reports', title: `${reportsLabel}`, class: 'col-1' }
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	19 ]"
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	20 />
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	21 <UITableBody
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	22 :data="
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	23 usersForTable
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	24 \| sortTable(sortColumn, sortDirection, page, pageSize)
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	25 "
2880 c40540889b53 client: code cleanup, slight style improvements Markus Kottlaender <markus@intevation.de> parents: 2874 diff changeset	26 :isActive="item => item === currentUser"
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	27 maxHeight="47rem"
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	28 >
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	29 <template v-slot:row="{ item: user }">
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	30 <div
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	31 class="table-cell center col-1"
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	32 :style="{ opacity: user.active ? '1' : '0.7' }"
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	33 @click="selectUser(user.user)"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	34 >
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	35 <font-awesome-icon
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	36 v-tooltip="roleLabel(user.role)"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	37 :icon="roleIcon(user.role)"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	38 class="fa-lg"
2919 6c5364ff0abb client: removed a lot of unnecessary closing tags Markus Kottlaender <markus@intevation.de> parents: 2899 diff changeset	39 />
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	40 </div>
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	41 <div
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	42 class="table-cell col-4"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	43 @click="selectUser(user.user)"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	44 :style="{ opacity: user.active ? '1' : '0.7' }"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	45 >
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	46 {{ user.user }}
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	47 </div>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	48 <div
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	49 :style="{ opacity: user.active ? '1' : '0.7' }"
5367 1695e17c5a83 Adds schedualbility for reports as an import. Thomas Junk <thomas.junk@intevation.de> parents: 5359 diff changeset	50 class="table-cell center col-1"
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	51 @click="selectUser(user.user)"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	52 >
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	53 {{ user.country }}
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	54 </div>
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	55 <div
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	56 class="table-cell col-3"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	57 @click="selectUser(user.user)"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	58 :style="{ opacity: user.active ? '1' : '0.7' }"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	59 >
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	60 {{ user.email }}
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	61 </div>
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	62 <div class="table-cell center col-1">
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	63 <toggle-button
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	64 :value="user.reports"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	65 v-model="user.reports"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	66 class="pt-1"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	67 :sync="true"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	68 :speed="100"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	69 @change="toggleReport(user)"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	70 v-tooltip="receivesReportLabel"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	71 :width="40"
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	72 :disabled="!user.active"
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	73 :height="20"
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	74 />
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	75 </div>
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	76 <div class="table-cell col text-right justify-content-end">
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	77 <button
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	78 @click="sendTestMail(user.user)"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	79 class="btn btn-xs btn-dark mr-1"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	80 v-tooltip="sendMailLabel"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	81 v-if="user.email"
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	82 :disabled="!user.active"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	83 :style="{ cursor: user.active ? 'pointer' : 'default' }"
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	84 >
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	85 <font-awesome-icon icon="paper-plane" fixed-width />
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	86 </button>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	87 <button
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	88 @click="deleteUser(user.user)"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	89 class="btn btn-xs btn-dark"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	90 v-tooltip="deleteUserLabel"
5506 90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	91 :style="{ cursor: user.active ? 'pointer' : 'default' }"
90506606a7ef Client: Distinguish deactivated users in the table Fadi Abbud <fadi.abbud@intevation.de> parents: 5368 diff changeset	92 :disabled="!user.active"
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	93 >
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	94 <font-awesome-icon icon="trash" fixed-width />
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	95 </button>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	96 </div>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	97 </template>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	98 </UITableBody>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	99 <div class="p-3 border-top d-flex justify-content-between">
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	100 <div></div>
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	101 <div>
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	102 <button
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	103 @click="prevPage"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	104 v-if="this.page !== 1"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	105 class="mr-2 btn btn-sm btn-light align-self-center"
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	106 >
2919 6c5364ff0abb client: removed a lot of unnecessary closing tags Markus Kottlaender <markus@intevation.de> parents: 2899 diff changeset	107 <font-awesome-icon icon="angle-left" />
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	108 </button>
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	109 {{ this.page }} / {{ this.pages }}
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	110 <button
2874 b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	111 @click="nextPage"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	112 v-if="this.page !== this.pages"
b9a6abef9f1c client: more unified table layout Markus Kottlaender <markus@intevation.de> parents: 2782 diff changeset	113 class="ml-2 btn btn-sm btn-light align-self-center"
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	114 >
2919 6c5364ff0abb client: removed a lot of unnecessary closing tags Markus Kottlaender <markus@intevation.de> parents: 2899 diff changeset	115 <font-awesome-icon icon="angle-right" />
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	116 </button>
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	117 </div>
2322 a25b4988eb0c client: fixed usermanagement styles Markus Kottlaender <markus@intevation.de> parents: 2320 diff changeset	118 <button @click="addUser" class="btn btn-info addbutton shadow-sm">
a25b4988eb0c client: fixed usermanagement styles Markus Kottlaender <markus@intevation.de> parents: 2320 diff changeset	119 <translate>Add User</translate>
a25b4988eb0c client: fixed usermanagement styles Markus Kottlaender <markus@intevation.de> parents: 2320 diff changeset	120 </button>
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	121 </div>
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	122 </div>
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	123 </div>
5351 4b367f7e39b4 Added messaging from overview to details. Thomas Junk <thomas.junk@intevation.de> parents: 5350 diff changeset	124 <Userdetail :reportToggled="reportToggled" v-if="isUserDetailsVisible" />
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	125 </div>
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	126 </div>
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	127 </template>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	128
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	129 <style lang="sass" scoped>
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	130 .content
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	131 width: 100%
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	132
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	133 .userdetails
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	134 width: 50%
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	135
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	136 .main
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	137 height: 100%
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	138
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	139 .icon
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	140 font-size: large
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	141
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	142 .userlist
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	143 min-width: 520px
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	144 height: 100%
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	145
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	146 .userlistsmall
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	147 width: 100%
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	148
2463 8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	149 .userlistextended
8cc3cd1b27f2 client: usermanagement: implemented new table component Markus Kottlaender <markus@intevation.de> parents: 2387 diff changeset	150 width: 100%
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	151 </style>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	152
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	153 <script>
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1361 diff changeset	154 /* This is Free Software under GNU Affero General Public License v >= 3.0
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	155 * without warranty, see README.md and license for details.
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	156 *
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	157 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	158 * License-Filename: LICENSES/AGPL-3.0.txt
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	159 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	160 * Copyright (C) 2018 by via donau
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	161 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	162 * Software engineering by Intevation GmbH
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	163 *
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	164 * Author(s):
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	165 * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	166 */
1613 f2d24dceecc7 refac: cleanup import paths Thomas Junk <thomas.junk@intevation.de> parents: 1606 diff changeset	167 import store from "@/store";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	168 import { mapGetters, mapState } from "vuex";
2985 1b8bb4f89227 client: removed .js and .vue extention from imports Markus Kottlaender <markus@intevation.de> parents: 2919 diff changeset	169 import { displayError, displayInfo } from "@/lib/errors";
2320 f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	170 import { HTTP } from "@/lib/http";
2738 add2d47c2567 client: tables: implemented simple default sorting Markus Kottlaender <markus@intevation.de> parents: 2640 diff changeset	171 import { sortTable } from "@/lib/mixins";
1674 54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	172
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	173 export default {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	174 name: "userview",
2738 add2d47c2567 client: tables: implemented simple default sorting Markus Kottlaender <markus@intevation.de> parents: 2640 diff changeset	175 mixins: [sortTable],
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	176 data() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	177 return {
5351 4b367f7e39b4 Added messaging from overview to details. Thomas Junk <thomas.junk@intevation.de> parents: 5350 diff changeset	178 sortColumn: "user", // overriding the sortTable mixin's empty default value
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	179 reportToggled: false,
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	180 usersForTable: [],
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	181 areSomeUsersHidden: false
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	182 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	183 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	184 components: {
1669 16fb9667ddf8 refac: use dynamic imports for components Thomas Junk <thomas.junk@intevation.de> parents: 1613 diff changeset	185 Userdetail: () => import("./Userdetail"),
16fb9667ddf8 refac: use dynamic imports for components Thomas Junk <thomas.junk@intevation.de> parents: 1613 diff changeset	186 Spacer: () => import("@/components/Spacer")
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	187 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	188 computed: {
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	189 ...mapGetters("usermanagement", ["isUserDetailsVisible", "users"]),
1455 33dda08d67be unified layout for adminsection Thomas Junk <thomas.junk@intevation.de> parents: 1448 diff changeset	190 ...mapState("application", ["showSidebar"]),
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	191 ...mapState("usermanagement", ["currentUser"]),
2760 c6fba10926cc client:correct a set of strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2739 diff changeset	192 usersLabel() {
c6fba10926cc client:correct a set of strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2739 diff changeset	193 return this.$gettext("Users");
c6fba10926cc client:correct a set of strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2739 diff changeset	194 },
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	195 reportsLabel() {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	196 return this.$gettext("DQL Report");
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	197 },
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	198 receivesReportLabel() {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	199 return this.$gettext("User receives Data Quality Report");
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	200 },
2595 dda4cec8e67b client:translations: correct some strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2534 diff changeset	201 sendMailLabel() {
dda4cec8e67b client:translations: correct some strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2534 diff changeset	202 return this.$gettext("Send testmail");
dda4cec8e67b client:translations: correct some strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2534 diff changeset	203 },
dda4cec8e67b client:translations: correct some strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2534 diff changeset	204 deleteUserLabel() {
dda4cec8e67b client:translations: correct some strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2534 diff changeset	205 return this.$gettext("Delete user");
dda4cec8e67b client:translations: correct some strings marking Fadi Abbud <fadi.abbud@intevation.de> parents: 2534 diff changeset	206 },
2782 615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	207 roleForColumLabel() {
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	208 return this.$gettext("Role");
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	209 },
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	210 usernameLabel() {
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	211 return this.$gettext("Username");
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	212 },
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	213 countryLabel() {
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	214 return this.$gettext("Country");
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	215 },
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	216 emailLabel() {
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	217 return this.$gettext("Email");
615b0a9b8098 Client: correct strings marking for translations Fadi Abbud <fadi.abbud@intevation.de> parents: 2760 diff changeset	218 },
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	219 pages() {
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	220 return Math.ceil(this.usersForTable.length / this.pageSize);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	221 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	222 tableStyle() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	223 return {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	224 table: true,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	225 "table-hover": true,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	226 "table-sm": this.isUserDetailsVisible,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	227 fadeIn: true,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	228 animated: true
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	229 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	230 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	231 userlistStyle() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	232 return [
2534 bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu Markus Kottlaender <markus@intevation.de> parents: 2503 diff changeset	233 "userlist mr-2",
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	234 {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	235 userlistsmall: this.isUserDetailsVisible,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	236 userlistextended: !this.isUserDetailsVisible
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	237 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	238 ];
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	239 },
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	240 checkboxObject() {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	241 // Hide checkbox in case there are no deactivated users
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	242 if (this.users.some(u => !u.active)) {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	243 return {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	244 value: this.areSomeUsersHidden,
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	245 label: "Hide inactive users",
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	246 callback: () => {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	247 this.changeDisplayingState();
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	248 }
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	249 };
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	250 } else {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	251 return undefined;
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	252 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	253 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	254 },
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	255 watch: {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	256 users() {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	257 this.filterUsers();
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	258 }
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	259 },
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	260 mounted() {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	261 this.usersForTable = this.users;
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	262 },
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	263 methods: {
5509 36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	264 changeDisplayingState() {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	265 this.areSomeUsersHidden = !this.areSomeUsersHidden;
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	266 this.filterUsers();
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	267 },
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	268 filterUsers() {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	269 if (this.areSomeUsersHidden) {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	270 this.usersForTable = this.users.filter(u => u.active);
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	271 } else {
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	272 this.usersForTable = this.users;
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	273 }
36cbf14b878a Client: Add ability to list only active users Fadi Abbud <fadi.abbud@intevation.de> parents: 5507 diff changeset	274 },
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	275 toggleReport(user) {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	276 HTTP.patch(
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	277 `/users/${user.user}`,
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	278 {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	279 reports: user.reports
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	280 },
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	281 {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	282 headers: {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	283 "X-Gemma-Auth": localStorage.getItem("token"),
5350 59db9836e29a fixed mimetype in toggleReport Thomas Junk <thomas.junk@intevation.de> parents: 5348 diff changeset	284 "Content-type": "application/json; charset=UTF-8"
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	285 }
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	286 }
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	287 )
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	288 .then(() => {
5367 1695e17c5a83 Adds schedualbility for reports as an import. Thomas Junk <thomas.junk@intevation.de> parents: 5359 diff changeset	289 if (this.currentUser && this.currentUser.user === user.user) {
5351 4b367f7e39b4 Added messaging from overview to details. Thomas Junk <thomas.junk@intevation.de> parents: 5350 diff changeset	290 this.reportToggled = !this.reportToggled;
4b367f7e39b4 Added messaging from overview to details. Thomas Junk <thomas.junk@intevation.de> parents: 5350 diff changeset	291 }
5348 45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	292 })
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	293 .catch(error => {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	294 let message = "Backend not reachable";
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	295 if (error.response) {
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	296 const { status, data } = error.response;
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	297 message = `${status}: ${data.message \|\| data}`;
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	298 }
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	299 displayError({
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	300 title: this.$gettext("Backend Error"),
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	301 message: message
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	302 });
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	303 user.reports = !user.reports;
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	304 });
45b03e8ca47e Toggles in user overview and in details section as well established Thomas Junk <thomas.junk@intevation.de> parents: 4869 diff changeset	305 },
2320 f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	306 sendTestMail(user) {
4632 2e47b32a389d client: encode strings in url paths Fadi Abbud <fadi.abbud@intevation.de> parents: 2985 diff changeset	307 HTTP.get("/testmail/" + encodeURIComponent(user), {
2320 f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	308 headers: {
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	309 "X-Gemma-Auth": localStorage.getItem("token"),
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	310 "Content-type": "text/xml; charset=UTF-8"
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	311 }
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	312 })
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	313 .then(() => {
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	314 displayInfo({
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	315 message: this.$gettext("Testmail sent")
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	316 });
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	317 })
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	318 .catch(error => {
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	319 this.loginFailed = true;
4869 6b054b91d9b2 backend not reachable as error message etd. Login adjusted Thomas Junk <thomas.junk@intevation.de> parents: 4868 diff changeset	320 let message = "Backend not reachable";
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	321 if (error.response) {
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	322 const { status, data } = error.response;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	323 message = `${status}: ${data.message \|\| data}`;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	324 }
2320 f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	325 displayError({
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	326 title: this.$gettext("Backend Error"),
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	327 message: message
2320 f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	328 });
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	329 });
f2c67ebeaabb moved test mail button to table Markus Kottlaender <markus@intevation.de> parents: 2290 diff changeset	330 },
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	331 nextPage() {
2738 add2d47c2567 client: tables: implemented simple default sorting Markus Kottlaender <markus@intevation.de> parents: 2640 diff changeset	332 if (this.page < this.pages) {
add2d47c2567 client: tables: implemented simple default sorting Markus Kottlaender <markus@intevation.de> parents: 2640 diff changeset	333 this.page += 1;
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	334 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	335 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	336 prevPage() {
2738 add2d47c2567 client: tables: implemented simple default sorting Markus Kottlaender <markus@intevation.de> parents: 2640 diff changeset	337 if (this.page > 0) {
add2d47c2567 client: tables: implemented simple default sorting Markus Kottlaender <markus@intevation.de> parents: 2640 diff changeset	338 this.page -= 1;
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	339 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	340 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	341 deleteUser(name) {
2384 c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	342 this.$store.commit("application/popup", {
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	343 icon: "trash",
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	344 title: this.$gettext("Delete User"),
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	345 content:
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	346 this.$gettext(
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	347 "Do you really want to delete the following user account:"
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	348 ) +
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	349 `<br>
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	350 <b>${name}</b>`,
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	351 confirm: {
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	352 label: this.$gettext("Delete"),
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	353 icon: "trash",
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	354 callback: () => {
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	355 this.$store
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	356 .dispatch("usermanagement/deleteUser", { name })
5507 279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	357 .then(response => {
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	358 displayInfo({
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	359 message:
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	360 name +
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	361 // Exclude whitespaces from the string passed to "gettext" function
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	362 " " +
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	363 this.$gettext("user account") +
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	364 " " +
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	365 response.data.action +
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	366 " " +
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	367 this.$gettext("successfully")
279900b28b1b Client: Notify user by successfully deleting/deactivating users Fadi Abbud <fadi.abbud@intevation.de> parents: 5506 diff changeset	368 });
2384 c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	369 this.$store
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	370 .dispatch("usermanagement/loadUsers")
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	371 .catch(error => {
4869 6b054b91d9b2 backend not reachable as error message etd. Login adjusted Thomas Junk <thomas.junk@intevation.de> parents: 4868 diff changeset	372 let message = "Backend not reachable";
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	373 if (error.response) {
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	374 const { status, data } = error.response;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	375 message = `${status}: ${data.message \|\| data}`;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	376 }
2384 c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	377 displayError({
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	378 title: this.$gettext("Backend Error"),
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	379 message: message
2384 c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	380 });
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	381 });
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	382 })
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	383 .catch(error => {
4869 6b054b91d9b2 backend not reachable as error message etd. Login adjusted Thomas Junk <thomas.junk@intevation.de> parents: 4868 diff changeset	384 let message = "Backend not reachable";
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	385 if (error.response) {
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	386 const { status, data } = error.response;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	387 message = `${status}: ${data.message \|\| data}`;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	388 }
2384 c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	389 displayError({
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	390 title: this.$gettext("Backend Error"),
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	391 message: message
2384 c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	392 });
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	393 });
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	394 }
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	395 },
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	396 cancel: {
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	397 label: this.$gettext("Cancel"),
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	398 icon: "times"
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	399 }
c06b001dc26b client: improved popup implementation Markus Kottlaender <markus@intevation.de> parents: 2330 diff changeset	400 });
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	401 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	402 addUser() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	403 this.$store.commit("usermanagement/clearCurrentUser");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	404 this.$store.commit("usermanagement/setUserDetailsVisible");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	405 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	406 selectUser(name) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	407 const user = this.$store.getters["usermanagement/getUserByName"](name);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	408 this.$store.commit("usermanagement/setCurrentUser", user);
1299 2738a6ae9ad8 fontawesome 4 -> 5 Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	409 },
2738a6ae9ad8 fontawesome 4 -> 5 Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	410 roleIcon(role) {
2738a6ae9ad8 fontawesome 4 -> 5 Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	411 if (role === "sys_admin") return "star";
2738a6ae9ad8 fontawesome 4 -> 5 Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	412 if (role === "waterway_admin") return ["fab", "adn"];
2738a6ae9ad8 fontawesome 4 -> 5 Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	413 return "user";
1674 54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	414 },
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	415 roleLabel(role) {
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	416 const labels = {
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	417 sys_admin: this.$gettext("System-Administrator"),
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	418 waterway_admin: this.$gettext("Waterway Admin"),
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	419 waterway_user: this.$gettext("Waterway User")
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	420 };
54f7493e5d36 fix: Tooltips are working again Thomas Junk <thomas.junk@intevation.de> parents: 1669 diff changeset	421 return labels[role];
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	422 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	423 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	424 beforeRouteEnter(to, from, next) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	425 store
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	426 .dispatch("usermanagement/loadUsers")
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	427 .then(next)
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	428 .catch(error => {
4869 6b054b91d9b2 backend not reachable as error message etd. Login adjusted Thomas Junk <thomas.junk@intevation.de> parents: 4868 diff changeset	429 let message = "Backend not reachable";
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	430 if (error.response) {
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	431 const { status, data } = error.response;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	432 message = `${status}: ${data.message \|\| data}`;
008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	433 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	434 displayError({
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	435 title: this.$gettext("Backend Error"),
4868 008bc1ae8897 exception handling Thomas Junk <thomas.junk@intevation.de> parents: 4632 diff changeset	436 message: message
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	437 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	438 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	439 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	440 beforeRouteLeave(to, from, next) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	441 store.commit("usermanagement/clearCurrentUser");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	442 store.commit("usermanagement/setUserDetailsInvisible");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	443 next();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	444 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	445 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	446 </script>

Mercurial > gemma

annotate client/src/components/usermanagement/Usermanagement.vue @ 5509:36cbf14b878a deactivate-users