plugins-nextcloud-mirror/spreed
1
0
Fork 0
mirror of https://github.com/nextcloud/spreed.git synced 2025-12-18 05:20:50 +01:00
Code Projects Releases Activity

Fix import of ButtonVue

Browse source 
Signed-off-by: Joas Schilling <coding@schilljs.com>
This commit is contained in:
Joas Schilling 2022-08-12 14:06:09 +02:00
parent 950ee938ba
commit 8edad9d565
No known key found for this signature in database
GPG key ID: 74434EFE0D2E2205
51 changed files with 264 additions and 256 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/FilesSidebarTabApp.vue
View file

@ -27,16 +27,16 @@
<div class="icon icon-talk" />
<h2>{{ t('spreed', 'Discuss this file') }}</h2>
<p>{{ t('spreed', 'Share this file with others to discuss it') }}</p>
<Button type="primary" @click="openSharingTab">
<ButtonVue type="primary" @click="openSharingTab">
{{ t('spreed', 'Share this file') }}
</Button>
</ButtonVue>
</div>
<div v-else-if="isTalkSidebarSupportedForFile && !token" class="emptycontent room-not-joined">
<div class="icon icon-talk" />
<h2>{{ t('spreed', 'Discuss this file') }}</h2>
<Button type="primary" @click="joinConversation">
<ButtonVue type="primary" @click="joinConversation">
{{ t('spreed', 'Join conversation') }}
</Button>
</ButtonVue>
</div>
<template v-else>
<CallButton class="call-button" />
@ -66,7 +66,7 @@ import sessionIssueHandler from './mixins/sessionIssueHandler.js'
import browserCheck from './mixins/browserCheck.js'
import '@nextcloud/dialogs/styles/toast.scss'
import DeviceChecker from './components/DeviceChecker/DeviceChecker.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
@ -77,7 +77,7 @@ export default {
ChatView,
UploadEditor,
DeviceChecker,
Button,
ButtonVue,
},
mixins: [

8
src/PublicShareAuthRequestPasswordButton.vue
View file

@ -23,14 +23,14 @@
<!-- "submit-wrapper" is used to mimic the login button and thus get
automatic colouring of the confirm icon by the Theming app. -->
<div id="submit-wrapper" class="request-password-wrapper">
<Button id="request-password-button"
<ButtonVue id="request-password-button"
type="primary"
:wide="true"
:disabled="isRequestInProgress"
@click="requestPassword"
@keydown.enter="requestPassword">
{{ t('spreed', 'Request password') }}
</Button>
</ButtonVue>
</div>
<p v-if="hasRequestFailed" class="warning error-message">
{{ t('spreed', 'Error requesting the password.') }}
@ -39,7 +39,7 @@
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import { getPublicShareAuthConversationToken } from './services/publicShareAuthService.js'
import browserCheck from './mixins/browserCheck.js'
import '@nextcloud/dialogs/styles/toast.scss'
@ -49,7 +49,7 @@ export default {
name: 'PublicShareAuthRequestPasswordButton',
components: {
Button,
ButtonVue,
},
mixins: [

2
src/PublicShareSidebar.vue
View file

@ -50,7 +50,7 @@
</template>
<script>
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import PreventUnload from 'vue-prevent-unload'
import { loadState } from '@nextcloud/initial-state'
import CallView from './components/CallView/CallView.vue'

8
src/PublicShareSidebarTrigger.vue
View file

@ -20,18 +20,18 @@
<template>
<div class="button-holder">
<Button type="tertiary-on-primary"
<ButtonVue type="tertiary-on-primary"
:aria-label="ariaLabel"
@click="$emit('click')">
<template #icon>
<MenuPeople :size="20" />
</template>
</Button>
</ButtonVue>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import MenuPeople from './components/missingMaterialDesignIcons/MenuPeople.vue'
export default {
@ -39,7 +39,7 @@ export default {
name: 'PublicShareSidebarTrigger',
components: {
Button,
ButtonVue,
MenuPeople,
},

12
src/components/AdminSettings/AllowedGroups.vue
View file

@ -50,11 +50,11 @@
label="displayname"
@search-change="searchGroup" />
<Button type="primary"
<ButtonVue type="primary"
:disabled="loading"
@click="saveAllowedGroups">
{{ saveLabelAllowedGroups }}
</Button>
</ButtonVue>
</div>
<h3>{{ t('spreed', 'Limit creating a public and group conversation') }}</h3>
@ -75,11 +75,11 @@
label="displayname"
@search-change="searchGroup" />
<Button type="primary"
<ButtonVue type="primary"
:disabled="loading"
@click="saveStartConversationsGroups">
{{ saveLabelStartConversations }}
</Button>
</ButtonVue>
</div>
<h3>{{ t('spreed', 'Limit starting a call') }}</h3>
@ -106,7 +106,7 @@ import axios from '@nextcloud/axios'
import debounce from 'debounce'
import { generateOcsUrl } from '@nextcloud/router'
import { loadState } from '@nextcloud/initial-state'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
const startCallOptions = [
{ value: 0, label: t('spreed', 'Everyone') },
@ -120,7 +120,7 @@ export default {
components: {
Multiselect,
Button,
ButtonVue,
},
data() {

12
src/components/AdminSettings/HostedSignalingServer.vue
View file

@ -81,11 +81,11 @@
</option>
</select>
<Button type="primary"
<ButtonVue type="primary"
:disabled="!hostedHPBFilled || loading"
@click="requestHPBTrial">
{{ t('spreed', 'Request signaling server trial') }}
</Button>
</ButtonVue>
<p v-if="requestError !== ''"
class="warning">
@ -122,17 +122,17 @@
{{ requestError }}
</p>
<Button type="error"
<ButtonVue type="error"
:disabled="loading"
@click="deleteAccount">
{{ t('spreed', 'Delete the signaling server account') }}
</Button>
</ButtonVue>
</div>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import { loadState } from '@nextcloud/initial-state'
import axios from '@nextcloud/axios'
import { generateOcsUrl } from '@nextcloud/router'
@ -142,7 +142,7 @@ export default {
name: 'HostedSignalingServer',
components: {
Button,
ButtonVue,
},
data() {

12
src/components/AdminSettings/MatterbridgeIntegration.vue
View file

@ -57,23 +57,23 @@
</p>
<p>
<Button v-if="isInstalling">
<ButtonVue v-if="isInstalling">
<template #icon>
<span class="icon icon-loading-small" />
</template>
{{ t('spreed', 'Downloading …') }}
</Button>
<Button v-else
</ButtonVue>
<ButtonVue v-else
@click="enableMatterbridgeApp">
{{ t('spreed', 'Install Talk Matterbridge') }}
</Button>
</ButtonVue>
</p>
</template>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import { loadState } from '@nextcloud/initial-state'
import { showError } from '@nextcloud/dialogs'
import {
@ -86,7 +86,7 @@ export default {
name: 'MatterbridgeIntegration',
components: {
Button,
ButtonVue,
},
data() {

8
src/components/AdminSettings/SIPBridge.vue
View file

@ -73,17 +73,17 @@
:disabled="loading"
:placeholder="t('spreed', 'Phone number (Country)')" />
<Button type="primary"
<ButtonVue type="primary"
:disabled="loading"
@click="saveSIPSettings">
{{ t('spreed', 'Save changes') }}
</Button>
</ButtonVue>
</template>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
import axios from '@nextcloud/axios'
import debounce from 'debounce'
@ -96,7 +96,7 @@ export default {
name: 'SIPBridge',
components: {
Button,
ButtonVue,
Multiselect,
},

8
src/components/AdminSettings/SignalingServer.vue
View file

@ -38,21 +38,21 @@
@change="updateVerify">
<label :for="'verify' + index">{{ t('spreed', 'Validate SSL certificate') }}</label>
<Button v-show="!loading"
<ButtonVue v-show="!loading"
type="tertiary-no-background"
:aria-label="t('spreed', 'Delete this server')"
@click="removeServer">
<template #icon>
<Delete :size="20" />
</template>
</Button>
</ButtonVue>
<span v-if="server">{{ connectionState }}</span>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Delete from 'vue-material-design-icons/Delete'
import { getWelcomeMessage } from '../../services/signalingService.js'
@ -60,7 +60,7 @@ export default {
name: 'SignalingServer',
components: {
Button,
ButtonVue,
Delete,
},

8
src/components/AdminSettings/SignalingServers.vue
View file

@ -25,7 +25,7 @@
<h2>
{{ t('spreed', 'High-performance backend') }}
<Button v-if="!loading && showAddServerButton"
<ButtonVue v-if="!loading && showAddServerButton"
class="signaling-server__add-icon"
type="tertiary-no-background"
:aria-label="t('spreed', 'Add a new high-performance backend server')"
@ -33,7 +33,7 @@
<template #icon>
<Plus :size="20" />
</template>
</Button>
</ButtonVue>
</h2>
<p class="settings-hint">
@ -86,7 +86,7 @@
<script>
import SignalingServer from '../../components/AdminSettings/SignalingServer.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Plus from 'vue-material-design-icons/Plus'
import { showSuccess } from '@nextcloud/dialogs'
import { loadState } from '@nextcloud/initial-state'
@ -97,7 +97,7 @@ export default {
name: 'SignalingServers',
components: {
Button,
ButtonVue,
SignalingServer,
Plus,
},

12
src/components/AdminSettings/StunServer.vue
View file

@ -32,26 +32,26 @@
:disabled="loading"
:aria-label="t('spreed', 'STUN server URL')"
@input="update">
<Button v-show="!isValidServer"
<ButtonVue v-show="!isValidServer"
type="tertiary-no-background"
:aria-label="t('spreed', 'The server address is invalid')">
<template #icon>
<AlertCircle />
</template>
</Button>
<Button v-show="!loading"
</ButtonVue>
<ButtonVue v-show="!loading"
type="tertiary-no-background"
:aria-label="t('spreed', 'Delete this server')"
@click="removeServer">
<template #icon>
<Delete :size="20" />
</template>
</Button>
</ButtonVue>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import AlertCircle from 'vue-material-design-icons/AlertCircle'
import Delete from 'vue-material-design-icons/Delete'
@ -59,7 +59,7 @@ export default {
name: 'StunServer',
components: {
Button,
ButtonVue,
AlertCircle,
Delete,
},

8
src/components/AdminSettings/StunServers.vue
View file

@ -25,7 +25,7 @@
<h2>
{{ t('spreed', 'STUN servers') }}
<Button v-if="!loading"
<ButtonVue v-if="!loading"
class="stun-server__add-icon"
type="tertiary-no-background"
:aria-label="t('spreed', 'Add a new STUN server')"
@ -33,7 +33,7 @@
<template #icon>
<Plus :size="20" />
</template>
</Button>
</ButtonVue>
</h2>
<p class="settings-hint">
@ -56,7 +56,7 @@
<script>
import StunServer from '../../components/AdminSettings/StunServer.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Plus from 'vue-material-design-icons/Plus'
import debounce from 'debounce'
import { loadState } from '@nextcloud/initial-state'
@ -66,7 +66,7 @@ export default {
name: 'StunServers',
components: {
Button,
ButtonVue,
StunServer,
Plus,
},

12
src/components/AdminSettings/TurnServer.vue
View file

@ -73,7 +73,7 @@
</option>
</select>
<Button v-show="!loading"
<ButtonVue v-show="!loading"
type="tertiary-no-background"
:aria-label="testResult"
@click="testServer">
@ -83,20 +83,20 @@
<Check v-else-if="testingSuccess" />
<CategoryMonitoring v-else />
</template>
</Button>
<Button v-show="!loading"
</ButtonVue>
<ButtonVue v-show="!loading"
type="tertiary-no-background"
:aria-label="t('spreed', 'Delete this server')"
@click="removeServer">
<template #icon>
<Delete :size="20" />
</template>
</Button>
</ButtonVue>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
import AlertCircle from 'vue-material-design-icons/AlertCircle'
import Check from 'vue-material-design-icons/Check'
@ -114,7 +114,7 @@ export default {
},
components: {
Button,
ButtonVue,
AlertCircle,
CategoryMonitoring,
Check,

8
src/components/AdminSettings/TurnServers.vue
View file

@ -25,7 +25,7 @@
<h2>
{{ t('spreed', 'TURN servers') }}
<Button v-if="!loading"
<ButtonVue v-if="!loading"
class="turn-server__add-icon"
type="tertiary-no-background"
:aria-label="t('spreed', 'Add a new TURN server')"
@ -33,7 +33,7 @@
<template #icon>
<Plus :size="20" />
</template>
</Button>
</ButtonVue>
</h2>
<!-- eslint-disable-next-line vue/no-v-html -->
@ -60,7 +60,7 @@
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import TurnServer from '../../components/AdminSettings/TurnServer.vue'
import { loadState } from '@nextcloud/initial-state'
import Plus from 'vue-material-design-icons/Plus'
@ -71,7 +71,7 @@ export default {
name: 'TurnServers',
components: {
Button,
ButtonVue,
TurnServer,
Plus,
},

2
src/components/AdminSettings/WebServerSetupChecks.vue
View file

@ -51,7 +51,7 @@
<script>
import AlertCircle from 'vue-material-design-icons/AlertCircle'
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Check from 'vue-material-design-icons/Check'
import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
import JitsiStreamBackgroundEffect from '../../utils/media/effects/virtual-background/JitsiStreamBackgroundEffect.js'

2
src/components/CallView/shared/EmptyCallView.vue
View file

@ -36,7 +36,7 @@
</template>
<script>
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import { showError, showSuccess } from '@nextcloud/dialogs'
import { generateUrl } from '@nextcloud/router'
import { CONVERSATION, PARTICIPANT } from '../../../constants.js'

32
src/components/CallView/shared/LocalMediaControls.vue
View file

@ -29,7 +29,7 @@
:auto-hide="false"
:shown="showQualityWarningTooltip">
<template #trigger>
<Button id="quality_warning_button"
<ButtonVue id="quality_warning_button"
type="tertiary-no-background"
class="trigger"
@click="mouseover = !mouseover">
@ -37,29 +37,29 @@
<NetworkStrength2Alert fill-color="#e9322d"
:size="20" />
</template>
</Button>
</ButtonVue>
</template>
<div class="hint">
<span>{{ qualityWarningTooltip.content }}</span>
<div class="hint__actions">
<Button v-if="qualityWarningTooltip.action"
<ButtonVue v-if="qualityWarningTooltip.action"
type="primary"
class="hint__button"
@click="executeQualityWarningTooltipAction">
{{ qualityWarningTooltip.actionLabel }}
</Button>
<Button v-if="!isQualityWarningTooltipDismissed"
</ButtonVue>
<ButtonVue v-if="!isQualityWarningTooltipDismissed"
type="tertiary"
class="hint__button"
@click="dismissQualityWarningTooltip">
{{ t('spreed', 'Dismiss') }}
</Button>
</ButtonVue>
</div>
</div>
</Popover>
</div>
<div id="muteWrapper">
<Button v-shortkey.once="['m']"
<ButtonVue v-shortkey.once="['m']"
v-tooltip="audioButtonTooltip"
type="tertiary-no-background"
:aria-label="audioButtonAriaLabel"
@ -74,13 +74,13 @@
:size="20"
fill-color="#ffffff" />
</template>
</Button>
</ButtonVue>
<span v-show="model.attributes.audioAvailable"
ref="volumeIndicator"
class="volume-indicator"
:class="{'microphone-off': !showMicrophoneOn}" />
</div>
<Button v-shortkey.once="['v']"
<ButtonVue v-shortkey.once="['v']"
v-tooltip="videoButtonTooltip"
type="tertiary-no-background"
:aria-label="videoButtonAriaLabel"
@ -95,8 +95,8 @@
:size="20"
fill-color="#ffffff" />
</template>
</Button>
<Button v-if="isVirtualBackgroundAvailable && !showActions"
</ButtonVue>
<ButtonVue v-if="isVirtualBackgroundAvailable && !showActions"
v-tooltip="toggleVirtualBackgroundButtonLabel"
type="tertiary-no-background"
:aria-label="toggleVirtualBackgroundButtonLabel"
@ -110,7 +110,7 @@
:size="20"
fill-color="#ffffff" />
</template>
</Button>
</ButtonVue>
<Actions v-if="!screenSharingButtonHidden"
id="screensharing-button"
v-tooltip="screenSharingButtonTooltip"
@ -156,7 +156,7 @@
{{ t('spreed', 'Stop screensharing') }}
</ActionButton>
</Actions>
<Button v-shortkey.once="['r']"
<ButtonVue v-shortkey.once="['r']"
v-tooltip="t('spreed', 'Lower hand (R)')"
type="tertiary-no-background"
class="lower-hand"
@ -171,7 +171,7 @@
<HandBackLeft :size="18"
fill-color="#ffffff" />
</template>
</Button>
</ButtonVue>
<Actions v-if="showActions"
v-tooltip="t('spreed', 'More actions')"
:container="container"
@ -245,7 +245,7 @@ import VideoOff from 'vue-material-design-icons/VideoOff'
import Blur from 'vue-material-design-icons/Blur'
import BlurOff from 'vue-material-design-icons/BlurOff'
import Popover from '@nextcloud/vue/dist/Components/Popover'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
import { PARTICIPANT } from '../../../constants.js'
import SpeakingWhileMutedWarner from '../../../utils/webrtc/SpeakingWhileMutedWarner.js'
@ -270,7 +270,7 @@ export default {
Actions,
ActionSeparator,
ActionButton,
Button,
ButtonVue,
CancelPresentation,
Cog,
DotsHorizontal,

2
src/components/ConversationSettings/ConversationPermissionsSettings.vue
View file

@ -86,7 +86,7 @@
<script>
import PermissionEditor from '../PermissionsEditor/PermissionsEditor.vue'
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch'
import Pencil from 'vue-material-design-icons/Pencil.vue'
import { PARTICIPANT } from '../../constants.js'

16
src/components/ConversationSettings/DangerZone.vue
View file

@ -30,9 +30,9 @@
<p class="danger-zone__hint">
{{ t('spreed', 'Once a conversation is left, to rejoin a closed conversation, an invite is needed. An open conversation can be rejoined at any time.') }}
</p>
<Button type="warning" @click.prevent.exact="leaveConversation">
<ButtonVue type="warning" @click.prevent.exact="leaveConversation">
{{ t('spreed', 'Leave conversation') }}
</Button>
</ButtonVue>
</template>
<template v-if="canDeleteConversation">
<br>
@ -40,10 +40,10 @@
<p class="danger-zone__hint">
{{ t('spreed', 'Permanently delete this conversation.') }}
</p>
<Button type="error"
<ButtonVue type="error"
@click.prevent.exact="deleteConversation">
{{ t('spreed', 'Delete conversation') }}
</Button>
</ButtonVue>
</template>
<template v-if="canDeleteConversation">
<br>
@ -51,10 +51,10 @@
<p class="danger-zone__hint">
{{ t('spreed', 'Permanently delete all the messages in this conversation.') }}
</p>
<Button type="error"
<ButtonVue type="error"
@click.prevent.exact="clearChatHistory">
{{ t('spreed', 'Delete chat messages') }}
</Button>
</ButtonVue>
</template>
<div />
</div>
@ -64,12 +64,12 @@
<script>
import { showError } from '@nextcloud/dialogs'
import { emit } from '@nextcloud/event-bus'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'DangerZone',
components: {
Button,
ButtonVue,
},
props: {
conversation: {

16
src/components/ConversationSettings/LinkShareSettings.vue
View file

@ -70,43 +70,43 @@
name="link_share_settings_link_password"
:placeholder="t('spreed', 'Enter a password')"
:disabled="isSaving">
<Button id="link_share_settings_link_password_submit"
<ButtonVue id="link_share_settings_link_password_submit"
:aria-label="t('spreed', 'Save password')"
:disabled="isSaving"
native-type="submit">
<template #icon>
<ArrowRight />
</template>
</Button>
</ButtonVue>
</form>
</div>
</div>
<div class="app-settings-subsection">
<Button ref="copyLinkButton"
<ButtonVue ref="copyLinkButton"
@click.prevent="handleCopyLink"
@keydown.enter="handleCopyLink">
<template #icon>
<ClipboardTextOutline />
</template>
{{ t('spreed', 'Copy conversation link') }}
</Button>
</ButtonVue>
</div>
<div v-if="isSharedPublicly" class="app-settings-subsection">
<Button :disabled="isSendingInvitations"
<ButtonVue :disabled="isSendingInvitations"
@click.prevent="handleResendInvitations"
@keydown.enter="handleResendInvitations">
<template #icon>
<Email />
</template>
{{ t('spreed', 'Resend invitations') }}
</Button>
</ButtonVue>
<span v-if="isSendingInvitations" class="icon-loading-small spinner" />
</div>
</div>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import { showError, showSuccess } from '@nextcloud/dialogs'
import { CONVERSATION } from '../../constants.js'
import {
@ -121,7 +121,7 @@ export default {
name: 'LinkShareSettings',
components: {
Button,
ButtonVue,
ArrowRight,
ClipboardTextOutline,
Email,

7
src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
View file

@ -47,7 +47,8 @@
@input="clickAddPart">
<template #option="{option}">
<img class="icon-multiselect-service"
:src="option.iconUrl">
:src="option.iconUrl"
alt="">
{{ option.displayName }}
</template>
</Multiselect>
@ -65,8 +66,8 @@
({{ processStateText }})
</label>
<ButtonVue v-if="enabled"
type="tertiary"
v-tooltip.top="{ content: t('spreed', 'Show Matterbridge log') }"
type="tertiary"
:aria-label="t('spreed', 'Show Matterbridge log')"
@click="showLogContent">
<template #icon>
@ -105,7 +106,7 @@ import {
} from '../../../services/matterbridgeService.js'
import { showSuccess } from '@nextcloud/dialogs'
import { imagePath } from '@nextcloud/router'
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
import Message from 'vue-material-design-icons/Message'
import Modal from '@nextcloud/vue/dist/Components/Modal'

16
src/components/Description/Description.vue
View file

@ -35,21 +35,21 @@
@keydown.esc="handleCancelEditing" />
<template v-if="!loading">
<template v-if="editing">
<Button type="tertiary"
<ButtonVue type="tertiary"
:aria-label="t('spreed', 'Cancel editing description')"
@click="handleCancelEditing">
<template #icon>
<Close :size="20" />
</template>
</Button>
<Button type="primary"
</ButtonVue>
<ButtonVue type="primary"
:aria-label="t('spreed', 'Submit conversation description')"
:disabled="!canSubmit"
@click="handleSubmitDescription">
<template #icon>
<Check :size="20" />
</template>
</Button>
</ButtonVue>
<div v-if="showCountDown"
v-tooltip.auto="countDownWarningText"
class="counter"
@ -58,14 +58,14 @@
<span>{{ charactersCountDown }}</span>
</div>
</template>
<Button v-if="!editing && editable"
<ButtonVue v-if="!editing && editable"
type="tertiary"
:aria-label="t('spreed', 'Edit conversation description')"
@click="handleEditDescription">
<template #icon>
<Pencil :size="20" />
</template>
</Button>
</ButtonVue>
</template>
<div v-if="loading" class="icon-loading-small spinner" />
</div>
@ -77,7 +77,7 @@ import Check from 'vue-material-design-icons/Check'
import Close from 'vue-material-design-icons/Close'
import RichContentEditable from '@nextcloud/vue/dist/Components/RichContenteditable'
import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'Description',
@ -86,7 +86,7 @@ export default {
Check,
Close,
RichContentEditable,
Button,
ButtonVue,
},
directives: {

20
src/components/DeviceChecker/DeviceChecker.vue
View file

@ -60,7 +60,7 @@
-->
<div class="device-checker__call-preferences">
<!-- Audio toggle -->
<Button v-tooltip="audioButtonTooltip"
<ButtonVue v-tooltip="audioButtonTooltip"
type="tertiary"
:aria-label="audioButtonTooltip"
:disabled="!audioPreviewAvailable"
@ -71,7 +71,7 @@
<MicrophoneOff v-else
:size="20" />
</template>
</Button>
</ButtonVue>
<VolumeIndicator class="indicator"
:audio-preview-available="audioPreviewAvailable"
:current-volume="currentVolume"
@ -79,7 +79,7 @@
:disabled="!audioOn" />
<!-- Video toggle -->
<Button v-tooltip="videoButtonTooltip"
<ButtonVue v-tooltip="videoButtonTooltip"
type="tertiary"
:aria-label="videoButtonTooltip"
:disabled="!videoPreviewAvailable"
@ -90,10 +90,10 @@
<VideoOff v-else
:size="20" />
</template>
</Button>
</ButtonVue>
<!-- Blur toggle -->
<Button v-if="videoPreviewAvailable && blurPreviewAvailable"
<ButtonVue v-if="videoPreviewAvailable && blurPreviewAvailable"
v-tooltip="blurButtonTooltip"
type="tertiary"
:aria-label="blurButtonTooltip"
@ -105,12 +105,12 @@
<BlurOff v-else
:size="20" />
</template>
</Button>
</ButtonVue>
</div>
<!-- Device selection -->
<div class="device-checker__device-selection">
<Button v-if="!showDeviceSelection"
<ButtonVue v-if="!showDeviceSelection"
type="tertiary"
class="select-devices"
@click="showDeviceSelection = true">
@ -118,7 +118,7 @@
<Cog :size="20" />
</template>
{{ t('spreed', 'Choose devices') }}
</Button>
</ButtonVue>
<template v-if="showDeviceSelection">
<MediaDevicesSelector kind="audioinput"
:devices="devices"
@ -189,7 +189,7 @@ import { subscribe, unsubscribe } from '@nextcloud/event-bus'
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch'
import BrowserStorage from '../../services/BrowserStorage.js'
import VolumeIndicator from '../VolumeIndicator/VolumeIndicator.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Actions from '@nextcloud/vue/dist/Components/Actions'
import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
import isInLobby from '../../mixins/isInLobby.js'
@ -212,7 +212,7 @@ export default {
CallButton,
CheckboxRadioSwitch,
VolumeIndicator,
Button,
ButtonVue,
ActionButton,
Actions,
BellOff,

12
src/components/LeftSidebar/LeftSidebar.vue
View file

@ -94,20 +94,20 @@
</template>
</ul>
</li>
<Button v-if="!preventFindingUnread && unreadNum > 0"
<ButtonVue v-if="!preventFindingUnread && unreadNum > 0"
class="unread-mention-button"
type="primary"
@click="scrollBottomUnread">
{{ t('spreed', 'Unread mentions') }}
</Button>
</ButtonVue>
</template>
<template #footer>
<div id="app-settings">
<div id="app-settings-header">
<Button class="settings-button" @click="showSettings">
<ButtonVue class="settings-button" @click="showSettings">
{{ t('spreed', 'Talk settings') }}
</Button>
</ButtonVue>
</div>
</div>
</template>
@ -122,7 +122,7 @@ import ConversationsList from './ConversationsList/ConversationsList.vue'
import Conversation from './ConversationsList/Conversation.vue'
import ConversationsOptionsList from '../ConversationsOptionsList.vue'
import Hint from '../Hint.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import SearchBox from './SearchBox/SearchBox.vue'
import debounce from 'debounce'
import { EventBus } from '../../services/EventBus.js'
@ -145,7 +145,7 @@ export default {
AppNavigation,
AppNavigationCaption,
ConversationsList,
Button,
ButtonVue,
ConversationsOptionsList,
Hint,
SearchBox,

8
src/components/LeftSidebar/NewGroupConversation/Confirmation/Confirmation.vue
View file

@ -33,7 +33,7 @@
<p class="confirmation__warning">
{{ t('spreed', 'All set') }}
</p>
<Button id="copy-link"
<ButtonVue id="copy-link"
slot="trigger"
v-clipboard:copy="linkToConversation"
v-clipboard:success="onCopy"
@ -41,7 +41,7 @@
type="secondary"
class="confirmation__copy-link">
{{ t('spreed', 'Copy conversation link') }}
</Button>
</ButtonVue>
<p class="confirmation__warning">
{{ confirmationText }}
</p>
@ -57,12 +57,12 @@
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'Confirmation',
components: {
Button,
ButtonVue,
},
props: {
conversationName: {

28
src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue
View file

@ -21,7 +21,7 @@
<template>
<div class="wrapper">
<Button slot="trigger"
<ButtonVue slot="trigger"
v-tooltip.bottom="t('spreed', 'Create a new group conversation')"
type="tertiary"
class="toggle"
@ -30,7 +30,7 @@
<template #icon>
<Plus :size="20" />
</template>
</Button>
</ButtonVue>
<!-- New group form -->
<Modal v-if="modal"
:container="container"
@ -77,38 +77,38 @@
placement are rendered depending on the current page -->
<div class="navigation">
<!-- First page -->
<Button v-if="page===0 && isPublic"
<ButtonVue v-if="page===0 && isPublic"
:disabled="disabled"
type="tertiary"
@click="handleCreateConversation">
{{ t('spreed', 'Create conversation') }}
</Button>
<Button v-if="page===0"
</ButtonVue>
<ButtonVue v-if="page===0"
type="primary"
:disabled="disabled"
class="navigation__button-right"
@click="handleSetConversationName">
{{ t('spreed', 'Add participants') }}
</Button>
</ButtonVue>
<!-- Second page -->
<Button v-if="page===1"
<ButtonVue v-if="page===1"
type="tertiary"
@click="handleClickBack">
{{ t('spreed', 'Back') }}
</Button>
<Button v-if="page===1"
</ButtonVue>
<ButtonVue v-if="page===1"
type="primary"
class="navigation__button-right"
@click="handleCreateConversation">
{{ t('spreed', 'Create conversation') }}
</Button>
</ButtonVue>
<!-- Third page -->
<Button v-if="page===2 && (error || isPublic)"
<ButtonVue v-if="page===2 && (error || isPublic)"
type="primary"
class="navigation__button-right"
@click="closeModal">
{{ t('spreed', 'Close') }}
</Button>
</ButtonVue>
</div>
</div>
</modal>
@ -124,7 +124,7 @@ import SetContacts from './SetContacts/SetContacts.vue'
import SetConversationName from './SetConversationName/SetConversationName.vue'
import SetConversationType from './SetConversationType/SetConversationType.vue'
import Confirmation from './Confirmation/Confirmation.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import { addParticipant } from '../../../services/participantsService.js'
import {
createPublicConversation,
@ -152,7 +152,7 @@ export default {
SetContacts,
SetConversationName,
SetConversationType,
Button,
ButtonVue,
Confirmation,
PasswordProtect,
ListableSettings,

2
src/components/LeftSidebar/NewGroupConversation/SetContacts/ContactSelectionBubble/ContactSelectionBubble.vue
View file

@ -42,7 +42,7 @@
</template>
<script>
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Close from 'vue-material-design-icons/Close.vue'
import AvatarWrapperSmall from '../../../../AvatarWrapper/AvatarWrapperSmall.vue'
export default {

8
src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue
View file

@ -30,7 +30,7 @@
type="text"
:placeholder="t('spreed', 'Search participants')"
@input="handleInput">
<Button v-if="isSearching"
<ButtonVue v-if="isSearching"
class="abort-search"
type="tertiary-no-background"
:aria-label="cancelSearchLabel"
@ -38,7 +38,7 @@
<template #icon>
<Close :size="20" />
</template>
</Button>
</ButtonVue>
<transition-group v-if="hasSelectedParticipants"
name="zoom"
tag="div"
@ -59,7 +59,7 @@
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Close from 'vue-material-design-icons/Close.vue'
import CancelableRequest from '../../../../utils/cancelableRequest.js'
import debounce from 'debounce'
@ -71,7 +71,7 @@ import ContactSelectionBubble from './ContactSelectionBubble/ContactSelectionBub
export default {
name: 'SetContacts',
components: {
Button,
ButtonVue,
Close,
ParticipantSearchResults,
ContactSelectionBubble,

8
src/components/LeftSidebar/SearchBox/SearchBox.vue
View file

@ -28,7 +28,7 @@
type="text"
:placeHolder="placeholderText"
@keypress.enter.prevent="handleSubmit">
<Button v-if="isSearching"
<ButtonVue v-if="isSearching"
class="abort-search"
type="tertiary-no-background"
:aria-label="cancelSearchLabel"
@ -36,19 +36,19 @@
<template #icon>
<Close :size="20" />
</template>
</Button>
</ButtonVue>
</form>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Close from 'vue-material-design-icons/Close.vue'
import { EventBus } from '../../../services/EventBus.js'
export default {
name: 'SearchBox',
components: {
Button,
ButtonVue,
Close,
},
props: {

2
src/components/MessagesList/MessagesGroup/Message/Message.spec.js
View file

@ -5,7 +5,7 @@ import { cloneDeep } from 'lodash'
import { EventBus } from '../../../../services/EventBus.js'
import storeConfig from '../../../../store/storeConfig.js'
import { CONVERSATION, ATTENDEE, PARTICIPANT } from '../../../../constants.js'
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
// Components
import Check from 'vue-material-design-icons/Check'

2
src/components/MessagesList/MessagesGroup/Message/Message.vue
View file

@ -172,7 +172,7 @@ the main body of the message as well as a quote.
</template>
<script>
import ButtonVue from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
import CallButton from '../../../TopBar/CallButton.vue'
import DeckCard from './MessagePart/DeckCard.vue'

12
src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/Forwarder.vue
View file

@ -43,12 +43,12 @@
</template>
</EmptyContent>
<div class="forwarded-confirmation__navigation">
<Button type="tertiary" @click="handleClose">
<ButtonVue type="tertiary" @click="handleClose">
{{ t('spreed', 'Dismiss') }}
</Button>
<Button type="primary" @click="openConversation">
</ButtonVue>
<ButtonVue type="primary" @click="openConversation">
{{ t('spreed', 'Go to conversation') }}
</Button>
</ButtonVue>
</div>
</div>
</Modal>
@ -61,7 +61,7 @@ import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
import Modal from '@nextcloud/vue/dist/Components/Modal'
import { showError } from '@nextcloud/dialogs'
import cloneDeep from 'lodash/cloneDeep'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'Forwarder',
@ -70,7 +70,7 @@ export default {
RoomSelector,
EmptyContent,
Modal,
Button,
ButtonVue,
},
props: {

20
src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
View file

@ -98,37 +98,37 @@
</template>
<template v-if="isReactionsMenuOpen">
<Button type="tertiary"
<ButtonVue type="tertiary"
:aria-label="t('spreed', 'Close reactions menu')"
@click="closeReactionsMenu">
<template #icon>
<ArrowLeft :size="20" />
</template>
</Button>
<Button type="tertiary"
</ButtonVue>
<ButtonVue type="tertiary"
:aria-label="t('spreed', 'React with {emoji}', { emoji: '👍' })"
@click="handleReactionClick('👍')">
<template #icon>
<span>👍</span>
</template>
</Button>
<Button type="tertiary"
</ButtonVue>
<ButtonVue type="tertiary"
:aria-label="t('spreed', 'React with {emoji}', { emoji: '❤' })"
@click="handleReactionClick('❤️')">
<template #icon>
<span>❤️</span>
</template>
</Button>
</ButtonVue>
<EmojiPicker :container="`#message_${id} .message-buttons-bar`"
@select="handleReactionClick"
@after-show="onEmojiPickerOpen"
@after-hide="onEmojiPickerClose">
<Button type="tertiary"
<ButtonVue type="tertiary"
:aria-label="t('spreed', 'React with another emoji')">
<template #icon>
<Plus :size="20" />
</template>
</Button>
</ButtonVue>
</EmojiPicker>
</template>
<Forwarder v-if="showForwarder"
@ -158,7 +158,7 @@ import {
showSuccess,
} from '@nextcloud/dialogs'
import Forwarder from './Forwarder.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import EmojiPicker from '@nextcloud/vue/dist/Components/EmojiPicker'
export default {
@ -173,7 +173,7 @@ export default {
Share,
ActionSeparator,
Forwarder,
Button,
ButtonVue,
EmoticonOutline,
ArrowLeft,
Plus,

4
src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.spec.js
View file

@ -6,7 +6,7 @@ import storeConfig from '../../../../../store/storeConfig.js'
import { imagePath, generateRemoteUrl } from '@nextcloud/router'
import { loadState } from '@nextcloud/initial-state'
import PlayCircleOutline from 'vue-material-design-icons/PlayCircleOutline'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import FilePreview from './FilePreview.vue'
jest.mock('@nextcloud/initial-state', () => ({
@ -518,7 +518,7 @@ describe('FilePreview.vue', () => {
await imageMock.onload()
expect(wrapper.element.tagName).toBe('DIV')
await wrapper.findComponent(Button).trigger('click')
await wrapper.findComponent(ButtonVue).trigger('click')
expect(wrapper.emitted()['remove-file']).toStrictEqual([['123']])
})
})

8
src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
View file

@ -52,7 +52,7 @@
<span v-if="isLoading"
v-tooltip="previewTooltip"
class="preview loading" />
<Button v-if="isUploadEditor"
<ButtonVue v-if="isUploadEditor"
class="remove-file"
tabindex="1"
type="primary"
@ -61,7 +61,7 @@
<template #icon>
<Close />
</template>
</Button>
</ButtonVue>
<ProgressBar v-if="isTemporaryUpload && !isUploadEditor" :value="uploadProgress" />
<div v-if="shouldShowFileDetail" class="name-container">
{{ fileDetail }}
@ -78,7 +78,7 @@ import PlayCircleOutline from 'vue-material-design-icons/PlayCircleOutline'
import { getCapabilities } from '@nextcloud/capabilities'
import { encodePath } from '@nextcloud/paths'
import AudioPlayer from './AudioPlayer.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
const PREVIEW_TYPE = {
TEMPORARY: 0,
@ -94,7 +94,7 @@ export default {
ProgressBar,
Close,
PlayCircleOutline,
Button,
ButtonVue,
},
directives: {

8
src/components/MessagesList/MessagesList.vue
View file

@ -49,7 +49,7 @@ get the messagesList array and loop through the list to generate the messages.
:count="15" />
</template>
<transition name="fade">
<Button v-show="!isChatScrolledToBottom"
<ButtonVue v-show="!isChatScrolledToBottom"
type="secondary"
:aria-label="scrollToBottomAriaLabel"
class="scroll-to-bottom"
@ -57,7 +57,7 @@ get the messagesList array and loop through the list to generate the messages.
<template #icon>
<ChevronDown :size="20" />
</template>
</Button>
</ButtonVue>
</transition>
</div>
</template>
@ -74,7 +74,7 @@ import { EventBus } from '../../services/EventBus.js'
import LoadingPlaceholder from '../LoadingPlaceholder.vue'
import ChevronDown from 'vue-material-design-icons/ChevronDown'
import uniqueId from 'lodash/uniqueId'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'MessagesList',
@ -82,7 +82,7 @@ export default {
LoadingPlaceholder,
MessagesGroup,
ChevronDown,
Button,
ButtonVue,
},
mixins: [

16
src/components/NewMessageForm/AudioRecorder/AudioRecorder.vue
View file

@ -21,7 +21,7 @@
<template>
<div class="audio-recorder">
<Button v-if="!isRecording"
<ButtonVue v-if="!isRecording"
v-tooltip.auto="{
content: startRecordingTooltip,
delay: tooltipDelay,
@ -33,9 +33,9 @@
<template #icon>
<Microphone :size="16" />
</template>
</Button>
</ButtonVue>
<div v-else class="wrapper">
<Button v-tooltip.auto="{
<ButtonVue v-tooltip.auto="{
content: abortRecordingTooltip,
delay: tooltipDelay,
}"
@ -45,13 +45,13 @@
<template #icon>
<Close :size="16" />
</template>
</Button>
</ButtonVue>
<div class="audio-recorder__info">
<div class="recording-indicator fadeOutIn" />
<span class="time">
{{ parsedRecordTime }}</span>
</div>
<Button v-tooltip.auto="{
<ButtonVue v-tooltip.auto="{
content: stopRecordingTooltip,
delay: tooltipDelay,
}"
@ -62,7 +62,7 @@
<template #icon>
<Check :size="16" />
</template>
</Button>
</ButtonVue>
</div>
</div>
</template>
@ -75,7 +75,7 @@ import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
import { mediaDevicesManager } from '../../../utils/webrtc/index.js'
import { showError } from '@nextcloud/dialogs'
import { MediaRecorder } from 'extendable-media-recorder'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'AudioRecorder',
@ -84,7 +84,7 @@ export default {
Microphone,
Close,
Check,
Button,
ButtonVue,
},
directives: {

16
src/components/NewMessageForm/NewMessageForm.vue
View file

@ -64,24 +64,24 @@
:container="container"
:close-on-select="false"
@select="addEmoji">
<Button :disabled="disabled"
<ButtonVue :disabled="disabled"
:aria-label="t('spreed', 'Add emoji')"
type="tertiary-no-background"
:aria-haspopup="true">
<template #icon>
<EmoticonOutline :size="16" />
</template>
</Button>
</ButtonVue>
</EmojiPicker>
<!-- Disabled emoji picker placeholder button -->
<Button v-else
<ButtonVue v-else
type="tertiary"
:aria-label="t('spreed', 'Add emoji')"
:disabled="true">
<template #icon>
<EmoticonOutline :size="16" />
</template>
</Button>
</ButtonVue>
</div>
<div v-if="messageToBeReplied" class="new-message-form__quote">
<Quote :is-new-message-form-quote="true"
@ -118,7 +118,7 @@
</ActionButton>
</Actions>
<!-- Send -->
<Button :disabled="disabled"
<ButtonVue :disabled="disabled"
type="tertiary"
native-type="submit"
:title="t('spreed', 'Send message')"
@ -127,7 +127,7 @@
<template #icon>
<Send :size="16" />
</template>
</Button>
</ButtonVue>
</template>
</form>
</div>
@ -139,7 +139,7 @@ import AdvancedInput from './AdvancedInput/AdvancedInput.vue'
import { getFilePickerBuilder } from '@nextcloud/dialogs'
import { getCapabilities } from '@nextcloud/capabilities'
import Quote from '../Quote.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Actions from '@nextcloud/vue/dist/Components/Actions'
import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
import EmojiPicker from '@nextcloud/vue/dist/Components/EmojiPicker'
@ -166,7 +166,7 @@ export default {
Quote,
Actions,
ActionButton,
Button,
ButtonVue,
Paperclip,
EmojiPicker,
EmoticonOutline,

8
src/components/PermissionsEditor/PermissionsEditor.vue
View file

@ -57,13 +57,13 @@
class="checkbox">
{{ t('spreed', 'Share the screen') }}
</CheckboxRadioSwitch>
<Button ref="submit"
<ButtonVue ref="submit"
native-type="submit"
class="button-update-permission"
type="primary"
:disabled="submitButtonDisabled">
{{ t('spreed', 'Update permissions') }}
</Button>
</ButtonVue>
</form>
</template>
<div v-if="loading" class="loading-screen">
@ -78,7 +78,7 @@
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch'
import { PARTICIPANT } from '../../constants.js'
import Modal from '@nextcloud/vue/dist/Components/Modal'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
const PERMISSIONS = PARTICIPANT.PERMISSIONS
@ -88,7 +88,7 @@ export default {
components: {
CheckboxRadioSwitch,
Modal,
Button,
ButtonVue,
},
props: {

8
src/components/Quote.vue
View file

@ -45,19 +45,19 @@ components.
</blockquote>
</div>
<div v-if="isNewMessageFormQuote" class="quote__main__right">
<Button type="tertiary"
<ButtonVue type="tertiary"
:aria-label="cancelQuoteLabel"
@click="handleAbortReply">
<template #icon>
<Close :size="20" />
</template>
</Button>
</ButtonVue>
</div>
</a>
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Close from 'vue-material-design-icons/Close.vue'
import RichText from '@juliushaertl/vue-richtext'
import FilePreview from './MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue'
@ -67,7 +67,7 @@ import { EventBus } from '../services/EventBus.js'
export default {
name: 'Quote',
components: {
Button,
ButtonVue,
Close,
RichText,
},

8
src/components/RightSidebar/LobbyStatus.vue
View file

@ -20,19 +20,19 @@
-->
<template>
<Button type="primary" @click="disableLobby">
<ButtonVue type="primary" @click="disableLobby">
{{ t('spreed', 'Disable lobby' ) }}
</Button>
</ButtonVue>
</template>
<script>
import { showError, showSuccess } from '@nextcloud/dialogs'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'LobbyStatus',
components: {
Button,
ButtonVue,
},
props: {
token: {

8
src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue
View file

@ -50,7 +50,7 @@
<template v-if="integrations.length !== 0">
<AppNavigationCaption :title="t('spreed', 'Integrations')" />
<ul>
<Button v-for="(integration, index) in integrations"
<ButtonVue v-for="(integration, index) in integrations"
:key="'integration' + index"
type="tertiary-no-background"
@click="runIntegration(integration)">
@ -59,7 +59,7 @@
<AccountPlus :size="20" />
</template>
{{ integration.label }}
</Button>
</ButtonVue>
</ul>
</template>
@ -101,7 +101,7 @@ import ParticipantsList from '../ParticipantsList/ParticipantsList.vue'
import AppNavigationCaption from '@nextcloud/vue/dist/Components/AppNavigationCaption'
import Hint from '../../../Hint.vue'
import AccountPlus from 'vue-material-design-icons/AccountPlus.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'ParticipantsSearchResults',
@ -111,7 +111,7 @@ export default {
AppNavigationCaption,
Hint,
AccountPlus,
Button,
ButtonVue,
},
props: {

8
src/components/RightSidebar/RightSidebar.vue
View file

@ -73,12 +73,12 @@
:attendee-pin="conversation.attendeePin" />
<div v-if="!getUserId" id="app-settings">
<div id="app-settings-header">
<Button type="tertiary" @click="showSettings">
<ButtonVue type="tertiary" @click="showSettings">
<template #icon>
<CogIcon :size="20" />
</template>
{{ t('spreed', 'Settings') }}
</Button>
</ButtonVue>
</div>
</div>
</AppSidebarTab>
@ -108,7 +108,7 @@ import isInLobby from '../../mixins/isInLobby.js'
import SetGuestUsername from '../SetGuestUsername.vue'
import SipSettings from './SipSettings.vue'
import LobbyStatus from './LobbyStatus.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import AccountMultiple from 'vue-material-design-icons/AccountMultiple'
import CogIcon from 'vue-material-design-icons/Cog'
import FolderMultipleImage from 'vue-material-design-icons/FolderMultipleImage'
@ -126,7 +126,7 @@ export default {
SetGuestUsername,
SipSettings,
LobbyStatus,
Button,
ButtonVue,
AccountMultiple,
CogIcon,
FolderMultipleImage,

8
src/components/RightSidebar/SharedItems/SharedItemsBrowser/SharedItemsBrowser.vue
View file

@ -24,13 +24,13 @@
<div class="shared-items-browser">
<div class="shared-items-browser__navigation">
<template v-for="type in sharedItemsOrder">
<Button v-if="sharedItems[type]"
<ButtonVue v-if="sharedItems[type]"
:key="type"
:class="{'active' : activeTab === type}"
type="tertiary"
@click="handleTabClick(type)">
{{ getTitle(type) }}
</Button>
</ButtonVue>
</template>
</div>
<div ref="scroller" class="shared-items-browser__content" @scroll="debounceHandleScroll">
@ -43,7 +43,7 @@
<script>
import Modal from '@nextcloud/vue/dist/Components/Modal'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import SharedItems from '../SharedItems.vue'
import sharedItems from '../../../../mixins/sharedItems.js'
import debounce from 'debounce'
@ -52,8 +52,8 @@ export default {
name: 'SharedItemsBrowser',
components: {
ButtonVue,
Modal,
Button,
SharedItems,
},

8
src/components/RightSidebar/SharedItems/SharedItemsTab.vue
View file

@ -27,7 +27,7 @@
<SharedItems :type="type"
:limit="limit(type)"
:items="sharedItems[type]" />
<Button v-if="hasMore(sharedItems[type])"
<ButtonVue v-if="hasMore(sharedItems[type])"
type="tertiary-no-background"
class="more"
:wide="true"
@ -36,7 +36,7 @@
<DotsHorizontal :size="20" />
</template>
{{ getButtonTitle(type) }}
</Button>
</ButtonVue>
</div>
</template>
<AppNavigationCaption :title="t('spreed', 'Projects')" />
@ -59,7 +59,7 @@ import { SHARED_ITEM } from '../../../constants.js'
import AppNavigationCaption from '@nextcloud/vue/dist/Components/AppNavigationCaption'
import SharedItemsBrowser from './SharedItemsBrowser/SharedItemsBrowser.vue'
import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import sharedItems from '../../../mixins/sharedItems.js'
export default {
@ -72,7 +72,7 @@ export default {
AppNavigationCaption,
SharedItemsBrowser,
DotsHorizontal,
Button,
ButtonVue,
},
mixins: [sharedItems],

12
src/components/SetGuestUsername.vue
View file

@ -25,12 +25,12 @@
@submit.prevent="handleChooseUserName">
<!-- eslint-disable-next-line vue/no-v-html -->
<h3 v-html="displayNameLabel" />
<Button @click.prevent="handleEditUsername">
<ButtonVue @click.prevent="handleEditUsername">
{{ t('spreed', 'Edit') }}
<template #icon>
<Pencil :size="20" />
</template>
</Button>
</ButtonVue>
<div v-if="isEditingUsername"
class="username-form__wrapper">
<input ref="usernameInput"
@ -40,21 +40,21 @@
type="text"
@keydown.enter="handleChooseUserName"
@keydown.esc="isEditingUsername = !isEditingUsername">
<Button class="username-form__button"
<ButtonVue class="username-form__button"
native-type="submit"
:aria-label="t('spreed', 'Save name')"
type="tertiary">
<template #icon>
<ArrowRight :size="20" />
</template>
</Button>
</ButtonVue>
</div>
</form>
</template>
<script>
import { setGuestUserName } from '../services/participantsService.js'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import Pencil from 'vue-material-design-icons/Pencil'
import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
@ -62,7 +62,7 @@ export default {
name: 'SetGuestUsername',
components: {
Button,
ButtonVue,
Pencil,
ArrowRight,
},

12
src/components/TopBar/CallButton.vue
View file

@ -21,7 +21,7 @@
<template>
<div>
<Button v-if="showStartCallButton"
<ButtonVue v-if="showStartCallButton"
id="call_button"
v-tooltip="{
placement: 'auto',
@ -37,8 +37,8 @@
<Video :size="20" />
</template>
{{ startCallLabel }}
</Button>
<Button v-else-if="showLeaveCallButton && !canEndForAll"
</ButtonVue>
<ButtonVue v-else-if="showLeaveCallButton && !canEndForAll"
id="call_button"
type="error"
:disabled="loading"
@ -47,7 +47,7 @@
<VideoOff :size="20" />
</template>
{{ leaveCallLabel }}
</Button>
</ButtonVue>
<Actions v-else-if="showLeaveCallButton && canEndForAll"
:disabled="loading">
<template #icon>
@ -86,7 +86,7 @@ import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
import Video from 'vue-material-design-icons/Video'
import VideoOff from 'vue-material-design-icons/VideoOff'
import MenuDown from 'vue-material-design-icons/MenuDown'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'CallButton',
@ -101,7 +101,7 @@ export default {
Video,
VideoOff,
MenuDown,
Button,
ButtonVue,
},
mixins: [

16
src/components/UploadEditor.vue
View file

@ -45,14 +45,14 @@
</template>
<div :key="'addMore'"
class="add-more">
<Button :aria-label="addMoreAriaLabel"
<ButtonVue :aria-label="addMoreAriaLabel"
type="primary"
class="add-more__button"
@click="clickImportInput">
<template #icon>
<Plus :size="48" />
</template>
</Button>
</ButtonVue>
</div>
</transition-group>
</template>
@ -61,12 +61,12 @@
:local-url="voiceMessageLocalURL" />
</template>
<div class="upload-editor__actions">
<Button type="tertiary" @click="handleDismiss">
<ButtonVue type="tertiary" @click="handleDismiss">
{{ t('spreed', 'Dismiss') }}
</Button>
<Button ref="submitButton" type="primary" @click="handleUpload">
</ButtonVue>
<ButtonVue ref="submitButton" type="primary" @click="handleUpload">
{{ t('spreed', 'Send') }}
</Button>
</ButtonVue>
</div>
</div>
</Modal>
@ -78,7 +78,7 @@ import Modal from '@nextcloud/vue/dist/Components/Modal'
import FilePreview from './MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue'
import Plus from 'vue-material-design-icons/Plus'
import AudioPlayer from './MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'UploadEditor',
@ -88,7 +88,7 @@ export default {
FilePreview,
Plus,
AudioPlayer,
Button,
ButtonVue,
},
computed: {

15
src/views/Dashboard.vue
View file

@ -44,11 +44,11 @@
<EmptyContent icon="icon-talk">
<template #desc>
{{ t('spreed', 'Say hi to your friends and colleagues!') }}
<Button class="button-start-conversation"
<ButtonVue class="button-start-conversation"
type="secondary"
@click="clickStartNew">
{{ t('spreed', 'Start a conversation') }}
</Button>
</ButtonVue>
</template>
</EmptyContent>
</template>
@ -62,7 +62,7 @@ import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
import axios from '@nextcloud/axios'
import { generateOcsUrl, generateUrl } from '@nextcloud/router'
import { CONVERSATION } from '../constants.js'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
const ROOM_POLLING_INTERVAL = 30
@ -77,7 +77,14 @@ const propertySort = (properties) => (a, b) => properties.map(obj => {
export default {
name: 'Dashboard',
components: { DashboardWidget, Button, DashboardWidgetItem, ConversationIcon, EmptyContent },
components: {
DashboardWidget,
DashboardWidgetItem,
ButtonVue,
ConversationIcon,
EmptyContent,
},
data() {
return {

4
src/views/RoomSelector.spec.js
View file

@ -2,7 +2,7 @@ import mockAxios from '../__mocks__/axios.js'
import { generateOcsUrl } from '@nextcloud/router'
import { shallowMount } from '@vue/test-utils'
import { CONVERSATION } from '../constants.js'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
import RoomSelector from './RoomSelector.vue'
describe('RoomSelector.vue', () => {
@ -139,7 +139,7 @@ describe('RoomSelector.vue', () => {
const list = wrapper.findAll('li')
await list.at(1).trigger('click')
await wrapper.findComponent(Button).vm.$emit('click')
await wrapper.findComponent(ButtonVue).vm.$emit('click')
expect(eventHandler).toHaveBeenCalledWith('token-3')
})

8
src/views/RoomSelector.vue
View file

@ -56,12 +56,12 @@
</div>
</div>
<div id="modal-buttons">
<Button v-if="!loading && availableRooms.length > 0"
<ButtonVue v-if="!loading && availableRooms.length > 0"
type="primary"
:disabled="!selectedRoom"
@click="select">
{{ t('spreed', 'Select conversation') }}
</Button>
</ButtonVue>
</div>
</div>
</div>
@ -74,14 +74,14 @@ import axios from '@nextcloud/axios'
import { generateOcsUrl } from '@nextcloud/router'
import { CONVERSATION } from '../constants.js'
import ConversationIcon from '../components/ConversationIcon.vue'
import Button from '@nextcloud/vue/dist/Components/Button'
import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
export default {
name: 'RoomSelector',
components: {
ConversationIcon,
Modal,
Button,
ButtonVue,
},
props: {
container: {