Derick Montague | a2988f4 | 2020-01-17 13:46:30 -0600 | [diff] [blame] | 1 | <template> |
Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 2 | <b-container fluid> |
Derick Montague | 09e45cd | 2020-01-23 15:45:57 -0600 | [diff] [blame] | 3 | <page-title /> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 4 | <b-row> |
Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 5 | <b-col xl="9" class="text-right"> |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 6 | <b-button variant="link" @click="initModalSettings"> |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 7 | {{ $t('pageLocalUserManagement.accountPolicySettings') }} |
Yoshie Muranaka | 996d2d5 | 2019-12-30 09:06:45 -0800 | [diff] [blame] | 8 | <icon-settings /> |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 9 | </b-button> |
Derick Montague | 09e45cd | 2020-01-23 15:45:57 -0600 | [diff] [blame] | 10 | <b-button variant="primary" @click="initModalUser(null)"> |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 11 | {{ $t('pageLocalUserManagement.addUser') }} |
Yoshie Muranaka | 996d2d5 | 2019-12-30 09:06:45 -0800 | [diff] [blame] | 12 | <icon-add /> |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 13 | </b-button> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 14 | </b-col> |
| 15 | </b-row> |
| 16 | <b-row> |
Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 17 | <b-col xl="9"> |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 18 | <table-toolbar |
| 19 | ref="toolbar" |
| 20 | :selected-items-count="selectedRows.length" |
| 21 | :actions="tableToolbarActions" |
| 22 | @clearSelected="clearSelectedRows($refs.table)" |
| 23 | @batchAction="onBatchAction" |
| 24 | /> |
| 25 | <b-table |
| 26 | ref="table" |
| 27 | selectable |
| 28 | no-select-on-click |
| 29 | :fields="fields" |
| 30 | :items="tableItems" |
| 31 | @row-selected="onRowSelected($event, tableItems.length)" |
| 32 | > |
| 33 | <!-- Checkbox column --> |
| 34 | <template v-slot:head(checkbox)> |
| 35 | <b-form-checkbox |
| 36 | v-model="tableHeaderCheckboxModel" |
| 37 | :indeterminate="tableHeaderCheckboxIndeterminate" |
| 38 | @change="onChangeHeaderCheckbox($refs.table)" |
| 39 | /> |
| 40 | </template> |
| 41 | <template v-slot:cell(checkbox)="row"> |
| 42 | <b-form-checkbox |
| 43 | v-model="row.rowSelected" |
| 44 | @change="toggleSelectRow($refs.table, row.index)" |
| 45 | /> |
| 46 | </template> |
| 47 | |
| 48 | <!-- table actions column --> |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 49 | <template v-slot:cell(actions)="{ item }"> |
| 50 | <table-row-action |
| 51 | v-for="(action, index) in item.actions" |
| 52 | :key="index" |
| 53 | :value="action.value" |
| 54 | :enabled="action.enabled" |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 55 | :title="action.title" |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 56 | @click:tableAction="onTableRowAction($event, item)" |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 57 | > |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 58 | <template v-slot:icon> |
| 59 | <icon-edit v-if="action.value === 'edit'" /> |
| 60 | <icon-trashcan v-if="action.value === 'delete'" /> |
| 61 | </template> |
| 62 | </table-row-action> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 63 | </template> |
| 64 | </b-table> |
| 65 | </b-col> |
| 66 | </b-row> |
| 67 | <b-row> |
Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 68 | <b-col xl="8"> |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 69 | <b-button v-b-toggle.collapse-role-table variant="link" class="mt-3"> |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 70 | {{ $t('pageLocalUserManagement.viewPrivilegeRoleDescriptions') }} |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 71 | <icon-chevron /> |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 72 | </b-button> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 73 | <b-collapse id="collapse-role-table" class="mt-3"> |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 74 | <table-roles /> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 75 | </b-collapse> |
| 76 | </b-col> |
| 77 | </b-row> |
| 78 | <!-- Modals --> |
Yoshie Muranaka | 1b1c100 | 2020-02-20 10:18:36 -0800 | [diff] [blame] | 79 | <modal-settings :settings="settings" @ok="saveAccountSettings" /> |
Yoshie Muranaka | 52b0223 | 2020-02-20 08:00:45 -0800 | [diff] [blame] | 80 | <modal-user |
| 81 | :user="activeUser" |
| 82 | :password-requirements="passwordRequirements" |
| 83 | @ok="saveUser" |
Yoshie Muranaka | 791622b | 2020-04-17 13:55:16 -0700 | [diff] [blame^] | 84 | @hidden="activeUser = null" |
Yoshie Muranaka | 52b0223 | 2020-02-20 08:00:45 -0800 | [diff] [blame] | 85 | /> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 86 | </b-container> |
Derick Montague | a2988f4 | 2020-01-17 13:46:30 -0600 | [diff] [blame] | 87 | </template> |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 88 | |
| 89 | <script> |
Derick Montague | e2fd156 | 2019-12-20 13:26:53 -0600 | [diff] [blame] | 90 | import IconTrashcan from '@carbon/icons-vue/es/trash-can/20'; |
| 91 | import IconEdit from '@carbon/icons-vue/es/edit/20'; |
| 92 | import IconAdd from '@carbon/icons-vue/es/add--alt/20'; |
| 93 | import IconSettings from '@carbon/icons-vue/es/settings/20'; |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 94 | import IconChevron from '@carbon/icons-vue/es/chevron--up/20'; |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 95 | |
Derick Montague | e2fd156 | 2019-12-20 13:26:53 -0600 | [diff] [blame] | 96 | import ModalUser from './ModalUser'; |
| 97 | import ModalSettings from './ModalSettings'; |
| 98 | import PageTitle from '../../../components/Global/PageTitle'; |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 99 | import TableRoles from './TableRoles'; |
| 100 | import TableToolbar from '../../../components/Global/TableToolbar'; |
| 101 | |
| 102 | import BVTableSelectableMixin from '../../../components/Mixins/BVTableSelectableMixin'; |
Yoshie Muranaka | 0fc91e7 | 2020-02-05 11:23:06 -0800 | [diff] [blame] | 103 | import BVToastMixin from '../../../components/Mixins/BVToastMixin'; |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 104 | import TableRowAction from '../../../components/Global/TableRowAction'; |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 105 | |
| 106 | export default { |
Derick Montague | 09e45cd | 2020-01-23 15:45:57 -0600 | [diff] [blame] | 107 | name: 'LocalUsers', |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 108 | components: { |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 109 | IconAdd, |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 110 | IconChevron, |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 111 | IconEdit, |
| 112 | IconSettings, |
| 113 | IconTrashcan, |
| 114 | ModalSettings, |
| 115 | ModalUser, |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 116 | PageTitle, |
Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 117 | TableRoles, |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 118 | TableRowAction, |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 119 | TableToolbar |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 120 | }, |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 121 | mixins: [BVTableSelectableMixin, BVToastMixin], |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 122 | data() { |
| 123 | return { |
| 124 | activeUser: null, |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 125 | fields: [ |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 126 | { |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 127 | key: 'checkbox' |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 128 | }, |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 129 | { |
| 130 | key: 'username', |
| 131 | label: this.$t('pageLocalUserManagement.table.username') |
| 132 | }, |
| 133 | { |
| 134 | key: 'privilege', |
| 135 | label: this.$t('pageLocalUserManagement.table.privilege') |
| 136 | }, |
| 137 | { |
| 138 | key: 'status', |
| 139 | label: this.$t('pageLocalUserManagement.table.status') |
| 140 | }, |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 141 | { |
| 142 | key: 'actions', |
| 143 | label: '', |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 144 | tdClass: 'text-right' |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 145 | } |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 146 | ], |
| 147 | tableToolbarActions: [ |
| 148 | { |
| 149 | value: 'delete', |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 150 | label: this.$t('global.action.delete') |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 151 | }, |
| 152 | { |
| 153 | value: 'enable', |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 154 | label: this.$t('global.action.enable') |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 155 | }, |
| 156 | { |
| 157 | value: 'disable', |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 158 | label: this.$t('global.action.disable') |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 159 | } |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 160 | ] |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 161 | }; |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 162 | }, |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 163 | computed: { |
| 164 | allUsers() { |
Derick Montague | e2fd156 | 2019-12-20 13:26:53 -0600 | [diff] [blame] | 165 | return this.$store.getters['localUsers/allUsers']; |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 166 | }, |
| 167 | tableItems() { |
| 168 | // transform user data to table data |
| 169 | return this.allUsers.map(user => { |
| 170 | return { |
| 171 | username: user.UserName, |
| 172 | privilege: user.RoleId, |
| 173 | status: user.Locked |
Derick Montague | e2fd156 | 2019-12-20 13:26:53 -0600 | [diff] [blame] | 174 | ? 'Locked' |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 175 | : user.Enabled |
Derick Montague | e2fd156 | 2019-12-20 13:26:53 -0600 | [diff] [blame] | 176 | ? 'Enabled' |
| 177 | : 'Disabled', |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 178 | actions: [ |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 179 | { |
| 180 | value: 'edit', |
| 181 | enabled: true, |
| 182 | title: this.$t('pageLocalUserManagement.editUser') |
| 183 | }, |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 184 | { |
| 185 | value: 'delete', |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 186 | enabled: user.UserName === 'root' ? false : true, |
| 187 | title: this.$t('pageLocalUserManagement.deleteUser') |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 188 | } |
| 189 | ], |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 190 | ...user |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 191 | }; |
| 192 | }); |
Yoshie Muranaka | 52b0223 | 2020-02-20 08:00:45 -0800 | [diff] [blame] | 193 | }, |
| 194 | settings() { |
| 195 | return this.$store.getters['localUsers/accountSettings']; |
| 196 | }, |
| 197 | passwordRequirements() { |
| 198 | return this.$store.getters['localUsers/accountPasswordRequirements']; |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 199 | } |
| 200 | }, |
Derick Montague | 09e45cd | 2020-01-23 15:45:57 -0600 | [diff] [blame] | 201 | created() { |
Yoshie Muranaka | fb78d19 | 2020-03-03 11:55:52 -0800 | [diff] [blame] | 202 | this.$store.dispatch('localUsers/getUsers'); |
| 203 | this.$store.dispatch('localUsers/getAccountSettings'); |
Yoshie Muranaka | 038a9da | 2020-04-17 11:22:56 -0700 | [diff] [blame] | 204 | this.$store.dispatch('localUsers/getAccountRoles'); |
Derick Montague | 09e45cd | 2020-01-23 15:45:57 -0600 | [diff] [blame] | 205 | }, |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 206 | methods: { |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 207 | initModalUser(user) { |
| 208 | this.activeUser = user; |
Derick Montague | e2fd156 | 2019-12-20 13:26:53 -0600 | [diff] [blame] | 209 | this.$bvModal.show('modal-user'); |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 210 | }, |
| 211 | initModalDelete(user) { |
| 212 | this.$bvModal |
| 213 | .msgBoxConfirm( |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 214 | this.$t('pageLocalUserManagement.modal.deleteConfirmMessage', { |
| 215 | user: user.username |
| 216 | }), |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 217 | { |
Yoshie Muranaka | eaa0480 | 2020-02-28 13:21:27 -0800 | [diff] [blame] | 218 | title: this.$t('pageLocalUserManagement.deleteUser'), |
| 219 | okTitle: this.$t('pageLocalUserManagement.deleteUser') |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 220 | } |
| 221 | ) |
| 222 | .then(deleteConfirmed => { |
| 223 | if (deleteConfirmed) { |
| 224 | this.deleteUser(user); |
| 225 | } |
| 226 | }); |
| 227 | }, |
| 228 | initModalSettings() { |
Yoshie Muranaka | 1b1c100 | 2020-02-20 10:18:36 -0800 | [diff] [blame] | 229 | this.$bvModal.show('modal-settings'); |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 230 | }, |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 231 | saveUser({ isNewUser, userData }) { |
| 232 | if (isNewUser) { |
Yoshie Muranaka | 0fc91e7 | 2020-02-05 11:23:06 -0800 | [diff] [blame] | 233 | this.$store |
| 234 | .dispatch('localUsers/createUser', userData) |
| 235 | .then(success => this.successToast(success)) |
| 236 | .catch(({ message }) => this.errorToast(message)); |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 237 | } else { |
Yoshie Muranaka | 0fc91e7 | 2020-02-05 11:23:06 -0800 | [diff] [blame] | 238 | this.$store |
| 239 | .dispatch('localUsers/updateUser', userData) |
| 240 | .then(success => this.successToast(success)) |
| 241 | .catch(({ message }) => this.errorToast(message)); |
Yoshie Muranaka | 463a570 | 2019-12-04 09:09:36 -0800 | [diff] [blame] | 242 | } |
| 243 | }, |
| 244 | deleteUser({ username }) { |
Yoshie Muranaka | 0fc91e7 | 2020-02-05 11:23:06 -0800 | [diff] [blame] | 245 | this.$store |
| 246 | .dispatch('localUsers/deleteUser', username) |
| 247 | .then(success => this.successToast(success)) |
| 248 | .catch(({ message }) => this.errorToast(message)); |
Yoshie Muranaka | 183c275 | 2020-02-12 11:30:49 -0800 | [diff] [blame] | 249 | }, |
| 250 | onBatchAction(action) { |
| 251 | switch (action) { |
| 252 | case 'delete': |
| 253 | this.$store |
| 254 | .dispatch('localUsers/deleteUsers', this.selectedRows) |
| 255 | .then(messages => { |
| 256 | messages.forEach(({ type, message }) => { |
| 257 | if (type === 'success') this.successToast(message); |
| 258 | if (type === 'error') this.errorToast(message); |
| 259 | }); |
| 260 | }); |
| 261 | break; |
| 262 | case 'enable': |
| 263 | this.$store |
| 264 | .dispatch('localUsers/enableUsers', this.selectedRows) |
| 265 | .then(messages => { |
| 266 | messages.forEach(({ type, message }) => { |
| 267 | if (type === 'success') this.successToast(message); |
| 268 | if (type === 'error') this.errorToast(message); |
| 269 | }); |
| 270 | }); |
| 271 | break; |
| 272 | case 'disable': |
| 273 | this.$store |
| 274 | .dispatch('localUsers/disableUsers', this.selectedRows) |
| 275 | .then(messages => { |
| 276 | messages.forEach(({ type, message }) => { |
| 277 | if (type === 'success') this.successToast(message); |
| 278 | if (type === 'error') this.errorToast(message); |
| 279 | }); |
| 280 | }); |
| 281 | break; |
| 282 | default: |
| 283 | break; |
| 284 | } |
Yoshie Muranaka | 0e893f0 | 2020-02-18 13:39:45 -0800 | [diff] [blame] | 285 | }, |
| 286 | onTableRowAction(action, row) { |
| 287 | switch (action) { |
| 288 | case 'edit': |
| 289 | this.initModalUser(row); |
| 290 | break; |
| 291 | case 'delete': |
| 292 | this.initModalDelete(row); |
| 293 | break; |
| 294 | default: |
| 295 | break; |
| 296 | } |
Yoshie Muranaka | 1b1c100 | 2020-02-20 10:18:36 -0800 | [diff] [blame] | 297 | }, |
| 298 | saveAccountSettings(settings) { |
| 299 | this.$store |
| 300 | .dispatch('localUsers/saveAccountSettings', settings) |
| 301 | .then(message => this.successToast(message)) |
| 302 | .catch(({ message }) => this.errorToast(message)); |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 303 | } |
| 304 | } |
| 305 | }; |
| 306 | </script> |
| 307 | |
| 308 | <style lang="scss" scoped> |
Yoshie Muranaka | 4b0fc1d | 2020-01-06 07:36:16 -0800 | [diff] [blame] | 309 | .btn.collapsed { |
| 310 | svg { |
| 311 | transform: rotate(180deg); |
| 312 | } |
| 313 | } |
Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 314 | </style> |