Yellowpage dev

nuxt/assets/css/main.scss

@@ -45,4 +45,18 @@ html {
 }
 .user-tag {
   background-color: #dddddd;
-}
+}
+
+div.open-chevron-down-lighthing {
+    left: 0!important;
+}
+
+@media screen and (max-width: 600px){       
+    div.open-chevron-down-lighthing {
+        top: 68px!important;
+    }
+}
+
+// .v-menu__content.theme--light.v-menu__content--fixed.menuable__content__active {
+//     left: 0 !important;
+// }

nuxt/components/AddStoreModal.vue

@@ -125,6 +125,14 @@
                   </v-flex>
                 </v-layout>
 
+                <div class="d-flex justify-center my-4">
+                  <v-switch
+                    v-model="lightningAccepted"
+                    color="orange"
+                    label="Lightning accepted?"
+                  />
+                </div>
+
                 <v-layout row>
                   <v-flex pl-3 pr-3>
                     <span class="font-weight-bold"
@@ -205,6 +213,7 @@ export default {
       addAlert: { message: '', success: true },
       confirm_title: 'Store successfully added.',
       isLoading: false,
+      lightningAccepted: false,
 
       paymentRequest: '',
       paymentID: '',
@@ -287,14 +296,17 @@ export default {
         this.isLoading = true
         this.addAlert = { message: '', success: true }
         this.isPaid = false
+
+        const { contributor, url, name, description, uri } = this.addDialogForm
         this.$store
           .dispatch('addStore', {
-            name: this.addDialogForm.name,
-            description: this.addDialogForm.description,
-            url: this.addDialogForm.url,
-            uri: this.addDialogForm.uri,
-            contributor: this.addDialogForm.contributor,
+            contributor,
+            description,
+            lightningAccepted: this.lightningAccepted,
+            name,
             recaptcha: token,
+            uri,
+            url,
           })
           .then(
             (response) => {

nuxt/components/Header.vue

@@ -1,12 +1,30 @@
 <template>
   <v-app-bar app color="rgb(56, 56, 56)" dark>
     <v-toolbar-title>
-      <nuxt-link to="/">
-        <img
-          src="@/assets/images/LightningNetworkStores.svg"
-          class="nav-logo"
-        />
-      </nuxt-link>
+      <div class="d-flex justify-space-between align-center">
+        <nuxt-link to="/">
+          <img
+            src="@/assets/images/LightningNetworkStores.svg"
+            class="nav-logo"
+          />
+        </nuxt-link>
+        <v-menu v-if="sisterSites.length" v-model="showMenu" offset-y bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-icon large color="grey lighten-1" v-bind="attrs" v-on="on">
+              mdi-chevron-down
+            </v-icon>
+          </template>
+          <v-list id="networkWebSite" color="#383838">
+            <v-list-item v-for="site in sisterSites" :key="site.url">
+              <v-list-item-title>
+                <a :href="site.url">
+                  <img :src="site.svgPath" class="nav-logo" />
+                </a>
+              </v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-menu>
+      </div>
     </v-toolbar-title>
     <v-spacer></v-spacer>
     <v-toolbar-items class="hidden-sm-and-down">
@@ -74,56 +92,45 @@
         </v-list-item>
       </v-list>
     </v-menu>
-    <!--  <v-btn icon @click="toggleDarkmode" class="btndarkmode">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        aria-hidden="true"
-        focusable="false"
-        width="1em"
-        height="1em"
-        style="
-          -ms-transform: rotate(360deg);
-          -webkit-transform: rotate(360deg);
-          transform: rotate(360deg);
-        "
-        preserveAspectRatio="xMidYMid meet"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M10 2c-1.82 0-3.53.5-5 1.35C8 5.08 10 8.3 10 12s-2 6.92-5 8.65C6.47 21.5 8.18 22 10 22a10 10 0 0 0 10-10A10 10 0 0 0 10 2z"
-          fill="white"
-        />
-      </svg>
-    </v-btn> -->
   </v-app-bar>
 </template>
-
 <script>
 import { mapState } from 'vuex'
-
 export default {
   data() {
     return {
       routes: [
         { url: '/discuss', text: 'Discuss' },
         { url: '/faucet', text: 'Faucet' },
         { url: '/stats', text: 'Statistics' },
-        { url: '/wallets', text: 'Wallets' },
+        //{ url: '/wallets', text: 'Wallets' },
         //{ url: '/donations', text: 'Donations' },
         { url: '/about', text: 'About' },
       ],
+      sisterSites: [
+        {
+          url: 'https://bitcoin-stores.com',
+          svgPath: 'https://bitcoin-stores.com/bitcoin-stores.com.svg',
+        },
+        {
+          url: 'nostr.bitcoin-stores.com',
+          svgPath: 'https://bitcoin-stores.com/nostr.bitcoin-stores.com.svg',
+        },
+        {
+          url: 'yp.bitcoin-stores.com',
+          svgPath: 'https://bitcoin-stores.com/yp.bitcoin-stores.com.svg',
+        },
+      ],
+      showMenu: false,
     }
   },
-
   computed: {
     ...mapState({
       isDiscussionNotificationShowed(state) {
         return state.lastActivity - 500 > state.lastCommentSeenTimestamp
       },
     }),
   },
-
   methods: {
     toggleDarkmode() {
       this.$cookies.set('darkMode', !this.$vuetify.theme.dark, '3y')
@@ -133,7 +140,6 @@ export default {
   },
 }
 </script>
-
 <style>
 .v-toolbar__content {
   height: 64px !important;