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. ghada
    G
    • Profile
    • Following 0
    • Followers 0
    • Topics 6
    • Posts 19
    • Best 2
    • Groups 0

    ghada

    @ghada

    2
    Reputation
    4
    Profile views
    19
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    ghada Follow

    Best posts made by ghada

    • RE: Problem with the loading property of a button

      I dont know if this can work bur try using async and await for example :
      async callSubmit(){
      await onSumit()
      this.waitingForReponse = false
      }

      posted in Help
      G
      ghada
    • RE: Export(pdf/csv/word/xlsx) and Print feature request in q-table

      did anyone here found a way to export anything other than table to pdf ?

      posted in Framework
      G
      ghada

    Latest posts made by ghada

    • RE: Export(pdf/csv/word/xlsx) and Print feature request in q-table

      did anyone here found a way to export anything other than table to pdf ?

      posted in Framework
      G
      ghada
    • RE: change meta tags dynamically from index.html

      I followed this tutorial https://hackernoon.com/firebase-to-the-rescue-dynamic-routing-via-hosting-functions-integration-aef888ddf311
      and I put this snipit of code in the index.js in my backend folder.
      when I share through twitter for example It never shows the image in the index.html but also it never shares the image specified in this function although when I go to the link specified the tweet It shows the updated meta but a blank page!!!
      does this means I need to use firebase ssr???

      function buildHtmlWithArticle (article) {
      const string = ‘<!DOCTYPE html>\n’+
      ‘<html lang=“en” translate=“yes”> \n’+
      ‘<head> \n’+
      ‘<meta charset=“utf-8” /> \n’ +
      ‘<meta http-equiv=“X-UA-Compatible” content=“IE=edge” /> \n’+
      ‘<meta name=“viewport” content=“width=device-width,initial-scale=1.0” /> \n’ +
      ‘<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” /> \n’+
      ‘<meta http-equiv=“Content-Type” content=“text/html; charset=ISO-8859-1” /> \n’+

      ‘<meta NAME=“geo.position” CONTENT=“latitude; longitude”> \n’+
      ‘<meta NAME=“geo.placename” CONTENT=“Place Name”> \n’+
      ‘<meta NAME=“geo.region” CONTENT=“Country Subdivision Code”></meta> \n’+
      ‘<meta http-equiv=“Cache-control” content=“public”> \n’+

      '<title>' + article.title + '</title>\n' + 
      '<meta property="og:title" content="' + article.title + '"> \n' +
      '<meta property="og:image" content="' + article.image + '"> \n' +
      '<meta property="twitter:title" content="' + article.title + '"> \n'+
      '<meta property="twitter:image" name="twitter:image"  content="' + article.image +'" > \n' +
      '</head> \n'+
      '<body> \n'+
      '<noscript> \n'+
        
      
      
      '<div id="app"></div> \n'+
      

      ‘</body> \n’+
      ‘</html>’

      return string;
      }
      exports.article = functions.https.onRequest( async (req, res) => {
      console.log(‘in article function’)
      console.log(‘path in req’,req.path)
      const path = req.path.split(’/’);
      console.log(‘path’,path)
      const articleId = path[2];

      const article = await admin
      .firestore()
      .doc(article/${articleId})
      .get()
      const item = Object.assign({}, article.data(), {
      id: article.uri,
      });
      const htmlString = buildHtmlWithArticle(item);
      console.log(‘html string’,htmlString)
      res.status(200).end(htmlString);

      });

      posted in Help
      G
      ghada
    • RE: change meta tags dynamically from index.html

      @qyloxe I am using firebase with node js

      posted in Help
      G
      ghada
    • change meta tags dynamically from index.html

      hey everyone,
      I know this problem has been discussed before but I did not found a suitable solution
      I want to change some meta tags in a certain vue page for sharing on social media:
      i.e my index.html tags looks like this:

      <meta property=“twitter:card” content=“summary_large_image”>
      <meta property=“twitter:url” lang=“ar” content=“https://youhealthful.com”>
      <meta property=“twitter:title” lang=“ar” content=“YOUHEALTHFUL| Stay informed for COVID-19 updates and up to date health information.”>
      <meta property=“twitter:description” lang=“ar” content="">
      <meta property=“twitter:image” name=“twitter:image” content=“https://firebasestorage.googleapis.com/v0/b/youhealthful.appspot.com/o/shareableImages%2Ftwitter.png?alt=media&token=bb0dad3b-9e4f-4692-b03e-61c01221b1fc” >

      this meta tags are for the whole website
      in my article-view-page.vue I want to set twitter:image tag content to another url
      I tried quasar meta plugin but I cannot see any visible result so i used javascript in mounted (or created)
      document.querySelector(‘meta[property=“twitter:image”]’).setAttribute(“content”,this.article.image)
      and It really changed in the inspect partition in the head .
      the problem is my template part

      <ShareNetwork
      network=“twitter”
      :url=“youhealthful + title”
      :title=“title”
      description=“This article is about Covid 19”
      quote=""
      hashtags=“covid19,corona_virus”
      @open=“openTwitter”
      >
      <q-avatar size=“4vh” class=“q-mx-xl-sm q-mx-xs-xs cursor-pointer bg-blue-4 social-media-share”>
      <i class=“fab fa-twitter bg-blue-4 text-white” ></i>
      </q-avatar>
      </ShareNetwork>

      this component never sees the change in meta tag and always read the image in the index.html file
      does anyone have any suggestions ?

      posted in Help
      G
      ghada
    • higri/islamic calendar

      Hey everyone,
      is there a way to convert quasar calendar to a component that support higri calendar (arabic calendar)?

      posted in Help
      G
      ghada
    • RE: QTable n rows

      @metalsadman this is also not working unless I reload the page I can see the number of rows changing

      posted in Framework
      G
      ghada
    • RE: QTable n rows

      Can we make the rowsPerPage in the pagination props vary according to the screen size?
      something like this:
      pagination: {
      sortBy: ‘desc’,
      descending: false,
      page: 1,
      rowsPerPage: this.$q.screen.width>768 && this.$q.screen.width <= 1024? 14 : 7
      },
      this is working but I need to reload the page to see the rows per page changing according to screen width , Is there a solution to make it responsive ?

      posted in Framework
      G
      ghada
    • RE: Best practice setting up q-scroll-area

      @garlicbread thanks you , you saved my life!!

      posted in Help
      G
      ghada
    • q-uploader : change its form

      hey everyone , is there a way to use q-uploader for the camera button in the picture below?q-uploader.png

      posted in Help
      G
      ghada
    • border color of q-input out of focus

      hi everyone,
      Does anyone have an idea about how to change the default color of the q-input border when it’s out of focus?
      I already changed it when I focus on the q-input using color=“white” but I don’t know how to do it when I’m out of focus

      posted in Help
      G
      ghada