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. ArkIv
    3. Posts
    A
    • Profile
    • Following 0
    • Followers 1
    • Topics 0
    • Posts 13
    • Best 4
    • Groups 0

    Posts made by ArkIv

    • RE: Use firebase-messaging-sw.js file in quasar 1.5.8

      quasar/app v2.0.0 released https://forum.quasar-framework.org/topic/6192/quasar-app-v2-0-0-released-major-improvements

      • Support for a /public folder which replaces /src/statics. The new folder will allow you to supply static content at the root/app base level, rather than as statics/*.
      posted in Help
      A
      ArkIv
    • RE: [vuex] do not mutate vuex store state outside mutation handlers.

      https://vuejs.org/v2/api/#vm-set

      posted in Help
      A
      ArkIv
    • RE: [V1] A guide for @quasar/dotenv

      @aeiosapp
      quasar.conf.json

      build:{
         env: {...require("./config_env")}
        ... or
         env: {
              version: require("./package.json").version,
              ...require("./config_env")
            },
       ... or
        env: {...require("./config_env"), 
              ...require("./config_env-2"}
      

      ./config_env.js

      module.exports={
       title: "no dotenv"
      }
      
      posted in Useful Tips (NEW)
      A
      ArkIv
    • RE: Tooltip for tree nodes

      @DineshDinux

      <q-tree  . . .  . . .  . .>
        <template v-slot:default-header="prop">
          <div class="row items-center text-no-wrap no-wrap">
              {{prop.node.name}}
               <q-tooltip :delay="1500" :offset="[0, 10]" max-width="250px">
                  {{ prop.node.id }}  <br />  {{ prop.node.name }}
               </q-tooltip>
           </div>
        </template>
      </q-tree>
      
      posted in Framework
      A
      ArkIv
    • RE: Use firebase-messaging-sw.js file in quasar 1.5.8

      @jitendra16 ???
      npm run build - start
      npm version patch - increment version ( package.json “version”: “0.0.1”)
      quasar build -m pwa - build pwa ( process.env.version - get version in project )
      cp -R distAdd/* dist/pwa” - copy all files from directory distAdd to dist/pwa after build
      UPD: That process.env.version would work
      quasar.conf.js
      . . build: {
      . . . env: { version: JSON.stringify(require("./package.json").version) },
      . . .

      posted in Help
      A
      ArkIv
    • RE: Use firebase-messaging-sw.js file in quasar 1.5.8

      Copy to dist:
      package.json
      “scripts”: {
      “build”: “npm version patch && quasar build -m pwa && cp -R distAdd/* dist/pwa”,

      posted in Help
      A
      ArkIv
    • RE: Use firebase-messaging-sw.js file in quasar 1.5.8

      -> messaging.useServiceWorker(registration); registration = any ServiceWorkerRegistration
      https://quasar.dev/quasar-cli/developing-pwa/handling-service-worker
      … ready(registration){
      const messaging = firebase.messaging();
      messaging.useServiceWorker(registration);
      }

      Use custom-service-worker.js instead of firebase-messaging-sw.js

      posted in Help
      A
      ArkIv
    • RE: integrate firebase cloud messaging in quasarv1.9 !

      Can any of this help?
      quasar 1.11.2
      // server nodejs

      const admin = require("firebase-admin");  // npm
      
      var serviceAccount = require("./key_firebase.json"); //  Private Key 
          - To generate a private key file for your service account:
          - In the Firebase console, open Settings > Service Accounts.
          - Click Generate New Private Key, then confirm by clicking Generate Key.
          - Securely store the JSON file containing the key.
      
      admin.initializeApp({
        credential: admin.credential.cert(serviceAccount),
        databaseURL: "https://<<ProjectName>>.firebaseio.com"
      });
      // -------------------------------------------------------------
      var registrationToken ="SfDeDN2Aw5iUBn9UHcx....."  // client ,? ( for test )
      var message = {
        data: {
          title: "TitleHello",
          body: "Hello World",
          icon: "/statics/icons/icon-128x128.png",
          image: "/statics/dom_300.png",
          . . . . . . 
         }
        },
        //token: registrationToken  // if token from client
        topic: "allUsers"  // if for topic
      };
      
      // Send a message to the device corresponding to the provided
      admin
        .messaging()
        .send(message)
        .then(response => {
          // Response is a message ID string.
          console.log("Successfully sent message:", response);
        })
        .catch(error => {
          console.log("Error sending message:", error);
        });
      

      // sample if topic

      . . . . (req,res){ 
      let idTokens = [req.body.idToken];
       admin
         .messaging()
         .subscribeToTopic(idTokens, "allUsers")  // idTokens  From the client,   allUsers - name topic
              .then(function(response) {
       . . .
      

      workboxPluginMode: “InjectManifest”,

      // custom-service-worker,js

      importScripts("https://www.gstatic.com/firebasejs/7.14.2/firebase-app.js");
      importScripts( "https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js");
       // Your web app's Firebase configuration  ->  console firebase  Firebase SDK snippet
        var firebaseConfig = { .. }
      
      firebase.initializeApp(firebaseConfig);
      const messaging = firebase.messaging();
      messaging.setBackgroundMessageHandler(function(payload) {
        let notifi = payload.data;
        const notificationTitle = notifi.title; //"Background Message Title";
        const notificationOptions = {
          actions: [
            {
              action: "https://google.ru",
              title: "click me"
            }
          ],
          body: notifi.body,
          icon: notifi.icon,
          image: notifi.image,
          requireInteraction: true // Do not clean message
        };
        return self.registration.showNotification(
          notificationTitle,
          notificationOptions
        );
      });
      

      . . .

      ???
      self.addEventListener( "notificationclick",  function(event) {
      . . .
      

      // register-service-worker.js

      import { register } from "register-service-worker";  // help npm ( includes to quasar ?)
      . . . 
      register(process.env.SERVICE_WORKER_FILE, {
        registrationOptions: { scope: "./" },
        ready(registration) {
       . . . 
      firebase.initializeApp(firebaseConfig);
      const messaging = firebase.messaging();
        messaging.useServiceWorker(registration); // Your sw (service-worker,js -> custom-service-worker.js)  instead   firebase-messaging-sw.js
      . . .
       messaging.onMessage(payload => {
        ... .. .. registration.showNotification(title, options)
      })  // no sw, no background
      . . . get token
       messaging
              .getToken()
              .then(idToken=> {
                if (idToken) { -> axios to server, for logics to topics
      , 
      }
      
      posted in Framework
      A
      ArkIv
    • RE: Icon Genie v2.0.0 is out! Major improvements!

      @rstoenescu Hooray! Thanks.

      posted in Announcements
      A
      ArkIv
    • RE: Icon Genie v2.0.0 is out! Major improvements!

      The icon file needs to be square. That’s all.

      and they don’t need to have a fixed width + height.

      I thought, this means that the square is not necessary …
      Well, so be it. thanks.

      posted in Announcements
      A
      ArkIv
    • RE: Icon Genie v2.0.0 is out! Major improvements!
      • The input files (for the icon and the background) can have any name, be placed anywhere, and they don’t need to have a fixed width + height.

      But still swears!

      $ icongenie generate -p icongenie-genprofil.json

      • Generating by profile: /home/. . . /icongenie-genprofil.json

      ⚠️ Icon source file resolution has width !== height

      $ icongenie -v
      2.0.0

      icongenie-genprofil.json
      {
      “params”: {
      “quality”: “7”,
      “include”: [“pwa”, “spa”],
      “icon”: “a1.png”,
      “background”: “a1.png”
      },
      “assets”: []
      }

      posted in Announcements
      A
      ArkIv
    • RE: q-Tree auto-scroll to last node

      @pintaf said in q-Tree auto-scroll to last node:

      while (el.id !== “YOURQTREE_ID”) {
      offset += el.offsetTop;
      el = el.offsetParent;
      }

      And if so?
      import { dom } from “quasar”;
      let offset = dom.offset(el).top

      posted in Help
      A
      ArkIv
    • RE: @quasar/app v1.4.1 released! Includes security update

      I did it like this
      catalog of the project > npm install vue
      or -g ??
      !! Probably wrong, but it works.
      install vue@2.6.11

      posted in Announcements
      A
      ArkIv