|
|
@@ -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, |