Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. jadedRepublic
    J
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 20
    • Best 6
    • Groups 0

    jadedRepublic

    @jadedRepublic

    6
    Reputation
    3
    Profile views
    20
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    jadedRepublic Follow

    Best posts made by jadedRepublic

    • RE: How to use transitions between routes?

      I would recommend having a second router view, one for all of your main pages and the transition for all child pages of a main page e.g.

      <router-view/>
      <router-view name="popup" v-if="$route.meta.popup"/> // Add your css transition or use a dialog
      

      Routes

      {
        path: '/home/',
        component: () => import('layouts/default.vue'),
        children: [
          {
            path: '',
            component: () => import('pages/Home/index.vue'),
            name: 'home',
            meta: {
              popup: false,
            },
          },
          {
            path: 'about',
            name: 'about.popup',
            components: {
              default: () => import('pages/Home/index.vue'),
              popup: () => import('pages/About/index.vue')
            },
            meta: {
              popup: true,
            },
          },
        ]
      },
      
      posted in Help
      J
      jadedRepublic
    • RE: How to add a q-toggle to the bottom of a q-table ?

      https://codepen.io/jadedRepublic/pen/xxGGNpg?editable=true&editors=101 not ideal but It works

      posted in Framework
      J
      jadedRepublic
    • RE: How to use transitions between routes?

      @Tinny I made a sandbox as an example, sorry I don’t visit this forum often 🙂

      posted in Help
      J
      jadedRepublic
    • RE: How to use transitions between routes?

      @Tinny I’m fairly certain that’s how the layout Is intended anyway In Quasar, I personally make page specific changes to my layout header using $route.name, you can change what Is visible and what Isn’t like this:

      <template>
       <q-header>
          <component :is="component.name" v-for="(component, index) in components" :key="index" v-if="$route.name == component.route"/>
      </q-header>
      </template>
      
      <script>
      export default {
         data () {
            return {
            components: [
              {
                name: 'AboutActions',
                route: 'about',
              },
              {
                name: 'ContactActions',
                route: 'contact'
              },
              {
                name: 'ShopActions',
                route: 'shop',
              },
            ]
            }
          },
          components: {
            AboutActions: () => import("./Includes/About"),
            ContactActions: () => import("./Includes/Contact"),
            ShopActions: () => import("./Includes/Shop"),
          },
         }
      </script>
      
      posted in Help
      J
      jadedRepublic
    • RE: openURL in current tab

      @JSONK I’ve removed all my previous suggestions as It was getting confusing, my original suggestion for using a button does what you need It to do. I just got tag & type mixed up.

      <q-btn type="a" href="https://quasar.dev/">Quasar</q-btn>
      
      posted in Help
      J
      jadedRepublic
    • RE: openURL in current tab
      <q-btn type="a" href="https://quasar.dev/">Quasar</q-btn>
      
      posted in Help
      J
      jadedRepublic

    Latest posts made by jadedRepublic

    • RE: openURL in current tab

      @JSONK I’ve removed all my previous suggestions as It was getting confusing, my original suggestion for using a button does what you need It to do. I just got tag & type mixed up.

      <q-btn type="a" href="https://quasar.dev/">Quasar</q-btn>
      
      posted in Help
      J
      jadedRepublic
    • RE: openURL in current tab
      <q-btn type="a" href="https://quasar.dev/">Quasar</q-btn>
      
      posted in Help
      J
      jadedRepublic
    • RE: Access Capacitor API from store action ?

      @Marin-Vartan Is there any reason not to install It separately outside src-capacitor?

      posted in Help
      J
      jadedRepublic
    • RE: CAPBridgeViewController.swift not found or content is unrecognized - Please disable HTTPS from quasar.conf.js > devServer > https

      So In node_modules -> @quasar -> app -> lib -> capacitor -> capacitor-config.js, there Is a function called __handleSSLonIOS() that resolves the file “node_modules/@capacitor/ios/ios/Capacitor/Capacitor/CAPBridgeViewController.swift” however on @capacitor 2.4.0, the path Is “node_modules/@capacitor/ios/Capacitor/Capacitor/CAPBridgeViewController.swift”

      Current quasar version is 1.12.13

      e7882229-9252-48aa-8b9c-c62ae520c497-image.png

      posted in CLI
      J
      jadedRepublic
    • CAPBridgeViewController.swift not found or content is unrecognized - Please disable HTTPS from quasar.conf.js > devServer > https

      Can anyone help with the below error?

      Disabling HTTPS In quasar.conf hides the terminal error but I’m just stuck on the splashscreen (I think It’s loading scrips via https).

      895afaa7-12bd-4b49-ab55-fb80289ec51c-image.png

      Below works fine with PWA mode, and initially worked without any issues when running dev on IOS with capacitor. Quasar creates an external dev server when I run quasar dev -m capacitor -T ios which when I open, does not show any SSL errors.

      devServer: {
        https: {
          key: fs.readFileSync('ssl/server.key'),
          cert: fs.readFileSync('ssl/server.crt'),
        },
        port: 8080,
        open: true // opens browser window automatically
      },
      

      In Xcode, I get the following errors:

      ⚡️ WebView failed provisional navigation
      ⚡️ Error: The certificate for this server is invalid. You might be connecting to a server that is pretending to be “192.168.1.117” which could put your confidential information at risk.

      posted in CLI
      J
      jadedRepublic
    • RE: q-loading and scollIntoView

      Did you add to your plugins In Quasar.conf? plugins: [‘Loading’]

      posted in Help
      J
      jadedRepublic
    • RE: Sharing my social sharing dialog component

      @qyloxe said in Sharing my social sharing dialog component:

      https://quasar.dev/quasar-utils/other-utils#Copy-to-Clipboard

      Does copy to clipboard have support for all platforms? I’ve been using Capacitor since It’s already in my project but didn’t realise Quasar supports It

      posted in Show & Tell
      J
      jadedRepublic
    • RE: How to use transitions between routes?

      @Tinny I’m fairly certain that’s how the layout Is intended anyway In Quasar, I personally make page specific changes to my layout header using $route.name, you can change what Is visible and what Isn’t like this:

      <template>
       <q-header>
          <component :is="component.name" v-for="(component, index) in components" :key="index" v-if="$route.name == component.route"/>
      </q-header>
      </template>
      
      <script>
      export default {
         data () {
            return {
            components: [
              {
                name: 'AboutActions',
                route: 'about',
              },
              {
                name: 'ContactActions',
                route: 'contact'
              },
              {
                name: 'ShopActions',
                route: 'shop',
              },
            ]
            }
          },
          components: {
            AboutActions: () => import("./Includes/About"),
            ContactActions: () => import("./Includes/Contact"),
            ShopActions: () => import("./Includes/Shop"),
          },
         }
      </script>
      
      posted in Help
      J
      jadedRepublic
    • RE: How to use transitions between routes?

      @Tinny I made a sandbox as an example, sorry I don’t visit this forum often 🙂

      posted in Help
      J
      jadedRepublic
    • RE: error in router

      Btw I would recommend using localforage, here Is an example:

      import localforage from 'localforage'
      
        export default {
          methods: {
            apilogin (login) {
              return new Promise((resolve, reject) => {
                var response = {
                  data: {
                      token: 'Token',
                      loggedIn: 'loggedIn',
                      name: 'Name',
                      image: 'Image',
                      id: 'ID',
                      employeeid: 'Employeeid'
                  }
                }
                resolve(response)
              })
            },
            login () {
              return this.apilogin({ email: 'john@doe.com', password: 'doe123' }).then((response) => {
                return localforage.setItem('token', response.data).then(() => {
                  return localforage.getItem('token').then((token) => {
                    
                    commit("setUserDetails", token);
                    this.router.push({ name: 'index' });
      
                  }).catch((e) => console.log('Failed to get storage tokens: ' + e.toString()))
                }).catch((e) => console.log('Failed to set storage tokens: ' + e.toString()))
              })
            }
          }
        }
      
      posted in Framework
      J
      jadedRepublic