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. walfin
    3. Best
    W
    • Profile
    • Following 0
    • Followers 0
    • Topics 59
    • Posts 218
    • Best 27
    • Groups 0

    Best posts made by walfin

    • Happy 25th Birthday PHP!

      I saw this in a PHPStorm ad.

      So, cheers, everyone, for those of us who are still using PHP (on shared hosting particularly)!

      posted in Hangout
      W
      walfin
    • RE: Ask Razvan a Question! Q & A for Quasar.Conf

      According to npm statistics today, bootstrap-vue has 257,360 weekly downloads and Vuetify has 290,901 weekly downloads, while Quasar has 27,944 weekly downloads (about 10%). What is your plan for increasing Quasar’s userbase so we will have a larger community (and thus, likely better community support)?

      posted in Hangout
      W
      walfin
    • RE: [Solved] How to achieve obfuscation like https://obfuscator.io/ in CLI

      Use npm install --save-dev webpack-obfuscator.

      Here’s a sample from my quasar.conf.js:

      let JavaScriptObfuscator=require('webpack-obfuscator');
      ...
      build:{
      ...
      extendWebpack(cfg,{isServer,isClient}){
      if(!ctx.dev&&!ctx.debug){
      cfg.plugins.push(new JavaScriptObfuscator({
      debugProtection: true,
      debugProtectionInterval: true,
      rotateStringArray: true,
      renameGlobals: true,
      stringArrayEncoding: 'rc4',
      stringArrayThreshold: 1
      }));
      ...
      }
      ...
      }
      
      posted in Framework
      W
      walfin
    • RE: Push user to specific Vue if user is not logged in (firebase.auth)

      Maybe you want to store user in Vuex and do this (perhaps in your root component’s created hook):

      this.$router.beforeEach((to,from,next)=>this.$store.state.user?next():next('/auth'));
      

      Alternatively, you can use vue-router abstract mode to prevent the user from manually keying in a hash / path.

      posted in Help
      W
      walfin
    • RE: Hack-a-May Entries

      Fab! I’m in.

      posted in Hangout
      W
      walfin
    • RE: q-img preloading

      @Hawkeye64 I was wondering if there was a way to start loading the images immediately after first paint (in the background). Currently the first opening of my menu sidebar is lagging as it only starts loading the images when the menu is opened. I’m currently resorting to using img instead of q-img and putting in invisible imgs elsewhere on the page to force the images to load.

      posted in Framework
      W
      walfin
    • RE: Use a Cordova plugin in electron build

      @dobbel I took a look at this: https://github.com/quasarframework/quasar/issues/4941

      Do you know if cordova-electron in quasar is production ready?

      posted in Help
      W
      walfin
    • RE: Would you use Vue + Quasar to build a Marketing site?

      @Ben-Hayat So, this has gotten me to work. I decided to rebuild my company website using Quasar, with directus (https://directus.io) as the backend (it has quite a full featured API, including a JavaScript SDK which I used, and has authentication built-in).

      Let me know your feedback on the UI:
      https://customautosys.com/new (new Quasar UI)
      https://customautosys.com (old UI)

      🙂

      @qyloxe said in Would you use Vue + Quasar to build a Marketing site?:

      @stefanvh said in Would you use Vue + Quasar to build a Marketing site?:

      @Ben-Hayat I don’t want to hijack your topic so let me know if I have to move this discussion somewhere else.

      I’m also feeling uncomfortable here…

      So, for example simple blog functionality. There needs to be a way to authenticate the user with an username and password. The authentication returns an authorization token. With the authorization token the user should be able to create a blog post (e.g. POST /posts). Unauthenticated people should be able to retrieve this post (e.g. GET /posts or /posts/1). This post is prefetched in Quasar and then displayed in a QCard for example. JSON-API covers creating and fetching resources (the posts), but authentication and even authorization can be performed in a billion different ways. Personally I am using PASETO tokens and /login and /register routes with simply {username, password} as payload with the appropriate HTTP status codes as response. But there are a lot of other ways (http://www.passportjs.org/packages/).

      anyway, this scheme could be vulnerable to CSRF family of attacks. You need secure, same-site etc. cookie. Every other client side token, visible to JS is a potential vector of attack. If it is a blog for cats stories I wouldnt worry of course, but if it is a blog for bank official statements - this is another story. Do you know who your target is?
      Well, the words are cheap and misleading. We, as developers has a opportunity and privilege to talk precisely and exactly about topic - we can use the language of code. So, please just create a repo on github, put your words into action and just create a skeleton, template, base of your thoughts in material (as in computers haha) form. It is much easier to discuss code in specific context than just dream about any possible or maybe possible context. At the end of the day, you will need to make a technical decision.

      Authentication is a problem that has been solved by many other companies. Don’t reinvent the wheel. There are solutions like Auth0 & Okta, just to name 2 of the most common ones. Using a tried-and-tested authentication provider is probably more secure and less susceptible to CSRF than anything a solo dev could churn out.

      posted in Hangout
      W
      walfin
    • RE: How to make q-table max-width 100%

      @dobbel In app.styl:

      .screenwide
      	max-width 100% !important
      
      .screenwide .q-table
      	max-width 100% !important
      
      .screenwide td
      	white-space normal !important
      	word-wrap normal !important
      	hyphens manual
      
      .screenwide th
      	text-align center !important
      

      In the relevant template:

      <q-table :data="recipients" :columns="columns" :rows-per-page-options="[0]" selection="multiple" :selected.sync="selected" table-class="screenwide" dense>
      
      posted in Framework
      W
      walfin
    • Use a Cordova plugin in electron build

      Hi is there a way to use some of the Cordova plugins (in browser mode) in electron? What if I only want to use some plugins but not all?

      posted in Help
      W
      walfin
    • RE: Ask Razvan a Question! Q & A for Quasar.Conf

      What is your opinion on Weex and NativeScript? Do you think Quasar would support native development one day, and if so, which native toolkit might you be most inclined to support?

      posted in Hangout
      W
      walfin
    • RE: Keytar cannot be found in production

      Found the answer, it needs to be installed using --save instead of --save-dev

      posted in Framework
      W
      walfin
    • RE: Google Analytics 4 for SPA

      @dobbel OK I seem to have some results now. cordova-plugin-firebase-analytics for Cordova and Google Tag Manager + gtag.js for SPA. If anyone needs help with GA4, PM me.

      posted in Help
      W
      walfin
    • RE: How many people use NetBeans?

      @dobbel I used the latest EAP for IntelliJ Ultimate (why limit myself to PHPStorm when I can have everything for free :P)

      I added chrome debug extension (all I needed to do was right click the icon and click Inspect in IDEA with IDEA running, and my breakpoints worked) and also xdebug helper (all I needed to do was left click on the icon and click Debug, then click Run->Start Listening for PHP Debug connections - it auto-detected the corresponding file in my project which was symlinked into my localhost Apache www root when it hit the breakpoint). I’m not sure about node.js server side debugging though (my APIs are developed in PHP as I use shared hosting). I’ll probably try debugging electron next. Cordova debugging in IDEA doesn’t seem possible yet, though (hope someone will come up with a guide for that).

      posted in Hangout
      W
      walfin
    • RE: Quasar Vs Ionic 5 in 2020

      @daveshirman

      • Page transition animations
        Comes out of the box in Quasar, not sure about Ionic
      • Easy of customising CSS
        In Quasar you have SASS, SCSS and Stylus variables.
      • Ease of making a production build on iOS and Android
        I’ve only ever done Android. It works seamlessly.
      • Compatibility with Cordova/Capacitor
        Fully compatible but I think for Capacitor Ionic may have an edge since they wrote Capacitor after all.
      • General feel of the app Vs native
        Perfect for Android (material design), but Quasar got rid of its iOS mode so you have to configure the UI elements manually. I hope they bring it back.
      • Job opportunities
        Here’s where we lose out, I guess. But we have the jobs board on this forum and the jobs channel on Discord.
      • Tooling stability
        There was a major shift from CLI v1 to v2 which resulted in many changes having to be made and there’s no automated migration tool (yet). However, if you’re starting out fresh you’ll start with CLI v2.
      • Real apps I can check out.
        Check out my apps at https://customautosys.com/covidgame and https://customautosys.com/ketoshare.
      posted in Framework
      W
      walfin
    • RE: Razvan is taking some time off

      Get well soon Razvan!

      posted in Announcements
      W
      walfin
    • RE: Just wanna say hi to the community :)

      Hi @Seanitzel!

      posted in Hangout
      W
      walfin
    • Ketogenic diet recipe and eatery sharing app

      I have deployed my recipe and eatery sharing app for the Ketogenic dieting community today.

      Check out https://customautosys.com/products.html?ketoshare if you are interested (even if you’re not on a Ketogenic diet, you can give me tips on my interface design!)

      posted in Show & Tell
      W
      walfin
    • RE: get in-app purchase working with cordova-plugin-purchase

      @pankaj I have gotten it working already.

      cordova plugin add cordova-plugin-purchase.

      Here is my boot file:

      import productIds from '../utils/productIds';
      
      export default ()=>{
      	if(process.env.MODE!=='cordova')return;
      	if(!window.store){
      		console.log('Store not available');
      		return;
      	}
      	store.validator='https://validator.fovea.cc/v1/validate?appName=...&apiKey=...';
      	productIds.forEach(id=>{
      		store.register({
      			id,
      			type:id.endsWith('_single')?store.CONSUMABLE:store.PAID_SUBSCRIPTION
      		});
      		store.when(id).approved(product=>product.verify()).verified(product=>product.finish());
      	});
      	store.error(error=>{
      		console.log(error);
      		store.refresh();
      	});
      	store.refresh();
      };
      

      And in my store component page I just call

      store.order(product);
      

      I also used PayPal for the equivalent purchases in electron.

      posted in Framework
      W
      walfin
    • Reactivue

      Never thought I’d see the day when Vue and React can join forces 😲

      https://blog.logrocket.com/vue-composition-api-in-react-functional-components

      I wonder if anyone will create a Reactivuegular next (then again, Angular is no longer very popular nowadays).

      posted in Hangout
      W
      walfin