@feliperiverot wrote:

0

I am working in an app using Ionic 4. One of the requeriments is the user can log in using facebook. I follow this tutorial: https://www.djamware.com/post/5d949fa24ca99c5ee51238ef/ionic-4-tutorial-facebook-login-example, facebook and works almost perfectly the functionality.

I am using this app: https://github.com/jeduan/cordova-plugin-facebook4

Testing the app I found out the login fails when the native android facebook app is installed in the device.

I have replicated, the experiment in three diferents devices.

Here is the process when facebook app is not installed in the device:

The when I do click in the facebook login button, the facebook login box appears perfectly:

Now, when I tried to do the same when the facebook app is installed in the device happen the following:

I do click in the facebook login button

The login box of the facebook app appears, and I logged in the the facebook app.

But this error is show: “There is an error in logging you into this application. Please try again later”

I uninstalled the facebook app, and the login works again.

This is my login facebook function code:

    fbLogin() {
this.platform.ready().then(() => {

      if (this.platform.is('android')) {

  this.fb.login(['public_profile', 'user_friends', 'email'])
    .then(res => {
      if (res.status === 'connected') {
        this.isLoggedIn = true;
        this.getUserDetail(res.authResponse.userID);
        this.router.navigateByUrl("/tutorial");
      } else {
        this.isLoggedIn = false;
      }
    })
    .catch(e => console.log('Error logging into Facebook', e));




    }

});

}

I found this a similar app with another facebook login plugin for react: https://github.com/facebook/react-native-fbsdk/issues/633

Their “workaround” was to force the app to call regular facebook login box like this:

if (Platform.OS === "android") {
            LoginManager.setLoginBehavior("web_only")
        }

Is any similar “workaround” or way to force to use the web facebook login box without call the facebook app?

Thank you.

Posts: 1

Participants: 1

Read full topic

@vicatcu wrote:

I just uploaded a build of one of my apps to the app store and I got this message in my email:

Dear Developer,

We identified one or more issues with a recent delivery for your app, “Zynect Sensors” 1.0.6 (1.0.6). Your delivery was successful, but you may wish to correct the following issues in your next delivery:

ITMS-90809: Deprecated API Usage -
Apple will stop accepting submissions of new apps that use UIWebView APIs starting from April 2020. See https://developer.apple.com/documentation/uikit/uiwebview for more information.

After you’ve corrected the issues, you can upload a new binary to App Store Connect.

Best regards,

The App Store Team

I got this last time I uploaded as well, a couple months ago, and at the time I googled and I’m pretty sure I came across this Stackoverflow post: https://stackoverflow.com/questions/58619242/error-ionic-4-itms-90809-deprecated-api-usage-apple-will-stop-accepting-submi and implemented the guidance therein. Namely,

1. I added the <preference name="WKWebViewOnly" value="true" /> as an element nested under the <widget> element in config.xml after all the other <preference> elements already in config.xml.
2. I checked and npm ls cordova-ios shows @5.1.1 and cordova --version indicates @9.0.0 both of which are the latest releases available according to npm at the time of this post.
3. I ran cordova prepare ios and didn’t see any warnings or errors.

So… April is fast approaching and I’m starting to get concerned that I’m going to be hosed by this. What might I be doing wrong, and how can I check that the right things have happened before I next submit my app to Apple?

Might one of my plugins be causing this? The only one I can think of that could be implicated, I suppose, is cordova-plugin-googleplus which I use to allow my users to sign in with Google, but to be honest, I have no idea. This issue on that repository would sort of suggest that is the case.

Posts: 1

Participants: 1

Read full topic

@vishalsingh24 wrote:

My ionic gets stuck and no error comes after. It remains stuck there. Does anyone know a fix?
Ionic version: 5.4.16 and Cordova version: 9.0.0. I have tried downgrading upto ionic version 5.0.0 and cordova 8.0.0. Nothing seems to work. The app is running successfully with ionic serve. Here’s the output:

 D:\astrodasha> ionic cordova build android --verbose
  ionic:lib Terminal info: { ci: false, shell: 'C:\\Windows\\system32\\cmd.exe', tty: true, windows: true } +0ms
  ionic:lib CLI global options: { _: [ 'cordova', 'build', 'android' ], help: null, h: null, verbose: true, quiet: null, interactive: true, color: true, confirm: null, json: null, project: null, '--': [] } +3ms
  ionic:lib:project Project type from config: @ionic/angular (angular) +0ms
  ionic:lib:project Project details: { configPath: 'D:\\astrodasha\\ionic.config.json', errors: [], context: 'app', type: 'angular' } +0ms
  ionic Context: { binPath: 'C:\\Users\\yashr\\AppData\\Roaming\\npm\\node_modules\\ionic\\bin\\ionic', libPath: 'C:\\Users\\yashr\\AppData\\Roaming\\npm\\node_modules\\ionic', execPath: 'D:\\astrodasha', version: '5.4.16' } +0ms
  ionic:lib:integrations:cordova:config Loading Cordova Config (config.xml: 'D:\\astrodasha\\config.xml', package.json: 'D:\\astrodasha\\package.json') +0ms
  ionic:lib:build build options: {
  ionic:lib:build   '--': [],
  ionic:lib:build   engine: 'cordova',
  ionic:lib:build   platform: 'android',
  ionic:lib:build   project: undefined,
  ionic:lib:build   verbose: false,
  ionic:lib:build   configuration: undefined,
  ionic:lib:build   sourcemaps: undefined,
  ionic:lib:build   cordovaAssets: true,
  ionic:lib:build   watch: undefined,
  ionic:lib:build   type: 'angular'
  ionic:lib:build } +0ms
  ionic:lib:telemetry Sending telemetry for command: 'ionic cordova build' [ 'android', '--verbose', '--interactive', '--color' ] +0ms
  ionic:lib:hooks Looking for ionic:build:before npm script. +0ms
  ionic:lib:build Looking for ionic:build npm script. +7ms
> ng.cmd run app:ionic-cordova-build --platform=android
  ng:analytics getGlobalAnalytics +0ms
  ng:analytics Client Analytics config found: false +29ms
  ng:analytics Analytics disabled. Ignoring all analytics. +0ms
  ng:analytics getSharedAnalytics +1ms
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.

chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 804 kB [initial] [rendered]
chunk {polyfills} polyfills-es2015.js, polyfills-es2015.js.map (polyfills) 297 kB [initial] [rendered]
chunk {3} 3-es2015.js, 3-es2015.js.map () 31.1 kB  [rendered]
chunk {3} 3-es5.js, 3-es5.js.map () 32.3 kB  [rendered]
chunk {0} 0-es2015.js, 0-es2015.js.map () 13.2 kB  [rendered]
chunk {0} 0-es5.js, 0-es5.js.map () 14.1 kB  [rendered]
chunk {2} 2-es2015.js, 2-es2015.js.map () 17 kB  [rendered]
chunk {2} 2-es5.js, 2-es5.js.map () 17.5 kB  [rendered]
chunk {8} 8-es2015.js, 8-es2015.js.map () 4.65 kB  [rendered]
chunk {8} 8-es5.js, 8-es5.js.map () 5 kB  [rendered]
chunk {1} 1-es2015.js, 1-es2015.js.map () 20 kB  [rendered]
chunk {1} 1-es5.js, 1-es5.js.map () 20.5 kB  [rendered]
chunk {7} 7-es2015.js, 7-es2015.js.map () 4.6 kB  [rendered]
chunk {7} 7-es5.js, 7-es5.js.map () 4.95 kB  [rendered]
chunk {4} 4-es2015.js, 4-es2015.js.map () 31.1 kB  [rendered]
chunk {4} 4-es5.js, 4-es5.js.map () 32.3 kB  [rendered]
chunk {5} 5-es2015.js, 5-es2015.js.map () 57.3 kB  [rendered]
chunk {5} 5-es5.js, 5-es5.js.map () 58.8 kB  [rendered]
chunk {6} 6-es2015.js, 6-es2015.js.map () 56.1 kB  [rendered]
chunk {6} 6-es5.js, 6-es5.js.map () 57.6 kB  [rendered]
chunk {10} 10-es2015.js, 10-es2015.js.map () 9.98 kB  [rendered]
chunk {10} 10-es5.js, 10-es5.js.map () 10.5 kB  [rendered]
chunk {15} 15-es2015.js, 15-es2015.js.map () 12 kB  [rendered]
chunk {15} 15-es5.js, 15-es5.js.map () 12.7 kB  [rendered]
chunk {12} 12-es2015.js, 12-es2015.js.map () 3.71 kB  [rendered]
chunk {12} 12-es5.js, 12-es5.js.map () 3.93 kB  [rendered]
chunk {11} 11-es2015.js, 11-es2015.js.map () 3.71 kB  [rendered]
chunk {11} 11-es5.js, 11-es5.js.map () 3.93 kB  [rendered]
chunk {14} 14-es2015.js, 14-es2015.js.map () 22.9 kB  [rendered]
chunk {14} 14-es5.js, 14-es5.js.map () 23.5 kB  [rendered]
chunk {9} 9-es2015.js, 9-es2015.js.map () 9.43 kB  [rendered]
chunk {9} 9-es5.js, 9-es5.js.map () 9.99 kB  [rendered]
chunk {16} 16-es2015.js, 16-es2015.js.map () 11.6 kB  [rendered]
chunk {16} 16-es5.js, 16-es5.js.map () 12.2 kB  [rendered]
chunk {25} 25-es2015.js, 25-es2015.js.map () 18.1 kB  [rendered]
chunk {25} 25-es5.js, 25-es5.js.map () 18.9 kB  [rendered]
chunk {13} 13-es2015.js, 13-es2015.js.map () 22.7 kB  [rendered]
chunk {13} 13-es5.js, 13-es5.js.map () 23.4 kB  [rendered]
chunk {18} 18-es2015.js, 18-es2015.js.map () 8.52 kB  [rendered]
chunk {18} 18-es5.js, 18-es5.js.map () 9.11 kB  [rendered]
chunk {21} 21-es2015.js, 21-es2015.js.map () 15.9 kB  [rendered]
chunk {21} 21-es5.js, 21-es5.js.map () 16.2 kB  [rendered]
chunk {17} 17-es2015.js, 17-es2015.js.map () 8.4 kB  [rendered]
chunk {17} 17-es5.js, 17-es5.js.map () 8.99 kB  [rendered]
chunk {20} 20-es2015.js, 20-es2015.js.map () 5.61 kB  [rendered]
chunk {20} 20-es5.js, 20-es5.js.map () 5.85 kB  [rendered]
chunk {27} 27-es2015.js, 27-es2015.js.map () 12.6 kB  [rendered]
chunk {27} 27-es5.js, 27-es5.js.map () 12.6 kB  [rendered]
chunk {19} 19-es2015.js, 19-es2015.js.map () 5.62 kB  [rendered]
chunk {19} 19-es5.js, 19-es5.js.map () 5.85 kB  [rendered]
chunk {31} 31-es2015.js, 31-es2015.js.map () 25.7 kB  [rendered]
chunk {31} 31-es5.js, 31-es5.js.map () 26.8 kB  [rendered]
chunk {28} 28-es2015.js, 28-es2015.js.map () 12.6 kB  [rendered]
chunk {28} 28-es5.js, 28-es5.js.map () 12.6 kB  [rendered]
chunk {23} 23-es2015.js, 23-es2015.js.map () 65.9 kB  [rendered]
chunk {23} 23-es5.js, 23-es5.js.map () 65.6 kB  [rendered]
chunk {22} 22-es2015.js, 22-es2015.js.map () 66.2 kB  [rendered]
chunk {22} 22-es5.js, 22-es5.js.map () 65.9 kB  [rendered]
chunk {26} 26-es2015.js, 26-es2015.js.map () 3.43 kB  [rendered]
chunk {26} 26-es5.js, 26-es5.js.map () 3.66 kB  [rendered]
chunk {29} 29-es2015.js, 29-es2015.js.map () 14.4 kB  [rendered]
chunk {29} 29-es5.js, 29-es5.js.map () 15.1 kB  [rendered]
chunk {24} 24-es2015.js, 24-es2015.js.map () 19 kB  [rendered]
chunk {24} 24-es5.js, 24-es5.js.map () 19.8 kB  [rendered]
chunk {40} 40-es2015.js, 40-es2015.js.map () 14.9 kB  [rendered]
chunk {40} 40-es5.js, 40-es5.js.map () 15.4 kB  [rendered]
chunk {35} 35-es2015.js, 35-es2015.js.map () 13.1 kB  [rendered]
chunk {35} 35-es5.js, 35-es5.js.map () 13.6 kB  [rendered]
chunk {32} 32-es2015.js, 32-es2015.js.map () 25.6 kB  [rendered]
chunk {32} 32-es5.js, 32-es5.js.map () 26.6 kB  [rendered]
chunk {30} 30-es2015.js, 30-es2015.js.map () 14.3 kB  [rendered]
chunk {30} 30-es5.js, 30-es5.js.map () 14.9 kB  [rendered]
chunk {36} 36-es2015.js, 36-es2015.js.map () 12.8 kB  [rendered]
chunk {36} 36-es5.js, 36-es5.js.map () 13.2 kB  [rendered]
chunk {34} 34-es2015.js, 34-es2015.js.map () 42.8 kB  [rendered]
chunk {34} 34-es5.js, 34-es5.js.map () 44.2 kB  [rendered]
chunk {37} 37-es2015.js, 37-es2015.js.map () 32 kB  [rendered]
chunk {37} 37-es5.js, 37-es5.js.map () 33 kB  [rendered]
chunk {43} 43-es2015.js, 43-es2015.js.map () 19.8 kB  [rendered]
chunk {43} 43-es5.js, 43-es5.js.map () 20.1 kB  [rendered]
chunk {38} 38-es2015.js, 38-es2015.js.map () 32.1 kB  [rendered]
chunk {38} 38-es5.js, 38-es5.js.map () 33.1 kB  [rendered]
chunk {33} 33-es2015.js, 33-es2015.js.map () 39.3 kB  [rendered]
chunk {33} 33-es5.js, 33-es5.js.map () 40.6 kB  [rendered]
chunk {45} 45-es2015.js, 45-es2015.js.map () 12.6 kB  [rendered]
chunk {45} 45-es5.js, 45-es5.js.map () 13.1 kB  [rendered]
chunk {41} 41-es2015.js, 41-es2015.js.map () 37.5 kB  [rendered]
chunk {41} 41-es5.js, 41-es5.js.map () 37.8 kB  [rendered]
chunk {39} 39-es2015.js, 39-es2015.js.map () 14.9 kB  [rendered]
chunk {39} 39-es5.js, 39-es5.js.map () 15.4 kB  [rendered]
chunk {47} 47-es2015.js, 47-es2015.js.map () 12.2 kB  [rendered]
chunk {47} 47-es5.js, 47-es5.js.map () 12.8 kB  [rendered]
chunk {51} 51-es2015.js, 51-es2015.js.map () 18.3 kB  [rendered]
chunk {51} 51-es5.js, 51-es5.js.map () 19 kB  [rendered]
chunk {42} 42-es2015.js, 42-es2015.js.map () 20.5 kB  [rendered]
chunk {42} 42-es5.js, 42-es5.js.map () 20.7 kB  [rendered]
chunk {55} 55-es2015.js, 55-es2015.js.map () 24.4 kB  [rendered]
chunk {55} 55-es5.js, 55-es5.js.map () 24.6 kB  [rendered]
chunk {49} 49-es2015.js, 49-es2015.js.map () 21.9 kB  [rendered]
chunk {49} 49-es5.js, 49-es5.js.map () 22.5 kB  [rendered]
chunk {52} 52-es2015.js, 52-es2015.js.map () 12.6 kB  [rendered]
chunk {52} 52-es5.js, 52-es5.js.map () 13 kB  [rendered]
chunk {44} 44-es2015.js, 44-es2015.js.map () 12.6 kB  [rendered]
chunk {44} 44-es5.js, 44-es5.js.map () 13.1 kB  [rendered]
chunk {54} 54-es2015.js, 54-es2015.js.map () 6.49 kB  [rendered]
chunk {54} 54-es5.js, 54-es5.js.map () 6.58 kB  [rendered]
chunk {56} 56-es2015.js, 56-es2015.js.map () 26.4 kB  [rendered]
chunk {56} 56-es5.js, 56-es5.js.map () 27 kB  [rendered]
chunk {46} 46-es2015.js, 46-es2015.js.map () 12 kB  [rendered]
chunk {46} 46-es5.js, 46-es5.js.map () 12.6 kB  [rendered]
chunk {58} 58-es2015.js, 58-es2015.js.map () 15.4 kB  [rendered]
chunk {58} 58-es5.js, 58-es5.js.map () 16 kB  [rendered]
chunk {53} 53-es2015.js, 53-es2015.js.map () 12.6 kB  [rendered]
chunk {53} 53-es5.js, 53-es5.js.map () 13 kB  [rendered]
chunk {57} 57-es2015.js, 57-es2015.js.map () 23.9 kB  [rendered]
chunk {57} 57-es5.js, 57-es5.js.map () 24.5 kB  [rendered]
chunk {60} 60-es2015.js, 60-es2015.js.map () 21.9 kB  [rendered]
chunk {60} 60-es5.js, 60-es5.js.map () 22.6 kB  [rendered]
chunk {65} 65-es2015.js, 65-es2015.js.map () 6.92 kB  [rendered]
chunk {65} 65-es5.js, 65-es5.js.map () 7.16 kB  [rendered]
chunk {50} 50-es2015.js, 50-es2015.js.map () 18.3 kB  [rendered]
chunk {50} 50-es5.js, 50-es5.js.map () 19 kB  [rendered]
chunk {62} 62-es2015.js, 62-es2015.js.map () 36.6 kB  [rendered]
chunk {62} 62-es5.js, 62-es5.js.map () 36.9 kB  [rendered]
chunk {64} 64-es2015.js, 64-es2015.js.map () 10.8 kB  [rendered]
chunk {64} 64-es5.js, 64-es5.js.map () 11 kB  [rendered]
chunk {63} 63-es2015.js, 63-es2015.js.map () 36.6 kB  [rendered]
chunk {63} 63-es5.js, 63-es5.js.map () 36.9 kB  [rendered]
chunk {48} 48-es2015.js, 48-es2015.js.map () 20.5 kB  [rendered]
chunk {48} 48-es5.js, 48-es5.js.map () 21.1 kB  [rendered]
chunk {67} 67-es2015.js, 67-es2015.js.map () 14.2 kB  [rendered]
chunk {67} 67-es5.js, 67-es5.js.map () 14.8 kB  [rendered]
chunk {66} 66-es2015.js, 66-es2015.js.map () 6.92 kB  [rendered]
chunk {66} 66-es5.js, 66-es5.js.map () 7.15 kB  [rendered]
chunk {61} 61-es2015.js, 61-es2015.js.map () 21.9 kB  [rendered]
chunk {61} 61-es5.js, 61-es5.js.map () 22.6 kB  [rendered]
chunk {69} 69-es2015.js, 69-es2015.js.map () 8.34 kB  [rendered]
chunk {69} 69-es5.js, 69-es5.js.map () 8.91 kB  [rendered]
chunk {70} 70-es2015.js, 70-es2015.js.map () 1.84 kB  [rendered]
chunk {70} 70-es5.js, 70-es5.js.map () 2.05 kB  [rendered]
chunk {68} 68-es2015.js, 68-es2015.js.map () 14.4 kB  [rendered]
chunk {68} 68-es5.js, 68-es5.js.map () 15 kB  [rendered]
chunk {71} 71-es2015.js, 71-es2015.js.map () 12.4 kB  [rendered]
chunk {71} 71-es5.js, 71-es5.js.map () 12.9 kB  [rendered]
chunk {76} 76-es2015.js, 76-es2015.js.map () 10.9 kB  [rendered]
chunk {76} 76-es5.js, 76-es5.js.map () 11.4 kB  [rendered]
chunk {75} 75-es2015.js, 75-es2015.js.map () 11 kB  [rendered]
chunk {75} 75-es5.js, 75-es5.js.map () 11.6 kB  [rendered]
chunk {59} 59-es2015.js, 59-es2015.js.map () 15.1 kB  [rendered]
chunk {59} 59-es5.js, 59-es5.js.map () 15.6 kB  [rendered]
chunk {74} 74-es2015.js, 74-es2015.js.map () 18.7 kB  [rendered]
chunk {74} 74-es5.js, 74-es5.js.map () 19.2 kB  [rendered]
chunk {72} 72-es2015.js, 72-es2015.js.map () 12.4 kB  [rendered]
chunk {72} 72-es5.js, 72-es5.js.map () 12.9 kB  [rendered]
chunk {77} 77-es2015.js, 77-es2015.js.map () 20.2 kB  [rendered]
chunk {77} 77-es5.js, 77-es5.js.map () 20.4 kB  [rendered]
chunk {73} 73-es2015.js, 73-es2015.js.map () 18.1 kB  [rendered]
chunk {73} 73-es5.js, 73-es5.js.map () 18.6 kB  [rendered]
chunk {ashtakvarga-ashtakvarga-module} ashtakvarga-ashtakvarga-module-es2015.js, ashtakvarga-ashtakvarga-module-es2015.js.map (ashtakvarga-ashtakvarga-module) 9.22 kB  [rendered]
chunk {ashtakvarga-ashtakvarga-module} ashtakvarga-ashtakvarga-module-es5.js, ashtakvarga-ashtakvarga-module-es5.js.map (ashtakvarga-ashtakvarga-module) 9.83 kB  [rendered]
chunk {appdashas-appdashas-module} appdashas-appdashas-module-es2015.js, appdashas-appdashas-module-es2015.js.map (appdashas-appdashas-module) 17.9 kB  [rendered]
chunk {appdashas-appdashas-module} appdashas-appdashas-module-es5.js, appdashas-appdashas-module-es5.js.map (appdashas-appdashas-module) 18.5 kB  [rendered]
chunk {appinfo-appinfo-module} appinfo-appinfo-module-es2015.js, appinfo-appinfo-module-es2015.js.map (appinfo-appinfo-module) 7 kB  [rendered]
chunk {appinfo-appinfo-module} appinfo-appinfo-module-es5.js, appinfo-appinfo-module-es5.js.map (appinfo-appinfo-module) 7.56 kB  [rendered]
chunk {articles-articles-module} articles-articles-module-es2015.js, articles-articles-module-es2015.js.map (articles-articles-module) 10.4 kB  [rendered]
chunk {articles-articles-module} articles-articles-module-es5.js, articles-articles-module-es5.js.map (articles-articles-module) 11 kB  [rendered]
chunk {chardasha-chardasha-module} chardasha-chardasha-module-es2015.js, chardasha-chardasha-module-es2015.js.map (chardasha-chardasha-module) 19 kB  [rendered]
chunk {chardasha-chardasha-module} chardasha-chardasha-module-es5.js, chardasha-chardasha-module-es5.js.map (chardasha-chardasha-module) 19.3 kB  [rendered]
chunk {catalogue-catalogue-module} catalogue-catalogue-module-es2015.js, catalogue-catalogue-module-es2015.js.map (catalogue-catalogue-module) 14.9 kB  [rendered]
chunk {catalogue-catalogue-module} catalogue-catalogue-module-es5.js, catalogue-catalogue-module-es5.js.map (catalogue-catalogue-module) 15.4 kB  [rendered]
chunk {charts-charts-module} charts-charts-module-es2015.js, charts-charts-module-es2015.js.map (charts-charts-module) 16.7 kB  [rendered]
chunk {charts-charts-module} charts-charts-module-es5.js, charts-charts-module-es5.js.map (charts-charts-module) 17.1 kB  [rendered]
chunk {avchart-avchart-module} avchart-avchart-module-es2015.js, avchart-avchart-module-es2015.js.map (avchart-avchart-module) 11.2 kB  [rendered]
chunk {avchart-avchart-module} avchart-avchart-module-es5.js, avchart-avchart-module-es5.js.map (avchart-avchart-module) 11.7 kB  [rendered]
chunk {default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c} default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c-es2015.js, default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c-es2015.js.map (default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c) 23.8 kB  [rendered]
chunk {default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c} default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c-es5.js, default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c-es5.js.map (default~appdashas-appdashas-module~avchart-avchart-module~chardasha-chardasha-module~charts-charts-m~69a77f2c) 23 kB  [rendered]
chunk {common} common-es2015.js, common-es2015.js.map (common) 24.8 kB  [rendered]
chunk {common} common-es5.js, common-es5.js.map (common) 25.9 kB  [rendered]
chunk {dashas-dashas-module} dashas-dashas-module-es2015.js, dashas-dashas-module-es2015.js.map (dashas-dashas-module) 10.1 kB  [rendered]
chunk {dashas-dashas-module} dashas-dashas-module-es5.js, dashas-dashas-module-es5.js.map (dashas-dashas-module) 10.6 kB  [rendered]
chunk {css-shim-206ea950-3169f23e-js} css-shim-206ea950-3169f23e-js-es2015.js, css-shim-206ea950-3169f23e-js-es2015.js.map (css-shim-206ea950-3169f23e-js) 21.9 kB  [rendered]
chunk {css-shim-206ea950-3169f23e-js} css-shim-206ea950-3169f23e-js-es5.js, css-shim-206ea950-3169f23e-js-es5.js.map (css-shim-206ea950-3169f23e-js) 22.8 kB  [rendered]
chunk {basicinfo-basicinfo-module} basicinfo-basicinfo-module-es2015.js, basicinfo-basicinfo-module-es2015.js.map (basicinfo-basicinfo-module) 11.3 kB  [rendered]
chunk {basicinfo-basicinfo-module} basicinfo-basicinfo-module-es5.js, basicinfo-basicinfo-module-es5.js.map (basicinfo-basicinfo-module) 11.9 kB  [rendered]
chunk {dom-96781eef-a2fb04dd-js} dom-96781eef-a2fb04dd-js-es2015.js, dom-96781eef-a2fb04dd-js-es2015.js.map (dom-96781eef-a2fb04dd-js) 19.8 kB  [rendered]
chunk {dom-96781eef-a2fb04dd-js} dom-96781eef-a2fb04dd-js-es5.js, dom-96781eef-a2fb04dd-js-es5.js.map (dom-96781eef-a2fb04dd-js) 30.1 kB  [rendered]
chunk {dom-js} dom-js-es2015.js, dom-js-es2015.js.map (dom-js) 20.2 kB  [rendered]
chunk {dom-js} dom-js-es5.js, dom-js-es5.js.map (dom-js) 30.7 kB  [rendered]
chunk {core-js-js} core-js-js-es2015.js, core-js-js-es2015.js.map (core-js-js) 78.7 kB  [rendered]
chunk {core-js-js} core-js-js-es5.js, core-js-js-es5.js.map (core-js-js) 148 kB  [rendered]
chunk {hardware-back-button-5afe3cb0-js} hardware-back-button-5afe3cb0-js-es2015.js, hardware-back-button-5afe3cb0-js-es2015.js.map (hardware-back-button-5afe3cb0-js) 2.07 kB  [rendered]
chunk {hardware-back-button-5afe3cb0-js} hardware-back-button-5afe3cb0-js-es5.js, hardware-back-button-5afe3cb0-js-es5.js.map (hardware-back-button-5afe3cb0-js) 2.17 kB  [rendered]
chunk {feedback-feedback-module} feedback-feedback-module-es2015.js, feedback-feedback-module-es2015.js.map (feedback-feedback-module) 11.8 kB  [rendered]
chunk {feedback-feedback-module} feedback-feedback-module-es5.js, feedback-feedback-module-es5.js.map (feedback-feedback-module) 12.5 kB  [rendered]
chunk {ios-transition-071bd421-js} ios-transition-071bd421-js-es2015.js, ios-transition-071bd421-js-es2015.js.map (ios-transition-071bd421-js) 26.4 kB  [rendered]
chunk {ios-transition-071bd421-js} ios-transition-071bd421-js-es5.js, ios-transition-071bd421-js-es5.js.map (ios-transition-071bd421-js) 25.5 kB  [rendered]
chunk {home-home-module} home-home-module-es2015.js, home-home-module-es2015.js.map (home-home-module) 16.9 kB  [rendered]
chunk {home-home-module} home-home-module-es5.js, home-home-module-es5.js.map (home-home-module) 17.2 kB  [rendered]
chunk {default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4} default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4-es2015.js, default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4-es2015.js.map (default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4) 15.5 kB  [rendered]
chunk {default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4} default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4-es5.js, default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4-es5.js.map (default~appdashas-appdashas-module~basicinfo-basicinfo-module~catalogue-catalogue-module~chardasha-c~a077b2d4) 14.4 kB  [rendered]
chunk {focus-visible-70713a0c-js} focus-visible-70713a0c-js-es2015.js, focus-visible-70713a0c-js-es2015.js.map (focus-visible-70713a0c-js) 2.16 kB  [rendered]
chunk {focus-visible-70713a0c-js} focus-visible-70713a0c-js-es5.js, focus-visible-70713a0c-js-es5.js.map (focus-visible-70713a0c-js) 2.24 kB  [rendered]
chunk {index-69c37885-js} index-69c37885-js-es2015.js, index-69c37885-js-es2015.js.map (index-69c37885-js) 37.7 kB  [rendered]
chunk {index-69c37885-js} index-69c37885-js-es5.js, index-69c37885-js-es5.js.map (index-69c37885-js) 36.1 kB  [rendered]
chunk {input-shims-a4fc53ac-js} input-shims-a4fc53ac-js-es2015.js, input-shims-a4fc53ac-js-es2015.js.map (input-shims-a4fc53ac-js) 13.5 kB  [rendered]
chunk {input-shims-a4fc53ac-js} input-shims-a4fc53ac-js-es5.js, input-shims-a4fc53ac-js-es5.js.map (input-shims-a4fc53ac-js) 13.6 kB  [rendered]
chunk {pataki-pataki-module} pataki-pataki-module-es2015.js, pataki-pataki-module-es2015.js.map (pataki-pataki-module) 10.3 kB  [rendered]
chunk {pataki-pataki-module} pataki-pataki-module-es5.js, pataki-pataki-module-es5.js.map (pataki-pataki-module) 10.9 kB  [rendered]
chunk {kundli-kundli-module} kundli-kundli-module-es2015.js, kundli-kundli-module-es2015.js.map (kundli-kundli-module) 13 kB  [rendered]
chunk {kundli-kundli-module} kundli-kundli-module-es5.js, kundli-kundli-module-es5.js.map (kundli-kundli-module) 13.5 kB  [rendered]
chunk {notif-notif-module} notif-notif-module-es2015.js, notif-notif-module-es2015.js.map (notif-notif-module) 9.79 kB  [rendered]
chunk {notif-notif-module} notif-notif-module-es5.js, notif-notif-module-es5.js.map (notif-notif-module) 10.3 kB  [rendered]
chunk {main} main-es2015.js, main-es2015.js.map (main) 55 kB [initial] [rendered]
chunk {main} main-es5.js, main-es5.js.map (main) 58.4 kB [initial] [rendered]
chunk {preference-preference-module} preference-preference-module-es2015.js, preference-preference-module-es2015.js.map (preference-preference-module) 12.7 kB  [rendered]
chunk {preference-preference-module} preference-preference-module-es5.js, preference-preference-module-es5.js.map (preference-preference-module) 13.3 kB  [rendered]
chunk {navchardasha-navchardasha-module} navchardasha-navchardasha-module-es2015.js, navchardasha-navchardasha-module-es2015.js.map (navchardasha-navchardasha-module) 14.8 kB  [rendered]
chunk {navchardasha-navchardasha-module} navchardasha-navchardasha-module-es5.js, navchardasha-navchardasha-module-es5.js.map (navchardasha-navchardasha-module) 15.5 kB  [rendered]
chunk {status-tap-a0df8284-js} status-tap-a0df8284-js-es2015.js, status-tap-a0df8284-js-es2015.js.map (status-tap-a0df8284-js) 1.8 kB  [rendered]
chunk {status-tap-a0df8284-js} status-tap-a0df8284-js-es5.js, status-tap-a0df8284-js-es5.js.map (status-tap-a0df8284-js) 1.89 kB  [rendered]
chunk {md-transition-15a81b08-js} md-transition-15a81b08-js-es2015.js, md-transition-15a81b08-js-es2015.js.map (md-transition-15a81b08-js) 3.92 kB  [rendered]
chunk {md-transition-15a81b08-js} md-transition-15a81b08-js-es5.js, md-transition-15a81b08-js-es5.js.map (md-transition-15a81b08-js) 3.98 kB  [rendered]
chunk {shadow-css-4889ae62-23996f3f-js} shadow-css-4889ae62-23996f3f-js-es2015.js, shadow-css-4889ae62-23996f3f-js-es2015.js.map (shadow-css-4889ae62-23996f3f-js) 14.8 kB  [rendered]
chunk {shadow-css-4889ae62-23996f3f-js} shadow-css-4889ae62-23996f3f-js-es5.js, shadow-css-4889ae62-23996f3f-js-es5.js.map (shadow-css-4889ae62-23996f3f-js) 15.3 kB  [rendered]
chunk {runtime} runtime-es2015.js, runtime-es2015.js.map (runtime) 11.2 kB [entry] [rendered]
chunk {runtime} runtime-es5.js, runtime-es5.js.map (runtime) 11.2 kB [entry] [rendered]
chunk {swipe-back-35ad8e37-js} swipe-back-35ad8e37-js-es2015.js, swipe-back-35ad8e37-js-es2015.js.map (swipe-back-35ad8e37-js) 2.69 kB  [rendered]
chunk {swipe-back-35ad8e37-js} swipe-back-35ad8e37-js-es5.js, swipe-back-35ad8e37-js-es5.js.map (swipe-back-35ad8e37-js) 2.78 kB  [rendered]
chunk {tap-click-ca00ce7f-js} tap-click-ca00ce7f-js-es2015.js, tap-click-ca00ce7f-js-es2015.js.map (tap-click-ca00ce7f-js) 6.38 kB  [rendered]
chunk {tap-click-ca00ce7f-js} tap-click-ca00ce7f-js-es5.js, tap-click-ca00ce7f-js-es5.js.map (tap-click-ca00ce7f-js) 6.39 kB  [rendered]
chunk {styles} styles-es2015.js, styles-es2015.js.map (styles) 115 kB [initial] [rendered]
chunk {styles} styles-es5.js, styles-es5.js.map (styles) 117 kB [initial] [rendered]
chunk {transit-transit-module} transit-transit-module-es2015.js, transit-transit-module-es2015.js.map (transit-transit-module) 15.9 kB  [rendered]
chunk {transit-transit-module} transit-transit-module-es5.js, transit-transit-module-es5.js.map (transit-transit-module) 16.3 kB  [rendered]
chunk {swiper-bundle-ccdaac54-js} swiper-bundle-ccdaac54-js-es2015.js, swiper-bundle-ccdaac54-js-es2015.js.map (swiper-bundle-ccdaac54-js) 176 kB  [rendered]
chunk {swiper-bundle-ccdaac54-js} swiper-bundle-ccdaac54-js-es5.js, swiper-bundle-ccdaac54-js-es5.js.map (swiper-bundle-ccdaac54-js) 197 kB  [rendered]
chunk {showarticle-showarticle-module} showarticle-showarticle-module-es2015.js, showarticle-showarticle-module-es2015.js.map (showarticle-showarticle-module) 8.7 kB  [rendered]
chunk {showarticle-showarticle-module} showarticle-showarticle-module-es5.js, showarticle-showarticle-module-es5.js.map (showarticle-showarticle-module) 9.35 kB  [rendered]
chunk {vendor} vendor-es2015.js, vendor-es2015.js.map (vendor) 4.94 MB [initial] [rendered]
chunk {vendor} vendor-es5.js, vendor-es5.js.map (vendor) 5.24 MB [initial] [rendered]
chunk {cordova} cordova.js, cordova.js.map (cordova) 63.5 kB [entry] [rendered]
Date: 2020-03-11T22:05:05.097Z - Hash: 85c9eaf7a568f2258d81 - Time: 10610ms

Posts: 1

Participants: 1

Read full topic

@vazquezjm wrote:

Hi all.

I’m starting with Ionic + React dev and have some basic questions.

I created my first app using sidemenu template like so:
ionic start myapp_menu sidemenu --type=react --capacitor

Now, I’m trying to customize it to my needs. This implies changing the name of the menu items (among other things). In the Menu.tsx I see the left navigation bar defined as well as the routes (urls?).

Untitled-1719×494 32.1 KB

For Outbox, I see this:

Now, if I change one of the urls to /page/home (instead of /page/Home), the page title is shown as

How can I use the value title in the appPages constant?

Does this section in App.tsx have to do with that?

image691×409 17.9 KB

TIA

Posts: 1

Participants: 1

Read full topic

@ayoimansor wrote:

Hi, i have a problem, i would like to add custom id (‘classification’) in my collection (‘pdpc’) but i seems lost.

this is my firebase.service.ts code.

export class FirebaseService {

private notes: Observable<Note>;

private noteCollection: AngularFirestoreCollection;

constructor(private afs: AngularFirestore) {

this.noteCollection = this.afs.collection<Note>('/pdpc/').doc('classification');

this.notes = this.noteCollection.snapshotChanges().pipe(

    map(actions => {

      return actions.map(a => {

        const data = a.payload.doc.data();

        const id = a.payload.doc.id;

        return { id, ...data };

      });

    })

);

}

getNotes(): Observable<Note> {

return this.notes;

}

Posts: 1

Participants: 1

Read full topic

@neti wrote:

0

I’m trying to build an alert using Alert Controlller with Ionic 4. What I want to do is to create an array with the inputs and then create the alert and assign those inputs to it, like this:

async presentAlert() {
  const alertInputs = [
    { name: 'radio1', type: 'radio', label: 'Radio 1', value: 'value1', checked: true },
    { name: 'radio2', type: 'radio', label: 'Radio 2', value: 'value2' },
  ]

  const alertMessage = await this.alertCtrl.create({
    inputs: alertInputs
  });
}

The problem is that I’m getting this error in Visual Studio Code:

> Type '({ name: string; type: string; label: string; value: string;
> checked: boolean; } | { name: string; type: string; label: string;
> value: string; checked?: undefined; })[]' is not assignable to type
> 'AlertInput[]'.   Type '{ name: string; type: string; label: string;
> value: string; checked: boolean; } | { name: string; type: string;
> label: string; value: string; checked?: undefined; }' is not
> assignable to type 'AlertInput'.
>     Type '{ name: string; type: string; label: string; value: string; checked: boolean; }' is not assignable to type 'AlertInput'.
>       Types of property 'type' are incompatible.
>         Type 'string' is not assignable to type '"number" | "radio" | "date" | "email" | "password" | "search" | "tel" | "text" | "url" |
> "time" | "checkbox" | "textarea"'.ts(2322)

If I try to define the inputs directly in the alert, like this, it works without problem, even though it’s the same array:

const alertMessage = await this.alertCtrl.create({
  inputs: [
    { name: 'radio1', type: 'radio', label: 'Radio 1', value: 'value1', checked: true },
    { name: 'radio2', type: 'radio', label: 'Radio 2', value: 'value2' },
  ]
})

You know why this happens? I need to have the inputs array defined before the alert creation because they are generated programmatically from a remote source.

Posts: 1

Participants: 1

Read full topic

@smidhunraj wrote:

0

Ion2 calendar not changing color on initial startup. It is not changing color initially. Please help me, Everything seems to work fine when I change the month forward and getting backward. Can anybody tell me how to put this on stackables. Here is my full code.

Here is my whole project

https://github.com/smidhunraj/calendar

Here is my PHP script:

https://pastebin.com/raw/JA3Nw1Q1

Can anyone tell me how to host these on stackbliz

Posts: 1

Participants: 1

Read full topic

@firecontrols wrote:

Hello all,
I have simple ionic app with one page with iframe inside. The source of iframe is index.html located in assets folder. (Import by ionic studio)
I need to do application (android and ios) that communicates with the device. Device have simple TCP server and the response is JSON.
Index.html send XMLHttpRequests to this device.
If I have TCP server (Hercules) on local PC I receive request from adroid, ios and ionic serve in browser. All is OK.
When I connect do device (device have softAP) and change the IP address of XMLHttpRequests. The communication do not work on android and ios. Ionic serve do not work too and in Console: Access to XMLHttpRequest at ‘http://192.168.136.1/api/state’ from origin ‘null’ has been blocked by CORS policy: No ‘Acccess-Control-Allow-Origin’ header is present on the requested resource.

I try add address to network_security_config.xml
I have access origin="*" in config.xml

What can I try to do? Please help

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
I have a form on an Ionic4 app done with Form Builder.
In this form, I have a multi-select field: “favouriteSports”.

When I open the edit view of this form the field doesn’t show the selected values:

but if I click on the select I can see that the values are selected, they just don’t appear when the form is opened.

This is how I have defined the field in the form:

favouriteSports: [this.userProfile.favouriteSports || '',
Validators.compose([
  Validators.required,
])],
  
favouriteSports: [
{ type: 'required', message: 'This field is required.' }
],

This is the html:

			<!-- FAVOURITE SPORTS -->
	  <ion-item>
		<ion-label color="dark" position="stacked">{{ 'Favourite sports' | translate }}</ion-label>
		<ion-select multiple="true"
					formControlName="favouriteSports"
					cancelText="Cancel"
					okText="OK"
					class="ion-no-padding smalltext">
		  <ion-select-option text-wrap *ngFor="let item of eventSportOptions" [value]="item.name">{{item.value}}</ion-select-option>
		</ion-select>
	  </ion-item>
	  <div class="validation-errors">
		<ng-container *ngFor="let validation of validationMessages.favouriteSports">
		  <div class="error-message" 
                            *ngIf="profileForm.get('favouriteSports').hasError(validation.type) &&
                            (profileForm.get('favouriteSports').dirty || profileForm.get('favouriteSports').touched)">
			<ion-icon name="information-circle-outline"></ion-icon> {{ validation.message | translate }}
		  </div>
		</ng-container>
	  </div>

Why the chosen options are not shown if they are selected?
If I open and close the select without change anything, the values appear selected.

Thank you

Claudio

Posts: 1

Participants: 1

Read full topic

@RanaPratap wrote:

error: cannot find symbol
.getSystemService(this, KeyguardManager.class);
^
symbol: method getSystemService(BiometricActivity,Class)
location: class ContextCompat
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
1 error

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ‘:app:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get
  full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 5s

Task :app:compileDebugJavaWithJavac FAILED
24 actionable tasks: 1 executed, 23 up-to-date
E:\IONIC\Walkin\platforms\android\gradlew: Command failed with exit code 1 Error output:
E:\IONIC\Walkin\platforms\android\app\src\main\java\de\niklasmerz\cordova\biometric\BiometricActivity.java:89: error: cannot find symbol
.getSystemService(this, KeyguardManager.class);
^
symbol: method getSystemService(BiometricActivity,Class)
location: class ContextCompat
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
1 error

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ‘:app:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get
  full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 5s
[ERROR] An error occurred while running subprocess cordova.

    cordova.cmd build android --device exited with exit code 1.

    Re-running this command with the --verbose flag may provide more information.

I need help for this

Posts: 1

Participants: 1

Read full topic

@srterry wrote:

Hi everyone, I’m using Ionic5 and trying to use firebase. I’ve followed more than 10 tutorials about how to do it, without success(eg: https://www.freecodecamp.org/news/how-to-get-push-notifications-working-with-ionic-4-and-firebase-ad87cc92394e/). I can run project but when I try to generate the apk, stops building.

 What went wrong:
Failed to capture fingerprint of input files for task ':app:preDebugBuild
> In project 'app' a resolved Google Play services library dependency dep
  1]", but isn't being resolved to that version. Behavior exhibited by th

  Dependency failing: com.google.firebase:firebase-messaging:19.0.1 -> co
  base-iid version was 20.0.2.

  The following dependencies are project dependencies that are direct or 
  ifact with the issue.
  -- Project 'app' depends onto com.google.firebase:firebase-messaging@19
  -- Project 'app' depends onto com.google.android.gms:play-services-meas
  -- Project 'app' depends onto com.google.android.gms:play-services-tagm
  -- Project 'app' depends onto com.google.firebase:firebase-perf@18.+
  -- Project 'app' depends onto com.google.firebase:firebase-iid@20.0.2
  -- Project 'app' depends onto com.google.firebase:firebase-core@17.+
  -- Project 'app' depends onto com.google.firebase:firebase-core@17.2.3

I’ve used ionic cordova plugin add cordova-plugin-firebase, ionic cordova plugin add cordova-plugin-firebase-lib. Can’t get it work. Any help?

Posts: 2

Participants: 2

Read full topic

@PrasanthPFA wrote:

I have a JSON Data like below:

items=[{“1”:20,“2”:10,“3”:15,“4”:11,“5”:9,“6”:10,“7”:6,“8”:8,“9”:12,“10”:0,“11”:0,“12”:0,“13”:0,“14”:0},{“1”:18,“2”:11,“3”:11,“4”:3,“5”:11,“6”:18,“7”:10,“8”:5,“9”:7,“10”:0,“11”:0,“12”:0,“13”:0,“14”:0},{“1”:12,“2”:13,“3”:13,“4”:25,“5”:15,“6”:12,“7”:29,“8”:17,“9”:15,“10”:0,“11”:0,“12”:0,“13”:0,“14”:0},{“1”:51,“2”:27,“3”:23,“4”:26,“5”:28,“6”:57,“7”:39,“8”:41,“9”:24,“10”:0,“11”:0,“12”:0,“13”:0,“14”:0},{“1”:15,“2”:22,“3”:19,“4”:14,“5”:13,“6”:20,“7”:15,“8”:22,“9”:24,“10”:0,“11”:0,“12”:0,“13”:0,“14”:0},{“1”:0,“2”:0,“3”:0,“4”:0,“5”:0,“6”:0,“7”:0,“8”:0,“9”:0,“10”:0,“11”:0,“12”:0,“13”:0,“14”:0}]

I want to show like this below

But only the first two rows data I can show from that. I want to show the remaining data in the second and third card.
I have used Pipe for this.

keys.pipe.ts:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'keys'
})
export class KeysPipe implements PipeTransform {
  transform(value: any, ...args: any[]): any {
    return Object.keys(value);
  }
}

This is my code:

<ion-card *ngFor="let machine of userMcData">
        <ion-card-header>
          <div>
              <span class="alignleft">{{machine.MCNAME}}</span>
            </div>
       </ion-card-header>
        <ion-card-content>
          <ion-grid>
            <ion-row *ngFor="let item of items">
              <ion-col *ngFor="let list of item | keys">
                {{item[list]}}
              </ion-col>
            </ion-row>
          </ion-grid>
        </ion-card-content>
      </ion-card>

Kindly someone help. Thnaks in Advance.

Posts: 1

Participants: 1

Read full topic

@victorsosa wrote:

HI, I found that cannot overwrite the ionic color property, for example:
[color]="odd ? ‘next’ : ‘light’ "
Ones this is set I cannot have a class selector for example:
[class.selected]=“factura.selected”
To set a second color to the Item base on the status.

By default it start with the color property but ones selected should change to the second color background; It use to work in Ionic 3 and 2.

  <ion-list lines='none'>
    <ion-item *ngFor="let factura of filteredItems | balanceCero; let odd = odd" [color]="odd ? 'next' : 'light' " (click)='select(factura)' [class.selected]="factura.selected">

    </ion-item>

Any ideas on how I can achieve this logic?

Posts: 4

Participants: 2

Read full topic

@jswap wrote:

why ionic 4 app runs on localhost on device??

Posts: 1

Participants: 1

Read full topic

@piotrpotera wrote:

Hi,
simple question - is there a way to prepare modal instance ad-hoc and display it via present() method later?

I got situation where user can loose a network connection and then I want to display proper message using modal component but it seems, some additional script is being injected then via WebPack and everything fails when user is offline.

Posts: 1

Participants: 1

Read full topic

@leonardofmed wrote:

I can’t add default values. Latest way I tried:

<ion-range dualKnobs="true" min="4" max="18" step="1" snaps="true" pin="true" value="{lower: 4; upper: 18;}"></ion-range>

Other ways:

value="{4; 18;}"
value="4; 18;"
value="4, 18"
value="4"

None work. The example in documentation don’t show how it’s done.

StackBlitz if you want to try it.

ion-range documentation page

Posts: 1

Participants: 1

Read full topic

@yusac wrote:

<ion-segment value="bookmarks" scrollable>        
    <ion-segment-button value="bookmarks">
      <ion-label>Bookmarks</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Reading List</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Shared Links</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Bookmarks</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Reading List</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Shared Links</ion-label>
    </ion-segment-button>                
  </ion-segment>

I have the same code in ionic 4 and it is fine, the segment width adjusting with content.
Is there a solution of this?
Thank you.

Posts: 1

Participants: 1

Read full topic

@boazyaarii wrote:

Iam running this command:

ionic cap run ios -l —host=0.0.0.0

Iam getting this:

WebView failed provisional navigation

Error: Could not connect to the server.

with a white screen

Any Help?

Posts: 1

Participants: 1

Read full topic

@ginilf wrote:

I am trying to build by native app using ionic appFlow in the cloud… howerver i get the following error.

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ‘:app:processDebugGoogleServices’.

File google-services.json is missing. The Google Services Plugin cannot function without it.
Searched Location:
/builds/Henryisthebest/giving/android/app/src/nullnull/debug/google-services.json
/builds/Henryisthebest/giving/android/app/src/debug/nullnull/google-services.json
/builds/Henryisthebest/giving/android/app/src/nullnull/google-services.json
/builds/Henryisthebest/giving/android/app/src/debug/google-services.json
/builds/Henryisthebest/giving/android/app/src/nullnullDebug/google-services.json
/builds/Henryisthebest/giving/android/app/google-services.jso

How do i make by google-services.json file copy into the android/app folder?

Posts: 3

Participants: 2

Read full topic

@Simbaclaw wrote:

What I want to achieve is the following:

Have a settings page where there is an ion-range slider that allows the user to change the size of all elements inside of the app globally. Meaning the entire app will become bigger and thus easier to read for people with bad eyesight.

Meaning if the slider is on the right the size of all elements become bigger.

I’ve tried doing this in ionic 3 with font-size on the html element, which worked there, however when I try to do this in ionic 4 for some reason all the elements stay the same size.

Does this have something to do with the shadow dom?

How would I be able to achieve this same effect in ionic 4?

Please let me know what I can do to achieve this.

Posts: 1

Participants: 1

Read full topic