diff options
65 files changed, 142 insertions, 278 deletions
diff --git a/apps/comments/src/components/Comment.vue b/apps/comments/src/components/Comment.vue index 5bab02262aa..f22754ea201 100644 --- a/apps/comments/src/components/Comment.vue +++ b/apps/comments/src/components/Comment.vue @@ -36,15 +36,13 @@ show if we have a message id and current user is author --> <Actions v-if="isOwnComment && id && !loading" class="comment__actions"> <template v-if="!editing"> - <ActionButton - :close-after-click="true" + <ActionButton :close-after-click="true" icon="icon-rename" @click="onEdit"> {{ t('comments', 'Edit comment') }} </ActionButton> <ActionSeparator /> - <ActionButton - :close-after-click="true" + <ActionButton :close-after-click="true" icon="icon-delete" @click="onDeleteWithUndo"> {{ t('comments', 'Delete comment') }} diff --git a/apps/dav/src/views/Availability.vue b/apps/dav/src/views/Availability.vue index b5a90633992..d826ca3e57f 100644 --- a/apps/dav/src/views/Availability.vue +++ b/apps/dav/src/views/Availability.vue @@ -21,16 +21,14 @@ <div class="availability-slot-group"> <template v-for="(slot, idx) in day.slots"> <div :key="`slot-${day.id}-${idx}`" class="availability-slot"> - <DatetimePicker - v-model="slot.start" + <DatetimePicker v-model="slot.start" type="time" class="start-date" format="H:mm" /> <span class="to-text"> {{ $t('dav', 'to') }} </span> - <DatetimePicker - v-model="slot.end" + <DatetimePicker v-model="slot.end" type="time" class="end-date" format="H:mm" /> diff --git a/apps/dav/src/views/CalDavSettings.vue b/apps/dav/src/views/CalDavSettings.vue index 4b33b2b45bb..06c5e9cf8fc 100644 --- a/apps/dav/src/views/CalDavSettings.vue +++ b/apps/dav/src/views/CalDavSettings.vue @@ -7,8 +7,7 @@ <!-- eslint-disable-next-line vue/no-v-html --> <p class="settings-hint" v-html="hint" /> <p> - <input - id="caldavSendInvitations" + <input id="caldavSendInvitations" v-model="sendInvitations" type="checkbox" class="checkbox"> @@ -23,8 +22,7 @@ <em v-html="sendInvitationsHelpText" /> </p> <p> - <input - id="caldavGenerateBirthdayCalendar" + <input id="caldavGenerateBirthdayCalendar" v-model="generateBirthdayCalendar" type="checkbox" class="checkbox"> @@ -41,8 +39,7 @@ </em> </p> <p> - <input - id="caldavSendEventReminders" + <input id="caldavSendEventReminders" v-model="sendEventReminders" type="checkbox" class="checkbox"> @@ -61,8 +58,7 @@ </em> </p> <p> - <input - id="caldavSendEventRemindersPush" + <input id="caldavSendEventRemindersPush" v-model="sendEventRemindersPush" type="checkbox" class="checkbox" diff --git a/apps/files/src/components/SidebarTab.vue b/apps/files/src/components/SidebarTab.vue index bead5cad1ef..ad80f91d431 100644 --- a/apps/files/src/components/SidebarTab.vue +++ b/apps/files/src/components/SidebarTab.vue @@ -21,8 +21,7 @@ - --> <template> - <AppSidebarTab - :id="id" + <AppSidebarTab :id="id" ref="tab" :name="name" :icon="icon" diff --git a/apps/files/src/components/TransferOwnershipDialogue.vue b/apps/files/src/components/TransferOwnershipDialogue.vue index 665af6fed08..89c6e2f60e4 100644 --- a/apps/files/src/components/TransferOwnershipDialogue.vue +++ b/apps/files/src/components/TransferOwnershipDialogue.vue @@ -37,8 +37,7 @@ <label for="targetUser"> <span>{{ t('files', 'New owner') }}</span> </label> - <Multiselect - id="targetUser" + <Multiselect id="targetUser" v-model="selectedUser" :options="formatedUserSuggestions" :multiple="false" diff --git a/apps/files/src/services/Sidebar.js b/apps/files/src/services/Sidebar.js index e28dacb6b21..e87ee71a4b1 100644 --- a/apps/files/src/services/Sidebar.js +++ b/apps/files/src/services/Sidebar.js @@ -22,7 +22,7 @@ export default class Sidebar { - _state; + _state constructor() { // init empty state diff --git a/apps/files/src/views/Sidebar.vue b/apps/files/src/views/Sidebar.vue index ec41240e3f2..a83cb8640eb 100644 --- a/apps/files/src/views/Sidebar.vue +++ b/apps/files/src/views/Sidebar.vue @@ -21,8 +21,7 @@ --> <template> - <AppSidebar - v-if="file" + <AppSidebar v-if="file" ref="sidebar" v-bind="appSidebar" :force-menu="true" @@ -46,8 +45,7 @@ <template v-if="fileInfo" #secondary-actions> <!-- TODO: create proper api for apps to register actions And inject themselves here. --> - <ActionButton - v-if="isSystemTagsEnabled" + <ActionButton v-if="isSystemTagsEnabled" :close-after-click="true" icon="icon-tag" @click="toggleTags"> @@ -63,8 +61,7 @@ <!-- If fileInfo fetch is complete, render tabs --> <template v-for="tab in tabs" v-else-if="fileInfo"> <!-- Hide them if we're loading another file but keep them mounted --> - <SidebarTab - v-if="tab.enabled(fileInfo)" + <SidebarTab v-if="tab.enabled(fileInfo)" v-show="!loading" :id="tab.id" :key="tab.id" diff --git a/apps/files/src/views/TemplatePicker.vue b/apps/files/src/views/TemplatePicker.vue index 4e0fc8c7a54..ade41a5416a 100644 --- a/apps/files/src/views/TemplatePicker.vue +++ b/apps/files/src/views/TemplatePicker.vue @@ -33,13 +33,11 @@ <!-- Templates list --> <ul class="templates-picker__list"> - <TemplatePreview - v-bind="emptyTemplate" + <TemplatePreview v-bind="emptyTemplate" :checked="checked === emptyTemplate.fileid" @check="onCheck" /> - <TemplatePreview - v-for="template in provider.templates" + <TemplatePreview v-for="template in provider.templates" :key="template.fileid" v-bind="template" :checked="checked === template.fileid" diff --git a/apps/files_sharing/src/components/SharingEntry.vue b/apps/files_sharing/src/components/SharingEntry.vue index d5d7f62a832..2d29aaf1dc6 100644 --- a/apps/files_sharing/src/components/SharingEntry.vue +++ b/apps/files_sharing/src/components/SharingEntry.vue @@ -39,14 +39,12 @@ <span>{{ share.status.message || '' }}</span> </p> </component> - <Actions - menu-align="right" + <Actions menu-align="right" class="sharing-entry__actions" @close="onMenuClose"> <template v-if="share.canEdit"> <!-- edit permission --> - <ActionCheckbox - ref="canEdit" + <ActionCheckbox ref="canEdit" :checked.sync="canEdit" :value="permissionsEdit" :disabled="saving || !canSetEdit"> @@ -54,8 +52,7 @@ </ActionCheckbox> <!-- create permission --> - <ActionCheckbox - v-if="isFolder" + <ActionCheckbox v-if="isFolder" ref="canCreate" :checked.sync="canCreate" :value="permissionsCreate" @@ -64,8 +61,7 @@ </ActionCheckbox> <!-- delete permission --> - <ActionCheckbox - v-if="isFolder" + <ActionCheckbox v-if="isFolder" ref="canDelete" :checked.sync="canDelete" :value="permissionsDelete" @@ -74,8 +70,7 @@ </ActionCheckbox> <!-- reshare permission --> - <ActionCheckbox - v-if="config.isResharingAllowed" + <ActionCheckbox v-if="config.isResharingAllowed" ref="canReshare" :checked.sync="canReshare" :value="permissionsShare" @@ -112,8 +107,7 @@ <!-- note --> <template v-if="canHaveNote"> - <ActionCheckbox - :checked.sync="hasNote" + <ActionCheckbox :checked.sync="hasNote" :disabled="saving" @uncheck="queueUpdate('note')"> {{ t('files_sharing', 'Note to recipient') }} diff --git a/apps/files_sharing/src/components/SharingEntryInherited.vue b/apps/files_sharing/src/components/SharingEntryInherited.vue index b8b5674efc9..72a513cfb1f 100644 --- a/apps/files_sharing/src/components/SharingEntryInherited.vue +++ b/apps/files_sharing/src/components/SharingEntryInherited.vue @@ -21,13 +21,11 @@ --> <template> - <SharingEntrySimple - :key="share.id" + <SharingEntrySimple :key="share.id" class="sharing-entry__inherited" :title="share.shareWithDisplayName"> <template #avatar> - <Avatar - :user="share.shareWith" + <Avatar :user="share.shareWith" :display-name="share.shareWithDisplayName" class="sharing-entry__avatar" tooltip-message="" /> diff --git a/apps/files_sharing/src/components/SharingEntryInternal.vue b/apps/files_sharing/src/components/SharingEntryInternal.vue index e96a85340a6..73b86d26180 100644 --- a/apps/files_sharing/src/components/SharingEntryInternal.vue +++ b/apps/files_sharing/src/components/SharingEntryInternal.vue @@ -1,7 +1,6 @@ <template> - <SharingEntrySimple - class="sharing-entry__internal" + <SharingEntrySimple class="sharing-entry__internal" :title="t('files_sharing', 'Internal link')" :subtitle="internalLinkSubtitle"> <template #avatar> diff --git a/apps/files_sharing/src/components/SharingEntryLink.vue b/apps/files_sharing/src/components/SharingEntryLink.vue index af2ea4cc6e5..5a49a1d4976 100644 --- a/apps/files_sharing/src/components/SharingEntryLink.vue +++ b/apps/files_sharing/src/components/SharingEntryLink.vue @@ -133,8 +133,7 @@ <template v-if="share"> <template v-if="share.canEdit && canReshare"> <!-- Custom Label --> - <ActionInput - ref="label" + <ActionInput ref="label" v-tooltip.auto="{ content: errors.label, show: errors.label, @@ -185,8 +184,7 @@ {{ t('files_sharing', 'Allow editing') }} </ActionCheckbox> - <ActionCheckbox - :checked.sync="share.hideDownload" + <ActionCheckbox :checked.sync="share.hideDownload" :disabled="saving" @change="queueUpdate('hideDownload')"> {{ t('files_sharing', 'Hide download') }} diff --git a/apps/files_sharing/src/models/Share.js b/apps/files_sharing/src/models/Share.js index 21e7e34c5d1..87c2fec86f2 100644 --- a/apps/files_sharing/src/models/Share.js +++ b/apps/files_sharing/src/models/Share.js @@ -27,7 +27,7 @@ export default class Share { - _share; + _share /** * Create the share object diff --git a/apps/files_sharing/src/services/ExternalLinkActions.js b/apps/files_sharing/src/services/ExternalLinkActions.js index c4091a5524c..06cf97ed255 100644 --- a/apps/files_sharing/src/services/ExternalLinkActions.js +++ b/apps/files_sharing/src/services/ExternalLinkActions.js @@ -22,7 +22,7 @@ export default class ExternalLinkActions { - _state; + _state constructor() { // init empty state diff --git a/apps/files_sharing/src/services/ExternalShareActions.js b/apps/files_sharing/src/services/ExternalShareActions.js index 571989b2249..5d64c97ba70 100644 --- a/apps/files_sharing/src/services/ExternalShareActions.js +++ b/apps/files_sharing/src/services/ExternalShareActions.js @@ -22,7 +22,7 @@ export default class ExternalShareActions { - _state; + _state constructor() { // init empty state diff --git a/apps/files_sharing/src/services/ShareSearch.js b/apps/files_sharing/src/services/ShareSearch.js index e3dbc61f8c3..1a9737cbfba 100644 --- a/apps/files_sharing/src/services/ShareSearch.js +++ b/apps/files_sharing/src/services/ShareSearch.js @@ -22,7 +22,7 @@ export default class ShareSearch { - _state; + _state constructor() { // init empty state diff --git a/apps/files_sharing/src/services/TabSections.js b/apps/files_sharing/src/services/TabSections.js index cec046cd3ce..d266909b6cc 100644 --- a/apps/files_sharing/src/services/TabSections.js +++ b/apps/files_sharing/src/services/TabSections.js @@ -22,7 +22,7 @@ export default class TabSections { - _sections; + _sections constructor() { this._sections = [] diff --git a/apps/files_sharing/src/views/SharingInherited.vue b/apps/files_sharing/src/views/SharingInherited.vue index 1911e05579f..3a3e4b633e2 100644 --- a/apps/files_sharing/src/views/SharingInherited.vue +++ b/apps/files_sharing/src/views/SharingInherited.vue @@ -23,8 +23,7 @@ <template> <ul id="sharing-inherited-shares"> <!-- Main collapsible entry --> - <SharingEntrySimple - class="sharing-entry__inherited" + <SharingEntrySimple class="sharing-entry__inherited" :title="mainTitle" :subtitle="subTitle"> <template #avatar> diff --git a/apps/files_sharing/src/views/SharingTab.vue b/apps/files_sharing/src/views/SharingTab.vue index 62d442191bc..d1174218b08 100644 --- a/apps/files_sharing/src/views/SharingTab.vue +++ b/apps/files_sharing/src/views/SharingTab.vue @@ -33,8 +33,7 @@ <!-- shared with me information --> <SharingEntrySimple v-if="isSharedWithMe" v-bind="sharedWithMe" class="sharing-entry__reshare"> <template #avatar> - <Avatar - :user="sharedWithMe.user" + <Avatar :user="sharedWithMe.user" :display-name="sharedWithMe.displayName" class="sharing-entry__avatar" tooltip-message="" /> diff --git a/apps/settings/src/components/AdminDelegation/GroupSelect.vue b/apps/settings/src/components/AdminDelegation/GroupSelect.vue index eb7fd3e0c34..f9db50b3cc6 100644 --- a/apps/settings/src/components/AdminDelegation/GroupSelect.vue +++ b/apps/settings/src/components/AdminDelegation/GroupSelect.vue @@ -1,6 +1,5 @@ <template> - <Multiselect - v-model="selected" + <Multiselect v-model="selected" class="group-multiselect" :placeholder="t('settings', 'None')" track-by="gid" diff --git a/apps/settings/src/components/PersonalInfo/BiographySection/Biography.vue b/apps/settings/src/components/PersonalInfo/BiographySection/Biography.vue index 64f9640d9f2..ffe0029db8d 100644 --- a/apps/settings/src/components/PersonalInfo/BiographySection/Biography.vue +++ b/apps/settings/src/components/PersonalInfo/BiographySection/Biography.vue @@ -22,8 +22,7 @@ <template> <div class="biography"> - <textarea - id="biography" + <textarea id="biography" :placeholder="t('settings', 'Your biography')" :value="biography" rows="8" diff --git a/apps/settings/src/components/PersonalInfo/BiographySection/BiographySection.vue b/apps/settings/src/components/PersonalInfo/BiographySection/BiographySection.vue index 637c24e2665..c8aacb03e9c 100644 --- a/apps/settings/src/components/PersonalInfo/BiographySection/BiographySection.vue +++ b/apps/settings/src/components/PersonalInfo/BiographySection/BiographySection.vue @@ -22,13 +22,11 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="biography" :scope.sync="primaryBiography.scope" /> - <Biography - :biography.sync="primaryBiography.value" + <Biography :biography.sync="primaryBiography.value" :scope.sync="primaryBiography.scope" /> </section> </template> diff --git a/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayName.vue b/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayName.vue index 584f8578337..0cfa630123e 100644 --- a/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayName.vue +++ b/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayName.vue @@ -22,8 +22,7 @@ <template> <div class="displayname"> - <input - id="displayname" + <input id="displayname" type="text" :placeholder="t('settings', 'Your full name')" :value="displayName" diff --git a/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayNameSection.vue b/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayNameSection.vue index 6f07d72d456..caee7e7c68e 100644 --- a/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayNameSection.vue +++ b/apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayNameSection.vue @@ -22,16 +22,14 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="displayname" :is-editable="displayNameChangeSupported" :is-valid-section="isValidSection" :scope.sync="primaryDisplayName.scope" /> <template v-if="displayNameChangeSupported"> - <DisplayName - :display-name.sync="primaryDisplayName.value" + <DisplayName :display-name.sync="primaryDisplayName.value" :scope.sync="primaryDisplayName.scope" /> </template> diff --git a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue index 383b8a608ff..6901ff5c19b 100644 --- a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue +++ b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue @@ -23,8 +23,7 @@ <template> <div> <div class="email"> - <input - :id="inputId" + <input :id="inputId" ref="email" type="email" :placeholder="inputPlaceholder" @@ -41,8 +40,7 @@ </transition> <template v-if="!primary"> - <FederationControl - :account-property="accountProperty" + <FederationControl :account-property="accountProperty" :additional="true" :additional-value="email" :disabled="federationDisabled" @@ -51,13 +49,11 @@ @update:scope="onScopeChange" /> </template> - <Actions - class="email__actions" + <Actions class="email__actions" :aria-label="t('settings', 'Email options')" :disabled="deleteDisabled" :force-menu="true"> - <ActionButton - :aria-label="deleteEmailLabel" + <ActionButton :aria-label="deleteEmailLabel" :close-after-click="true" :disabled="deleteDisabled" icon="icon-delete" diff --git a/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue b/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue index f25b281782f..07ec35861a9 100644 --- a/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue +++ b/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue @@ -22,8 +22,7 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="email" :handle-scope-change="savePrimaryEmailScope" :is-editable="true" @@ -33,8 +32,7 @@ @add-additional="onAddAdditionalEmail" /> <template v-if="displayNameChangeSupported"> - <Email - :primary="true" + <Email :primary="true" :scope.sync="primaryEmail.scope" :email.sync="primaryEmail.value" :active-notification-email.sync="notificationEmail" diff --git a/apps/settings/src/components/PersonalInfo/HeadlineSection/Headline.vue b/apps/settings/src/components/PersonalInfo/HeadlineSection/Headline.vue index 4818fa9c6ab..2b81169bb4b 100644 --- a/apps/settings/src/components/PersonalInfo/HeadlineSection/Headline.vue +++ b/apps/settings/src/components/PersonalInfo/HeadlineSection/Headline.vue @@ -22,8 +22,7 @@ <template> <div class="headline"> - <input - id="headline" + <input id="headline" type="text" :placeholder="t('settings', 'Your headline')" :value="headline" diff --git a/apps/settings/src/components/PersonalInfo/HeadlineSection/HeadlineSection.vue b/apps/settings/src/components/PersonalInfo/HeadlineSection/HeadlineSection.vue index 0eb83be535c..4f3714aa0ee 100644 --- a/apps/settings/src/components/PersonalInfo/HeadlineSection/HeadlineSection.vue +++ b/apps/settings/src/components/PersonalInfo/HeadlineSection/HeadlineSection.vue @@ -22,13 +22,11 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="headline" :scope.sync="primaryHeadline.scope" /> - <Headline - :headline.sync="primaryHeadline.value" + <Headline :headline.sync="primaryHeadline.value" :scope.sync="primaryHeadline.scope" /> </section> </template> diff --git a/apps/settings/src/components/PersonalInfo/LanguageSection/Language.vue b/apps/settings/src/components/PersonalInfo/LanguageSection/Language.vue index 14fe7360148..2f11f493207 100644 --- a/apps/settings/src/components/PersonalInfo/LanguageSection/Language.vue +++ b/apps/settings/src/components/PersonalInfo/LanguageSection/Language.vue @@ -22,8 +22,7 @@ <template> <div class="language"> - <select - id="language" + <select id="language" :placeholder="t('settings', 'Language')" @change="onLanguageChange"> <option v-for="commonLanguage in commonLanguages" @@ -43,8 +42,7 @@ </option> </select> - <a - href="https://www.transifex.com/nextcloud/nextcloud/" + <a href="https://www.transifex.com/nextcloud/nextcloud/" target="_blank" rel="noreferrer noopener"> <em>{{ t('settings', 'Help translate') }}</em> diff --git a/apps/settings/src/components/PersonalInfo/LanguageSection/LanguageSection.vue b/apps/settings/src/components/PersonalInfo/LanguageSection/LanguageSection.vue index 8c53081fb80..90882b23869 100644 --- a/apps/settings/src/components/PersonalInfo/LanguageSection/LanguageSection.vue +++ b/apps/settings/src/components/PersonalInfo/LanguageSection/LanguageSection.vue @@ -22,13 +22,11 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="language" /> <template v-if="isEditable"> - <Language - :common-languages="commonLanguages" + <Language :common-languages="commonLanguages" :other-languages="otherLanguages" :language.sync="language" /> </template> diff --git a/apps/settings/src/components/PersonalInfo/OrganisationSection/Organisation.vue b/apps/settings/src/components/PersonalInfo/OrganisationSection/Organisation.vue index 98e1143dbbb..106c5b6f6ff 100644 --- a/apps/settings/src/components/PersonalInfo/OrganisationSection/Organisation.vue +++ b/apps/settings/src/components/PersonalInfo/OrganisationSection/Organisation.vue @@ -22,8 +22,7 @@ <template> <div class="organisation"> - <input - id="organisation" + <input id="organisation" type="text" :placeholder="t('settings', 'Your organisation')" :value="organisation" diff --git a/apps/settings/src/components/PersonalInfo/OrganisationSection/OrganisationSection.vue b/apps/settings/src/components/PersonalInfo/OrganisationSection/OrganisationSection.vue index 420f79fc8d0..2a0b93d552f 100644 --- a/apps/settings/src/components/PersonalInfo/OrganisationSection/OrganisationSection.vue +++ b/apps/settings/src/components/PersonalInfo/OrganisationSection/OrganisationSection.vue @@ -22,13 +22,11 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="organisation" :scope.sync="primaryOrganisation.scope" /> - <Organisation - :organisation.sync="primaryOrganisation.value" + <Organisation :organisation.sync="primaryOrganisation.value" :scope.sync="primaryOrganisation.scope" /> </section> </template> diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue index b1ff57130b1..1ee3bc0e149 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue @@ -21,12 +21,10 @@ --> <template> - <a - :class="{ disabled }" + <a :class="{ disabled }" href="#profile-visibility" v-on="$listeners"> - <ChevronDownIcon - class="anchor-icon" + <ChevronDownIcon class="anchor-icon" decorative title="" :size="22" /> diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileCheckbox.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileCheckbox.vue index fba5a883ab4..d7e78915c5d 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileCheckbox.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileCheckbox.vue @@ -22,8 +22,7 @@ <template> <div class="checkbox-container"> - <input - id="enable-profile" + <input id="enable-profile" class="checkbox" type="checkbox" :checked="profileEnabled" diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue index 01454311765..4cc0d50346a 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue @@ -21,12 +21,10 @@ --> <template> - <a - class="preview-card" + <a class="preview-card" :class="{ disabled }" :href="profilePageLink"> - <Avatar - class="preview-card__avatar" + <Avatar class="preview-card__avatar" :user="userId" :size="48" :show-user-status="true" diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileSection.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileSection.vue index f33b332aadb..46048e96c0e 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileSection.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfileSection.vue @@ -22,20 +22,16 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" /> + <HeaderBar :account-property="accountProperty" /> - <ProfileCheckbox - :profile-enabled.sync="profileEnabled" /> + <ProfileCheckbox :profile-enabled.sync="profileEnabled" /> - <ProfilePreviewCard - :organisation="organisation" + <ProfilePreviewCard :organisation="organisation" :display-name="displayName" :profile-enabled="profileEnabled" :user-id="userId" /> - <EditProfileAnchorLink - :profile-enabled="profileEnabled" /> + <EditProfileAnchorLink :profile-enabled="profileEnabled" /> </section> </template> diff --git a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue index a0ccec5e55c..16a46fee969 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue @@ -22,18 +22,15 @@ <template> <!-- TODO remove this inline margin placeholder once the settings layout is updated --> - <section - id="profile-visibility" + <section id="profile-visibility" :style="{ marginLeft }"> - <HeaderBar - :account-property="heading" /> + <HeaderBar :account-property="heading" /> <em :class="{ disabled }"> {{ t('settings', 'The more restrictive setting of either visibility or scope is respected on your Profile. For example, if visibility is set to "Show to everyone" and scope is set to "Private", "Private" is respected.') }} </em> - <div - class="visibility-dropdowns" + <div class="visibility-dropdowns" :style="{ gridTemplateRows: `repeat(${rows}, 44px)`, }"> diff --git a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/VisibilityDropdown.vue b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/VisibilityDropdown.vue index 15ead42ad91..e057d5f0a08 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/VisibilityDropdown.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/VisibilityDropdown.vue @@ -21,14 +21,12 @@ --> <template> - <div - class="visibility-container" + <div class="visibility-container" :class="{ disabled }"> <label :for="inputId"> {{ t('settings', '{displayId}', { displayId }) }} </label> - <Multiselect - :id="inputId" + <Multiselect :id="inputId" class="visibility-container__multiselect" :options="visibilityOptions" track-by="name" diff --git a/apps/settings/src/components/PersonalInfo/RoleSection/Role.vue b/apps/settings/src/components/PersonalInfo/RoleSection/Role.vue index c0e99038856..efbc06e61be 100644 --- a/apps/settings/src/components/PersonalInfo/RoleSection/Role.vue +++ b/apps/settings/src/components/PersonalInfo/RoleSection/Role.vue @@ -22,8 +22,7 @@ <template> <div class="role"> - <input - id="role" + <input id="role" type="text" :placeholder="t('settings', 'Your role')" :value="role" diff --git a/apps/settings/src/components/PersonalInfo/RoleSection/RoleSection.vue b/apps/settings/src/components/PersonalInfo/RoleSection/RoleSection.vue index 4bfaa6b0eb8..51026f4860c 100644 --- a/apps/settings/src/components/PersonalInfo/RoleSection/RoleSection.vue +++ b/apps/settings/src/components/PersonalInfo/RoleSection/RoleSection.vue @@ -22,13 +22,11 @@ <template> <section> - <HeaderBar - :account-property="accountProperty" + <HeaderBar :account-property="accountProperty" label-for="role" :scope.sync="primaryRole.scope" /> - <Role - :role.sync="primaryRole.value" + <Role :role.sync="primaryRole.value" :scope.sync="primaryRole.scope" /> </section> </template> diff --git a/apps/settings/src/components/PersonalInfo/shared/AddButton.vue b/apps/settings/src/components/PersonalInfo/shared/AddButton.vue index 56cbb2ba515..a03063044fb 100644 --- a/apps/settings/src/components/PersonalInfo/shared/AddButton.vue +++ b/apps/settings/src/components/PersonalInfo/shared/AddButton.vue @@ -21,8 +21,7 @@ --> <template> - <button - :disabled="disabled" + <button :disabled="disabled" v-on="$listeners"> <span class="icon icon-add" /> {{ t('settings', 'Add') }} diff --git a/apps/settings/src/components/PersonalInfo/shared/FederationControl.vue b/apps/settings/src/components/PersonalInfo/shared/FederationControl.vue index 6d5dc0f2529..b14bc5165b5 100644 --- a/apps/settings/src/components/PersonalInfo/shared/FederationControl.vue +++ b/apps/settings/src/components/PersonalInfo/shared/FederationControl.vue @@ -21,8 +21,7 @@ --> <template> - <Actions - :class="{ 'federation-actions': !additional, 'federation-actions--additional': additional }" + <Actions :class="{ 'federation-actions': !additional, 'federation-actions--additional': additional }" :aria-label="ariaLabel" :default-icon="scopeIcon" :disabled="disabled"> diff --git a/apps/settings/src/components/PersonalInfo/shared/FederationControlAction.vue b/apps/settings/src/components/PersonalInfo/shared/FederationControlAction.vue index cba189a844e..f98d9bc7535 100644 --- a/apps/settings/src/components/PersonalInfo/shared/FederationControlAction.vue +++ b/apps/settings/src/components/PersonalInfo/shared/FederationControlAction.vue @@ -21,8 +21,7 @@ --> <template> - <ActionButton - :aria-label="isSupportedScope ? tooltip : tooltipDisabled" + <ActionButton :aria-label="isSupportedScope ? tooltip : tooltipDisabled" class="federation-actions__btn" :class="{ 'federation-actions__btn--active': activeScope === name }" :close-after-click="true" diff --git a/apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue b/apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue index 1e6ab01dbbb..4aaff5981a8 100644 --- a/apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue +++ b/apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue @@ -21,24 +21,21 @@ --> <template> - <h3 - :class="{ 'setting-property': isSettingProperty, 'profile-property': isProfileProperty }"> + <h3 :class="{ 'setting-property': isSettingProperty, 'profile-property': isProfileProperty }"> <label :for="labelFor"> <!-- Already translated as required by prop validator --> {{ accountProperty }} </label> <template v-if="scope"> - <FederationControl - class="federation-control" + <FederationControl class="federation-control" :account-property="accountProperty" :scope.sync="localScope" @update:scope="onScopeChange" /> </template> <template v-if="isEditable && isMultiValueSupported"> - <AddButton - class="add-button" + <AddButton class="add-button" :disabled="!isValidSection" @click.stop.prevent="onAddAdditional" /> </template> diff --git a/apps/settings/src/components/UserList/UserRow.vue b/apps/settings/src/components/UserList/UserRow.vue index 7ea277c1402..2d1f13c6b21 100644 --- a/apps/settings/src/components/UserList/UserRow.vue +++ b/apps/settings/src/components/UserList/UserRow.vue @@ -43,8 +43,7 @@ </div> <!-- User full data --> - <UserRowSimple - v-else-if="!editing" + <UserRowSimple v-else-if="!editing" :editing.sync="editing" :feedback-message="feedbackMessage" :groups="groups" @@ -75,12 +74,10 @@ </div> <!-- dirty hack to ellipsis on two lines --> <div v-if="user.backendCapabilities.setDisplayName" class="displayName"> - <form - :class="{'icon-loading-small': loading.displayName}" + <form :class="{'icon-loading-small': loading.displayName}" class="displayName" @submit.prevent="updateDisplayName"> - <input - :id="'displayName'+user.id+rand" + <input :id="'displayName'+user.id+rand" ref="displayName" :disabled="loading.displayName||loading.all" :value="user.displayname" @@ -89,8 +86,7 @@ autocorrect="off" spellcheck="false" type="text"> - <input - class="icon-confirm" + <input class="icon-confirm" type="submit" value=""> </form> diff --git a/apps/settings/src/components/UserList/UserRowSimple.vue b/apps/settings/src/components/UserList/UserRowSimple.vue index 417b209fe2d..50ed78a0bc7 100644 --- a/apps/settings/src/components/UserList/UserRowSimple.vue +++ b/apps/settings/src/components/UserList/UserRowSimple.vue @@ -1,6 +1,5 @@ <template> - <div - class="row" + <div class="row" :class="{'disabled': loading.delete || loading.disable}" :data-id="user.id"> <div class="avatar" :class="{'icon-loading-small': loading.delete || loading.disable || loading.wipe}"> @@ -35,8 +34,7 @@ <div class="userQuota"> <div class="quota"> {{ userQuota }} ({{ usedSpace }}) - <progress - class="quota-user-progress" + <progress class="quota-user-progress" :class="{'warn': usedQuota > 80}" :value="usedQuota" max="100" /> @@ -65,8 +63,7 @@ </ActionButton> </Actions> <div class="userPopoverMenuWrapper"> - <button - v-click-outside="hideMenu" + <button v-click-outside="hideMenu" class="icon-more" :aria-label="t('settings', 'Toggle user actions menu')" @click.prevent="toggleMenu" /> diff --git a/apps/settings/src/views/Apps.vue b/apps/settings/src/views/Apps.vue index 9dc46510996..9f9b066b8c9 100644 --- a/apps/settings/src/views/Apps.vue +++ b/apps/settings/src/views/Apps.vue @@ -28,24 +28,20 @@ <!-- Categories & filters --> <AppNavigation> <template #list> - <AppNavigationItem - id="app-category-your-apps" + <AppNavigationItem id="app-category-your-apps" :to="{ name: 'apps' }" :exact="true" icon="icon-category-installed" :title="t('settings', 'Your apps')" /> - <AppNavigationItem - id="app-category-enabled" + <AppNavigationItem id="app-category-enabled" :to="{ name: 'apps-category', params: { category: 'enabled' } }" icon="icon-category-enabled" :title="t('settings', 'Active apps')" /> - <AppNavigationItem - id="app-category-disabled" + <AppNavigationItem id="app-category-disabled" :to="{ name: 'apps-category', params: { category: 'disabled' } }" icon="icon-category-disabled" :title="t('settings', 'Disabled apps')" /> - <AppNavigationItem - v-if="updateCount > 0" + <AppNavigationItem v-if="updateCount > 0" id="app-category-updates" :to="{ name: 'apps-category', params: { category: 'updates' } }" icon="icon-download" @@ -54,8 +50,7 @@ {{ updateCount }} </AppNavigationCounter> </AppNavigationItem> - <AppNavigationItem - id="app-category-your-bundles" + <AppNavigationItem id="app-category-your-bundles" :to="{ name: 'apps-category', params: { category: 'app-bundles' } }" icon="icon-category-app-bundles" :title="t('settings', 'App bundles')" /> @@ -64,14 +59,12 @@ <!-- App store categories --> <template v-if="settings.appstoreEnabled"> - <AppNavigationItem - id="app-category-featured" + <AppNavigationItem id="app-category-featured" :to="{ name: 'apps-category', params: { category: 'featured' } }" icon="icon-favorite" :title="t('settings', 'Featured apps')" /> - <AppNavigationItem - v-for="cat in categories" + <AppNavigationItem v-for="cat in categories" :key="'icon-category-' + cat.ident" :icon="'icon-category-' + cat.ident" :to="{ @@ -81,8 +74,7 @@ :title="cat.displayName" /> </template> - <AppNavigationItem - id="app-developer-docs" + <AppNavigationItem id="app-developer-docs" href="settings.developerDocumentation" :title="t('settings', 'Developer documentation') + ' ↗'" /> </template> @@ -94,8 +86,7 @@ </AppContent> <!-- Selected app details --> - <AppSidebar - v-if="id && app" + <AppSidebar v-if="id && app" v-bind="appSidebar" :class="{'app-sidebar--without-background': !appSidebar.background}" @close="hideAppDetails"> diff --git a/apps/settings/src/views/Users.vue b/apps/settings/src/views/Users.vue index bf191111853..02f55a0d3cb 100644 --- a/apps/settings/src/views/Users.vue +++ b/apps/settings/src/views/Users.vue @@ -30,8 +30,7 @@ @keyup.enter="showNewUserMenu" @keyup.space="showNewUserMenu" /> <template #list> - <AppNavigationItem - id="addgroup" + <AppNavigationItem id="addgroup" ref="addGroup" :edit-placeholder="t('settings', 'Enter group name')" :editable="true" @@ -40,8 +39,7 @@ icon="icon-add" @click="showAddGroupForm" @update:title="createGroup" /> - <AppNavigationItem - id="everyone" + <AppNavigationItem id="everyone" :exact="true" :title="t('settings', 'Active users')" :to="{ name: 'users' }" @@ -50,8 +48,7 @@ {{ userCount }} </AppNavigationCounter> </AppNavigationItem> - <AppNavigationItem - v-if="settings.isAdmin" + <AppNavigationItem v-if="settings.isAdmin" id="admin" :exact="true" :title="t('settings', 'Admins')" @@ -63,8 +60,7 @@ </AppNavigationItem> <!-- Hide the disabled if none, if we don't have the data (-1) show it --> - <AppNavigationItem - v-if="disabledGroupMenu.usercount > 0 || disabledGroupMenu.usercount === -1" + <AppNavigationItem v-if="disabledGroupMenu.usercount > 0 || disabledGroupMenu.usercount === -1" id="disabled" :exact="true" :title="t('settings', 'Disabled users')" @@ -76,8 +72,7 @@ </AppNavigationItem> <AppNavigationCaption v-if="groupList.length > 0" :title="t('settings', 'Groups')" /> - <AppNavigationItem - v-for="group in groupList" + <AppNavigationItem v-for="group in groupList" :key="group.id" :exact="true" :title="group.title" @@ -87,8 +82,7 @@ {{ group.count }} </AppNavigationCounter> <template slot="actions"> - <ActionButton - v-if="group.id !== 'admin' && group.id !== 'disabled' && settings.isAdmin" + <ActionButton v-if="group.id !== 'admin' && group.id !== 'disabled' && settings.isAdmin" icon="icon-delete" @click="removeGroup(group.id)"> {{ t('settings', 'Remove group') }} @@ -151,8 +145,7 @@ </template> </AppNavigation> <AppContent> - <UserList - :users="users" + <UserList :users="users" :show-config="showConfig" :selected-group="selectedGroupDecoded" :external-actions="externalActions" /> diff --git a/apps/user_status/src/UserStatus.vue b/apps/user_status/src/UserStatus.vue index bac84e86500..997265a362b 100644 --- a/apps/user_status/src/UserStatus.vue +++ b/apps/user_status/src/UserStatus.vue @@ -23,8 +23,7 @@ <li> <div class="user-status-menu-item"> <!-- Username display --> - <a - v-if="!inline" + <a v-if="!inline" class="user-status-menu-item__header" :href="profilePageLink" @click="loadProfilePage"> @@ -50,8 +49,7 @@ </div> <!-- Status management modal --> - <SetStatusModal - v-if="isModalOpen" + <SetStatusModal v-if="isModalOpen" @close="closeModal" /> </li> </template> diff --git a/apps/user_status/src/components/ClearAtSelect.vue b/apps/user_status/src/components/ClearAtSelect.vue index cd8865edb43..09e0068f87f 100644 --- a/apps/user_status/src/components/ClearAtSelect.vue +++ b/apps/user_status/src/components/ClearAtSelect.vue @@ -21,12 +21,10 @@ <template> <div class="clear-at-select"> - <span - class="clear-at-select__label"> + <span class="clear-at-select__label"> {{ $t('user_status', 'Clear status message after') }} </span> - <Multiselect - label="label" + <Multiselect label="label" :value="option" :options="options" open-direction="top" diff --git a/apps/user_status/src/components/CustomMessageInput.vue b/apps/user_status/src/components/CustomMessageInput.vue index f5c64962b7b..88956e6871b 100644 --- a/apps/user_status/src/components/CustomMessageInput.vue +++ b/apps/user_status/src/components/CustomMessageInput.vue @@ -19,11 +19,9 @@ - --> <template> - <form - class="custom-input__form" + <form class="custom-input__form" @submit.prevent> - <input - ref="input" + <input ref="input" maxlength="80" :disabled="disabled" :placeholder="$t('user_status', 'What is your status?')" diff --git a/apps/user_status/src/components/PredefinedStatus.vue b/apps/user_status/src/components/PredefinedStatus.vue index c7fd4d63fed..f8d5fe26be4 100644 --- a/apps/user_status/src/components/PredefinedStatus.vue +++ b/apps/user_status/src/components/PredefinedStatus.vue @@ -19,8 +19,7 @@ - --> <template> - <div - class="predefined-status" + <div class="predefined-status" tabindex="0" @keyup.enter="select" @keyup.space="select" diff --git a/apps/user_status/src/components/PredefinedStatusesList.vue b/apps/user_status/src/components/PredefinedStatusesList.vue index c0b53a6d650..cff03289715 100644 --- a/apps/user_status/src/components/PredefinedStatusesList.vue +++ b/apps/user_status/src/components/PredefinedStatusesList.vue @@ -20,11 +20,9 @@ --> <template> - <div - v-if="hasLoaded" + <div v-if="hasLoaded" class="predefined-statuses-list"> - <PredefinedStatus - v-for="status in predefinedStatuses" + <PredefinedStatus v-for="status in predefinedStatuses" :key="status.id" :message-id="status.id" :icon="status.icon" @@ -32,8 +30,7 @@ :clear-at="status.clearAt" @select="selectStatus(status)" /> </div> - <div - v-else + <div v-else class="predefined-statuses-list"> <div class="icon icon-loading-small" /> </div> diff --git a/apps/user_status/src/components/SetStatusModal.vue b/apps/user_status/src/components/SetStatusModal.vue index 704e4ae3788..1e1a78203c3 100644 --- a/apps/user_status/src/components/SetStatusModal.vue +++ b/apps/user_status/src/components/SetStatusModal.vue @@ -20,8 +20,7 @@ --> <template> - <Modal - size="normal" + <Modal size="normal" :title="$t('user_status', 'Set status')" @close="closeModal"> <div class="set-status-modal"> @@ -43,21 +42,17 @@ </div> <div class="set-status-modal__custom-input"> <EmojiPicker @select="setIcon"> - <button - class="custom-input__emoji-button"> + <button class="custom-input__emoji-button"> {{ visibleIcon }} </button> </EmojiPicker> - <CustomMessageInput - ref="customMessageInput" + <CustomMessageInput ref="customMessageInput" :message="message" @change="setMessage" @submit="saveStatus" /> </div> - <PredefinedStatusesList - @selectStatus="selectPredefinedMessage" /> - <ClearAtSelect - :clear-at="clearAt" + <PredefinedStatusesList @selectStatus="selectPredefinedMessage" /> + <ClearAtSelect :clear-at="clearAt" @selectClearAt="setClearAt" /> <div class="status-buttons"> <button class="status-buttons__select" :disabled="isSavingStatus" @click="clearStatus"> diff --git a/apps/user_status/src/views/Dashboard.vue b/apps/user_status/src/views/Dashboard.vue index bc30b604a67..629a28abeb5 100644 --- a/apps/user_status/src/views/Dashboard.vue +++ b/apps/user_status/src/views/Dashboard.vue @@ -20,17 +20,14 @@ --> <template> - <DashboardWidget - id="user-status_panel" + <DashboardWidget id="user-status_panel" :items="items" :loading="loading"> <template #default="{ item }"> - <DashboardWidgetItem - :main-text="item.mainText" + <DashboardWidgetItem :main-text="item.mainText" :sub-text="item.subText"> <template #avatar> - <Avatar - class="item-avatar" + <Avatar class="item-avatar" :size="44" :user="item.avatarUsername" :display-name="item.mainText" @@ -40,8 +37,7 @@ </DashboardWidgetItem> </template> <template #empty-content> - <EmptyContent - id="user_status-widget-empty-content" + <EmptyContent id="user_status-widget-empty-content" icon="icon-user-status"> {{ t('user_status', 'No recent status changes') }} </EmptyContent> diff --git a/apps/weather_status/src/App.vue b/apps/weather_status/src/App.vue index e8cab2272d6..78cbaadeb8d 100644 --- a/apps/weather_status/src/App.vue +++ b/apps/weather_status/src/App.vue @@ -22,8 +22,7 @@ <template> <li :class="{ inline }"> <div id="weather-status-menu-item"> - <Actions - class="weather-status-menu-item__subheader" + <Actions class="weather-status-menu-item__subheader" :default-icon="weatherIcon" :menu-title="currentWeatherMessage"> <ActionText v-if="gotWeather" @@ -43,14 +42,12 @@ {{ addRemoveFavoriteText }} </ActionButton> <ActionSeparator v-if="address && !errorMessage" /> - <ActionButton - icon="icon-crosshair" + <ActionButton icon="icon-crosshair" :close-after-click="true" @click="onBrowserLocationClick"> {{ t('weather_status', 'Detect location') }} </ActionButton> - <ActionInput - ref="addressInput" + <ActionInput ref="addressInput" :disabled="false" icon="icon-rename" type="text" @@ -58,8 +55,7 @@ @submit="onAddressSubmit"> {{ t('weather_status', 'Set custom address') }} </ActionInput> - <ActionButton - v-show="favorites.length > 0" + <ActionButton v-show="favorites.length > 0" :icon="toggleFavoritesIcon" @click="showFavorites = !showFavorites"> {{ t('weather_status', 'Favorites') }} diff --git a/apps/workflowengine/src/components/Checks/FileMimeType.vue b/apps/workflowengine/src/components/Checks/FileMimeType.vue index 501b7a598a0..56a7c1d0ec4 100644 --- a/apps/workflowengine/src/components/Checks/FileMimeType.vue +++ b/apps/workflowengine/src/components/Checks/FileMimeType.vue @@ -22,8 +22,7 @@ <template> <div> - <Multiselect - :value="currentValue" + <Multiselect :value="currentValue" :placeholder="t('workflowengine', 'Select a file type')" label="label" track-by="pattern" diff --git a/apps/workflowengine/src/components/Checks/RequestURL.vue b/apps/workflowengine/src/components/Checks/RequestURL.vue index 06ea8ea3bfb..c9b241eddfa 100644 --- a/apps/workflowengine/src/components/Checks/RequestURL.vue +++ b/apps/workflowengine/src/components/Checks/RequestURL.vue @@ -22,8 +22,7 @@ <template> <div> - <Multiselect - :value="currentValue" + <Multiselect :value="currentValue" :placeholder="t('workflowengine', 'Select a request URL')" label="label" track-by="pattern" diff --git a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue index ffee4acb9a9..2bab6d7fed5 100644 --- a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue +++ b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue @@ -22,8 +22,7 @@ <template> <div> - <Multiselect - :value="currentValue" + <Multiselect :value="currentValue" :placeholder="t('workflowengine', 'Select a user agent')" label="label" track-by="pattern" diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue index 0bf6dbfc510..55d018677cb 100644 --- a/core/src/components/HeaderMenu.vue +++ b/core/src/components/HeaderMenu.vue @@ -20,8 +20,7 @@ - --> <template> - <div - :id="id" + <div :id="id" v-click-outside="clickOutsideConfig" :class="{ 'header-menu--opened': opened }" class="header-menu"> diff --git a/core/src/components/Profile/PrimaryActionButton.vue b/core/src/components/Profile/PrimaryActionButton.vue index 7cfff4bc664..7a1f031b60c 100644 --- a/core/src/components/Profile/PrimaryActionButton.vue +++ b/core/src/components/Profile/PrimaryActionButton.vue @@ -21,15 +21,13 @@ --> <template> - <a - class="profile__primary-action-button" + <a class="profile__primary-action-button" :class="{ 'disabled': disabled }" :href="href" :target="target" rel="noopener noreferrer nofollow" v-on="$listeners"> - <img - class="icon" + <img class="icon" :class="[icon, { 'icon-invert': colorPrimaryText === '#ffffff' }]" :src="icon"> <slot /> diff --git a/core/src/components/UnifiedSearch/SearchResultPlaceholders.vue b/core/src/components/UnifiedSearch/SearchResultPlaceholders.vue index 31f85f413d3..d2a297a0a37 100644 --- a/core/src/components/UnifiedSearch/SearchResultPlaceholders.vue +++ b/core/src/components/UnifiedSearch/SearchResultPlaceholders.vue @@ -22,8 +22,7 @@ <!-- Placeholders --> <li v-for="placeholder in [1, 2, 3]" :key="placeholder"> - <svg - class="unified-search__result-placeholder" + <svg class="unified-search__result-placeholder" xmlns="http://www.w3.org/2000/svg" fill="url(#unified-search__result-placeholder-gradient)"> <rect class="unified-search__result-placeholder-icon" /> diff --git a/core/src/components/setup/InstallButton.vue b/core/src/components/setup/InstallButton.vue index 90e96207a75..52d2d622a76 100644 --- a/core/src/components/setup/InstallButton.vue +++ b/core/src/components/setup/InstallButton.vue @@ -21,8 +21,7 @@ --> <template> - <button - class="primary" + <button class="primary" :autofocus="true" v-on="$listeners"> {{ t('core', 'Install recommended apps') }} diff --git a/core/src/views/Login.vue b/core/src/views/Login.vue index b87027a9e3e..70ac8da6f55 100644 --- a/core/src/views/Login.vue +++ b/core/src/views/Login.vue @@ -24,8 +24,7 @@ <transition name="fade" mode="out-in"> <div v-if="!passwordlessLogin && !resetPassword && resetPasswordTarget === ''" key="login"> - <LoginForm - :username.sync="user" + <LoginForm :username.sync="user" :redirect-url="redirectUrl" :direct-login="directLogin" :messages="messages" @@ -67,8 +66,7 @@ <div v-else-if="!loading && passwordlessLogin" key="reset" class="login-additional"> - <PasswordLessLoginForm - :username.sync="user" + <PasswordLessLoginForm :username.sync="user" :redirect-url="redirectUrl" :inverted-colors="invertedColors" :auto-complete-allowed="autoCompleteAllowed" diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index be3867c984e..eb78e760709 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -31,8 +31,7 @@ <a v-if="isCurrentUser" class="primary profile__header__container__edit-button" :href="settingsUrl"> - <PencilIcon - class="pencil-icon" + <PencilIcon class="pencil-icon" decorative title="" :size="16" /> @@ -50,8 +49,7 @@ <div class="profile__content"> <div class="profile__sidebar"> - <Avatar - class="avatar" + <Avatar class="avatar" :class="{ interactive: isCurrentUser }" :user="userId" :size="180" @@ -84,8 +82,7 @@ backgroundImage: `url(${action.icon})`, ...(colorMainBackground === '#181818' && { filter: 'invert(1)' }) }"> - <ActionLink - :close-after-click="true" + <ActionLink :close-after-click="true" :icon="action.icon" :href="action.target" :target="action.id === 'phone' ? '_self' :'_blank'"> @@ -93,8 +90,7 @@ </ActionLink> </Actions> <template v-if="otherActions"> - <Actions - :force-menu="true"> + <Actions :force-menu="true"> <ActionLink v-for="action in otherActions" :key="action.id" :class="{ 'icon-invert': colorMainBackground === '#181818' }" @@ -117,8 +113,7 @@ </div> <div v-if="address" class="detail"> <p> - <MapMarkerIcon - class="map-icon" + <MapMarkerIcon class="map-icon" decorative title="" :size="16" /> @@ -136,8 +131,7 @@ </template> <template v-else> <div class="profile__blocks-empty-info"> - <AccountIcon - decorative + <AccountIcon decorative title="" fill-color="var(--color-text-maxcontrast)" :size="60" /> |