Cannot read property 'Permissions' of undefined"

[k-srikanth]

Cannot read property 'Permissions' of undefined"

[cRicateau]

@k-srikanth You need to listen to the 'deviceready' event before calling cordova, because it is not available before that.

document.addEventListener('deviceready', () => {
      const permissions = cordova.plugins.permissions;
     // Your code here

[ninxxxxx]

please give me the exactly answer :(

[NeoLSN]

Can you give me some log or more information?

[WuglyakBolgoink]

hi @k-srikanth solved problem? close the ticket)

[k-srikanth]

Dear NeoLSN,

Issue is resolved, i forgot to include cordova file.

Thanks for your kind support.

On Fri, Nov 18, 2016 at 11:29 AM, ninxxxxx [email protected] wrote:

please give me the exactly answer :(

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#13 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGPWyC-jHIoN-0dArB9q9XPzC86EyiOtks5q_T6kgaJpZM4J6R8u
.

[UmeshShelke06]

@WuglyakBolgoink as you answer "forget to include file" means..in which file and what you add or import ??

[WuglyakBolgoink]

@amolumesh12 do u mean me or @k-srikanth ?

[UmeshShelke06]

sorry .. i want to ask to @k-srikanth actually...but if you know what is solution then please tell me

[WuglyakBolgoink]

@amolumesh12 do u have problem with this?

[UmeshShelke06]

yes i have same problem..error message showing at "this" keyword..in my code..but as he said solution is "including file " that i didnt getting..where should i add ?

[UmeshShelke06]

Yes i have error at "this" keyword in my code

…

On Mon, Mar 5, 2018 at 2:30 PM, Wuglyak Bolgoink ***@***.***> wrote: @amolumesh12 <https://github.com/amolumesh12> do u have problem with this? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#13 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AhYWJhIwc_vukMU6SPxAdvBkDCpmqYCqks5tbP62gaJpZM4J6R8u> .

[UmeshShelke06]

reply please?? On Mon, Mar 5, 2018 at 2:38 PM, UMESH SHELKE <[email protected]> wrote:

…

Yes i have error at "this" keyword in my code On Mon, Mar 5, 2018 at 2:30 PM, Wuglyak Bolgoink ***@***.*** > wrote: > @amolumesh12 <https://github.com/amolumesh12> do u have problem with > this? > > — > You are receiving this because you were mentioned. > Reply to this email directly, view it on GitHub > <#13 (comment)>, > or mute the thread > <https://github.com/notifications/unsubscribe-auth/AhYWJhIwc_vukMU6SPxAdvBkDCpmqYCqks5tbP62gaJpZM4J6R8u> > . >

[WuglyakBolgoink]

@amolumesh12 can you show your code, if it possible? and which error?

[UmeshShelke06]

Cannot read property 'Permissions' of undefined" this error as mentioned in above title ??

[UmeshShelke06]

my code : canvas-draw .ts file code..and error occur is "Cannot read property 'Permissions' of undefined"
please check below code and correct me
import { Component, ViewChild, Renderer } from '@angular/core';
import { Platform } from 'ionic-angular';
import { Camera, CameraOptions } from '@ionic-native/camera';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { AlertController} from 'ionic-angular';
import { FilePath } from '@ionic-native/file-path';
import { IonicImageViewerModule } from 'ionic-img-viewer';
import { AndroidPermissions } from '@ionic-native/android-permissions';
//import { SignaturePad } from 'angular2-signaturepad/signature-pad';
// import { CanvasDraw } from './canvas-draw/canvas-draw';

@component({
selector: 'canvas-draw',
templateUrl: 'canvas-draw.html'
})
export class CanvasDraw {
touchstartListener = (ev) => this.handleStart((ev));
touchmoveListener = (ev) => this.handleMove((ev));

@ViewChild('myCanvas') canvas: any ;
androidPermissions;
//PERMISSION;
//destinationType': this.camera.DestinationType.DATA_URL,
CANVAS_width= 500;
CANVAS_height= 700;
canvasElement: any;
lastX: number;
lastY: number;
public photos : any;
base64Image:any;

// public image:string;
lastImage;
selectedImagePath;

currentColour: string = '#1abc9c';
availableColours: any;

brushSize: number = 10;
// public signaturePadOptions : Object = {
//     'minWidth': 2,
//     'canvasWidth': 340,
//     'canvasHeight': 200
//   };

constructor(public platform: Platform, public renderer: Renderer,public camera : Camera,public navCtrl: NavController, public navParams: NavParams,public alertCtrl: AlertController,public filePath: FilePath,  androidPermissions: AndroidPermissions) 
{
    console.log('Hello CanvasDraw Component');
    platform.ready().then(() => {

        androidPermissions.requestPermissions(
          [
            androidPermissions.PERMISSION.CAMERA, 
           // androidPermissions.PERMISSION.CALL_PHONE, 
            androidPermissions.PERMISSION.GET_ACCOUNTS, 
            androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE, 
            androidPermissions.PERMISSION.WRITE_EXTERNAL_STORAGE
          ]
        );

   }) 

    this.availableColours = [
        '#1abc9c',
        '#3498db',
        '#9b59b6',
        '#e67e22',
        '#e74c3c'
    ];

}

ngAfterViewInit(){

    this.canvasElement = this.canvas.nativeElement;

    this.renderer.setElementAttribute(this.canvasElement, 'width', this.platform.width() + '');
    this.renderer.setElementAttribute(this.canvasElement, 'height', this.platform.height() + '');

}
ngOnInit() {
    this.photos = [];
  }

changeColour(colour){
    this.currentColour = colour;
}

changeSize(size){
    this.brushSize = size;
}

handleStart(ev){

    this.lastX = ev.touches[0].pageX;
    this.lastY = ev.touches[0].pageY;
}

handleMove(ev){

    let ctx = this.canvasElement.getContext('2d');
    let currentX = ev.touches[0].pageX;
    let currentY = ev.touches[0].pageY;
    //this.image = this.canvas.toDataURL();
    ctx.beginPath();
    ctx.lineJoin = "round";
    ctx.moveTo(this.lastX, this.lastY);
    ctx.lineTo(currentX, currentY);
    ctx.closePath();
    ctx.strokeStyle = this.currentColour;
    ctx.lineWidth = this.brushSize;
    ctx.stroke();      

    this.lastX = currentX;
    this.lastY = currentY;

}

clearCanvas(){
    let ctx = this.canvasElement.getContext('2d');
    ctx.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height); 

    //this.canvasElement.addEventListener('touchstart', ev => this.handleStart(ev));
  //this.canvasElement.addEventListener('touchmove', ev => this.handleMove(ev));  
}

takePhoto() {

    var image = new Image();
    let ctx = this.canvasElement.getContext('2d');

        const options : CameraOptions = {
          quality: 100, // picture quality
          targetWidth:300,
          targetHeight:300,
          destinationType: this.camera.DestinationType.DATA_URL,
          encodingType: this.camera.EncodingType.JPEG,
          mediaType: this.camera.MediaType.PICTURE,
          correctOrientation:true,
          allowEdit:true,
        }
        this.camera.getPicture(options) .then((imageData) => {
             this.base64Image = "data:image/jpeg;base64," + imageData;
             image.src=this.base64Image;
             ctx.drawImage(image, 0, 0, image.width,image.height,     // source rectangle
                   0, 0,  this.CANVAS_width, this.CANVAS_height);

   this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.CAMERA).then(
    result => console.log('Has permission?',result.hasPermission),
    err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA)
  );
  
  this.androidPermissions.requestPermissions([this.androidPermissions.PERMISSION.CAMERA, this.androidPermissions.PERMISSION.GET_ACCOUNTS]);

this.canvasElement.addEventListener('touchstart', ev => this.handleStart(ev));
this.canvasElement.addEventListener('touchmove', ev => this.handleMove(ev));
}, (err) => {
console.log(err);
});

   }

   
}

[WuglyakBolgoink]

@amolumesh12

import { AndroidPermissions } from '';

why this is empty?

[UmeshShelke06]

no that is not empty..i already put it as import { AndroidPermissions } from '@ionic-native/android-permissions';

[UmeshShelke06]

@ionic-native/android-permissions...from filed is not empty....problem during copy paste here

[UmeshShelke06]

i wrote it as ionicnative/android permisssion .

[UmeshShelke06]

plus @ symbol at start

[UmeshShelke06]

type script error ..i am not able to understand

[WuglyakBolgoink]

@amolumesh12 wait a bit, and try to write 1 comment and not 100 with 1 word 😉

did you do this: https://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module?

[UmeshShelke06]

okay

…

On Mon, Mar 5, 2018 at 3:12 PM, Wuglyak Bolgoink ***@***.***> wrote: @amolumesh12 <https://github.com/amolumesh12> wait a bit, and try to write 1 comment and not 100 with 1 word 😉 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#13 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AhYWJkEr59nbcM_KcJOdBieL8b9ph1lbks5tbQiQgaJpZM4J6R8u> .

[WuglyakBolgoink]

@amolumesh12

so... what I did:

1. install plugins

ionic cordova plugin add cordova-plugin-android-permissions --save
npm install --save @ionic-native/android-permissions

2. add in src/app/app.module.ts

import { AndroidPermissions } from '@ionic-native/android-permissions';

@NgModule({
  ...,
  providers: [
    ...,

    AndroidPermissions
  ]
})

in any component:

import { AndroidPermissions } from '@ionic-native/android-permissions';


constructor(private androidPermissions: AndroidPermissions) {
    console.log('Hello PermisComponent Component');
    this.text = 'AndroidPermissions: ';

    this.androidPermissions
      .checkPermission(this.androidPermissions.PERMISSION.CAMERA)
      .then(
        (result) => {
          console.log('result:' + JSON.stringify(result));
          console.log('Has permission? ' + result.hasPermission);
          this.text += JSON.stringify(result.hasPermission);

          if (!result.hasPermission) {
            this.androidPermissions
              .requestPermission(this.androidPermissions.PERMISSION.CAMERA)
              .then((status) => {
                  console.log('status:' + JSON.stringify(status));
                },
                (error) => {
                  console.warn('Camera permission is not turned on');
                  console.log(error);
                });
          }
        },
        (error) => {
          console.log(error);
        }
      );
  }

and all work perfect. Try my steps and find your error. Maybe you missed something.

[UmeshShelke06]

where should i add this your below code...in my code ..in takephoto() function or where ??

import { AndroidPermissions } from '@ionic-native/android-permissions';

constructor(private androidPermissions: AndroidPermissions) {
console.log('Hello PermisComponent Component');
this.text = 'AndroidPermissions: ';

this.androidPermissions
  .checkPermission(this.androidPermissions.PERMISSION.CAMERA)
  .then(
    (result) => {
      console.log('result:' + JSON.stringify(result));
      console.log('Has permission? ' + result.hasPermission);
      this.text += JSON.stringify(result.hasPermission);

      if (!result.hasPermission) {
        this.androidPermissions
          .requestPermission(this.androidPermissions.PERMISSION.CAMERA)
          .then((status) => {
              console.log('status:' + JSON.stringify(status));
            },
            (error) => {
              console.warn('Camera permission is not turned on');
              console.log(error);
            });
      }
    },
    (error) => {
      console.log(error);
    }
  );

}

[WuglyakBolgoink]

@amolumesh12

first - replace this

platform.ready().then(() => {
        androidPermissions.requestPermissions(

with this and compile

platform.ready().then(() => {
        this.androidPermissions.requestPermissions(

second -> fix import
before
import { AndroidPermissions } from '';
after
import { AndroidPermissions } from '@ionic-native/android-permissions';

PS: I don't know, if you need check platform.ready(), because your component started later as platform.ready()...

---

memo:
you can write your source code in comments with code-higlight. In this case write 3x times "" before code and 3x times "" after your code!

For example:

> ```ts
> <my code>
> ``` 

[UmeshShelke06]

sorry am not understood that last part ..please can you make modification in that my code..i already send you to..or you can see below my .ts file..please it will be helpful to me

…

On Mon, Mar 5, 2018 at 4:22 PM, Wuglyak Bolgoink ***@***.***> wrote: @amolumesh12 <https://github.com/amolumesh12> first - replace this platform.ready().then(() => { androidPermissions.requestPermissions( with this and compile platform.ready().then(() => { this.androidPermissions.requestPermissions( second -> fix import before import { AndroidPermissions } from ''; after import { AndroidPermissions } from ***@***.***/android-permissions'; ------------------------------ memo: you can write your source code in comments with code-higlight. In this case write 3x times "" before code and 3x times "" after your code! For example: > ```ts > <my code> > ``` — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#13 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AhYWJsU0XQzp8bX8G4Eh6jBInZ9YbCNmks5tbRjigaJpZM4J6R8u> .

[UmeshShelke06]

can you give me your e-mail id please i will send my code .ts file

[UmeshShelke06]

i send the my code typescript file check it

[monikagupta78]

@WuglyakBolgoink -can you pls help me. I am trying to provide camera permissions to my android mobile app. I tried your code, but it never gets to permissions code. i don;t see any popup coming to ask permission. I am using some other camera module not ionic , does that matter? How I can provide run time camera permissions to my angular mobile app, pls provide your inputs.

[NeoLSN]

Have you add any permission declarations on config.xml file?
Like this way - Camera Plugin
If you didn't do this, even you call the API, there won't be any popups showing.

[monikagupta78]

Yes, i had missed that. no where it was mentioned. I got it working now. Thanks for your code.