Click per mandare un messaggio al Destinatario dei RIS, se non è entrato ancora in RIS ITALIA.

src/components/CCheckCircuitsEnabled/CCheckCircuitsEnabled.scss

@@ -0,0 +1,42 @@
+.text-cls{
+  font-weight: bold;
+}
+
+.my-text {
+  font-size: 1rem;
+  font-weight: bold;
+  line-height: 1.5rem;
+  letter-spacing: 0.0125em;
+}
+
+.my-text_3 {
+  font-size: 1rem;
+  font-weight: bold;
+  line-height: 1.5rem;
+  letter-spacing: 0.0125em;
+}
+
+.my-text-small {
+  font-size: 1rem;
+  line-height: 1rem;
+  letter-spacing: 0.0125em;
+}
+
+.mybox_3 {
+  min-width: 100px;
+  min-height: 100px;
+
+  width: 100%;
+}
+
+.mybox {
+  min-width: 112px;
+  min-height: 112px;
+
+  width: 100%;
+}
+
+.mybox_small {
+  min-width: 110px;
+  width: 100%;
+}

src/components/CCheckCircuitsEnabled/CCheckCircuitsEnabled.ts

@@ -0,0 +1,57 @@
+import { defineComponent, ref, computed, PropType, toRef, onMounted } from 'vue'
+import { useUserStore } from '@store/UserStore'
+import { useCircuitStore } from '@store/CircuitStore'
+import { useRouter } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useI18n } from '@/boot/i18n'
+import { tools } from '@store/Modules/tools'
+import { IAccount, ICircuit, IMyGroup, IOperators, ISendCoin, ISpecialField, IUserFields } from '../../model'
+import { useQuasar } from 'quasar'
+
+export default defineComponent({
+  name: 'CCheckCircuitsEnabled',
+  components: {},
+  props: {
+    to_user: {
+      type: Object as PropType<IUserFields>,
+      required: false,
+      default: null
+    },
+    to_group: {
+      type: Object as PropType<IMyGroup>,
+      required: false,
+      default: null,
+    },
+    to_contocom: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const userStore = useUserStore()
+    const circuitStore = useCircuitStore()
+    const $router = useRouter()
+    const globalStore = useGlobalStore()
+
+    const non_hai_circuito_nazionale = ref(false)
+    const destin_non_ha_circuito_naz = ref(false)
+
+    function load() {
+      non_hai_circuito_nazionale.value = !circuitStore.sonoDentroAlCircuitoNazionale()
+      destin_non_ha_circuito_naz.value = !circuitStore.EDentroAlCircuitoNazionale(props.to_user)
+    }
+
+    onMounted(load)
+
+    return {
+      userStore,
+      tools,
+      non_hai_circuito_nazionale,
+      destin_non_ha_circuito_naz,
+      $q,
+    }
+  }
+})

src/components/CCheckCircuitsEnabled/CCheckCircuitsEnabled.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="q-ma-xs q-pa-xs row">
+    <div v-if="non_hai_circuito_nazionale" class="q-py-sm">
+      <q-banner rounded class="bg-red text-white" style="text-align: center">
+        {{ $t('circuit.non_hai_circuito_nazionale') }}
+        <br />
+      </q-banner>
+
+      <div class="text-center">
+        <q-btn
+          glossy
+          size="md"
+          :label="$t('circuit.ask_italia')"
+          icon="fas fa-key"
+          color="green"
+          text-color="white"
+          rounded
+          :to="tools.updateLink('/circuit/ris_italia')"
+        ></q-btn>
+      </div>
+    </div>
+    <div v-if="destin_non_ha_circuito_naz" class="q-py-sm">
+      <q-banner rounded class="bg-red text-white" style="text-align: center">
+        {{ $t('circuit.destin_non_ha_circuito_naz') }}
+        <br />
+      </q-banner>
+
+      <div class="text-center">
+        <q-btn
+          glossy
+          size="md"
+          :label="$t('circuit.invia_msg_dest', {name: to_user.username})"
+          icon="fas fa-paper-plane"
+          color="blue"
+          text-color="white"
+          rounded
+          @click="tools.SendMsgRisItalia($q, to_user.username)"
+        ></q-btn>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CCheckCircuitsEnabled.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CCheckCircuitsEnabled.scss';
+</style>

src/components/CCheckCircuitsEnabled/index.ts

@@ -0,0 +1 @@
+export {default as CCheckCircuitsEnabled} from './CCheckCircuitsEnabled.vue'