Pushing pictures with push notifications (ngCordova, Angular, Ionic) - angularjs

Recently, I have come across some apps, that are able to show me a picture (in addition to some text) in the application drawer / lock screen when a push notification arrives. I would like to know if it is possible to implement this with Ionic / Angular / ngCordova stack.

Even if the PushNotification retrieves the image property, I think the local notification is not able to display an image at the moment.
The question has already been asked in the cordova-plugin-local-notifications plugin GitHub Issues:
https://github.com/katzer/cordova-plugin-local-notifications/issues/536
but it hasn't been answered.

Related

send image in push notification

I've only sent texts in push notification till now. Can I send images as well in cn1? And how can I open a specific screen through clicking push notification? Up to now, it only opens the home screen of the app.
There is an RFE for supporting rich push notifications here. It's currently pretty bare of use cases so I suggest adding those as it's scheduled for the next update.

Both side calendar sync

I'm trying to make both sync calendar from my CMS. I'd like to do something like this:
In my iPhone I will add calendar feed from my CMS system and:
- if I create event in CMS, the event will be visible in CMS and also in my iPhone
- if I edit event in CMS, the changes will be visible also in my iPhone
- if I create event in iPhone in synced calendar, event will be visible also in CMS
- id I edit event in iPhone, the changes will be visible also in CMS
Is possible to make it via CalDav? Do you have any tips?
Thank you for your help
Yes, this is possible via CalDAV. This is a good introduction on how all this fits together: Building a CalDAV client.
Please ask more specific questions for more specific answers :-) StackOverflow: How to Ask.

Behind the scene Send Http request

I am using ionic framework, i want to fetch all details of current user. I have a large amount of data.
I want to show progress bar on header and need to show counter (Remaining data) like downloading 1/100 and so on.
Can we run this on behind the scene and how we show.
Any idea ?
Thanks
You can show a basic progress bar - there are several implementations available for angular, which show some ramdom progress.
In Angular it's yet not possible to show the real progress with the actual numbers. You need to implement a XHR progress handler, but this is not (yet) supported by angular.
You have to patch angular or implement your own request handler. For more information see the discussion thread.

How to load a part of application before loading rest of the application in angularjs?

I could not think of a better title, Please suggest one.
I am planning to work on a large web application. It will take time to load the full application before application starts functioning.
Suppose its something like asana.com. If you have a link to the task and you open the link. It loads the application first and then shows the detail of the task.
Note: I have added another example in update 2
I want to do just the opposite. Suppose if I try to open the link directly. It should show me the tasks details first and then load the whole application in background.
What development strategy should I follow to implement such feature. Will angular be good for this? I have worked with angular for small projects and am capable of think in angular :)
I just wanted to be pointed in right direction.
Update 1:
I am using Apache2 PHP5 in backing as ReST API. I am thinking to change to GoLang http server. But that does not matter in this context :)
Update 2:
I have not yet started working on the application, but I know that its size is going to be big and its going to take time to load the application. This will be a javascript application, all the communication to web will be done mostly by API. APIs will be fast and it wont be slowing down the application. My main concern is the javascript library and the approach to the issue that I want to display the content of the page before the application is loaded and load the application in background.
As second example: https://chrome.google.com/webstore/detail/a-journey-through-middle/gjgkjeheegjnnmheaflhdocglkiegoni?utm_source=chrome-ntp-icon
If you open this link in chrome, it will load the application and then load the specific content in a popup. I want to load the content of the popup first and then load the application in background. How should I write my application to achieve that.
My suggestion (and I say this as I start to do similar vs. having proven it successful) would be to make some level of framework fairly static so that users get an almost instant response to the site loaded and then start the angular app with something like this
angular.bootstrap(document.getElementById("container"), ["app"])
Ref for the api - https://docs.angularjs.org/api/ng/function/angular.bootstrap
Ref for a demonstration of this - https://egghead.io/lessons/angularjs-angular-bootstrap-app-init
My expectation then is that you will be able to
Load your static elements quickly (which will just have placeholders for your content/material)
Access the data you want in the order you want to get it to present on the screen
Release any other part of the app you need to chrome it up/decorate or populate side items.

Silverlight Notification API in-browser

I'd like to use the Notification API to create toast notifications for a Silverlight app designed to run both in and out of the browser, but the NotificationWindow class is only available OOB.
Does there exist anything that can replicate the behaviour inside the app? My idea is to have a container in the bottom right of the screen overlaying all other content. Then, create a wrapper which detects OOB-mode, passing params to the Notification API if possible, or populating and showing my own container if not. Is there anything that does this available?
It seems strange that MS chose not to implement something like this, as has been pointed out before.
Displaying a notification in browser is simple. You just need to use a popup and make it appear in the right place. See the following post as an example.
Now the difference with that approach is that the notification will show inside the browser. In OOB it shows outside the window and it's visible even if the windows is minimized. Due to security reasons it's not possible to directly do this.
Out of interest, Chrome Applications like Tweetdeck and Gmail, are able to display notifications outside of the browser. I think this might be a possiblity, but not exactly a Silverlight and cross browser solution.

Resources