@diadal said in Compiling in Electron for both MacOS and Windows:

quasar build -m electron -T mas

Can you run the build with win64?

I am looking more seriously at the final build and it’s kinda confusing.

The Quasar docs say to use quasar.conf.js
https://quasar.dev/quasar-cli-webpack/developing-electron-apps/build-commands#publishing-electron-builder-only-

And I’d like to use electrion-builder because I’ve read that it has automatic updates incorporated. Nice!

Anyway, so I’m not sure if it’s best to use the Quasar build command:
quasar build -m electron -P always

Or use the electron-builder build command as specified on the electron-builder site:
electron-builder --mac

Any thoughts?

@metalsadman This worked for me thanks!

@toymachiner62 said in Date util documentation doesn't make sense:

On this section https://quasar-framework.org/components/date-utils.html#Create it mentions that you can pass a third parameter, but there is nothing documented about what the second parameter is supposed to be. Can that be updated to be more clear?

I’m also looking for the syntax to add ‘true’ to get the UTC date.

Even if I use adjustedDate and put in true, I’m still getting my local timezone, not UTC:

const newDate = new Date(2017, 10, 2)
    const adjustedDate = date.adjustDate(newDate, { year: 2010, month: 2 }, true)

I’m using extractDate…

const extractedBeginDate = date.extractDate(this.begDate, 'YYYY-MM-DD')

I’m also trying to get Google Analytics to work. Followed the tutorials in the links in this thread and when I try to add the file to the plugin section of the quasar.conf file I get an error. :(. Anyone have a fully complete tutorial that works?

@jubalj said in How to select text on focus in a QInput:

Posting for someone else looking for a simpler solution as I found a solution;

Add the following to inside the <q-input>

@focus="(input) => input.target.select()"

Found it at https://github.com/quasarframework/quasar/issues/8402

Thanks for this! I’m looking for the same thing. However when I apply your solution to my q-input I get this error:
Uncaught TypeError: input.target.select is not a function

I’m still pretty darn new to Quasar, is there something I’m missing when I add this?

hmm playing around, it looks like this doesn’t work on a number field. Dangit. Any solutions for a number field?
I have mask="##" included.

@damiendeville
This has been confusing me as well!
I also need an online database backend for Quasar and have been looking at Meteor. But there is really no information about that

“a) The commands to create the project do not mention neither meteor nor quasar”

I have created a little online dog sports trial entry form. I think the flow makes sense now, but I would love feedback from users. And to see if you can try to break it. (Because once things are live to the world, it’s amazing how they can get broken!)

https://bristlenosedog.com/enter/#/

I would love feedback on how the flow is, making sure the spinner works properly before and after payment, and that the emails send correctly. I’m using an SMTP email relay service to send the email (though I’d love to use Amazon SES, but I’m not sure how yet.)

One funky thing about the form is that after you press the Enter a Dog button, I clear out the Dog Information fields, which turns them all red again. And they don’t NEED to be filled out again to switch the toggle and complete the payment. The payment is based off the dogs that are entered into the IndexedDB database, not the form fields that show on the form. I’m hoping that’s not too confusing. It’s easy to confuse users.

Thanks!

I fixed it, I had too many flexbox rows.

It happens with the Dog Information fields. If you type in a really long string, the page expands.

It’s weird that the Owner fields don’t cause the same thing, as all the fields are defined the same way.

Yeah, I know it doesn’t expand on the quasar pages for q-input. That’s why I’m wondering if it’s the flexbox expanding.

I don’t really want to make a codepen with my whole application.

https://bristlenosedog.com/enter/#/

On my little online form, when someone types information into the q-input, and it’s long, the input (or maybe it’s the flexbox, I can’t tell) expands so that it pushes the page off the right size of the browser window and it can no longer be easily seen.

I am not sure if this is happening because of the input or the flexbox.

How do I force the q-input to not expand? I want the input to remain a static width.

this is my q-input inside the flexbox div.
Thanks!

    <div class="col-4 q-pa-md">
    <q-input
      filled
      v-model="dogAkcNum"
      @change="resetToggle"
      bg-color="orange-2"
      label="AKC Number"
      hint="Dog's AKC Registration Number"        
      lazy-rules
      :rules="[ val => val && val.length > 0 || 'AKC Registration Number is Required']"
        /> 
      </div>

@ilia Thanks, I will look into that.

I have a little application to take dog show entries. I’m saving the person and dog information to IndexedDB (Dexie). When the page reloads, or the person returns to the page, I’d like the person’s information to show in the person’s fields if there is a value in the database.

If there is no database yet (the person hasn’t been to the page before, or cleared it), then I would like them to be blank and take new entries to save into the database.

Does anyone have an example of this? I’m not even sure how to phrase this for a search since my question is kinda long, but I’m sure it’s a commonly done thing. Thanks!

@dobbel It doesn’t make any sense because I don’t know the syntax to make it work correctly. That’s why I need help, so I can get that to work, I have no idea how.

@dobbel Hmm… my q-table isn’t populating at all. That was actually my question. How do I get the q-table to show the data from the database?

I need to pull all the records from my IndexedDB table (via Dexie) and show the records in a Quasar Table (q-table)

I’ve been searching online but I’m not sure how to get the data into the q-table.

Here is my code so far.

All the hard coded data is showing in the table just fine, but I don’t know the syntax I need to show the data from the IndexeddB table in the q-table.

And when I search for these terms, Google tends to confusing database table fields with q-table results.

Help appreciated!

And my web page is live, you can see what I mean about the tables. I hard coded an old fashioned type table, which I guess works, but I’d prefer to use a q-table.

http://bristlenosedog.com/enter/#/

          {{ this.entriesArray }} // this shows the fields fine

        <q-table
          title="Dogs and Classes Entered"
          :data="tableData"
          :columns="tableColumns"
          row-key="name"
          :separator="separator"
        >
        <template v-slot:body="props">
        <q-tr :props="props">
          <q-td key="name" :props="props">
            {{ props.row.name }}
            </q-td> 
          <q-td key="name" :props="props">
            {{ props.row.calories }}
            </q-td> 
          <q-td key="name" :props="props">
            {{ props.row.fat }}
            </q-td> 
        </q-tr>
      </template>
    </q-table>

 tableColumns: [
        {
          name: 'name',
          required: true,
          label: 'Dog Name',
          align: 'center',
          field: row => row.name,
          format: val => `${val}`,
          sortable: true
        },
        { name: 'Sat 5/1 FDC T1', align: 'center', label: 'Sat 5/1 FDC T1', field: 'fdc01' },
        { name: 'Sat 5/1 FDC T2', align: 'center', label: 'Sat 5/1 FDC T2', field: 'fdc02' },
        { name: 'Sat 5/1 ATT T1', align: 'center', label: 'Sat 5/1 ATT T1', field: 'att01' },
        { name: 'Sat 5/1 ATT T2', align: 'center', label: 'Sat 5/1 ATT T2', field: 'att02' },

        { name: 'Sat 5/2 FDC T1', align: 'center', label: 'Sat 5/2 FDC T1', field: 'fdc03' },
        { name: 'Sat 5/2 FDC T2', align: 'center', label: 'Sat 5/2 FDC T2', field: 'fdc04' },
        { name: 'Sat 5/2 ATT T1', align: 'center', label: 'Sat 5/2 ATT T1', field: 'att03' },
      ],
      tableData: [
        {
          name: 'Jet',
          align: 'center',
          label: 'theLabel',
          field: 'field',
          calories: 39,
          fat: 18,
          fromDb: this.entriesArray
        } 
      ],

This is my method that I call in the mounted method to get the data when the page loads. The data is loading fine because i can see it on the page when I display it outside of the table.

    getAllEntries() { // Get all the entries from the database
      console.log("     getAllEntries START")
      enterFDC.tableEntries
        .each(entryOBJ => {
          this.entriesArray.push(entryOBJ)
        })
      console.log("     getAllEntries END", this.entriesArray)
    },

@pazarbasifatih what does Firebase do to make email work online?

I have a desktop app that I’m using IndexedDB (Dexie) with that’s working well. But I have a couple of online apps now. I could use Firebase but they don’t really need a database.

@pazarbasifatih That’s really cool. What is used to fire off the email itself?