|
|
|
@ -38,45 +38,46 @@
|
|
|
|
|
@select="changeStatus" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Status message -->
|
|
|
|
|
<div class="set-status-modal__header">
|
|
|
|
|
<h2>{{ $t('user_status', 'Status message') }}</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="set-status-modal__custom-input">
|
|
|
|
|
<CustomMessageInput ref="customMessageInput"
|
|
|
|
|
:icon="icon"
|
|
|
|
|
:message="editedMessage"
|
|
|
|
|
@change="setMessage"
|
|
|
|
|
@submit="saveStatus"
|
|
|
|
|
@select-icon="setIcon" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="hasBackupStatus"
|
|
|
|
|
class="set-status-modal__automation-hint">
|
|
|
|
|
{{ $t('user_status', 'Your status was set automatically') }}
|
|
|
|
|
</div>
|
|
|
|
|
<PreviousStatus v-if="hasBackupStatus"
|
|
|
|
|
:icon="backupIcon"
|
|
|
|
|
:message="backupMessage"
|
|
|
|
|
@select="revertBackupFromServer" />
|
|
|
|
|
<PredefinedStatusesList :is-custom-status="isCustomStatus" @select-status="selectPredefinedMessage" />
|
|
|
|
|
<ClearAtSelect :clear-at="clearAt"
|
|
|
|
|
@select-clear-at="setClearAt" />
|
|
|
|
|
<div class="status-buttons">
|
|
|
|
|
<NcButton :wide="true"
|
|
|
|
|
type="tertiary"
|
|
|
|
|
:text="$t('user_status', 'Clear status message')"
|
|
|
|
|
:disabled="isSavingStatus"
|
|
|
|
|
@click="clearStatus">
|
|
|
|
|
{{ $t('user_status', 'Clear status message') }}
|
|
|
|
|
</NcButton>
|
|
|
|
|
<NcButton :wide="true"
|
|
|
|
|
type="primary"
|
|
|
|
|
:text="$t('user_status', 'Set status message')"
|
|
|
|
|
:disabled="isSavingStatus"
|
|
|
|
|
@click="saveStatus">
|
|
|
|
|
{{ $t('user_status', 'Set status message') }}
|
|
|
|
|
</NcButton>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Status message form -->
|
|
|
|
|
<form @submit.prevent="saveStatus" @reset="clearStatus">
|
|
|
|
|
<div class="set-status-modal__header">
|
|
|
|
|
<h2>{{ $t('user_status', 'Status message') }}</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="set-status-modal__custom-input">
|
|
|
|
|
<CustomMessageInput ref="customMessageInput"
|
|
|
|
|
:icon="icon"
|
|
|
|
|
:message="editedMessage"
|
|
|
|
|
@change="setMessage"
|
|
|
|
|
@select-icon="setIcon" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="hasBackupStatus"
|
|
|
|
|
class="set-status-modal__automation-hint">
|
|
|
|
|
{{ $t('user_status', 'Your status was set automatically') }}
|
|
|
|
|
</div>
|
|
|
|
|
<PreviousStatus v-if="hasBackupStatus"
|
|
|
|
|
:icon="backupIcon"
|
|
|
|
|
:message="backupMessage"
|
|
|
|
|
@select="revertBackupFromServer" />
|
|
|
|
|
<PredefinedStatusesList :is-custom-status="isCustomStatus" @select-status="selectPredefinedMessage" />
|
|
|
|
|
<ClearAtSelect :clear-at="clearAt"
|
|
|
|
|
@select-clear-at="setClearAt" />
|
|
|
|
|
<div class="status-buttons">
|
|
|
|
|
<NcButton :wide="true"
|
|
|
|
|
type="tertiary"
|
|
|
|
|
native-type="reset"
|
|
|
|
|
:aria-label="$t('user_status', 'Clear status message')"
|
|
|
|
|
:disabled="isSavingStatus">
|
|
|
|
|
{{ $t('user_status', 'Clear status message') }}
|
|
|
|
|
</NcButton>
|
|
|
|
|
<NcButton :wide="true"
|
|
|
|
|
type="primary"
|
|
|
|
|
native-type="submit"
|
|
|
|
|
:aria-label="$t('user_status', 'Set status message')"
|
|
|
|
|
:disabled="isSavingStatus">
|
|
|
|
|
{{ $t('user_status', 'Set status message') }}
|
|
|
|
|
</NcButton>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</NcModal>
|
|
|
|
|
</template>
|
|
|
|
@ -245,12 +246,7 @@ export default {
|
|
|
|
|
try {
|
|
|
|
|
this.isSavingStatus = true
|
|
|
|
|
|
|
|
|
|
if (this.messageId !== undefined && this.messageId !== null) {
|
|
|
|
|
await this.$store.dispatch('setPredefinedMessage', {
|
|
|
|
|
messageId: this.messageId,
|
|
|
|
|
clearAt: this.clearAt,
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
if (this.isCustomStatus) {
|
|
|
|
|
await this.$store.dispatch('setCustomMessage', {
|
|
|
|
|
message: this.editedMessage,
|
|
|
|
|
icon: this.icon,
|
|
|
|
|