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

'Deploy' feature question

$
0
0

@chase-martin wrote:

We will be switching from one API (which powers the majority of the content on our app) to another. Is the ‘Deploy’ feature a good option for a smooth transition, or is it mainly used for smaller changes?

Posts: 1

Participants: 1

Read full topic


Build Ionic offline

$
0
0

@tunga wrote:

I wanted to run my ionic app on android because I used native plugins. But I get a gradle download error. Since my internet connection is not that fast, I checked the gradle version my app uses in platforms/android/gradle/gradle-wrapper.properties. And Here is what I found:

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.3-all.zip
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

So I downloaded gradle-4.10.3-all.zip. I created a dists folder under wrapper, put it there and changed the distributionUrl to point to ./wrapper/dists/gradle-4.10.3-all.zip. But still when I run my app, it changes the distributionUrl and starts to download gradle again.

By the way, I am using ionic version 5.0.2.

So, please tell me a way to use an offline gradle to build android apps.

Posts: 1

Participants: 1

Read full topic

Error directives on html need more arrays simultaneously

Push notification in native app using ionic capacitor

$
0
0

@Xabi89 wrote:

Hi,
Thank you very much for your hard work.
I was following this tutorial, https://angularfirebase.com/lessons/capacitor-five-apps-in-five-minutes/. In order to convert my native app into an android an ios app. It works very good :smiley:

But now I will like to know if it´s possible to add push notification into my native app and then converted again to android or ios.
I could see this link, https://capacitor.ionicframework.com/docs/guides/push-notifications-firebase/ but it seems that it requires first to convert my app into ionic. Is that right?

I am looking forward for your answer.
Regards,
Xabi

Posts: 1

Participants: 1

Read full topic

Upgrade to Android 8.0 Adaptive Icon Error

$
0
0

@helpmelearn wrote:

Trying to update some library.
Update Cordova to 8.0
Updated Android to 8.0
still have Ionic CLI as 3.20.

Trying to get on the new firebase stuff so I don’t have any many build problems. Yet I have build problems.

Getting this error
FAILURE: Build failed with an exception.

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

Android resource linking failed
/home/dev/Ionic-app/apps/TestAPP/platforms/android/app/build/intermediates/merged_manifests/debug/AndroidManifest.xml:31: AAPT: error: resource mipmap/ic_launcher_round (aka TESTAPP:mipmap/ic_launcher_round) not found.

Not really sure where to start.

Posts: 1

Participants: 1

Read full topic

Dynamic ng-module ID

$
0
0

@Harikag wrote:

Hi, I have an array (will get from server). I am able to show the data. but whenever the user clicked on reply icon it needs to show input field for clicked data icon, but It is showing all input fields for all data and I need to send a same entered text to the server, so please help me. Please check image for your reference

 <div *ngFor="let message of messages">
        <div *ngFor="let mes of message let i = index" style="padding-left: 1px;padding-right: 10px;">

            <ion-card class="category-concept-card card-left-brd"  style="background:white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);margin: 5px !important;"  
             >
                
                <ion-card-content style="border-radius : 5px;margin-left: 5px;font-size: 0.9em;">

                        <div [innerHTML]="mes.msg" class="category-description" style="color:rgb(27, 12, 236)"></div>
                   
                
                      
                  <ion-row align-items-center style="margin-left: -7px;">
                      <ion-col  size="7" size-lg offset="7">
                            <p class="category-description" style="color:rgb(27, 12, 236)" >
                                    {{mes.createdOn| date :'medium'}}
                                </p>
                          </ion-col>
                     
                      <ion-col size="3" size-md offset="3" class="col-badges">
                            <ion-badge   center (click)="reply(mes.refId,index)" class="mrg-bdg "><ion-icon class="fnt-sth"  name="undo"></ion-icon></ion-badge>
                            <!-- <ion-badge   center (click)="forward(mes.refId,index)" class="mrg-bdg "><ion-icon class="fnt-sth"  name="redo"></ion-icon></ion-badge> -->
                            <ion-badge   center (click)="include(mes.refId,index)" class="mrg-bdg "><ion-icon class="fnt-sth"  name="add"></ion-icon></ion-badge>
                              <!-- <ion-badge   center (click)="scheduleMeeting(mes.refId,index)" class="mrg-bdg "><ion-icon class="fnt-sth" name="clock"></ion-icon></ion-badge>
                          <ion-badge   center (click)="approveTask(i,'Include Persons')" class="mrg-bdg "> <ion-icon class="fnt-sth" name="document"></ion-icon></ion-badge> -->
                                                
                      </ion-col>
                 
                    </ion-row> 

                    <app-expandable expandHeight="200px" [expanded]="tetraId==mes.refId">
                     <div style="margin-top: -13px;">
                      <ion-item [hidden]="!replyClicked" style="padding-left: 0px;">
                        <ion-label style="color:rgb(27, 12, 236);font-size: 14px;margin-top: 8px;">Reply</ion-label>{{mes.msgTo}}
                        <ion-select placeholder="Select" style="color:rgb(27, 12, 236);margin-left: -100px;            margin-right: 60%;
                        font-size: 0.9em;">
                          <!-- <ion-option *ngFor="#user of usersList" [value] = "user.id" [checked]="false">{{user.id}}</ion-option> -->
                        </ion-select>
                        <!-- <ion-label style="color:rgb(27, 12, 236);font-size: 14px;">Include</ion-label> -->
                        
                          <!-- <ion-option *ngFor="#name of namesList" [value] = "name.shortName" [checked]="false">{{name.shortName}}</ion-option> -->
                        
                      </ion-item>

                      <ion-item [hidden]="!includeClicked">
                        <ion-label style="color:rgb(27, 12, 236);font-size: 14px;">Include</ion-label>
                        <ion-select  placeholder="Select" value="brown" okText="Okay" cancelText="Dismiss">
                          <!-- <ion-option *ngFor="#name of namesList" [value] = "name.shortName" [checked]="false">{{name.shortName}}</ion-option> -->
                       </ion-select>
                      </ion-item> 
                     </div>
                     <div class="input-wrap" style="margin-top: 0px; margin-left: 0px;font-size: 13px;">
                      
                     
                      <input type="text" 
                                placeholder="Text Input"
                                [(ngModel)]="editorMsg"
                                maxlength="500"
                                (keyup.enter)="sendMsg(index)"   (input)='onInputTime($event.target.value)' (ionChange)='onChangeTime($event.target.value)'
                                style="width: 87%;border: 1px solid #ccc;border-radius: 20px;text-align: left;height: 40px;padding-left: 15px;padding-right: 15px;">
                     
                      <button ion-button clear icon-only item-right (click)="sendMsg(mes)" style="margin-top: -9px;    background: #427feb;
                      color: #fff;
                      border-radius: 50%;
                      height: 35px;
                      width: 35px;
                      font-size: 10px;
                      padding-right: -7px;
                      padding-left: 4px;
                      padding-top: 0px;
                      ">
                        <ion-icon name="ios-send" ios="ios-send" md="md-send"></ion-icon>
                      </button>
                    </div>
                    </app-expandable>


                </ion-card-content>
              </ion-card>

           
          </div>
      </div>
   


Posts: 1

Participants: 1

Read full topic

Loading chunk failed - Ionic 3

$
0
0

@ersaurabh101 wrote:

I am using lazy loading in Ionic 3. I have created a build using npm run build --aot --minifyjs --minifycss --output-hashing=all and uploaded it to server.

Error- Loading chunk failed.

We are facing Loading chunk failed in our web build, in only one of the users system.

  1. We tried creating a new build thinking it will resolve the issue.
  2. We also cleared cache of browser , we even uninstalled and reinstalled chrome but problem in the system is still there.
  3. Other projects of ours are working fine on this same system which are not built using lazy loading.

This is the code which is used to open a page,but on clicking instead of opening, it gives error

this.navCtrl.push('LinksetupPage');

Expected behaviour is, it should open the page.
Error coming - Loading chunk Failed

Please help, thanks in advance for your time.

Posts: 1

Participants: 1

Read full topic

Ionic 4 custom themes for components

$
0
0

@dulciepercy wrote:

I don’t understand how to apply custom themes. For example to make all popovers a certain width.

I’ve read the theming section of the docs a stack of times but I don’t get it. I can change and define my own colours successfully (but don’t ask me how to use, for example, --ion-color-favorite-shade - the docs done help me with that )

What I need to do now is play with width and height of popovers e.g. set the --min-width of popovers to 50%. I would like to do this for all popovers (and maybe eventually work out how to do it for just one popover).

My guess is I need to add under root: in variables.css something like…

.ion-popover-class {
–min-width:90%;
–min-height:90%;
}

Can anyone help me with this? Thanks

Posts: 1

Participants: 1

Read full topic


IONIC 4- How to use a file in ng-model with MySQL and PHP

$
0
0

@mczadkiel wrote:

My case is the following: ON IONIC 4

My application sends data to an MSQL table, what I want is that it also sends the image to a server and inserts the name of the image to the same table. With the other data there is a type “file” can be used in the ng model?

I can not do it in a single insert (Data-name of image - upload image to the server).

My form is the following:


<form (ngSubmit)="logForm()">
        <ion-item>  
          <ion-label position="floating" color="danger" >Name:</ion-label>
          <ion-input color="primary"  type="text" [(ngModel)]="datos.nombre"></ion-input>

        </ion-item>

        <ion-item>  
          <ion-label position="floating"  color="danger">CELPHONE:</ion-label>
          <ion-input color="primary"  type="text" [(ngModel)]="datos.telefono"></ion-input>
        </ion-item>


        <ion-button expand="block" type="submit" color="danger" >SEND</ion-button>
      </form>

My ts is:

public datos: any = {};


  apiUrl='http://072atizapan.mx/index.php/'
  logForm() {

    var headers = new Headers();
    headers.append("Accept", 'application/json');
    headers.append('Content-Type', 'application/json' )
    let newData={
      funcion: 'police',
      datos: this.datos
    }
    this.http.post(this.apiUrl, JSON.stringify(newData))
    .subscribe(data=>{
      console.log(data);
      if(data==='true'){
        console.log('return');
        this.presentAlert();
        this.router.navigateByUrl('');

      }else{
        this.presentAlert();
        this.router.navigateByUrl('');

      }
    },
    (err)=>{
      this.presentAlert2();
      console.log(err);
   }
    );
  }

My php is the following:

if($_SERVER['REQUEST_METHOD'] !== 'POST'){
    echo json_encode(array('status' => false));
    exit;
       }

$postdata = file_get_contents("php://input");

$datos=json_decode($postdata, true);

switch ($datos['funcion']) {
    case 'police':
        police($datos);
        break;
    default:
        break;
}

function police($datos){

    $query="INSERT INTO `policias`(`nombre`, `telefono`,) VALUES ('{$datos['datos']['nombre']}','{$datos['datos']['telefono']}')";
    execQuery3($query);


}

The previous thing already makes insert to the table but as it would be done so that the name of the image is inserted and at the same time the image is uploaded to a folder using NG MODEL FILE but everything is done in a single insert.

Posts: 1

Participants: 1

Read full topic

Is there a possible way to share variables from typescript to scss

$
0
0

@kirushax3 wrote:

i wanna send variables to scss.
how can i do that?

for example at first i get colors from database than i wanna push it to scss …

Posts: 1

Participants: 1

Read full topic

Component is not a known element

$
0
0

@NurGuz wrote:

Hi guys,

I have this problem with my IONIC 4 app.

Have a component that if I import into module of a page, works:

import { NgModule } from '@angular/core';
import { MenuHeaderModule } from '../menu-header/menu-header.module';
import { SharedModule } from '../shared/shared.module';
import { HomePage } from './home-page/home.page';
import { HomePageRoutingModule } from './home-routing.module';


@NgModule({
  imports: [
    SharedModule,
    HomePageRoutingModule,
    **MenuHeaderModule**
  ],
  declarations: [
    HomePage
  ]
})
export class HomePageModule { }

But, if import this Module into Core, have this error: ‘strs-menu-header’ is not a known element

import { NgModule } from '@angular/core';
import { SharedModule } from '../shared/shared.module';
import { MenuHeaderModule } from '../menu-header/menu-header.module';


@NgModule({
  declarations: [ MenuHeaderModule ],
  imports: [
    SharedModule
  ],
  exports: [MenuHeaderModule]
})
export class CoreModule { }


import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import {
  IonicModule,
  IonicRouteStrategy
} from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { StrsComponent } from './strs.component';
import { StrsRoutingModule } from './strs-routing.module';
import { CoreModule } from './core/core.module';

@NgModule({
  declarations: [StrsComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    StrsRoutingModule,
    CoreModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [StrsComponent]
})
export class StrsModule { }

Any idea?

Posts: 1

Participants: 1

Read full topic

Ionic4-star-rating

$
0
0

@melwinVincent wrote:

I just created a custom star rating component for ionic-4 projects

You can give your custom icons, custom color, custom font-size and also make it read only. Can use it multiple times in a single page/multiple pages and get the changed rating in the parent component Can also be used inside the <form> component

Easy to integrate with your ionic-4 projects.

    <ionic3-star-rating #rating
        activeIcon = "ios-star"
        defaultIcon = "ios-star-outline"
        activeColor = "#488aff" 
        defaultColor = "#f4f4f4"
        readonly="false"
        rating="3"
        fontSize = "32px"
        (ratingChanged)="logRatingChange($event)">
    </ionic3-star-rating>

for detailed documentation :

npm link

Posts: 1

Participants: 1

Read full topic

Ionic-native/image-picker not works ((

$
0
0

@sagrus wrote:

Good day! I make a multi-selection of images from the gallery in the application. I use @ionic-native/image-picker@4. When you select one image everything works fine but if you select two or more images the app crush. Help please.

This is my code:

  fromGallery() {

    let options: ImagePickerOptions = {  
      quality: 100,  
      width: 600,  
      height: 600,  
      outputType: 1,
      maximumImagesCount: 15
  };  
  this.imagePicker.getPictures(options).then((results) => { 
    console.log('Results', results);   
      for (let index = 0; index < results.length; index++) {  
          this.imgs.push('data:image/jpeg;base64,' + results[index]);  
      }  
      console.log('Image Lists', this.imgs);  
  }, (error) => {  
      console.log('Error occurred while loading', error);  
  });

  }

package.json:

{
  "name": "zaholod",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/camera": "^4.19.0",
    "@ionic-native/core": "~4.18.0",
    "@ionic-native/fcm": "^4.19.0",
    "@ionic-native/geolocation": "^4.19.0",
    "@ionic-native/http": "^4.19.0",
    "@ionic-native/image-picker": "^4.19.0",
    "@ionic-native/splash-screen": "~4.18.0",
    "@ionic-native/status-bar": "~4.18.0",
    "@ionic/storage": "2.2.0",
    "cordova-android": "7.0.0",
    "cordova-browser": "5.0.4",
    "cordova-plugin-advanced-http": "^2.0.2",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-fcm-with-dependecy-updated": "^2.4.0",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-geolocation": "^4.0.1",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^2.3.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-telerik-imagepicker": "^2.2.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.1",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-advanced-http": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-telerik-imagepicker": {
        "PHOTO_LIBRARY_USAGE_DESCRIPTION": "your usage message"
      },
      "cordova-plugin-fcm-with-dependecy-updated": {},
      "cordova-plugin-geolocation": {
        "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
      }
    },
    "platforms": [
      "browser",
      "android"
    ]
  }
}

Posts: 1

Participants: 1

Read full topic

Ionic native http post formdata

$
0
0

@ankant wrote:

I have been trying to send formdata through my ionic application. Native http is establishing the connection with server but I am unable to send formdata. I have tried angular HttpClient and xmlHttpRequest but they are unable to establish connection to the server.

I have tried setting proxy in ionic.config.json, but that didnt work either.
I have set <allow-navigation href="*" /> in config.xml and <meta http-equiv="Content-Security-Policy" content="script-src * 'unsafe-inline' 'unsafe-eval'"> in index.html
I have removed and added the cordova whitelist plugin
But nothing seems to work.
I now get and internal server error with response status : 500

my ionic.config.json:

{
  "name": "app",
  "integrations": {
    "cordova": {}
  },
  "type": "ionic-angular",
  "proxies": [{
        "path": "/api",
        "proxyUrl": "https://myurl.com/"
    }]
}

ionic native http:

this.http.post('/api',formData , {headers:headers})
.then(res=>alert("http res: "+JSON.stringify(res)))
.catch(err=>alert("http err: "+JSON.stringify(err)))

I am not sending any data through angular httpClient or xhr request since I am trying to work with them to establish connection first.

angular httpClient:

this.httpClient.post('/api',{} , {}).subscribe(
          res=>{
              console.log("response : "+JSON.stringify(res));
          },
          err=>{
              console.log("send error : "+JSON.stringify(err))
          });

xhr request:

var xhr = new XMLHttpRequest();
xhr.open('POST', https://myurl.com/);
xhr.onload = function() {
                  if (xhr.status != 200) { 
                    alert(`Error ${xhr.status}: ${xhr.statusText}`); 
                  } else { // show the result
                    alert(`Done, got ${xhr.response.length} bytes`);
                  }
                };
                
xhr.onerror = function(e) {
     alert(JSON.stringify(e));
 };
 xhr.send();

my formdata entry structure is (key,blobFile,filename)
current error:

{"headers":{"normalizedNames":{},"lazyUpdate":null},"status":500,"statusText":"Internal Server Error","url":"http://localhost:8100/api","ok":false,"name":"HttpErrorResponse","message":"Http failure response for http://localhost:8100/api: 500 Internal Server Error","error":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<title>Error</title>\n</head>\n<body>\n<pre>Error: getaddrinfo ENOTFOUND myurl.com myurl.com:443<br> &nbsp; &nbsp;at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:57:26)</pre>\n</body>\n</html>\n"}

I am not able to understand the issue and resolve it
It would have been much simpler if I could send formdata through native http.

Posts: 1

Participants: 1

Read full topic

[SOLVED] "export 'IonContent' was not found in '@ionic/angular'

$
0
0

@ademilsonmarsiglio wrote:

IONIC 4

Chrome error log:

client:154 ./node_modules/@logisticinfotech/ionic4-datepicker/fesm5/logisticinfotech-ionic4-datepicker.js 723:44-54
"export 'IonContent' was not found in '@ionic/angular'

ionic info

Ionic:

   Ionic CLI                     : 5.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.16
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0, browser 5.0.4
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.5.1, (and 14 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.2.7 

System:

   ios-deploy : 1.9.4
   ios-sim    : 7.0.0
   NodeJS     : v11.6.0 (/usr/local/Cellar/node/11.6.0/bin/node)
   npm        : 6.9.2
   OS         : macOS Mojave
   Xcode      : Xcode 10.2.1 Build version 10E1001

package.json

{
  "name": "ionic4-tuaagenda",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "~7.0.0",
    "@angular/core": "~7.0.0",
    "@angular/fire": "^5.1.1",
    "@angular/forms": "~7.0.0",
    "@angular/http": "~7.0.0",
    "@angular/platform-browser": "~7.0.0",
    "@angular/platform-browser-dynamic": "~7.0.0",
    "@angular/pwa": "^0.13.0",
    "@angular/router": "~7.0.0",
    "@angular/service-worker": "~7.0.0",
    "@ionic-native/app-version": "^5.0.0",
    "@ionic-native/call-number": "^5.0.0",
    "@ionic-native/camera": "^5.0.0",
    "@ionic-native/clipboard": "^5.0.0",
    "@ionic-native/core": "5.0.0-beta.21",
    "@ionic-native/device": "^5.0.0",
    "@ionic-native/firebase": "^5.0.0",
    "@ionic-native/in-app-browser": "^5.0.0",
    "@ionic-native/social-sharing": "^5.0.0",
    "@ionic-native/splash-screen": "5.0.0-beta.21",
    "@ionic-native/status-bar": "5.0.0-beta.21",
    "@ionic/angular": "4.0.0-beta.16",
    "@ionic/pro": "2.0.3",
    "@ionic/storage": "^2.2.0",
    "@logisticinfotech/ionic4-datepicker": "^1.1.0",
    "@types/fullcalendar": "^3.8.0",
    "@types/jquery": "^3.3.29",
    "angularfire2": "^5.1.1",
    "br-mask": "0.0.4",
    "call-number": "1.0.1",
    "cordova": "^9.0.0",
    "cordova-android": "^8.0.0",
    "cordova-android-support-gradle-release": "^3.0.1",
    "cordova-browser": "5.0.4",
    "cordova-clipboard": "1.2.1",
    "cordova-plugin-androidx": "^1.0.2",
    "cordova-plugin-androidx-adapter": "^1.1.0",
    "cordova-plugin-app-version": "0.1.9",
    "cordova-plugin-camera": "4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-firebase-lib": "^5.1.1",
    "cordova-plugin-inappbrowser": "3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^2.3.2",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-plugin-x-socialsharing": "^5.4.4",
    "core-js": "^2.6.3",
    "es6-promise-plugin": "^4.2.2",
    "firebase": "^5.8.2",
    "fullcalendar": "^3.10.0",
    "jquery": "^3.3.1",
    "moment": "^2.24.0",
    "mx.ferreyra.callnumber": "0.0.2",
    "ng-fullcalendar": "^1.7.1",
    "rxjs": "~6.3.3",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/architect": "^0.10.7",
    "@angular-devkit/build-angular": "^0.12.4",
    "@angular-devkit/core": "^7.0.7",
    "@angular-devkit/schematics": "^7.0.7",
    "@angular/cli": "^7.0.7",
    "@angular/compiler": "~7.0.0",
    "@angular/compiler-cli": "~7.0.0",
    "@angular/language-service": "~7.0.0",
    "@ionic/angular-toolkit": "^1.2.3",
    "@ionic/lab": "1.0.18",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^10.12.21",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "^5.4.2",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.1.6",
    "xcode": "^2.0.0"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-x-socialsharing": {
        "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
      },
      "mx.ferreyra.callnumber": {},
      "call-number": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-clipboard": {},
      "cordova-plugin-app-version": {},
      "cordova-android-support-gradle-release": {
        "ANDROID_SUPPORT_VERSION": "27.+"
      },
      "cordova-plugin-firebase-lib": {},
      "cordova-plugin-androidx": {},
      "cordova-plugin-androidx-adapter": {}
    },
    "platforms": [
      "browser",
      "android"
    ]
  }
}

Posts: 5

Participants: 2

Read full topic


Get data from modal popup and display in another page using viewCtrl.dismiss();

$
0
0

@lydia-sebastian wrote:

How to get data from viewCtrl.dismiss on another page. Below is my code…

//home.html
	<button ion-button (click)="filldata()">Fill</button>

//home.ts
	filldata(){
		this.navCtrl.push('selectPage');
	}


//select.html (A Modal PopUp)
	<ion-input [value]="name" type="text" placeholder="Name"></ion-input>
	<button ion-button (click)="onConfirm()">Save</button>

//select.ts
	onConfirm(){
       this.data = {
         username: name,
       }
		this.viewCtrl.dismiss(data); 
	}
	
	
Practically, I want to access "data" from select.ts to home.html page how do I achieve it

Posts: 1

Participants: 1

Read full topic

Ion-tab-button with routeParams

$
0
0

@MartineNavara wrote:

How can I use routeParams in [tab] on a ion-tab-button?
I’ve tried using something like this:

<ion-tab-button [tab]="'patient/' + i"></ion-tab-button>

This works fine for the routing to the tab. But the tab is not recognized als active.
Same when using [routerLink] instead of [tab].
What is the right way to provide the patientId to the route on ion-tab-button?

Posts: 1

Participants: 1

Read full topic

Upload files(images and pdf) to firebase from browser

$
0
0

@faisalalblooshi93 wrote:

Hi I want to upload files such as images pdf etc to firebase from the browser, i don’t want it to be for the native app but it’s a PWA so please help me for the best solution + how to convert my file into blob and all please help

Posts: 1

Participants: 1

Read full topic

Custom eventemitter in ionic range component is not working on production

$
0
0

@roxannelighting wrote:

I wrote 2 eventemitter inside the ionic range component code like “ionStart” and “ionStop”. These events works fine on running on device but not on production release. I figured out that on production release or if i run on device with --prod flag, the observers of my custom eventemitters are empty as you can see in the image below. I spend lots of time to solve this issue with no success. Please help me!

Posts: 1

Participants: 1

Read full topic

RunTime Error Object(...) is not a function after update packs

$
0
0

@netogerbi wrote:

TypeError: Object(...) is not a function
    at http://localhost:8100/build/vendor.js:87436:76
    at Object.<anonymous> (http://localhost:8100/build/vendor.js:87521:2)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.490 (http://localhost:8100/build/main.js:2269:83)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.428 (http://localhost:8100/build/main.js:1600:73)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.296 (http://localhost:8100/build/main.js:1583:70)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at webpackJsonpCallback (http://localhost:8100/build/vendor.js:26:23)

it starts when I Updated some packages…

packs:

“dependencies”: {
@angular/animations”: “5.2.11”,
@angular/common”: “5.2.11”,
@angular/compiler”: “5.2.11”,
@angular/compiler-cli”: “^7.2.9”,
@angular/core”: “5.2.11”,
@angular/forms”: “5.2.11”,
@angular/http”: “5.2.11”,
@angular/platform-browser”: “5.2.11”,
@angular/platform-browser-dynamic”: “5.2.11”,
@ionic-native/app-center-crashes”: “^5.9.0”,
@ionic-native/barcode-scanner”: “^4.9.2”,
@ionic-native/bluetooth-serial”: “^4.12.0”,
@ionic-native/camera”: “^4.12.0”,
@ionic-native/core”: “5.9.0”,
@ionic-native/geolocation”: “^4.12.2”,
@ionic-native/network”: “^4.12.2”,
@ionic-native/splash-screen”: “4.9.1”,
@ionic-native/sqlite”: “^4.18.0”,
@ionic-native/status-bar”: “4.9.1”,
@ionic/storage”: “^2.1.3”,
@ngx-translate/core”: “^9.1.1”,
“cordova-android”: “8.0.0”,
“cordova-browser”: “5.0.4”,
“cordova-plugin-appcenter-crashes”: “0.3.5”,
“cordova-plugin-appcenter-shared”: “0.3.5”,
“cordova-plugin-bluetooth-serial”: “^0.4.7”,
“cordova-plugin-camera”: “^4.0.3”,
“cordova-plugin-device”: “^2.0.2”,
“cordova-plugin-geolocation”: “^4.0.1”,
“cordova-plugin-ionic-keyboard”: “^2.1.3”,
“cordova-plugin-ionic-webview”: “^4.0.1”,
“cordova-plugin-network-information”: “^2.0.1”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-whitelist”: “^1.3.3”,
“cordova-sqlite-storage”: “^2.6.0”,
“ionic-angular”: “3.9.2”,
“ionicons”: “3.0.0”,
“phonegap-plugin-barcodescanner”: “^8.0.1”,
“rxjs”: “5.5.11”,
“sw-toolbox”: “3.6.0”,
“tar”: “^4.4.8”,
“zone.js”: “0.8.26”
},
“devDependencies”: {
@ionic/app-scripts”: “^3.2.4”,
“typescript”: “~3.5.2”
},

Posts: 1

Participants: 1

Read full topic

Viewing all 70434 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>