Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70755 articles
Browse latest View live

Issue building an older project with Firebase

$
0
0

@lagoo wrote:

Hey all - trying to rebuild this project but keep hitting a snag. Not sure what it is. I’m not the original developer - when I run “ionic cordova build android” i reach this point (below). I’m not sure what to do to rectify it. I’ve noticed a few posts around the web saying firebase/google services could cause the issue with some suggestions, but I haven’t been able to get it running properly with them. I AM using Firebase in this and hoping to avoid a complete rebuild. Any help would be great, step-by-step would be ideal! My Ionic Info for the project is

Ionic:

   ionic (Ionic CLI)  : 4.10.3 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.4

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 6.3.0, ios 4.5.4
   Cordova Plugins       : cordova-plugin-ionic-webview 1.1.1, (and 22 other plugins)
The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
	at build_cszc8vrrrw5jn35pl9aby66gx.run(/Project/platforms/android/build.gradle:145)
The JavaCompile.setDependencyCacheDir() method has been deprecated and is scheduled to be removed in Gradle 4.0.
Incremental java compilation is an incubating feature.
The TaskInputs.source(Object) method has been deprecated and is scheduled to be removed in Gradle 4.0. Please use TaskInputs.file(Object).skipWhenEmpty() instead.

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'android'.
> Could not resolve all dependencies for configuration ':_debugApkCopy'.
   > Could not find any version that matches com.google.android.gms:strict-version-matcher-plugin:11.2.+.
     Versions that do not match:
         1.1.0
         1.0.3
         1.0.2
         1.0.1
         1.0.0
     Searched in the following locations:
         .... bunch of files listed ....
     Required by:
         project : > com.google.gms:google-services:4.2.0

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 4.292 secs
Project/platforms/android/gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

Posts: 1

Participants: 1

Read full topic


Ionic 4 + Firebase SDK

$
0
0

@Analitik wrote:

You need have such experience:

  • Ionic 4, Angular, Cordova, JS
  • Firebase SDK ( Authentication, Database, Functions )
  • Show poligon on Yandex map (geopoints from firebase)
  • Barcode cordova plugin

Pages:

  1. Authentication with SMS (in firebase or Twillio and Cloud Functions)
  2. Map with marker and poligon
  3. Scaner QR codes and writing to firebase
  4. Show scanned QR codes in listview
    5* Slide Menu

it`s simple project…
ionic start project_name tabs
ionic generate page_name1
ionic generate page_name2

But i have not experience in ionic.

Visual demo of this project https://pr.to/3W0TLR/

Telegram @AnalitiKis

Posts: 1

Participants: 1

Read full topic

Unselect ion-radio

Create and show pdf in page directly

$
0
0

@sibabratswain wrote:

My Goal - Create dynamic pdf and show it on the page inside the app directly.
Steps I have taken - Used pdf make and got the pdf opened in next tab.

 let docDefinition = {
      content: [
        {text: 'REMINDER', style: 'header'},
        {text: new Date().toTimeString(), alignment: 'right'},

        {text: 'From', style: 'subheader'},
        {text: this.letterObj.from},

        {text: 'To', style: 'subheader'},
        this.letterObj.to,

        {text: this.letterObj.text, style: 'story', margin: [0, 20, 0, 20]},

        {
          ul: [
            'Bacon',
            'Rips',
            'BBQ',
          ]
        }
      ],
      styles: {
        header: {
          fontSize: 18,
          bold: true,
        },
        subheader: {
          fontSize: 14,
          bold: true,
          margin: [0, 15, 0, 0]
        },
        story: {
          italic: true,
          alignment: 'center',
          width: '50%',
        }
      }
    }

  pdfMake.createPdf(docDefinition).open({}, window);

Question - I want to show the pdf inside the app with existing header and sidebar.
Please help me out or any suggestions.

Posts: 1

Participants: 1

Read full topic

My ionic3 app stopped working now that i started using ionic4

$
0
0

@gigocabrera wrote:

I have been developing a new ionic4 app and all is working fine. I also have an ionic3 app and when I tried to run ionic serve I’m getting an error now:

PS C:\ionic\apps\ionic3\MedicalAnswers-admin> ionic serve
[WARN] Detected locally installed Ionic CLI, but it's too old--using global CLI.
> npm run ionic:serve -- --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[npm] > LiveVault-admin-console@1.0.0 ionic:serve C:\ionic\apps\ionic3\MedicalAnswers-admin
[npm] > npm run serve "--address" "0.0.0.0" "--port" "8100" "--livereload-port" "35729" "--dev-logger-port" "53703" "--nobrowser"
[npm] npm ERR! missing script: serve
[npm] npm ERR! A complete log of this run can be found in:
[npm] npm ERR!     C:\Users\gigoc\AppData\Roaming\npm-cache\_logs\2019-02-19T18_38_19_136Z-debug.log
[npm] npm ERR! code ELIFECYCLE
[npm] npm ERR! errno 1
[npm] npm ERR! LiveVault-admin-console@1.0.0 ionic:serve: `npm run serve "--address" "0.0.0.0" "--port" "8100" "--livereload-port" "35729" "--dev-logger-port" "53703" "--nobrowser"`
[npm] npm ERR! Exit status 1
[npm] npm ERR!
[npm] npm ERR! Failed at the LiveVault-admin-console@1.0.0 ionic:serve script.
[npm] npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
[npm] npm ERR! A complete log of this run can be found in:
[npm] npm ERR!     C:\Users\gigoc\AppData\Roaming\npm-cache\_logs\2019-02-19T18_38_19_368Z-debug.log

[ERROR] npm has unexpectedly closed (exit code 1).

        The Ionic CLI will exit. Please check any output above for error details.

Posts: 1

Participants: 1

Read full topic

AppFlow 'auto' - Show Progress Bar

$
0
0

@williamxsp wrote:

Im using appFlow with ‘auto’ upgrade mode. But as it takes a long time to download the new version I’d like to show a progress bar while im downloading the files.

Is it possible? Im not sure how to achieve this.

Posts: 1

Participants: 1

Read full topic

Send files (Docx, pdf and others) from ionic to a server, is it possible?

$
0
0

@diego-guevara wrote:

Good day, I am trying to send files (PDF, Docx and others) to a server but I have not yet been able to, I do not find much information about it, I already managed to do it with images. I would like to know if it is possible to do it with files?

I appreciate any help you can give me

regards

Posts: 1

Participants: 1

Read full topic

NavControl.pop always returns to first tab and not last used tab

$
0
0

@Reesz wrote:

Hello there,

so I’m currently going mad over a problem I’m facing with my Ionic app. Let me explain:
(Disclaimer: I’m new to Ionic/Angular, so it might be some basic understanding of the routing/stack/push concept)
I’ve started with the regular tab-setup. I’ve added two custom (detail) pages with their own routes:

const routes: Routes = [
{...}
  {
    path: 'shoe',
    loadChildren: () => shoeSinglePageModule
  },
  {
    path: 'sale',
    loadChildren: () => saleSinglePageModule
  }
]

These detail pages don’t belong to any tabs, they can be accessed from all of my 4 tabs. Navigation with a forwards animation is no problem. I’ve tried every kind of navigation type: routerLink, navCtrl.navigateForwards etc.

And now comes the problem:
On these detail pages there is a Back-Button that should take you to the tab you’re coming from. But when using navCtrl.pop() to navigate back it always jumps back to the first tab.

I’ve managed to get around this by using navCtrl.back() - this works like I want to. But using the swipe-back method on the pages left edge, seems to use the .pop method under the hood, since the same problem appears - always jumping back to tab 1.

I feel like I’ve read every article on navigation and routing there is - I hope someone can help me out what I’m missing here.

// Update:
I’ve debugged why it’s always jumping to tab 1: A swipe back (.pop()-call) seems to trigger the route /tabs without any subTab specified. Which is declared to redirect to tab 1. But why does a swipe back not go back to the tab-url I’m coming from?

Posts: 1

Participants: 1

Read full topic


Como visualizar documentos en memoria sd

$
0
0

@josele2015 wrote:

Me gustaria saber, si hay una herramienta que permita visualizar documentos que esten dentro un memoria sd, estoy intentando con el plugin file opener pero este plugin tiene el inconveniente que no permite abrir documentos en una sd.

Posts: 1

Participants: 1

Read full topic

Dashcam app

$
0
0

@swagatac wrote:

Is it possible to access a cars dashcam using an ionic app? Can someone suggest any plugin or any other wayto do so?

Posts: 1

Participants: 1

Read full topic

Can't get vuejs ionic project run on Ionic Dev App

$
0
0

@N3X404 wrote:

Hello, i have a ionic project using vuejs, but i cant do " ionic serve -c" when i do it , it trow me an error :

Since you’re using the custom project type, you must provide the ionic:serve **
** npm script so the Ionic CLI can serve your project.

i don’t know what to do, thanks

Posts: 1

Participants: 1

Read full topic

Buggy Documentation

$
0
0

@kolan wrote:

Hello there,
First of all I want to thank you for this good work you are doing. Keep up the good work.

Nevertheless I would like to say please do work on your documentation. They are very very outdated and one faces complicated issues in doing very simple things.

Thank you

Posts: 1

Participants: 1

Read full topic

Ionic 4 and Firestore

$
0
0

@alukkee wrote:

How can I connect and configurate my app with Firestore? I need to do a login an a database in my App.
If someone can help me, do it.

Thankss

Posts: 1

Participants: 1

Read full topic

Inappbrowser does not show location request

Alert handler not executes in ios

$
0
0

@jffs wrote:

I can’t figured out what is going on here. In a view I have a form, then when you submit that form a confirm alert is displayed, if you pick either No or Si option, the alert is dimissed but the handlers never called… The flow to go up to this page is HomePage->OtherPage->THE form Page that display the alert…
Using Android and web browser works as I expected, but not in iOS

I test on an Iphone 7 emulator with iOS 12.
I realise that if the alert was display in the OtherPage works perfect, but in a deeper level not.

Here is my Alert code

 const confirm = this.alertCtrl.create({
        title: 'Guardar teléfono',
        message: '¿Desea agregar el teléfono ' + this.telefono.value + ' a su perfil para futuras reservas?' ,

        buttons: [
          {
            text: 'No',
            handler: () => {
              console.log('Disagree clicked');
            }
          },
          {
            text: 'Si',
            handler: () => {
              console.log('Agree clicked');
            }
          }
        ]
      });
     confirm.present();

Posts: 1

Participants: 1

Read full topic


Ionic 3, 4 & VPN

$
0
0

@HydroCanes wrote:

Hi all,

Has anyone faced this issue? So I am building a mobile app that connects to my work DB using per-app-VPN.

Ionic 4 for iOS only loads/sits at the splash screen and never passes it (I believe its the default error page). Tried using a blank application and had the same result.

I switched back to Ionic 3 using the VPN I was able to pass splash, log in and connect to our database. Would prefer to have both iOS and Android on the same Ionic 4 framework.

Thanks in advance!

Posts: 1

Participants: 1

Read full topic

Ionic UI crash on android device (Ionic 3)

Push Notification using Ionic 4 and Firebase Cloud Messaging

Ionic 4 Media plugin audio recording not capturing audio after pauseRecord() and resumeRecord()

$
0
0

@iamsajithk wrote:

I am using the Ionic Media plugin for recording audio. And There are 3 button clicks one for Start recording, one for pause recording and one for stop recording. Pressing start after pause will call resumeRecord(). And the issue is the final audio will only contain the data till we press the pause button.
Recording function pasted below:

this.recording('start');//Will start recording
this.recording('pause');//Will pause recording
this.recording('start');//Will resume recording if paused
this.recording('stop');//Will stop recording and upload to server
recording(type = 'start') {
        if (type === 'start') {
            if (this.isStopped === false) {
                if (this.isStarted === false) {
                    // Start listening
                    this.rippleAnimation = 'ripple 0.7s linear infinite';
                    this.isStarted = true;
                    if (this.platform.is('ios')) {
                        this.fileName = this.storyId + '_record.aac';
                        this.filePath = this.file.tempDirectory.replace(/^file:\/\//, '') + this.fileName;
                        this.file.createFile(this.file.tempDirectory, this.fileName, true).then(() => {
                            this.audio = this.media.create(this.file.tempDirectory.replace(/^file:\/\//, '') + this.fileName);
                            this.audio.startRecord();
                            // this.audio = this.media.create(this.filePath);
                        });
                    } else if (this.platform.is('android')) {
                        this.fileName = this.storyId + '_record.aac';
                        this.file.createFile(this.file.externalDataDirectory, this.fileName, true).then(() => {
                            this.filePath = this.file.externalDataDirectory.replace(/file:\/\//g, '') + this.fileName;
                            this.audio = this.media.create(this.filePath);
                            // this.audio.onStatusUpdate.subscribe(status => console.log(status)); // fires when file status changes
                            //
                            // this.audio.onSuccess.subscribe(() => console.log('Action is successful'));
                            //
                            // this.audio.onError.subscribe(error => console.log('Error!', error));
                            this.audio.startRecord();
                        });

                    }
                    this.isRecording = true;
                    setInterval((variable) => {
                        if (this.isRecording === true) {
                            this.audioDuration++;
                            const hours = Math.floor(this.audioDuration / 3600);
                            const totalSeconds = this.audioDuration % 3600;
                            const minutes = Math.floor(totalSeconds / 60);
                            const seconds = totalSeconds % 60;
                            if (hours < 10) {
                                this.audioDurationText = '0' + hours + ':';
                            } else {
                                this.audioDurationText += hours + ':';
                            }
                            if (minutes < 10) {
                                this.audioDurationText += '0' + minutes + ':';
                            } else {
                                this.audioDurationText += minutes + ':';
                            }
                            if (seconds < 10) {
                                this.audioDurationText += '0' + seconds;
                            } else {
                                this.audioDurationText += seconds;
                            }
                        }
                    }, 1000);
                    this.showToast('Recording started.');
                } else {
                    this.rippleAnimation = 'ripple 0.7s linear infinite';
                    this.audio.resumeRecord();
                    this.isRecording = true;
                    this.showToast('Recording resumed.');
                }
            } else {
                this.showToast('Recording stopped.');
            }
        } else if (type === 'stop') {
            if (this.isStopped === false) {
                // Stop listening
                this.rippleAnimation = 'ripple 0s linear infinite';
                this.audio.stopRecord();
                this.isRecording = false;
                this.isStopped = true;
                // console.log(this.filePath);
                // this.playAudio('record.aac');
                // this.showToast('Recording stopped and saving audio..');
                this.loadingController.create({
                    message: 'Saving...'
                }).then((loader) => {
                    loader.present().then(() => {
                        this.storage.get('_token').then((token) => {
                            if (token != null) {
                                this.storyService.uploadAudio(token, this.fileName, this.filePath, this.storyId).then((data) => {
                                    console.log(data);
                                    loader.dismiss();
                                    this.navController.navigateRoot('home');
                                }, (err) => {
                                    console.log(err);
                                    loader.dismiss();
                                    this.showToast('Something went wrong.');
                                });
                            } else {
                                loader.dismiss();
                            }
                        }, (err) => {
                            loader.dismiss();
                        });
                    });
                });
            } else {
                this.showToast('Recording already stopped.');
            }
        } else if (type === 'pause') {
            if (this.isStopped === false) {
                if (this.isRecording === true) {
                    // Stop listening
                    this.rippleAnimation = 'ripple 0s linear infinite';
                    this.audio.pauseRecord();
                    this.isRecording = false;
                    this.showToast('Recording paused.');
                } else {
                    this.showToast('Not recording.');
                }
            } else {
                this.showToast('Recording stopped.');
            }
        }
    }

Posts: 1

Participants: 1

Read full topic

Callback in oauth2 in Ionic v3,v4

$
0
0

@OmDIonic wrote:

Hi All
Can someone help me that
1.How to implement callback in oauth2 in ionic v3,v4

Present Workflow
1.From ionic app I am redirecting to other url for login using Inappbrowser
2.In auth url I added redirect_url as localhost

What is happening
Its not redirecting to ionic app after authorization

What should happen
It should redirect to ionic app and post code so that I can use it for retrieving token.

Note: I also used ssl=true but it not helped bcz portal only accepting https scheme.

Posts: 1

Participants: 1

Read full topic

Viewing all 70755 articles
Browse latest View live