Use ClipboardAction for inline text elements

This commit is contained in:
Johannes Zellner
2025-09-19 11:31:38 +02:00
parent c30b8942e7
commit c5fbb73fea
2 changed files with 11 additions and 7 deletions

View File

@@ -1,7 +1,7 @@
<script setup>
import { ref, useTemplateRef } from 'vue';
import { Dialog, Button, ClipboardButton } from '@cloudron/pankow';
import { Dialog, ClipboardAction } from '@cloudron/pankow';
import DashboardModel from '../models/DashboardModel.js';
import DomainsModel from '../models/DomainsModel.js';
import ProfileModel from '../models/ProfileModel.js';
@@ -54,17 +54,17 @@ defineExpose({
<div class="info-row">
<div class="info-label">{{ $t('app.accessControl.sftp.server') }}</div>
<div class="info-value">{{ adminFqdn }} <ClipboardButton plain :value="adminFqdn" /></div>
<div class="info-value">{{ adminFqdn }} <ClipboardAction plain :value="adminFqdn" /></div>
</div>
<div class="info-row">
<div class="info-label">{{ $t('app.accessControl.sftp.port') }}</div>
<div class="info-value">222 <ClipboardButton plain :value="222" /></div>
<div class="info-value">222 <ClipboardAction plain :value="222" /></div>
</div>
<div class="info-row">
<div class="info-label">{{ $t('app.accessControl.sftp.username') }}</div>
<div class="info-value">{{ username }}@{{ fqdn }} <ClipboardButton plain :value="`${username}@${fqdn}`" /></div>
<div class="info-value">{{ username }}@{{ fqdn }} <ClipboardAction plain :value="`${username}@${fqdn}`" /></div>
</div>
</Dialog>
</template>