- Aggiungere bottone Condividi il mio profilo: "riso.app/my/miouser"

src/components/CMyElem/CMyElem.vue

@@ -494,6 +494,7 @@
             text-color="blue"
             type="a"
             size="md"
+            color="yellow"
             :class="
               myel.class +
               (editOn ? ` clEdit` : ``) +

src/views/user/myprofile/myprofile.ts

@@ -176,8 +176,16 @@ export default defineComponent({
       $router.push(link)
     }
 
+    function getlinkpage() {
+      if (userStore.userprofile)
+        return self.location.host + '/my/' + userStore.userprofile.username
+      else
+        return ''
+    }
+
     return {
       username,
+      getlinkpage,
       profile,
       tools,
       toolsext,

src/views/user/myprofile/myprofile.vue

@@ -208,29 +208,6 @@
           <div class="col-12 text-h7 text-blue text-shadow-2">
             {{ userStore.userprofile.username }}
           </div>
-          <q-btn
-            v-if="userStore.userprofile.username === myusername()"
-            rounded
-            icon="fas fa-ellipsis-h"
-          >
-            <q-menu>
-              <q-list style="min-width: 150px">
-                <q-item
-                  clickable
-                  v-close-popup
-                  @click="gotoPage('/editprofile')"
-                >
-                  <q-item-section avatar>
-                    <q-icon color="primary" name="fas fa-pencil-alt" />
-                  </q-item-section>
-                  <q-item-section>{{
-                    $t('shared.edit_profile')
-                  }}</q-item-section>
-                </q-item>
-              </q-list>
-            </q-menu>
-          </q-btn>
-
           <div class="col-12 text-h7">
             <span
               v-if="
@@ -356,7 +333,7 @@
                 >
               </q-chip>
               <q-chip
-                v-else-if="                  
+                v-else-if="
                   !userStore.IsHandShakeByMe(userStore.userprofile) &&
                   userStore.IsHandShakeByUsername(
                     userStore.userprofile.username
@@ -410,7 +387,11 @@
             </div>
 
             <!--HANDSHAKE-->
-            <div v-if="!isMyRecord(userStore.userprofile.username) && tools.isUserOk()">
+            <div
+              v-if="
+                !isMyRecord(userStore.userprofile.username) && tools.isUserOk()
+              "
+            >
               <div
                 class="row centeritems q-pa-sm"
                 v-if="!userStore.IsHandShakeByMe(userStore.userprofile)"
@@ -664,7 +645,13 @@
           />
         </div>
 
-        <div v-if="userStore.userprofile && userStore.userprofile._id && tools.isUserOk()">
+        <div
+          v-if="
+            userStore.userprofile &&
+            userStore.userprofile._id &&
+            tools.isUserOk()
+          "
+        >
           <CTitleBanner
             class=""
             :title="$t('dashboard.info')"
@@ -693,9 +680,7 @@
                   v-if="!!userStore.userprofile.profile.resid_card"
                   v-bind="$attrs"
                   :copy="false"
-                  :value="
-                    userStore.userprofile.profile.resid_card
-                  "
+                  :value="userStore.userprofile.profile.resid_card"
                   label="Zona"
                 />
                 <CDateTime
@@ -766,20 +751,46 @@
         <img :src="getImgUser()" :alt="username" class="full-width" />
       </q-dialog>
 
-      <q-page-sticky
-        v-if="userStore.userprofile.username === myusername()"
-        position="top-right"
-        :offset="[18, 18]"
+      <div
+        class="absolute-top-right q-mr-sm q-my-md"
+        style="margin-top: 50px !important"
       >
-        <q-btn
-          fab
-          glossy
-          class="semi-transparent"
-          icon="fas fa-pencil-alt"
-          color="primary"
-          to="/editprofile"
-        />
-      </q-page-sticky>
+        <div class="column">
+          <q-btn
+            v-if="userStore.userprofile.username === myusername()"
+            flat
+            round
+            icon="fas fa-ellipsis-h"
+            style="z-index: 1"
+          >
+            <q-menu>
+              <q-list v-if="true" style="min-width: 200px">
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click.stop="gotoPage('/editprofile')"
+                >
+                  <q-item-section avatar>
+                    <q-icon color="blue" name="fas fa-pencil-alt" />
+                  </q-item-section>
+                  <q-item-section>
+                    {{ $t('shared.edit_profile') }}
+                  </q-item-section>
+                </q-item>
+              </q-list>
+            </q-menu>
+          </q-btn>
+          <q-btn
+            flat
+            round
+            color="blue"
+            icon="share"
+            style="z-index: 1"
+            @click.stop="tools.copyToClip($q, getlinkpage(), true)"
+          >
+          </q-btn>
+        </div>
+      </div>
     </div>
     <div v-else-if="caricato">
       <h2>Utente {{ username }} non trovato</h2>