@ethan2 wrote:

i get data for firebase and i put theme inside item but i want when i click on one item another page appear with more information belongs to that item

Posts: 1

Participants: 1

Read full topic

@puspad wrote:

Hi everybody.

Not able to make http call in Ionic 4 for platform Android 9 because cleartext support is disabled by default. Thus result http call is not working on Android 9 but it works with https call.

I know why it is not working but I do not know how to fix it.

For reference, these are the links:

https://support.brightcove.com/android-pie-support-native-sdk-android

Below is my Ionic info
Untitled|690x214

I want to use http instead of using https.
How I can perform http call?
If anyone has idea please help

Posts: 1

Participants: 1

Read full topic

@lily28 wrote:

Hi, I have three pages which i am trying to display inside of ionic segments (profile, vaccination, development). I want to keep the functionality of the pages segregated for easier maintainability.

Capture.PNG345×566 5.77 KB

childdetails.page.html

<ion-content padding>
    <ion-toolbar>
      <ion-segment (ionChange)="segmentChanged($event)" [(ngModel)]="segment" color="warning">
        <ion-segment-button value="profile" (ionSelect)="goToProfilePage()">
         Profile
        </ion-segment-button>
        <ion-segment-button value="vaccination">
          Vaccination
        </ion-segment-button>
        <ion-segment-button value="development">
          Development
        </ion-segment-button>
      </ion-segment>
    </ion-toolbar>

    <div [ngSwitch]="segment">
        <ion-list *ngSwitchCase="'profile'">
          <<**I would like to include addchild.html here**>>
        </ion-list>
</div>
</ion-content>

childdetails.page.ts

import { Component, OnInit, ViewChild } from '@angular/core';

@Component({
  selector: 'app-childdetails',
  templateUrl: './childdetails.page.html',
  styleUrls: ['./childdetails.page.scss'],
})
export class ChilddetailsPage implements OnInit {
/** 
  segment = 0;
  */
  segment: string = "vaccination";
  constructor() {}

  ngOnInit() {
  }

  async segmentChanged() {
    this.segment}

}

I don’t want the content to be loading from inside the same page that contains the segment. since each of those will be near about 150-200 lines of code. its better to keep them in separate pages.

<div [ngSwitch]="segment">
        <ion-list *ngSwitchCase="'profile'">
          <p> Here is the content... </p>
        </ion-list>
</div>
``
Can anyone help me with this, thank you.

Posts: 1

Participants: 1

Read full topic

@GraineDeZele wrote:

Hello,

0

I want to share an image from my application but here is the result I get:

1. I click on the share button of my application

2. The Facebook publishing window opens but the photo I want to share is not displayed.

I specify that:

• the photo is not present on the smartphone, it is the URL of a photo on a server.
• I do not encounter this problem on Android, when I share the photo it appears well in the publication.
• I tried with is without the function decodeURIComponent but it does not change anything.
• As it is not possible to test the share on emulator xcode, I have no error to provide

    sharePictureByFacebook(picture, msg) {

        if (this.platform.is("ios")) {
            picture = decodeURIComponent(picture);
        }

        this.socialSharing.shareViaFacebook(msg, picture, '').then(() => {
        }).catch(() => {
            this.presentToast("Error");
        });
    }

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.hbr.graine" version="0.0.5" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>Graine de Zèle</name>
    <description>An awesome Ionic/Cordova app.</description>
    <author email="contact@grainedezele.fr" href="https://www.grainedezele.fr/">Graine de Zèle</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <platform name="android">
        <allow-intent href="market:*" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
    <plugin name="com-sarriaroman-photoviewer" spec="1.1.18" />
    <plugin name="cordova-plugin-x-socialsharing" spec="5.4.3">
        <variable name="ANDROID_SUPPORT_V4_VERSION" value="24.1.1+" />
    </plugin>
    <plugin name="cordova-plugin-photo-library" spec="2.2.0">
        <variable name="PHOTO_LIBRARY_USAGE_DESCRIPTION" value="To choose photos" />
    </plugin>
    <plugin name="phonegap-plugin-push" spec="2.2.3">
        <variable name="SENDER_ID" value="87963980685" />
        <variable name="ANDROID_SUPPORT_V13_VERSION" value="27.+" />
        <variable name="FCM_VERSION" value="11.6.2" />
    </plugin>
    <engine name="android" spec="7.1.4" />
</widget>

Thank you !

Posts: 1

Participants: 1

Read full topic

@JulienRos wrote:

Hello everyone, i want to disable the default splashcreen by adding
<preference name="SplashScreenDelay" value="0" /> in my config.xml
but he is still there
someone has a solution?

Posts: 1

Participants: 1

Read full topic

@yuricurileite wrote:

It was a while ago everything running perfectly, but now when I give ionic cordova build android it returns the following error, what will that access denied?

Thank you all for your help!

BUILD SUCCESSFUL in 3s
42 actionable tasks: 42 up-to-date
Error: C:\aplicativo\Sabrina\platforms\android\gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

* What went wrong:
Could not update C:\Users\yuric\.gradle\caches\4.10.3\file-changes\last-build.bin
> C:\Users\yuric\.gradle\caches\4.10.3\file-changes\last-build.bin (Access denied)

* 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 3s

[ERROR] An error occurred while running cordova build android (exit code 1).

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
I have a function that posts a form that contains some mandatory text fields and an optional file.
This function should return an Observable.
When I have to send the file I have to read it before calling the web service.

I’m trying to write a synchronous function that reads the file, but, for now, the result is that the form is sent before the reading of the file is finished.

This is the function that sends the form:

  sendReport(values, fileObject = null) {
...
    console.log('formData: ', formData.getAll('data'));

    // If the file is passed the load it and add it to the formData
    if (fileObject && fileObject.filename) {
      console.log('ONE');
      const reVar = this.loadTempFile(fileObject);
      console.log('SIX');
      if (reVar) {
        formData.append('streamfile', this.tmpBlobFile, fileObject.filename);
      }
    }

    return this.httpClient.post(commandUrl,
      formData,
      {headers: headers, responseType: responseType});
  }

This is the function that reads the file:

  async loadTempFile(fileObject) {
    console.log('TWO');
    return await new Promise((resolve, reject) => {
      console.log('THREE --->', fileObject);
      this.file.readAsArrayBuffer(fileObject.directory, fileObject.filename)
        .then((res) => {
          console.log('FOUR');
          this.tmpBlobFile = new Blob([res], {type: fileObject.contentType});
          console.log('FIVE');
          console.log(this.tmpBlobFile);
          resolve(true);
        }, (err) => {
          reject(false);
        });
    });
  }

This is what I see in the Chrome console:

formData:  ["{"deviceId":80,"description":"gghh","warningTypeId":"2"}"]
main.js:3752 ONE
main.js:3767 TWO
main.js:3769 THREE ---> {data: null, uri: "file:///storage/emulated/0/Android/data/it.aaamobi…y.aaa/cache/IMG-20190406-WA0002.jpg?1559488047281", path:
...
main.js:3754 SIX
main.js:3772 FOUR
main.js:3774 FIVE
main.js:3775 Blob {size: 681660, type: "image/png"}size: 681660type: "image/png"__proto__: Blob

So loadTempFile returns before the file has been read
What am I doing wrong according to you?

Thank you very much

claudio

Posts: 1

Participants: 1

Read full topic

@duclt wrote:

I have question about ion-datetime . I create a ion-datetime for pick time and i would like disable time pass

        <ion-datetime
          min="?????????"
          (ionChange)="onChangeStartTime()"
          minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
          displayFormat="hh:mm A"
          pickerFormat="h mm A"
          placeholder="-"
          formControlName="start_time"
        ></ion-datetime>

What should I fill in the question mark for disable time pass. thanks for reading my question.

Posts: 1

Participants: 1

Read full topic

@anonimanonim wrote:

Retrieving database information using this two pieces of code:

getSpecificProducts(idIssue: string): Observable<any> {

    return this.afs.collection<Product>('products', ref => ref.where ( 'idIssue' , '==' , idIssue )).valueChanges();
}

this.productsservice.getSpecificProducts(id).subscribe(data => {
        console.log(data);
});

This is how my Firebase database look like:

image.png1177×239 13.1 KB

I am able to retrieve information like “idIssue, name, price”, but i need to get this “kMlJsWMPrpn54Y4YQz7M”
How to do this?

Posts: 2

Participants: 2

Read full topic

@JulienRos wrote:

Hello everyone!
I try to make a GET request with HttpClient but i receive nothing
but if i make the same request with HTTP i receive what i need but can’t subscribe and get data.children.

Posts: 1

Participants: 1

Read full topic

@akash wrote:

I am using MediaCapture plugin to record audio but i cant figure out the absolute path.attached my code below
this.mediaCapture.captureAudio(option)
.then(
async (data: MediaFile) => {
const lastMessage: any = _.nth(this.messages, -1);
const url = ‘file://’ + data[0].fullPath.substring(0,data[0].fullPath.lastIndexOf(’/’)+1);
this.file.readAsArrayBuffer(url, data[0].name.toString())
.then((body) => {
this.submitAudio(body);
})
.catch(error=>{
this.toastMessage.displayMessage(error);
})
})
.catch(error=>{
this.toastMessage.displayMessage(error);
})
sometimes its working and sometimes its not.Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@KirtLaxus wrote:

Hi Devs, Good Day… I Want to ask, is it possible to call or open a windows application using ionic 4 projects.?
For example, I want to call command prompt and want to run a certain command like ping google.com -t…
and get its result for display… If it is possible, Can you please provide me an example or tutorial as basis…
Thank you so much for your help…

Posts: 1

Participants: 1

Read full topic

@vasanthb wrote:

Hi all, I’m using cordova-fcm-plugin in my application, to receive push notification. Everything works fine till Android Version 7. But for Android version 8 and above “Battery Optimization” property is blocking the app from receiving the notifications. If I go to settings -> battery -> battery optimizations and don’t optimize my app then notifications will work fine.
But mine is a B2C app, I cannot ask user to go to settings and perform these changes. I need to achieve this functionality pragmatically. Please help me to achieve the same.

Posts: 1

Participants: 1

Read full topic

@thierryd33 wrote:

Hi
i have a problem with run iOS emulator on ionic studio , I select an iOS emulator iPhone 6 for example other same problem and I have this error message, an idea to resolve ?

thanks a lot !

❯ ionic cordova run ios -l --emulator --target=37DA55A1-DDEF-478D-8DF2-FE3400D9AC21 --native-run --connect – --buildFlag=’-UseModernBuildSystem=0’

ng run app:ionic-cordova-serve --host=localhost --port=8100 --platform=ios
[INFO] Waiting for connectivity with ng…

[INFO] Development server running!

   Local: http://localhost:8100
   
   Use Ctrl+C to quit this process

cordova build ios --emulator --target 37DA55A1-DDEF-478D-8DF2-FE3400D9AC21 --buildFlag=’-UseModernBuildSystem=0’
native-run ios --app platforms/ios/build/emulator/App.app --target 37DA55A1-DDEF-478D-8DF2-FE3400D9AC21 --connect --forward 8100:8100
[native-run] ERR_UNKNOWN: Unable to get app bundle identifier
[ERROR] An error occurred while running subprocess native-run.

    native-run ios --app platforms/ios/build/emulator/App.app --target 37DA55A1-DDEF... exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more information.

Posts: 1

Participants: 1

Read full topic

@dhutton wrote:

I am using this plugin within an Ionic app to view my device’s camera and then stream over RTMP - https://github.com/disono/cordova-rtmp-rtsp-stream

This works great, but I need the Ionic webview to appear over the top of the camera so that I can show images & text on top of the camera view. Is there a way to force Ionic to be the top layer of the app?

Thanks in advance for any help.

Posts: 1

Participants: 1

Read full topic

@selmo47 wrote:

I would like to select all the value of an input of type number when this input is clickd

I found this question
https://forum.ionicframework.com/t/ion-input-select-all-text-on-focus/79406

but it works only with type text

Posts: 1

Participants: 1

Read full topic

@Marunowski wrote:

Hello
It’s possible to create ionic app like rest server. I want to create app which connects to the server . Then the application listens and the server call to app with request “do something”. I don’t want to call the server from the app every 5 seconds. Has anyone done something similar?
Sorry for my English.

Posts: 1

Participants: 1

Read full topic

@shamed wrote:

when run this command “ionic cordova run android” i get
[ERROR] native-run was not found on your PATH. Please install it globally:
npm i -g native-run

i did install as required above but still get native-run was not found on your path. please help

i am using Windows 10.

here is my ionic info list:

Ionic:

Ionic CLI : 5.0.0
Ionic Framework : @ionic/angular 4.1.1
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.6
@ionic/angular-toolkit : 1.2.3

Capacitor:

Capacitor CLI : 1.0.0-beta.19
@capacitor/core : 1.0.0-beta.11

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 4 other plugins)

Utility:

cordova-res : not installed
native-run : 0.2.2

System:

NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

Posts: 1

Participants: 1

Read full topic

@rashmi1995 wrote:

Hi,

I have added the keyboard plugin. https://ionicframework.com/docs/native/keyboard. Added the following code in the constructor but the below events are not firing.

    this.onShowSubscription = this.keyboard.onKeyboardShow().subscribe((e)=> {
        let bodyMove = <HTMLElement>document.querySelector("#footer");
        let  bodyMoveStyle = bodyMove.style;
        bodyMoveStyle.display = "none";
    });
    this.onHideSubscription = this.keyboard.onKeyboardHide().subscribe(()=> {
        let bodyMove = <HTMLElement>document.querySelector("#footer");
        let  bodyMoveStyle = bodyMove.style;
        bodyMoveStyle.display = "block";
    });

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@stevenhastie wrote:

I’m using Angular Bootstrap UI with Ionic 4 and I want to use the bootstrap dropdown component with buttons in the header/toolbar. Problem is the dropdown won’t show outside of the header container E.g. on top of the ion-content below.

I assume this is a super simple css change like overflow: visible or something, but I cannot seem to get it to work.

Any help would be appreciated.

Posts: 1

Participants: 1

Read full topic