Quantcast
Viewing all 70863 articles
Browse latest View live
↧

Ionic 2 open external app

August 25, 2016, 10:55 pm
$
0
0

@najuru_deen wrote:

How to open up an external app using ionic 2? Previously i was using com.lampa.startapp to open a new app. But after migrating to ionic 2, windows.plugins always returns undefined.

Posts: 1

Participants: 1

Read full topic

↧
Search

DatePicker really slow

August 25, 2016, 11:49 pm
$
0
0

@Gp2mv3 wrote:

Hi guys,

I'm trying to use the DatePicker but it's really really slow. It's nearly not usable.
This slowness is present on desktop browsers (Chrome and Firefox) but also on Android (Nexus 5 and Huawei P9 lite) when the app is compiled. I didn't tried on iOS but I think it will also be the case.

My declaration of the DatePicker is: <ion-datetime displayFormat="DD/MMM/YYYY HH:mm" [(ngModel)]="event.begin" [ngModelOptions]="{standalone: true}" [min]="minDate" [max]="maxDate" minuteValues="0,15,30,45" required></ion-datetime> and it's in a form.

Is it a known issue or do I do something wrong ?

Thanks,

Gp2mv3

Posts: 2

Participants: 2

Read full topic

↧
↧

How to delay the changes of navbar when going to another view?

August 25, 2016, 11:58 pm
$
0
0

@distante wrote:

I'm using Native Page Transitions for a couple of "special" transitions (slide up) in a determinate view.

To avoid the default transition animation, I stop the regular animation programmatically before $state.go

$ionicHistory.nextViewOptions({
    			    disableAnimate: true
    			});
$state.go('app.browser', {externalURL: link.href});

then, in my controller I choose the animation I want with $ionicView.beforeEnter

$scope.$on('$ionicView.beforeEnter', function() {/ animate things on devices
            window.plugins.nativepagetransitions.slide(
              {"direction":"up"},
                    function (msg) {
                        console.log("success: " + msg);
                    },
                    function (msg) {
                        alert("error: " + msg);
                    }
            );
        });

It works but I see how the contents of <ion-nav-buttons> <ion-nav-title> changes before the animation gets triggered. Is there a way to delay this change?

I can control the speed of my animation, so if I can delay the change of contents then I can put it in the middle of the transition.

Thanks

Posts: 1

Participants: 1

Read full topic

↧

Facebook SDK import Issue

August 26, 2016, 12:15 am
$
0
0

@baviskarmitesh wrote:

I want to import latest facebook sdk into ionic application using eclipse. It has .arr file can anybody help me to import this sdk into my project

Posts: 1

Participants: 1

Read full topic

↧

Getting problem in toastController

August 26, 2016, 12:30 am
$
0
0

@varshil29 wrote:

Issues in Toast. i got below error

browser_adapter.js:84 Error: Uncaught (in promise): TypeError: activeNav.getActive is not a function
at resolvePromise (zone.js:538)
at zone.js:574
at ZoneDelegate.invokeTask (zone.js:356)
at Object.onInvokeTask (ng_zone_impl.js:44)
at ZoneDelegate.invokeTask (zone.js:355)
at Zone.runTask (zone.js:256)
at drainMicroTaskQueue (zone.js:474)
at XMLHttpRequest.ZoneTask.invoke (zone.js:426)

code that i used

presentToast() {
      let toast = this.toastCtrl.create({
        message: 'User was added successfully',
        duration: 3000,
        position: 'top'
      });
      toast.present();
    }

Posts: 1

Participants: 1

Read full topic

↧
↧

When .ts files compiled via npm?

August 26, 2016, 12:31 am
$
0
0

@cither wrote:

It might be a silly question but...

ionic repository has only .ts files in the src folder.

But when I run npm install ionic-angular, the files are already compiled into .js and .d.ts, and the folder structure is also changed; the src folder disappeared, etc.
I thought it is done by the postinstall npm hook, but it wasn't.

How is this behaviour realized?

Posts: 1

Participants: 1

Read full topic

↧

Navigation from Popover freezes (Beta 11)

August 26, 2016, 12:38 am
$
0
0

@MSC29 wrote:

Hi,

I'd like to give the users the possibility to navigate to a page from a list OR a popover menu.
The navigation from the list works great (I push the page and pass the item I clicked on).
However, when navigating to the page from the popover doesn't (I push the page from the Popover & pass a default item).

I'm on page A; I click on the dots in the toolbar, the Popover shows up, I click on "Go To Another Page".

What I want to happen is load that page.
What's happening is that page loads, but freezes.
When I remove the html code from that page I want to open; it still shows... very strange... and it still freezes.

I've notice the ngInit of the Page I'm trying to open is called Twice.
=> that could explain why the page is still showing, despite the html code being removed (the empty html is the top layer, the cached one is below??).

I present the popover to which I pass a data object from Page A.

presentPopover(event){
		let popover = this.popoverCtrl.create(PopoverPage, data);
		popover.present({
			ev: event
		});
	}

Here's the Popover Component.

@Component({
	template: `
	<ion-list>
		<ion-list-header>Settings</ion-list-header>
		<button ion-item (click)="goTo()">Go To Another Page</button>
	</ion-list>`
})
export class PopoverPage {

constructor(
	private nav: NavController){}
)}

goTo(){
	this.nav.push(PageToGoTo, data);
	this.close();
}

Thanks for your help

Posts: 2

Participants: 2

Read full topic

↧

How to create toggles and text boxes from a object which contains id and name. And how to get those values after form submission

August 26, 2016, 12:41 am
$
0
0

@lokeshkarmanya wrote:

My Object is :
let obj = {'textbox':[{'id':1,'name':'FirstName'},{'id':2,'name':'LastName'}],'toggle':[{'id':1,'name':'Car'},{'id':2,'name':'Bus'}]}

if i selected Cars and Bus then i have to get those two toggle id's and i have to send those to toggle options and textbox values with id to web service after form submission.

Posts: 1

Participants: 1

Read full topic

↧
Search

How to add value to a form from code

August 26, 2016, 12:55 am
$
0
0

@sssemil wrote:

How can I add value to a form from the code? I've tried to use AbstractControl.value but it has only getter. Thanks.

Code example:

<form [formGroup]="customer">
    <ion-item [class.error]="!FULL_NAME.valid && FULL_NAME.touched">
      <ion-label floating>{{'FULL_NAME' | translate:{value: param} }}</ion-label>
      <ion-input type="text" [formControl]="FULL_NAME"></ion-input>
    </ion-item>

    <div *ngIf="FULL_NAME.hasError('required') && FULL_NAME.touched" class="error-box">{{'EMPTY_WARNING' | translate:{value: param} }}</div>
</form>

................
customer: ControlGroup;
FULL_NAME: AbstractControl;
................
this.customer = fb.group({
    'FULL_NAME': ['', Validators.compose([Validators.required])]
});

this.FULL_NAME = this.customer.controls['FULL_NAME'];

`

Posts: 8

Participants: 3

Read full topic

↧
↧

Show white header show when navigate page in Ionic

August 26, 2016, 1:37 am
↧

Custom Styling $cordovaToast

August 26, 2016, 1:53 am
$
0
0

@Nicksmith1 wrote:

Hey,

Does anyone know if you can custom style $cordovaToast? The Github documentation suggests you can style this with certain attributes, but the ngCordova documentation suggests you can only place positioning.

How could I use it as a the original cordova plug in? What needs to be injected into the controller?
Thanks.

Posts: 1

Participants: 1

Read full topic

↧

Slider initialSlide option not working

August 26, 2016, 2:03 am
$
0
0

@verbeeckj wrote:

I've been using the ion-slides component for several view in my app. Some of these sliders should be kept in sync when navigating through the views. When I go from one page with a slider to a different one I pass the current index of the slider to the new view. In the constructor of that new view I set the options for the new slider. One of the options is initialSlide which gets set to the value from the index of the slider on the previous page. Sometimes this works but others it doesn't.

In the first view:

this.navCtrl.setRoot(OverviewPage, { page: this, index: this.slider.getActiveIndex() }, { animate: true, animation: 'md-transition' })

in the second one:

constructor(navParams: NavParams) {
var index = this.navParams.get('index');

  this.title = this.slides[index].title;

  this.sliderOptions = {
      initialSlide: index,
      direction: 'horizontal'
  };

}

Posts: 1

Participants: 1

Read full topic

↧

Ionic 1 - Push Notification

August 26, 2016, 2:11 am
$
0
0

@lto wrote:

Hi,

I am using Ionic 1, implement feature Push Notification, testing my in the iOS, iphone 6s

following this article everything works just fine until today, mobile has stopped receiving messages,
http://docs.ionic.io/v2.0.0-beta/docs/push-full-setup
http://docs.ionic.io/v2.0.0-beta/docs/push-sending-push

sending push notification message looks fine, I got this response
https://api.ionic.io/push/notifications
{
"meta": {
"status": 201,
"request_id": "2dbdf53c-0e99-46c2-a8e9-cb5f63633476",
"version": "2.0.0-beta.0"
},
"data": {
"created": "2016-08-26T07:30:54.567759+00:00",
"state": "enqueued",
"uuid": "8438b9a8-28ea-4695-8c69-c677e36f1e6f",
"status": "open",
"app_id": "982cdbb0",
"config": {
"profile": "ionic_push_service_pro",
"notification": {
"ios": {
"payload": {
"message": "this is a sample message"
},
"sound": "ios-sound.wav",
"badge": 0,
"title": "test",
"priority": 10,
"message": "this is a sample message"
}
},
"tokens": [
"149f5a00720e8926ffc3aaf4f64c7300e1561a49cbef320c9616b32e93761c33"
]
}
}
}
checking the status of the message, sometimes I got this
https://api.ionic.io/push/notifications/8438b9a8-28ea-4695-8c69-c677e36f1e6f/messages
{
"data": [],
"meta": {
"status": 200,
"version": "2.0.0-beta.0",
"request_id": "f50cc4c2-8e1f-45dd-bb7d-607c21112bb0"
}
}
but sometimes I got this
{
"data": [
{
"notification": "1fe602ab-ad4f-4517-81c3-8b6d962d0505",
"token": {
"token": "0c030e2f15973406b0e14fdb3f16c2f6a25f764c5fb64eef690a0980a7b9f688",
"app_id": "982cdbb0",
"valid": true,
"created": "2016-08-26T03:49:56.103048+00:00",
"type": "ios",
"id": "bd3700601c3c734dea8b76f99e353395",
"invalidated": null
},
"status": "sent",
"uuid": "d0007619-76a1-46ea-a465-5abd2742afda",
"created": "2016-08-26T08:16:30.197967+00:00",
"error": null,
"user_id": null
}
],
"meta": {
"status": 200,
"version": "2.0.0-beta.0",
"request_id": "28aa3921-1d14-430c-b82a-9f4719c41626"
}
}

both return 200, but I never receive message in my device, please help anything I might miss or need to check.

thanks

Posts: 2

Participants: 2

Read full topic

↧
↧

Tabs was not show on android 4.4 (beta11)

August 26, 2016, 2:21 am
↧

Blank screen on IOS app launch (ionic run ios)

August 26, 2016, 2:25 am
$
0
0

@yin67 wrote:

Hi,

I'm having a problem running my app on ios device or emulator. It works fine on android (chrome and device) and it's also working on safari browser (mac osx).

But when I want to run the application on an ios device or emulator, the app launches the splashscreen and then stays blank (white screen).

My ionic info:

Cordova CLI: 6.3.1
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic CLI Version: 2.0.0-beta.29
Ionic App Lib Version: 2.0.0-beta.16
ios-deploy version: 1.8.6
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v6.4.0
Xcode version: Xcode 7.3.1 Build version 7D1014

I really have no idea what is going on here. I managed to get the console log errors from the xcode (sorry it's pretty long):

2016-08-26 11:12:21.869 Woocommerce Mobile[6916:71155] Apache Cordova native platform version 4.2.1 is starting.
2016-08-26 11:12:21.870 Woocommerce Mobile[6916:71155] Multi-tasking -> Device: YES, App: YES
2016-08-26 11:12:21.935 Woocommerce Mobile[6916:71155] CDVWKWebViewEngine: trying to inject XHR polyfill
2016-08-26 11:12:21.944 Woocommerce Mobile[6916:71155] CDVWKWebViewEngine will reload WKWebView if required on resume
2016-08-26 11:12:21.944 Woocommerce Mobile[6916:71155] Using WKWebView
2016-08-26 11:12:21.945 Woocommerce Mobile[6916:71155] [CDVTimer][handleopenurl] 0.050008ms
2016-08-26 11:12:21.946 Woocommerce Mobile[6916:71155] [CDVTimer][intentandnavigationfilter] 1.563013ms
2016-08-26 11:12:21.946 Woocommerce Mobile[6916:71155] [CDVTimer][gesturehandler] 0.038028ms
2016-08-26 11:12:21.972 Woocommerce Mobile[6916:71155] [CDVTimer][splashscreen] 25.198996ms
2016-08-26 11:12:22.059 Woocommerce Mobile[6916:71155] [CDVTimer][statusbar] 87.260008ms
2016-08-26 11:12:22.060 Woocommerce Mobile[6916:71155] [CDVTimer][keyboard] 0.871003ms
2016-08-26 11:12:22.061 Woocommerce Mobile[6916:71155] [CDVTimer][TotalPluginStartup] 116.088986ms
2016-08-26 11:12:23.085 Woocommerce Mobile[6916:71306] CDVWKWebViewEngine: XHR intercepted: build/app.html
2016-08-26 11:12:23.122 Woocommerce Mobile[6916:71155] DEVICE READY FIRED AFTER 380 ms
2016-08-26 11:12:23.153 Woocommerce Mobile[6916:71155] EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./MyApp class MyApp_Host - inline template:0:0
ORIGINAL EXCEPTION: Error: SecurityError: DOM Exception 18
ORIGINAL STACKTRACE:
openDatabase@[native code]
SqlStorage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82404:40
Storage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82508:41
BasketService@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:2489:51
createInternal
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34013:35
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34225:48
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:33083:42
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:54102:55
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:323:34
onInvoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39659:47
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:322:43
run@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:216:50
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:571:61
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:356:43
onInvokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39650:51
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:355:55
runTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:256:58
drainMicroTaskQueue@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:474:43
g@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1440
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1370
promiseReactionJob@[native code]
ERROR CONTEXT:
[object Object]
2016-08-26 11:12:23.154 Woocommerce Mobile[6916:71155] ERROR: EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./MyApp class MyApp_Host - inline template:0:0
ORIGINAL EXCEPTION: Error: SecurityError: DOM Exception 18
ORIGINAL STACKTRACE:
openDatabase@[native code]
SqlStorage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82404:40
Storage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82508:41
BasketService@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:2489:51
createInternal
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34013:35
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34225:48
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:33083:42
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:54102:55
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:323:34
onInvoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39659:47
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:322:43
run@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:216:50
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:571:61
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:356:43
onInvokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39650:51
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:355:55
runTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:256:58
drainMicroTaskQueue@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:474:43
g@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1440
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1370
promiseReactionJob@[native code]
ERROR CONTEXT:
[object Object]
2016-08-26 11:12:23.154 Woocommerce Mobile[6916:71155] ERROR: STACKTRACE:
2016-08-26 11:12:23.155 Woocommerce Mobile[6916:71155] ERROR: resolvePromise@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:538:41
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:574:32
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:356:43
onInvokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39650:51
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:355:55
runTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:256:58
drainMicroTaskQueue@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:474:43
g@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1440
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1370
promiseReactionJob@[native code]
2016-08-26 11:12:23.155 Woocommerce Mobile[6916:71155] ERROR: Unhandled Promise rejection: EXCEPTION: Error in ./MyApp class MyApp_Host - inline template:0:0
ORIGINAL EXCEPTION: Error: SecurityError: DOM Exception 18
ORIGINAL STACKTRACE:
openDatabase@[native code]
SqlStorage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82404:40
Storage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82508:41
BasketService@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:2489:51
createInternal
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34013:35
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34225:48
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:33083:42
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:54102:55
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:323:34
onInvoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39659:47
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:322:43
run@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:216:50
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:571:61
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:356:43
onInvokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39650:51
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:355:55
runTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:256:58
drainMicroTaskQueue@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:474:43
g@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1440
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1370
promiseReactionJob@[native code]
ERROR CONTEXT:
[object Object] ; Zone: angular ; Task: Promise.then ; Value: EXCEPTION: Error in ./MyApp class MyApp_Host - inline template:0:0
ORIGINAL EXCEPTION: Error: SecurityError: DOM Exception 18
ORIGINAL STACKTRACE:
openDatabase@[native code]
SqlStorage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82404:40
Storage@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:82508:41
BasketService@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:2489:51
createInternal
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34013:35
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:34225:48
create@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:33083:42
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:54102:55
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:323:34
onInvoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39659:47
invoke@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:322:43
run@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:216:50
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:571:61
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:356:43
onInvokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/app.bundle.js:39650:51
invokeTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:355:55
runTask@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:256:58
drainMicroTaskQueue@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/zone.js:474:43
g@file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1440
file:///Users/stagiaire/Library/Developer/CoreSimulator/Devices/4A6F1A11-7487-438D-B891-3090DBF2772A/data/Containers/Bundle/Application/AB31EBEE-EE45-4674-84A5-DFAE183499F3/Woocommerce%20Mobile.app/www/build/js/es6-shim.min.js:11:1370
promiseReactionJob@[native code]
ERROR CONTEXT:
[object Object]
2016-08-26 11:12:23.157 Woocommerce Mobile[6916:71155] ERROR: error JSON.stringify()ing argument: TypeError: JSON.stringify cannot serialize cyclic structures.

Posts: 2

Participants: 1

Read full topic

↧
Search

How can I improve the intial load time of my android app?

August 26, 2016, 2:38 am
$
0
0

@initish wrote:

I have developed a basic app using Ionic. I have also included amazon ads SDK in it. Now, when I launch the app it takes about 2 seconds for the main screen to show up. Why is that?

Can I improve my app startup time somehow?

Thanks.

Posts: 1

Participants: 1

Read full topic

↧

Embedding Webpages in the app

August 26, 2016, 2:45 am
$
0
0

@Artisani wrote:

First of all I know embedding webpages isn't the always the best user experience but I'm only needing to display simply webpages hosted by multiple companies/suppliers.

On similar apps I have got the webpages displaying when using plugins (actually my programmer did that) but I was hoping that with the latest update there will be more flexibility and I could now complete that in Creator, leaving only the database work to be done locally.

Any help will be appreciated

Posts: 1

Participants: 1

Read full topic

↧
↧

Cannot build Android

August 26, 2016, 3:44 am
$
0
0

@sklaujb wrote:

Ever since I upgrade to ionic cli 2.0, I just can't seems to be able to build for the Android. I tried to revert back to the older version and having the same problem now. I am at a loss of what to do next, can anyone help?.....

This is my system info:
Cordova CLI: 6.3.1
Ionic Framework Version: 1.3.1
Ionic CLI Version: 2.0.0
Ionic App Lib Version: 2.0.0
ios-deploy version: Not installed
_ios-sim version: 5.0.6 _
OS: Mac OS X El Capitan
Node Version: v5.12.0
Xcode version: Xcode 7.3.1 Build version 7D1014

Error I get when trying to build Android:
cache taskArtifacts.bin (/Volumes/My Passport/ionic/push3/platforms/android/.gradle/2.13/taskArtifacts/taskArtifacts.bin) is corrupt. Discarding.

FAILURE: Build failed with an exception.

* What went wrong:
Could not open cache taskArtifacts.bin (/Volumes/My Passport/ionic/push3/platforms/android/.gradle/2.13/taskArtifacts/taskArtifacts.bin).
> Corrupted FreeListBlock 0 found in cache '/Volumes/My Passport/ionic/push3/platforms/android/.gradle/2.13/taskArtifacts/taskArtifacts.bin'.

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

BUILD FAILED

I really need some advice here, appreciate it.............

Posts: 1

Participants: 1

Read full topic

↧

Ionic 2 - set background for any specific element in a list

August 26, 2016, 3:51 am
$
0
0

@Moscardini wrote:

Using Ionic 2 with Typescript.

I want to allow user to select the background color for each element of my list.

PROBLEM: How to retrieve the reference to the i-th element? Choosing any item make changing the background of the first element in the list only.

Left Image: ERROR - Right Image: EXPECTED BEHAVIOR

Image may be NSFW.
Clik here to view.
img.jpg2400x1920 248 KB

Now some code:

NOTE.HTML

<ion-content class='lista'>
    <ion-list reorder="true" (ionItemReorder)="reorderItems($event)">
        <ion-item-sliding *ngFor="let alimento of listaSpesa">
            <ion-item text-wrap class="popover-page" #popoverList> // FOR BACKGROUND
                <ion-grid>
                    <ion-row center>
                        <ion-col width-10 (click)="setPopOver($event, alimento)">
                            <ion-buttons>
                                <button dark clear disabled full>
                                    <ion-icon name="more"></ion-icon>
                                </button>
                            </ion-buttons>
                        </ion-col>
                        <ion-col width-10>
                            <img src="{{alimento.userImg}}" class="imgAlimenti" />
                        </ion-col>
                        <ion-col width-80>
                            <ion-row>{{alimento.id}} - {{alimento.id_lista}} </ion-row>
                            <ion-row><p>{{alimento.descrizione}} - </p></ion-row>
                        </ion-col>
                    </ion-row>
                </ion-grid>
            </ion-item>
        </ion-item-sliding>
    </ion-list>
</ion-content>

.CSS

.popover-page {
    ion-row,
    ion-col {
        padding: 0;
    }

    .row-dots {
        text-align: center;
        .dot {
            height: 3rem;
            width: 3rem;
            border-radius: 50%;
            margin: 10px auto;
            position: relative;
            border: 1px solid white;
        }
    }
    .dot-white { background-color: rgb(255,255,255); }
    .dot-tan { background-color: rgb(249,241,228); }
    .dot-grey { background-color: rgb(76,75,80); }
    .dot-black { background-color: rgb(0,0,0); }

    .dot.selected {
        border-width: 2px;
        border-color: #327eff;
    }
}

.TS

@Component({
  templateUrl: './build/pages/notes/notes.html'
})
export class NotesPage {
@ViewChild('popoverList', {read: ElementRef}) content: ElementRef; // FOR REFERENCE
constructor(private popoverCtrl: PopoverController){}

      setPopOver(myEvent, alimento: Alimento) { // POPOVER
            console.log('--> PopoverEditAlimento: ENTERED');
            let index = this.listaSpesa.indexOf(alimento);
            if (index > -1) {
                let popover = this.popoverCtrl.create(PopoverDetailsPicker, {contentEle: this.content.nativeElement});
                popover.onDidDismiss(val => {
                    if (val != null) {
                        console.log('SCELTA FUNZIONE:', val);
                    }
                    console.log('--> PopoverEditAlimento: CLOSED');
                });
                popover.present({
                   ev: myEvent
                });
            } else {
                console.log('PopoverEditAlimento: ERROR');
            }
      }
}

@Component({ // POPOVER DEFINITION
    template: `
    <ion-list radio-group class="popover-page">
        <ion-row class="row-dots">
            <ion-col>
                <button (click)="changeBackground('white')" category="dot" class="dot-white" [class.selected]="background == 'white'"></button>
            </ion-col>
            <ion-col>
                <button (click)="changeBackground('tan')" category="dot" class="dot-tan" [class.selected]="background == 'tan'"></button>
            </ion-col>
            <ion-col>
                <button (click)="changeBackground('grey')" category="dot" class="dot-grey" [class.selected]="background == 'grey'"></button>
            </ion-col>
            <ion-col>
                <button (click)="changeBackground('black')" category="dot" class="dot-black" [class.selected]="background == 'black'"></button>
            </ion-col>
        </ion-row>
        <button ion-item (click)="switch(0)">
            <ion-icon name="copy"></ion-icon>
            &nbsp; Cambia Titolo
        </button>
        <button ion-item (click)="switch(1)">
            <ion-icon name="clipboard"></ion-icon>
            &nbsp; Cambia Descrizione
        </button>
        <button ion-item (click)="switch(2)">
            <ion-icon name="mic"></ion-icon>
            &nbsp; Detta nuovo titolo
        </button>
    </ion-list>
    `
})
class PopoverDetailsPicker {

  background: string;
  contentEle: any;
  colors = {
    'white': {
      'bg': 'rgb(255, 255, 255)'
    },
    'tan': {
      'bg': 'rgb(249, 241, 228)'
    },
    'grey': {
      'bg': 'rgb(76, 75, 80)'
    },
    'black': {
      'bg': 'rgb(0, 0, 0)'
    },
  };

constructor(private viewCtrl: ViewController, private navParams: NavParams) {}

    ngOnInit() {
        if (this.navParams.data) {
            this.contentEle = this.navParams.data.contentEle;
            this.background = this.getColorName(this.contentEle.style.backgroundColor);
        }
    }

    getColorName(background) {
        let colorName = 'white';
        if (!background) return 'white';

        for (var key in this.colors) {
            if (this.colors[key].bg === background) {
                colorName = key;
            }
        }
        return colorName;
    }

    changeBackground(color) {
        this.background = color;
        this.contentEle.style.backgroundColor = this.colors[color].bg;
    }

    switch(scelta: number) {
        if (scelta) {
            this.viewCtrl.dismiss(scelta); // ritorno la funzione scelta dall'utente
        }
    }
}

In simple terms, my code always only references to the first element.

PS: I apologise in advance for my bad English.

For colored code: http://stackoverflow.com/questions/39163333/ionic-2-set-background-for-any-specific-element-of-a-list

Posts: 2

Participants: 1

Read full topic

↧

How to generate Pdf file from html data?

August 26, 2016, 3:52 am
$
0
0

@DarkKnight5c4 wrote:

Hi Guys,
I need to generate a pdf file with the available data in the view. I looked into the libraries like jsPDF, pdfkit, pdfmake. But none of the have proper documentation for Ionic 2. Is there any plugin/ library to generate pdf files in Ionic 2 with proper documentaion?
Thank you.

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 70863 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>