-
-
Notifications
You must be signed in to change notification settings - Fork 4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(ldap): sync additional properties to profile and SAB
Synced from LDAP to profile: - Date of birth Synced from LDAP to SAB (via the profile): - Biography - Date of birth Original code by Jake Nabasny (GitHub: @slapcat) Co-authored-by: Jake Nabasny <jake@nabasny.com> Co-authored-by: Richard Steinmetz <richard@steinmetz.cloud> Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
- Loading branch information
Showing
108 changed files
with
531 additions
and
172 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
141 changes: 141 additions & 0 deletions
141
apps/settings/src/components/PersonalInfo/BirthdaySection.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,141 @@ | ||
| <!-- | ||
| - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors | ||
| - SPDX-License-Identifier: AGPL-3.0-or-later | ||
| --> | ||
|
|
||
| <template> | ||
| <section> | ||
| <HeaderBar :scope="birthdate.scope" | ||
| :input-id="inputId" | ||
| :readable="birthdate.readable" /> | ||
|
|
||
| <template> | ||
| <NcDateTimePickerNative :id="inputId" | ||
| type="date" | ||
| label="" | ||
| :value="value" | ||
| @input="onInput" /> | ||
| </template> | ||
|
|
||
| <p class="property__helper-text-message"> | ||
| {{ t('settings', 'Enter your date of birth') }} | ||
| </p> | ||
| </section> | ||
| </template> | ||
|
|
||
| <script> | ||
| import HeaderBar from './shared/HeaderBar.vue' | ||
| import AccountPropertySection from './shared/AccountPropertySection.vue' | ||
| import { NAME_READABLE_ENUM } from '../../constants/AccountPropertyConstants.js' | ||
| import { NcDateTimePickerNative } from '@nextcloud/vue' | ||
| import debounce from 'debounce' | ||
| import { savePrimaryAccountProperty } from '../../service/PersonalInfo/PersonalInfoService' | ||
| import { handleError } from '../../utils/handlers' | ||
| import AlertCircle from 'vue-material-design-icons/AlertCircleOutline.vue' | ||
| import { loadState } from '@nextcloud/initial-state' | ||
| const { birthdate } = loadState('settings', 'personalInfoParameters', {}) | ||
| export default { | ||
| name: 'BirthdaySection', | ||
| components: { | ||
| AlertCircle, | ||
| AccountPropertySection, | ||
| NcDateTimePickerNative, | ||
| HeaderBar, | ||
| }, | ||
| data() { | ||
| let initialValue = null | ||
| if (birthdate.value) { | ||
| initialValue = new Date(birthdate.value) | ||
| } | ||
| return { | ||
| birthdate: { | ||
| ...birthdate, | ||
| readable: NAME_READABLE_ENUM[birthdate.name], | ||
| }, | ||
| initialValue: initialValue ? new Date(initialValue) : new Date(), | ||
| } | ||
| }, | ||
| computed: { | ||
| inputId() { | ||
| return `account-property-${birthdate.name}` | ||
| }, | ||
| value: { | ||
| get() { | ||
| return new Date(this.birthdate.value) | ||
| }, | ||
| /** @param {Date} value */ | ||
| set(value) { | ||
| const day = value.getDate().toString().padStart(2, '0') | ||
| const month = (value.getMonth() + 1).toString().padStart(2, '0') | ||
| const year = value.getFullYear() | ||
| this.birthdate.value = `${year}-${month}-${day}` | ||
| } | ||
| }, | ||
| }, | ||
| methods: { | ||
| onInput(e) { | ||
| this.value = e | ||
| this.debouncePropertyChange(this.value) | ||
| }, | ||
| debouncePropertyChange: debounce(async function(value) { | ||
| await this.updateProperty(value) | ||
| }, 500), | ||
| async updateProperty(value) { | ||
| try { | ||
| const responseData = await savePrimaryAccountProperty( | ||
| this.birthdate.name, | ||
| value, | ||
| ) | ||
| this.handleResponse({ | ||
| value, | ||
| status: responseData.ocs?.meta?.status, | ||
| }) | ||
| } catch (error) { | ||
| this.handleResponse({ | ||
| errorMessage: t('settings', 'Unable to update date of birth'), | ||
| error, | ||
| }) | ||
| } | ||
| }, | ||
| handleResponse({ value, status, errorMessage, error }) { | ||
| if (status === 'ok') { | ||
| this.initialValue = value | ||
| this.showCheckmarkIcon = true | ||
| setTimeout(() => { this.showCheckmarkIcon = false }, 2000) | ||
| } else { | ||
| this.$emit('update:value', this.initialValue) | ||
| handleError(error, errorMessage) | ||
| this.showErrorIcon = true | ||
| setTimeout(() => { this.showErrorIcon = false }, 2000) | ||
| } | ||
| }, | ||
| }, | ||
| } | ||
| </script> | ||
| <style lang="scss" scoped> | ||
| section { | ||
| padding: 10px 10px; | ||
| &::v-deep button:disabled { | ||
| cursor: default; | ||
| } | ||
| .property__helper-text-message { | ||
| color: var(--color-text-maxcontrast); | ||
| padding: 4px 0; | ||
| display: flex; | ||
| align-items: center; | ||
| } | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.