- Nella Lavagna, cliccando sul nome dell'invitato, compaiono le sue informazioni sugli step rimasti, in dettaglio.

- Ogni utente puo' cosi scegliere di regalare un proprio invitato, cliccando sull'invitato, scrivendo l'username del destinatario e premendo il bottone 'Regala Invitato'.
Al destinatario gli arriverà un messaggio sul Bot Telegram che indica che gli è stato regalato un'invitato.

src/components/CRequisito/CRequisito.scss

@@ -0,0 +1,16 @@
+.req_icon{
+  flex: 0 0 40px;
+  align-self: center;
+}
+
+.req_text{
+  flex: 1 1;
+  align-self: center;
+}
+
+.response {
+  flex: 0 0 40px;
+  font-weight: bold;
+  align-self: center;
+}
+

src/components/CRequisito/CRequisito.ts

@@ -0,0 +1,29 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import MixinBase from '@src/mixins/mixin-base'
+
+@Component({
+
+})
+
+export default class CRequisito extends MixinBase {
+  @Prop({ required: true }) public icon: string
+  @Prop({ required: true }) public text: string
+  @Prop({ required: true }) public isok: boolean
+  @Prop({ required: true }) public info: string
+
+  get checkifok() {
+    return this.isok ? 'green' : 'red'
+  }
+
+  get getris() {
+    return (this.isok) ? this.$t('dialog.yes') : this.$t('dialog.no')
+  }
+
+  get iconris() {
+    return (this.isok) ? 'fas fa-check' : 'fas fa-exclamation-triangle'
+  }
+}

src/components/CRequisito/CRequisito.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="row no-wrap clBorderSmall">
+    <q-icon size="sm" :name="icon" color="blue" class="column req_icon"></q-icon>
+    <q-chip dense color="white" text-color="blue" class="q-ml-md column req_text">{{text}}</q-chip>
+    <q-icon size="sm" :name="iconris" :color="checkifok" class="column req_icon"></q-icon>
+  </div>
+</template>
+
+<script lang="ts" src="./CRequisito.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CRequisito.scss';
+</style>

src/components/CRequisito/index.ts

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