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. joaopaulofilho
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 13
    • Best 3
    • Groups 0

    joaopaulofilho

    @joaopaulofilho

    3
    Reputation
    699
    Profile views
    13
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    joaopaulofilho Follow

    Best posts made by joaopaulofilho

    • RE: Icons and Splash Screen

      Hi,

      By icons do you mean local font material icons? If yes, I’m facing weird issues myself (shows up just text instead of icons). If not, check this: https://cordova.apache.org/docs/en/latest/config_ref/images.html

      About splash screens, have you tried cordova api?
      https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • RE: How to debug in chrome console?

      Try this

      https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=pt-BR

      Works with vuex too.

      posted in Framework
      joaopaulofilho
      joaopaulofilho
    • RE: graphql with vuex / quasar

      I’m also interested int this config and have researched a lot about this. For the time being, apollo can’t ad hoc integrate with vuex (although has integration wit redux).

      My solution so far is to implement

       import ApolloClient from 'apollo-client'
       
       const apolloClient = new ApolloClient({
         ...
       })
      

      Then in vuex

       const store = new Vuex.Store({
         ...
         mutations: {
           apolloClient.query({
             ...
           })
         }
       })
      

      Working well, but several things is manually integrated.

      posted in Help
      joaopaulofilho
      joaopaulofilho

    Latest posts made by joaopaulofilho

    • RE: How to debug in chrome console?

      I didn’t ever used break points. Don’t know how…

      posted in Framework
      joaopaulofilho
      joaopaulofilho
    • RE: Build project with 0.9.1 seems to lose theme

      Yes. My bad. Have been debuging for a while but it was just now that I’ve found the misuse:

      in my component <style> I’ve imported app.variables AFTER app.mat.styl (to use some of the variables, of course).

      So this was where I banged my head over and over: in ‘quasar dev’ there where no issues, but when ‘quasar build’ and then ‘quasar serv’ (or apk with cordova), this was a deal breaker.

      Anyways, sorry for the dumb topic 🐼

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • Build project with 0.9.1 seems to lose theme

      In previous version, my themed builds seemed to work properly, but with the new version of quasar, after clicking in a link, it goes back to default theme (blue).

      I’ve searched in the docs, but with no luck so far.

      The only thing different from default scripts are my app.variables.styl:

      $white_smoke = #F9F8F8
      $dawn_pink   = #E6D7CB
      $fantasy     = #EEE4DC
      $stark_white = #D6C4B4
      $gun_powder  = #4D4D5B
      $prim        = #D6D2D3
      $simple_red  = #F54B5D
      
      
      $primary   = $gun_powder
      $secondary = $simple_red
      $tertiary  = $prim
      
      $neutral   = #E0E1E2
      $positive  = #21BA45
      $negative  = #DB2828
      $info      = #31CCEC
      $warning   = #F2C037
      
      $light     = #f4f4f4
      $dark      = #333
      $faded     = #777
      
      $text-color          = lighten(black, 17%)
      $background-color    = $white_smoke
      
      $link-color          = lighten($primary, 25%)
      $link-color-active   = $primary
      

      So, first page seems ok. Clicking to route new page, them falls back to blue.

      What am I doing wrong?

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • RE: How to debug in chrome console?

      Try this

      https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=pt-BR

      Works with vuex too.

      posted in Framework
      joaopaulofilho
      joaopaulofilho
    • RE: graphql with vuex / quasar

      I’m also interested int this config and have researched a lot about this. For the time being, apollo can’t ad hoc integrate with vuex (although has integration wit redux).

      My solution so far is to implement

       import ApolloClient from 'apollo-client'
       
       const apolloClient = new ApolloClient({
         ...
       })
      

      Then in vuex

       const store = new Vuex.Store({
         ...
         mutations: {
           apolloClient.query({
             ...
           })
         }
       })
      

      Working well, but several things is manually integrated.

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • RE: Bottom Tabs in Content Component

      Have you tried some of the css classes http://quasar-framework.org/api/css-positioning.html?

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • RE: Touch directives

      Maannn… thank YOU by making this awesome work!

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • RE: Touch directives

      Done open issue (#205) and PR.

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • RE: Touch directives

      I couldn’t rest until find this nasty bug… And I’ve found it!

      node_modules/quasar-framework/src/vue-directives/touch-hold.js:58

      original

      Utils.store.remove('touchhold')
      

      fixed

      Utils.store.remove('touchhold', el)
      

      Still want me to open an issue? [edit: maybe a PR?]

      Question: how can I build this fix in my node_module?

      posted in Help
      joaopaulofilho
      joaopaulofilho
    • Touch directives

      I’ve made a pull request for documentation about touch directives (they are now v-touch-swipe, v-touch-pan and v-touch-hold).

      So I came acrosss with an issue on v-touch-hold when this directive calls unbind:

      “Uncaught (in promise) TypeError: Cannot read property ‘dataset’ of undefined(…)” quasar.common.js?e3df:900

      Trace


      • remove$1 @ quasar.common.js?e3df:900
      • unbind @ quasar.common.js?e3df:1444
      • callHook$1 @ vue.common.js?e881:4404
      • updateDirectives @ vue.common.js?e881:4369
      • unbindDirectives @ vue.common.js?e881:4306
      • invokeDestroyHook @ vue.common.js?e881:3973
      • invokeDestroyHook @ vue.common.js?e881:3977
      • invokeDestroyHook @ vue.common.js?e881:3977
      • invokeDestroyHook @ vue.common.js?e881:3977
      • invokeDestroyHook @ vue.common.js?e881:3977
      • invokeDestroyHook @ vue.common.js?e881:3977
      • invokeDestroyHook @ vue.common.js?e881:3977
      • patch @ vue.common.js?e881:4227
      • Vue.$destroy @ vue.common.js?e881:1827
      • destroy$1 @ vue.common.js?e881:2019
      • invokeDestroyHook @ vue.common.js?e881:3972
      • patch @ vue.common.js?e881:4227
      • Vue.$destroy @ vue.common.js?e881:1827
      • destroy$1 @ vue.common.js?e881:2019
      • (anonymous function) @ vue.common.js?e881:2138
      • invokeDestroyHook @ vue.common.js?e881:3972
      • removeVnodes @ vue.common.js?e881:3988
      • updateChildren @ vue.common.js?e881:4095
      • patchVnode @ vue.common.js?e881:4129
      • patch @ vue.common.js?e881:4242
      • Vue._update @ vue.common.js?e881:1726
      • (anonymous function) @ vue.common.js?e881:1699
      • get @ vue.common.js?e881:736
      • run @ vue.common.js?e881:805
      • flushSchedulerQueue @ vue.common.js?e881:623
      • nextTickHandler @ vue.common.js?e881:401

      My code:


      <div class="card" v-touch-hold="() => { moreOptions(schedule) }">
          {{ schedule.info }}
      </div>
      
      ...
      
      methods: {
          moreOptions: function (schedule){
              ActionSheet.create({
                  title: 'More Options',
                  gallery: false,
                  actions: [
                      {
                          label: 'Delete',
                          icon: 'delete', // specify ONLY IF using icon
                          handler: function () {
                              console.log('Deleted Article')
                          }
                      }
                  ],
                  // optional:
                  dismiss: {
                      label: 'Cancel',
                      icon: 'cancel',
                      classes: 'text-primary',
                      handler: function () {
                          console.log('Cancelled...')
                      }
                  }
              })
          }
      }
      

      Am I doing something wrong?

      posted in Help
      joaopaulofilho
      joaopaulofilho