- Aggiungere bottone "Condividi Link Circuito"

src/store/Modules/tools.ts

@@ -7341,6 +7341,10 @@ export const tools = {
     return window.location.pathname
   },
 
+  getFullCurrentUrl() {
+    return window.location.href
+  },
+
   isCurrentUrlSignUp() {
     return window.location.pathname.indexOf('signup') >= 0
   },

src/views/user/mycircuit/mycircuit.vue

@@ -94,6 +94,82 @@
       </div>
     </div>
     <div v-if="circuit">
+      <div
+        class="absolute-top-right q-mr-sm q-my-md"
+        style="margin-top: 50px !important"
+      >
+        <div class="column">
+          <q-btn
+            v-if="userStore.IsMyCircuitByName(circuit.name)"
+            flat
+            round
+            icon="fas fa-ellipsis-h"
+            style="z-index: 1"
+          >
+            <q-menu>
+              <q-list v-if="true" style="min-width: 150px">
+                <q-item
+                  clickable
+                  v-close-popup
+                  v-if="saldo === 0 || !saldo"
+                  @click="
+                    tools.removeFromMyCircuits(
+                      $q,
+                      userStore.my.username,
+                      circuit.name,
+                      '',
+                      $t('circuit.domanda_exit_fromcircuit', {
+                        circuitname: circuit.name,
+                      })
+                    )
+                  "
+                >
+                  <q-item-section avatar>
+                    <q-icon color="negative" name="fas fa-user-minus" />
+                  </q-item-section>
+                  <q-item-section>{{
+                    $t('circuit.exit_circuit')
+                  }}</q-item-section>
+                </q-item>
+
+                <q-list
+                  v-if="tools.iAmAdminCircuit(circuit.name)"
+                  style="min-width: 200px"
+                >
+                  <q-item
+                    clickable
+                    v-close-popup
+                    @click="
+                      tools.setCmd(
+                        $q,
+                        shared_consts.CIRCUITCMD.DELETE,
+                        userStore.my.username,
+                        '',
+                        circuit.name
+                      )
+                    "
+                  >
+                    <q-item-section avatar>
+                      <q-icon color="negative" name="fas fa-trash-alt" />
+                    </q-item-section>
+                    <q-item-section>{{ $t('circuit.delete') }}</q-item-section>
+                  </q-item>
+                </q-list>
+              </q-list>
+            </q-menu>
+          </q-btn>
+          <q-btn
+            flat
+            round
+            color="blue"
+            icon="share"
+            style="z-index: 1"
+            @click.stop="tools.copyToClip($q, tools.getFullCurrentUrl(), true)"
+          >
+          </q-btn>
+        </div>
+      </div>
+
       <div style="align-self: center; vertical-align: middle">
         <q-btn
           label="Lista Circuiti"
@@ -376,65 +452,6 @@
                 groupnameSel = null;
               "
             />
-            <q-btn
-              v-if="userStore.IsMyCircuitByName(circuit.name)"
-              rounded
-              icon="fas fa-ellipsis-h"
-            >
-              <q-menu>
-                <q-list v-if="true" style="min-width: 150px">
-                  <q-item
-                    clickable
-                    v-close-popup
-                    v-if="saldo === 0 || !saldo"
-                    @click="
-                      tools.removeFromMyCircuits(
-                        $q,
-                        userStore.my.username,
-                        circuit.name,
-                        '',
-                        $t('circuit.domanda_exit_fromcircuit', {
-                          circuitname: circuit.name,
-                        })
-                      )
-                    "
-                  >
-                    <q-item-section avatar>
-                      <q-icon color="negative" name="fas fa-user-minus" />
-                    </q-item-section>
-                    <q-item-section>{{
-                      $t('circuit.exit_circuit')
-                    }}</q-item-section>
-                  </q-item>
-
-                  <q-list
-                    v-if="tools.iAmAdminCircuit(circuit.name)"
-                    style="min-width: 200px"
-                  >
-                    <q-item
-                      clickable
-                      v-close-popup
-                      @click="
-                        tools.setCmd(
-                          $q,
-                          shared_consts.CIRCUITCMD.DELETE,
-                          userStore.my.username,
-                          '',
-                          circuit.name
-                        )
-                      "
-                    >
-                      <q-item-section avatar>
-                        <q-icon color="negative" name="fas fa-trash-alt" />
-                      </q-item-section>
-                      <q-item-section>{{
-                        $t('circuit.delete')
-                      }}</q-item-section>
-                    </q-item>
-                  </q-list>
-                </q-list>
-              </q-menu>
-            </q-btn>
 
             <q-btn
               v-if="