Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. rconstantine
    3. Topics
    R
    • Profile
    • Following
    • Followers
    • Topics
    • Posts
    • Best
    • Groups

    Topics created by rconstantine

    • R

      [Solved] How to use CASL with Quasar
      Help • • rconstantine  

      9
      2
      Votes
      9
      Posts
      121
      Views

      E

      Great thanks a lot, i didn’t get the fact that you will give 2 abilities. Thanks for your post it’s help a lot ! you should write a medium article
    • R

      ios build command not working - invalid simulator syntax maybe?
      Help • • rconstantine  

      4
      0
      Votes
      4
      Posts
      47
      Views

      K

      I’m having the same issue, but I can’t even get the “quasar dev -m cordova -T ios” to work. Really frustrating. I upgraded quasar hoping the tooling might have been out of date, but no luck. I can’t run my app in any iOS now, SPA and Android work fine … sigh.
    • R

      Missing documentation on local storage?
      Framework • • rconstantine  

      3
      0
      Votes
      3
      Posts
      43
      Views

      R

      Added one.
    • R

      Advice needed for additional table filter
      Help • • rconstantine  

      3
      0
      Votes
      3
      Posts
      33
      Views

      R

      I’ll check that out. Thanks. I haven’t heard of “client side query language[s]” before. Makes sense they’d exist.
    • R

      [solved] given a leaf in a q-tree, how can I programmatically select a leaf and open all parents?
      Help • • rconstantine  

      5
      0
      Votes
      5
      Posts
      87
      Views

      R

      !!! it was the first one listed in methods! How did I miss it? Anyway, I’m using the API from an existing website, so can’t change how anything is served to me. Thanks for the idea though.
    • R

      swipe, but also clipboard enabled?
      Help • • rconstantine  

      4
      0
      Votes
      4
      Posts
      22
      Views

      R

      Two questions: So I just have to hard reload the page? Or I need to quit and recompile the code from my IDE? Does setting the y & z to 0 make them ignored as I’ve tried to do?
    • R

      [solved] q-tree handler not working?
      Help • • rconstantine  

      6
      0
      Votes
      6
      Posts
      82
      Views

      R

      I figured out my issue: https://forum.quasar-framework.org/topic/4269/solved-given-a-leaf-in-a-q-tree-how-can-i-programmatically-select-a-leaf-and-open-all-parents I hope it’s OK I started another thread. I was coming at it from a different point of view than I was here.
    • R

      How can I set the text color of the closeBtn on a $q.notify call?
      Help • • rconstantine  

      2
      0
      Votes
      2
      Posts
      25
      Views

      R

      Never mind. I just used the action thingy.
    • R

      [solved] computed fields in styles?
      Help • • rconstantine  

      3
      0
      Votes
      3
      Posts
      21
      Views

      R

      face palm
    • R

      Has anyone contemplated using OpenCV with Quasar?
      Framework • • rconstantine  

      2
      0
      Votes
      2
      Posts
      37
      Views

      M

      There’s a JS wapper to opencv that’s available for use. I haven’t used it yet however based on your needs it might make sense to use a more lightweight solution. For instance if your doing something with facial recognition, theres stand alone packages that can help. If your project if heavily dependent on ocv then there’s a package for the android / iOS sdks
    • R

      Checkbox not checking?
      Help • • rconstantine  

      7
      0
      Votes
      7
      Posts
      129
      Views

      R

      Couldn’t get it to work, so I replaced it with the built in checkbox and the selected stuff (i.e. selection=“multiple” and :selected.sync=“selectmyreports”). It’s kind of annoying to have to populate the contents of the selected prop, but oh well. At least it’s working. Is there a way on a multiple select to disable the auto-created “select all” checkbox that sits in the header? If it’s in the docs, I missed it.
    • R

      [Solved] how to use $emit inside axios response (then)?
      Help • • rconstantine  

      6
      0
      Votes
      6
      Posts
      154
      Views

      R

      Figured it out. I replaced the events with props of type Function. I call them here after checking to make sure the prop is actually a function: runReport () { // TODO use the else case to show error, or disable ok button let path = this.genPDFParamString() let pdfPath = '' let here = this this.$axios.get(path, { timeout: 600000 }).then(res => { pdfPath = res.data if (typeof this.pathSet === 'function') { this.pathSet(pdfPath) } if (here.mode === 'pdf') { if (typeof this.pdfOnly === 'function') { this.pdfOnly(true) } } }).catch(err => { pdfPath = 'PDF Error' console.log('error', err) if (typeof this.pathSet === 'function') { this.pathSet(pdfPath) } here.$q.notify({ message: 'Error getting PDF path. Try again.', type: 'negative', textColor: 'white', color: 'negative', icon: 'error', closeBtn: 'close', position: 'top' }) }) this.$emit('facility-name', this.facilityOptions.find(obj => obj === this.facility).label.substring(7)) if (this.mode === 'report') { this.$emit('show-report', true) } else { this.$emit('show-report', false) } }
    • R

      qpdfviewer - specify download filename?
      [v1] App Extensions • • rconstantine  

      5
      0
      Votes
      5
      Posts
      47
      Views

      thanks!
    • R

      [Solved] QTable selection option not working when slots are overridden?
      Help • • rconstantine  

      6
      0
      Votes
      6
      Posts
      120
      Views

      R

      Got it working for those who might find this: <!-- Forked from: https://quasar.dev/vue-components/table#Example--Popup-editing --> <div id="q-app"> <div class="q-pa-md"> <q-table title="Treats" :data="data" :columns="columns" row-key="name" binary-state-sort selection="single" :selected.sync="selected" ><!-- add the two last (selection) lines, above --> <template v-slot:body="props"> <q-tr :props="props"> <q-td> <!-- add this line --> <q-checkbox v-model="props.selected"/><!-- add this line --> </q-td> <!-- add this line --> <q-td key="desc" :props="props"> {{ props.row.name }} <q-popup-edit v-model="props.row.name"> <q-input v-model="props.row.name" dense autofocus counter ></q-input> </q-popup-edit> </q-td> <q-td key="calories" :props="props"> {{ props.row.calories }} <q-popup-edit v-model="props.row.calories" title="Update calories" buttons> <q-input type="number" v-model="props.row.calories" dense autofocus ></q-input> </q-popup-edit> </q-td> <q-td key="fat" :props="props"> <div class="text-pre-wrap">{{ props.row.fat }}</div> <q-popup-edit v-model="props.row.fat"> <q-input type="textarea" v-model="props.row.fat" dense autofocus ></q-input> </q-popup-edit> </q-td> <q-td key="carbs" :props="props"> {{ props.row.carbs }} <q-popup-edit v-model="props.row.carbs" title="Update carbs" buttons persistent> <q-input type="number" v-model="props.row.carbs" dense autofocus hint="Use buttons to close" ></q-input> </q-popup-edit> </q-td> <q-td key="protein" :props="props">{{ props.row.protein }}</q-td> <q-td key="sodium" :props="props">{{ props.row.sodium }}</q-td> <q-td key="calcium" :props="props">{{ props.row.calcium }}</q-td> <q-td key="iron" :props="props">{{ props.row.iron }}</q-td> </q-tr> </template> </q-table> </div> </div> new Vue({ el: '#q-app', data () { return { columns: [ { name: 'desc', required: true, label: 'Dessert (100g serving)', align: 'left', field: row => row.name, format: val => `${val}`, sortable: true }, { name: 'calories', align: 'center', label: 'Calories', field: 'calories', sortable: true }, { name: 'fat', label: 'Fat (g)', field: 'fat', sortable: true, style: 'width: 10px' }, { name: 'carbs', label: 'Carbs (g)', field: 'carbs' }, { name: 'protein', label: 'Protein (g)', field: 'protein' }, { name: 'sodium', label: 'Sodium (mg)', field: 'sodium' }, { name: 'calcium', label: 'Calcium (%)', field: 'calcium', sortable: true, sort: (a, b) => parseInt(a, 10) - parseInt(b, 10) }, { name: 'iron', label: 'Iron (%)', field: 'iron', sortable: true, sort: (a, b) => parseInt(a, 10) - parseInt(b, 10) } ], data: [ { name: 'Frozen Yogurt', calories: 159, fat: 6.0, carbs: 24, protein: 4.0, sodium: 87, calcium: '14%', iron: '1%' }, { name: 'Ice cream sandwich', calories: 237, fat: 9.0, carbs: 37, protein: 4.3, sodium: 129, calcium: '8%', iron: '1%' }, { name: 'Eclair', calories: 262, fat: 16.0, carbs: 23, protein: 6.0, sodium: 337, calcium: '6%', iron: '7%' }, { name: 'Cupcake', calories: 305, fat: 3.7, carbs: 67, protein: 4.3, sodium: 413, calcium: '3%', iron: '8%' }, { name: 'Gingerbread', calories: 356, fat: 16.0, carbs: 49, protein: 3.9, sodium: 327, calcium: '7%', iron: '16%' }, { name: 'Jelly bean', calories: 375, fat: 0.0, carbs: 94, protein: 0.0, sodium: 50, calcium: '0%', iron: '0%' }, { name: 'Lollipop', calories: 392, fat: 0.2, carbs: 98, protein: 0, sodium: 38, calcium: '0%', iron: '2%' }, { name: 'Honeycomb', calories: 408, fat: 3.2, carbs: 87, protein: 6.5, sodium: 562, calcium: '0%', iron: '45%' }, { name: 'Donut', calories: 452, fat: 25.0, carbs: 51, protein: 4.9, sodium: 326, calcium: '2%', iron: '22%' }, { name: 'KitKat', calories: 518, fat: 26.0, carbs: 65, protein: 7, sodium: 54, calcium: '12%', iron: '6%' } ], selected: [] // add this line } } })
    • R

      Upgrade not working - I did uncheck the box
      Help • • rconstantine  

      4
      0
      Votes
      4
      Posts
      36
      Views

      R

      I ended up using npm. Thanks, though.
    • R

      [Solved] File download suppressed?
      Help • • rconstantine  

      4
      0
      Votes
      4
      Posts
      140
      Views

      R

      What ended up working was sending in the request the response type of blob, then in the .then block, I did this: const blob = new Blob([res.data], { type: res.data.type }) const url = window.URL.createObjectURL(blob) const link = document.createElement('a') link.href = url console.log('headers', res.headers) const contentDisposition = res.headers['content-disposition'] let fileName = 'unknown' if (contentDisposition) { const fileNameMatch = contentDisposition.match(/filename="(.+)"/) if (fileNameMatch.length === 2) { fileName = fileNameMatch[1] } } // let fileName = payload.reportName link.setAttribute('download', fileName) document.body.appendChild(link) link.click() link.remove() window.URL.revokeObjectURL(url)
    • R

      [Ignore] accessing 'this' in async response - possibly Vue question, not Quasar
      Help • • rconstantine  

      4
      0
      Votes
      4
      Posts
      58
      Views

      R

      Did not use Iframe. The PDF module I was trying to use was too slow for big files. So the original post code is now in the trash.
    • R

      [Solved] [V1] BackToTop directive removed? Will it make it back in?
      Framework • • rconstantine  

      3
      0
      Votes
      3
      Posts
      45
      Views

      R

      Not sure why I didn’t reply in April. Thanks! I found it and am using it.
    • R

      [Solved] [V1] $emit working in one case, not another
      Help • • rconstantine  

      8
      0
      Votes
      8
      Posts
      316
      Views

      R

      @metalsadman, @nothingismagick I just had an “aha” moment. In my working case, the two files are siblings! They are both components in a parent file. In the non-working case, the $emit was in the child and the parent was supposed to receive it. Same with the test case I worked up that was otherwise identical to the working case. Adjusting the child-parent cases to use @metalsadman’s suggestion worked for both of them. The sibling case using $root still works. I’m going to see if I can come up with another sibling case and see if that will work too. If it does, it begs the question: what changed in V1 to disallow using $root.$emit in a child-parent case?
    • R

      [V1] How do we do a multipage CodePen?
      Help • • rconstantine  

      3
      0
      Votes
      3
      Posts
      35
      Views

      R

      great. thanks.