diff options
| author | Joas Schilling <coding@schilljs.com> | 2022-08-10 12:54:09 +0300 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2022-08-10 12:54:09 +0300 |
| commit | 39c9de2ca3149950fcddd67b773d410d20c6cd88 (patch) | |
| tree | dbcce934050311e4ba076ffaa994fe4c9daca40c /src | |
| parent | 5f3e5722dbf17983855e6f50dd048f0693a12952 (diff) | |
Move permission button to Vue
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/ConversationSettings/ConversationPermissionsSettings.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/components/ConversationSettings/ConversationPermissionsSettings.vue b/src/components/ConversationSettings/ConversationPermissionsSettings.vue index 3d6da349c..5dec2e2ab 100644 --- a/src/components/ConversationSettings/ConversationPermissionsSettings.vue +++ b/src/components/ConversationSettings/ConversationPermissionsSettings.vue @@ -66,12 +66,14 @@ </CheckboxRadioSwitch> <!-- Edit advanced permissions --> - <button v-show="showEditButton" + <ButtonVue v-show="showEditButton" + type="tertiary" :aria-label="t('spreed', 'Edit permissions')" - class="nc-button nc-button__main" @click="showPermissionsEditor = true"> - <Pencil :size="20" /> - </button> + <template #icon> + <Pencil :size="20" /> + </template> + </ButtonVue> </div> <PermissionEditor v-if="showPermissionsEditor" :conversation-name="conversationName" @@ -84,6 +86,7 @@ <script> import PermissionEditor from '../PermissionsEditor/PermissionsEditor.vue' +import ButtonVue from '@nextcloud/vue/dist/Components/Button' import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch' import Pencil from 'vue-material-design-icons/Pencil.vue' import { PARTICIPANT } from '../../constants.js' @@ -96,6 +99,7 @@ export default { components: { PermissionEditor, + ButtonVue, CheckboxRadioSwitch, Pencil, }, |