No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. ilabutk
    I
    • Profile
    • Following 0
    • Followers 0
    • Topics 7
    • Posts 24
    • Best 4
    • Groups 0

    ilabutk

    @ilabutk

    4
    Reputation
    315
    Profile views
    24
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    ilabutk Follow

    Best posts made by ilabutk

    • RE: Stepper fails to render dynamically

      Super! Thanks!! Cannot wait v0.14!

      posted in Help
      I
      ilabutk
    • RE: The 0.14 beta release is available!

      Super! Waiting here …

      posted in Announcements
      I
      ilabutk
    • RE: Help on q-chat-message

      Indeed. It should not happen. I finally traced back to another block of code where text was used. After fixing that, it is all good. Thanks.

      posted in Framework
      I
      ilabutk
    • RE: Access Vuex inside javascript

      The working version for others future reference::

      export default ({ router, store }) => {
        router.beforeEach((to, from, next) => {
          const loggedIn = store.getters['user/getLoggedIn']
          const guestRoutes = ['/', '/login', '/suport'] // guests route
      
          if (!loggedIn && !guestRoutes.includes(to.path)) {
            next('/login')
          } else {
            next()
          }
        })
      }
      
      posted in Help
      I
      ilabutk

    Latest posts made by ilabutk

    • RE: Push Notification With Quasar

      @realtebo Look into Cordova. (Note this is after you wrap the quasar project with Cordova and open via Xcode. I did a few years ago. You need to change some files in Xcode.)

      posted in Framework
      I
      ilabutk
    • RE: The easiest failed to work. Help.

      Never mind. After I moved the images to /public, all is working. But still, why?? Note though: this is a newly setup dev environment (node + quasar cli). Something must have changed. It is simply ridiculous that such a simple thing does not work.

      posted in Help
      I
      ilabutk
    • The easiest failed to work. Help.

      This is one of those days that nothing works. Am I out of mind??? Why? The first image won’t show but the second does.

      <template>
        <q-page class="flex flex-center">
          <q-img :src="imgLink" style="width: 200px" />
          <q-img src="~assets/images/grace-1.png" style="width: 200px" />
        </q-page>
      </template>
      
      <script>
      export default {
        name: 'PageIndex',
        data () {
          return {
            imgLink: '~assets/images/grace-1.png'
          }
        }
      }
      </script>
      
      
      posted in Help
      I
      ilabutk
    • RE: Access Vuex inside javascript

      The working version for others future reference::

      export default ({ router, store }) => {
        router.beforeEach((to, from, next) => {
          const loggedIn = store.getters['user/getLoggedIn']
          const guestRoutes = ['/', '/login', '/suport'] // guests route
      
          if (!loggedIn && !guestRoutes.includes(to.path)) {
            next('/login')
          } else {
            next()
          }
        })
      }
      
      posted in Help
      I
      ilabutk
    • RE: Access Vuex inside javascript

      @metalsadman Of course!! Thank you. router-auth.js is a boot file that I added to check routes authentications). // Your tip on using Vuex in other .js files really helped!

      posted in Help
      I
      ilabutk
    • RE: Access Vuex inside javascript

      Thank you @metalsadman

      Here is /src/store/index.js

      let store = null
      
      export default function () {
        store = new Vuex.Store({
          modules: {
            user
          },
          plugins: [createPersistedState()], // to persist
      
          // enable strict mode (adds overhead!)
          // for dev mode only
          strict: process.env.DEV
        })
      
        return store
      }
      
      export { store }
      

      In another router-auth.js, I have

      import { store } from 'src/store'
      
      console.log(':: ROUTER-AUTH ::')
      console.log(store)
      

      It shows store null! // I just realized that the router-auth.js is a root file!! Could that be the reason? I tested your method in a regular .js file and it works. How can we let the router-auth.js boot after the store is created? Thank you!

      posted in Help
      I
      ilabutk
    • Access Vuex inside javascript

      How to use vuex (like this.$store.getters …) in a .js file in the project as this.$store won’t work any more outside the vue component? I tried this https://stackoverflow.com/questions/63177298/call-vuex-getters-from-another-javascript-file but the getters returns a literal code.

      posted in Help
      I
      ilabutk
    • RE: Axios interceptor and router push not working

      BTW, router.push({ name: 'dashboard' }) will throw a promise error but this will pass:

            router.push({
                path: '/dashboard'
              }, () => { })
      
      posted in Help
      I
      ilabutk
    • RE: Help with a seemingly easy task: 3 cards

      Thanks. It did not but it inspired me. (Also, they were in a router view. The outside layout messes it up. This worked:

      <div class="row q-col-gutter-md q-pt-md">
            <div class="col-xs-12 col-sm-6  col-md-6">
              <q-card style="height: 200px">
                <q-card-section dense class="bg-primary text-center text-white" >
                  <div class="text-h6">card 1 </div>
                </q-card-section>
              </q-card>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-6">
              <q-card style="height: 200px">
                <q-card-section dense class="bg-primary text-center text-white" >
                  <div class="text-h6">card 2</div>
                </q-card-section>
              </q-card>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-12">
              <q-card style="height: 200px">
                <q-card-section dense class="bg-primary text-center text-white" >
                    <div class="text-h6">card 3</div>
                  </q-card-section>
              </q-card>
            </div>
          </div>
      
      posted in Help
      I
      ilabutk
    • RE: Keep q-chat scrolled down as new message appears.

      I worked on the exact same problem. I got this to work:

      <q-scroll-area
                    ref="first"
                    style="height: 330px"
                    :delay="350"
                    @scroll="onScrollFirst"
                  >
       // your div for chat messages here
      

      Then, define methods:

      scroll (source, position) {
            this.$refs[source].setScrollPosition(position)
          },
      
          onScrollFirst ({ verticalPosition }) {
            this.position = verticalPosition + 200
            // this.scroll('first', verticalPosition + 150)
            // console.log(this.position)
          },
      

      At the time you enter/get a message, update the position variable:

              this.scroll('first', this.position), 500)
      

      You need to adjust the height of your components (I used 350 …)

      posted in Help
      I
      ilabutk