- Invia e Ricevi RIS (grafica aggiornata)
- Visualizzazione Movimenti (ultimi e successivi), per singolo e di tutti
This commit is contained in:
9
src/components/CCopyBtnSmall/CCopyBtnSmall.scss
Executable file
9
src/components/CCopyBtnSmall/CCopyBtnSmall.scss
Executable file
@@ -0,0 +1,9 @@
|
||||
.my-custom-container {
|
||||
max-width: 100%; /* Imposta la larghezza massima per il contenitore */
|
||||
}
|
||||
|
||||
.wrapword {
|
||||
overflow: hidden; /* Nasconde il contenuto in eccesso */
|
||||
white-space: nowrap; /* Impedisce il wrapping del testo */
|
||||
text-overflow: ellipsis; /* Mostra "..." se il testo è troppo lungo */
|
||||
}
|
||||
56
src/components/CCopyBtnSmall/CCopyBtnSmall.ts
Executable file
56
src/components/CCopyBtnSmall/CCopyBtnSmall.ts
Executable file
@@ -0,0 +1,56 @@
|
||||
import { tools } from '../../store/Modules/tools'
|
||||
import { useQuasar } from 'quasar'
|
||||
import { useI18n } from '@src/boot/i18n'
|
||||
import { useUserStore } from '@store/UserStore'
|
||||
import { useGlobalStore } from '@store/globalStore'
|
||||
import { defineComponent } from 'vue'
|
||||
import { shared_consts } from '@/common/shared_vuejs'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CCopyBtnSmall',
|
||||
props: {
|
||||
texttocopy: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
},
|
||||
small: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false,
|
||||
}
|
||||
},
|
||||
components: {},
|
||||
setup(props) {
|
||||
const $q = useQuasar()
|
||||
const { t } = useI18n()
|
||||
|
||||
async function copytoclipandsend() {
|
||||
tools.copyStringToClipboard($q, props.texttocopy, true)
|
||||
|
||||
let msg = 'Questo è il link che puoi condividere per farti inviare i RIS:<br><br>👉🏻 ' + props.texttocopy
|
||||
|
||||
tools.sendMsgTelegramCmd($q, t, shared_consts.MsgTeleg.SHARE_TEXT, false, msg)
|
||||
|
||||
}
|
||||
|
||||
function getclass() {
|
||||
if (props.small) {
|
||||
return 'text-h7'
|
||||
} else {
|
||||
return 'text-h5'
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
copytoclipandsend,
|
||||
tools,
|
||||
getclass,
|
||||
t,
|
||||
}
|
||||
},
|
||||
})
|
||||
16
src/components/CCopyBtnSmall/CCopyBtnSmall.vue
Executable file
16
src/components/CCopyBtnSmall/CCopyBtnSmall.vue
Executable file
@@ -0,0 +1,16 @@
|
||||
<template>
|
||||
<div class="" style="width: 100%; overflow: hidden;">
|
||||
<div class="row justify-center">
|
||||
{{ tools.firstchars(texttocopy, 80) }}
|
||||
</div>
|
||||
<div class="row justify-center q-mt-sm">
|
||||
<q-btn rounded label="Condividi link" color="primary" @click="copytoclipandsend" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CCopyBtnSmall.ts"></script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CCopyBtnSmall.scss';
|
||||
</style>
|
||||
1
src/components/CCopyBtnSmall/index.ts
Executable file
1
src/components/CCopyBtnSmall/index.ts
Executable file
@@ -0,0 +1 @@
|
||||
export {default as CCopyBtnSmall} from './CCopyBtnSmall.vue'
|
||||
Reference in New Issue
Block a user