@dobbel

@dobbel {
“name”: “sportable”,

“dependencies”: {
“@quasar/cli”: “^1.1.2”,
“@quasar/extras”: “^1.9.16”,
“apexcharts”: “^3.19.0”,
“axios”: “^0.18.1”,
“cordova”: “^9.0.0”,
“localbase”: “^0.7.2”,
“node-sass”: “^4.14.1”,
“quasar”: “^1.14.3”,
“sass-loader”: “^8.0.2”,
“socket.io-client”: “^2.3.0”,
“upgrade”: “^1.1.0”,
“vue-apexcharts”: “^1.5.3”,
“vue-confetti”: “^2.2.1”,
“vue-i18n”: “^8.0.0”,
“vuedraggable”: “^2.24.0”
},
“devDependencies”: {
“@quasar/app”: “^1.9.6”
},
“engines”: {
“node”: “>= 10.18.1”,
“npm”: “>= 6.13.4”,
“yarn”: “>= 1.21.1”
},
“browserslist”: [
“last 1 version, not dead, ie >= 11”
]
}

@dobbel Cordova Package.json
{
“name”: “sportable.app”,
“displayName”: “Sportable”,
“version”: “2.1.9”,
“description”: “Your personal trainer.”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”
},
“keywords”: [
“ecosystem:cordova”
],
“author”: “Apache Cordova Team”,
“license”: “Apache-2.0”,
“dependencies”: {
“cordova”: “^9.0.0”,
“cordova-plugin-network-information”: “^2.0.2”
},
“devDependencies”: {
“cordova-android”: “^9.0.0”,
“cordova-ios”: “^6.1.1”,
“cordova-plugin-ionic-keyboard”: “^2.2.0”,
“cordova-plugin-navigationbar-color”: “^0.1.0”,
“cordova-plugin-splashscreen”: “^6.0.0”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-wkwebview-engine”: “^1.2.2”
},
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-network-information”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-ionic-keyboard”: {},
“cordova-plugin-navigationbar-color”: {},
“cordova-plugin-wkwebview-engine”: {}
},
“platforms”: [
“android”,
“ios”
]
}
}

Basic Information:
Operating System - Windows_NT(10.0.18363) - win32/x64
NodeJs - 10.21.0

Global packages
NPM - 6.14.4
@quasar/cli - 1.1.0
cordova - 10.0.0

Important local packages
quasar - 1.14.3 – Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app - 1.9.6 – Quasar Framework local CLI
@quasar/extras - 1.9.16 – Quasar Framework fonts, icons and animations
vue - 2.6.11 – Reactive, component-oriented view layer for modern web interfaces.
vue-router - 3.2.0 – Official router for Vue.js 2
vuex - 3.4.0 – state management for Vue.js
@capacitor/core - 2.4.6 – Capacitor: cross-platform mobile apps with the web
@capacitor/cli - 2.4.6 – Capacitor: Cross-platform apps with JavaScript and the web
@babel/core - 7.12.3 – Babel compiler core.
webpack - 4.43.0 – Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, … and your custom stuff.
webpack-dev-server - 3.11.0 – Serves a webpack app. Updates the browser on changes.
workbox-webpack-plugin - 4.3.1 – A plugin for your Webpack build process, helping you generate
a manifest of local files that workbox-sw should precache.
register-service-worker - 1.7.1 – Script for registering service worker, with hooks
typescript - 3.8.3 – TypeScript is a language for application scale JavaScript development

@dobbel Cordova. How to solve this?

Cordova Package.json
{
“name”: “sportable.app”,
“displayName”: “Sportable”,
“version”: “2.1.9”,
“description”: “Your personal trainer.”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”
},
“keywords”: [
“ecosystem:cordova”
],
“author”: “Apache Cordova Team”,
“license”: “Apache-2.0”,
“dependencies”: {
“cordova”: “^9.0.0”,
“cordova-plugin-network-information”: “^2.0.2”
},
“devDependencies”: {
“cordova-android”: “^9.0.0”,
“cordova-ios”: “^6.1.1”,
“cordova-plugin-ionic-keyboard”: “^2.2.0”,
“cordova-plugin-navigationbar-color”: “^0.1.0”,
“cordova-plugin-splashscreen”: “^6.0.0”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-wkwebview-engine”: “^1.2.2”
},
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-network-information”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-ionic-keyboard”: {},
“cordova-plugin-navigationbar-color”: {},
“cordova-plugin-wkwebview-engine”: {}
},
“platforms”: [
“android”,
“ios”
]
}
}

Basic Information:
Operating System - Windows_NT(10.0.18363) - win32/x64
NodeJs - 10.21.0

Global packages
NPM - 6.14.4
@quasar/cli - 1.1.0
cordova - 10.0.0

Important local packages
quasar - 1.14.3 – Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app - 1.9.6 – Quasar Framework local CLI
@quasar/extras - 1.9.16 – Quasar Framework fonts, icons and animations
vue - 2.6.11 – Reactive, component-oriented view layer for modern web interfaces.
vue-router - 3.2.0 – Official router for Vue.js 2
vuex - 3.4.0 – state management for Vue.js
@capacitor/core - 2.4.6 – Capacitor: cross-platform mobile apps with the web
@capacitor/cli - 2.4.6 – Capacitor: Cross-platform apps with JavaScript and the web
@babel/core - 7.12.3 – Babel compiler core.
webpack - 4.43.0 – Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, … and your custom stuff.
webpack-dev-server - 3.11.0 – Serves a webpack app. Updates the browser on changes.
workbox-webpack-plugin - 4.3.1 – A plugin for your Webpack build process, helping you generate
a manifest of local files that workbox-sw should precache.
register-service-worker - 1.7.1 – Script for registering service worker, with hooks
typescript - 3.8.3 – TypeScript is a language for application scale JavaScript development

App stucks with white screen and gives following error Uncaught SyntaxError: Unexpected identifier. Anyone have any idea.

Thanks in advance

I am having the problem in maximizing the qdialog to fullscreen in ios. It strats behaving like this recently. It was working fine 2 or 3 weeks before. And now there is a white bar under the dialog. Does anyone know what is the issue and why is it happening like this?

@metalsadman It works with chrome, android and also in safari browser. I am getting this issue only in Iphone

@metalsadman https://codepen.io/svarghese/pen/VwaJWGo

@metalsadman .info-click {
z-index: 6001;
position: relative;
} fOR START BUTTON LIKE THIS

@metalsadman I positioned the overlay class like this
.infoPopUp {
z-index: 5000;
position:relative;
}

@metalsadman Please find the below code

Dialog Component

<template>
  <div class="infoPopUp">
    <q-dialog
      v-model="introDataTraining.showInfo"
      persistent
      transition-show="fade"
      transition-hide="fade"
      position="bottom"
      v-if="introDataTraining.currentStep != -1"
    >
      <div :class="positionPopup">
        <div class="row">
          <div class="col-3">
            <img src="../../statics/maskottNew.png" class="choice-popup__img" />
          </div>
          <div class="col-9">
            <div class="choice-popup__bubble">
              <p class="choice-popup__text text-body3">
                <span v-html="getText"></span>
              </p>
            </div>
          </div>
        </div>
        <div v-if="showOkButton" class="choice-popup__btn-row">
          <div @click="nextStep()" class="btn--pos-white choice-popup__btn--1">{{ continueText }}</div>
        </div>
      </div>
    </q-dialog>
  </div>
</template>

I have created a q-dialog componet with z-index :-1 . It is working in Safari, Chrome and android perfectly. Start button should positioned top of dialog. Anyone has any idea?

I am having a log in page username and password field . When we are finished typing password and press enter , I triggered to call the click function of QBtn . It was working fine before update. Now I get the below mentioned errror.
TypeError: Cannot read property ‘defaultPrevented’ of undefined
at VueComponent.click (QBtn.js?9c40:48)
at VueComponent.trigger (master.vue?4509:119)
at keyup (master.vue?19fd:125)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLInputElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLInputElement.original._wrapper (vue.runtime.esm.js?2b0e:6911)
logError @ vue.runtime.esm.js?2b0e:1888
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911

Now I have to click on the button to log in. What could be the reason?

I want to prevent the screen goes to sleep when my app is active. How to use a cordova plugin or which cordova plugin I must use to get this feature?

I am not able to set autofocus to in ios platform. It is not popping up the keyboard. I have to click one or 2 times on the input field. Is there any solution for this?

Is it possible to build IOS app from Windows using “quasar build -m cordova -T ios” command?

When I swipe the component , I am losing the view of ellements below . If I swipe some element at the bottom losing the view in top. Don’t understand what’s happening. Please help to solve

I cannont move down or up, when I try to touch and move over the component. I can scroll only when I touch on the scroll bar which is to the rightmost end of the screen. But when I unselect the class .scorll , I can touch and move over the component. It was working before I updated the quasar to latest version. I am not able to fix this. Can someone help me to fix it out?

Thanks

I am using q-img for showing image and I am loding the src from database. Is ther a way to cache these images and load from there after the first load. I am using the latest version of Quasar