Quasar Framework

ghada

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

ghada

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

ghada

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];

});

ghada

@qyloxe I am using firebase with node js

ghada

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:

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

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

ghada

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

ghada

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

ghada

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 ?

ghada

@garlicbread thanks you , you saved my life!!

ghada

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

ghada

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

ghada

@ghada

Best posts made by ghada

Latest posts made by ghada