@UnnatiPatadia wrote:

I want to reload the page after calling API in ionic 4.

When the app starts after the splash screen white screen is removed by adding this in config.xml

<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="30000" />
<preference name="FadeSplashScreenDuration" value="1000" />
<preference name="SplashScreen" value="screen" />
<preference name="ShowSplashScreen" value="true" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="FadeSplashScreen" value="true" />   

After login, it navigates to the tabs pages, In tab1 I check if the user is approved by an admin or not and according to that value message is shown on the screen.

In tab1 I am using ion-refresher to refresh the page and call API to check whether the user is approved or not.

For update UI of the screen on success if API I call :

window.location.reload();

But an issue is that after reloading page white screen appears for a while.

How to remove that white screen?

.html

<ion-refresher #refresherRef slot="fixed" (ionRefresh)="load($event)">
    <ion-refresher-content
    pullingIcon="arrow-dropdown"
    pullingText="Pull to refresh"
    refreshingSpinner="circles"
    refreshingText="Refreshing...">
    </ion-refresher-content>
  </ion-refresher>

  <div *ngIf="userData.userStatus == 2" class="emplty_class">
    Your request has been pending.
  </div>

  <div *ngIf="userData.userStatus == 1">
    Your request is approved.
  </div>

.ts

load(refresher) {
    if(this.userData.userStatus == "2"){
      let postData = new FormData();
      postData.append('user_id', this.userData.userId);

      this.authService.postData(postData, "is_verified_or_not.php").then((result) => {
        this.responseData = result;

        this.success = this.responseData.success;
        if (this.success == 1) {
          refresher.target.complete();
          // refresher.complete();
          let userDeatil = this.responseData.users_details;
          localStorage.setItem('userData', JSON.stringify(userDeatil));
          for (let data1 of userDeatil) {
            this.userStatus = data1.status;
            localStorage.setItem('userStatus', JSON.stringify(this.userStatus));
            console.log("userStatus" + this.userStatus);
          }
          if(this.userStatus == 1){
            window.location.reload();
          }
        } else {
          this.message = this.responseData.message;  
          refresher.target.complete();
          this.showToast(this.message);
        }
      }, (err) => {
        refresher.target.complete();
        console.log("Error", err);
      });
    } else{
      refresher.target.complete();
      console.log("User is already approved: " + this.userData.userStatus);
    }
  }

Posts: 1

Participants: 1

Read full topic

@LazCoder wrote:

Hello, I have been having a build issue related to Google Services version for a few days. How can I solve this problem?

Ek Açıklama 2020-03-11 1453241085×672 122 KB

Posts: 1

Participants: 1

Read full topic

@InacioMota wrote:

como faz pra detectar toques no touchscreen com ionic 4/5?

Posts: 1

Participants: 1

Read full topic

@andrenosaurio wrote:

Hola cree una PWA con Ionic 4, al cargarla por el navegador perfecto, se instala normal, el problema esta cuando trato de entrar a la PWA ya instalada, le hago click al icono, carga el splash y sale un mensaje que dice “No se puede conectar con el sitio”, pero si se conecta por que si espero dos segundos desaparece el mensaje y entra normal.

como puedo quitar ese mensaje?

gracias

Posts: 1

Participants: 1

Read full topic

@loki9182 wrote:

I built an app that is published as a web page (PWA) and also gets compiled as an Android/iOS app. For the web page, when comes the time to pay for an item, I call my Node JS server which uses the paypal-rest-sdk to create a payment (using the ClientID and ClientSecret) and returns a redirect url. I then send the user to this url, the payment is authorised and paypal returns the user to my web page. So far so good.

The problem is that mobile apps don’t play well with getting “redirected”. So I tried to use the inAppBrowser with the “_blank” setting so that it pops the paypal page on top of the app. Works great on Android but iOS 13 doesn’t allow using “_blank” with the inAppBrowser. You can only use “_system” which launches the iOS system browser. Problem is that when the payment is done, it redirects you to the web page instead of returning to the app (makes sense) but my user might not be logged in on the web page so it gives for a weird experience to switch from the app to the web page.

I have read through a lot of forums where they recommend using the Ionic native paypal plugin but all the tutorials show only how to create the payment from the client side. Is there a way to use the redirect url or even just the generated token with the native paypal plugin to allow the user to pay in-app?

It’s kind of confusing because the Ionic documentation refers to the documentation from https://github.com/paypal/PayPal-Cordova-Plugin which in turn says that “PayPal Mobile SDKs are Deprecated” and we should use BrainTree Direct. So which way to go? inAppBrowser with a fix for iOS? Ionic native plugin for PayPal? Braintree?

Does anyone have a clear guideline of how best to do this?

Ionic CLI : 6.1.0
Ionic Framework : @ionic/angular 5.0.1
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.3.25
@angular/cli : 8.3.25
@ionic/angular-toolkit : 2.1.2

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 7.1.4, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic 5.4.6, cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.3, (and 8 other plugins)

package:
“@ionic-native/ionic-webview”: “^5.19.1”,
“cordova-plugin-inappbrowser”: “^3.2.0”,

Posts: 1

Participants: 1

Read full topic

@vicatcu wrote:

While I can scroll by swiping up and down on a page that overflows the viewport, it may be non-obvious in some cases that there is more content below-the-fold. In such cases, I would like to make it abundantly clear that the user can scroll down, when in fact they can. I can’t quite work out how to make that happen in ionic 4 on the mobile targets (including device emulation in chrome dev-tools, which fleetingly shows the scrollbar while scrolling, but hides it when inactive). Anyone got a solution for this?

Posts: 1

Participants: 1

Read full topic

@selmo47 wrote:

I use Inexed-DB in ionic3 application in some cases, some IDB nodes are deleted by the userAgent. in MDN, i found a method navigator.storage , that persists the storage and prevents the userAgent from deleting in case of storage pressure

I try to run this in my ionic 3 code like:

declare var navigator;
navigator.storage.persist().then(function(persistent) {
      if (persistent)
        console.log("true");
      else
        console.log("false");
    });

but i got always

false

Is ther any way to persist it (such as permissions or any thing else)

these links may help:
Chrome Persistnet storage

StorageManager.persist() Reference

Posts: 1

Participants: 1

Read full topic

@ctfrancia wrote:

I have a chat dashboard, and whenever a new private message arrives the new item is created. However, once created if there is a new message that arrives the css is not changed unless I move to another page and then come back to the page in question, then the css is updated accordingly, I believe the issue has to do with Angular change detection and no matter what I try to do it doesn’t seem to work.

chatdashboard.html

 33     <ng-container *ngFor="let user of peerConversations$ | async">
 32       <message-list (click)="openConversation(user)" (press)="peerConversationOptions(doctor)" [peerConversations]="user"
 31         [isPeerChat]="true">
 30       </message-list>
 29     </ng-container>
 28   </ng-container>

message-list.ts

    5 @Component({
    6   selector: 'message-list',
    7   templateUrl: './message-list.component.html',
    8   styleUrls: ['./message-list.component.scss'],
    9   changeDetection: ChangeDetectionStrategy.OnPush,
   10 })
   11 export class MessageListComponent implements OnInit {
   12   @Input() public messageStatus: string;
   13   @Input() public groupConversation: GroupDashboard;

   18   public peerConversation: ChatDashboard;
   19   @Input() public set peerConversations(peer) {
   20     this.peerConversation = peer;
   21     this.changeDetect.markForCheck();
   22   }

message-list.html

<ng-container *ngIf="isPeerChat">
 43   <ion-grid>
 42     <!-- <ion-row [class]="style"> -->
 41     <ion-row [ngClass]="{
 40         urgent: peerConversation.unreadMessages.urgent > 0,
 39         normal: peerConversation.unreadMessages.urgent === 0 && peerConversation.unreadMessages.normal > 0
 38       }"> 

so the elements css isn’t being dynamically changed depending on the message received that isn’t read. I hope I explained it well enough.

Posts: 1

Participants: 1

Read full topic

@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: 3

Participants: 2

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

@prasadvemula wrote:

I’m using ionic 4 application, but i’m not able to use device screen lock to lock and unlock the ionic 4 application.

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

@irfankhalid wrote:

Hello,

Workshala Spaces provides the best coworking space in Noida & shared office space with great amenities like high-speed wifi, unlimited beverages, virtual office, meeting rooms, co-working desks, gaming zone, visitor lounge, meetings rooms, conference rooms, etc

So, we want a developer who can create an app for us. Please suggest the best ways to do it

Posts: 1

Participants: 1

Read full topic

@prasadvemula wrote:

In ionic 4 application how can we use device pattern or pin or password to lock and unlock the application everytime?

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