I dont know if this can work bur try using async and await for example :
async callSubmit(){
await onSumit()
this.waitingForReponse = false
}
Best posts made by ghada
-
RE: Problem with the loading property of a button
-
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 ?
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 ?
-
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);});
-
RE: change meta tags dynamically from index.html
@qyloxe I am using firebase with node js
-
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 ? -
higri/islamic calendar
Hey everyone,
is there a way to convert quasar calendar to a component that support higri calendar (arabic calendar)? -
RE: QTable n rows
@metalsadman this is also not working unless I reload the page I can see the number of rows changing
-
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 ? -
RE: Best practice setting up q-scroll-area
@garlicbread thanks you , you saved my life!!
-
q-uploader : change its form
hey everyone , is there a way to use q-uploader for the camera button in the picture below?
-
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