Code

Discussion on Barebone Ionic - Full Application

Discussion on Barebone Ionic - Full Application

By
Cart 801 sales

233 comments found.

Hi guys, great job! Can i open pdf files from remote location? I need to pull data from Drupal and show it on the app. Data include books in pdf. Is it possible?

Hi, sure. A working example is part of the recently released “Local Business” where JSON object is providing links to PDF files. Buttons are using these URLs and requesting the PDF files. The responsibility is then transferred to the browser who is taking care of that.

Youtube video does not appear in the article wordpress. It can somehow fix it?

Hi. Could you please provide me the adjusted JSON you are getting from your WordPress site where the YouTube video is provided?

In the build in example the WordPress feed does not has any link to any YouTube video.

The iframe is not a trusted HTML part. Please send me a PM in order to provide you back the adjustments you should make in your code

http://www.screencast.com/t/9aVxg6eQbyE

hi, how i can edit sources for my site??it is very complex for adding my website:( pelase help me

Hi, what specific sources do you need to edit? What particular content are you trying to add from you web site? Is your website built on Wordpres, Drupal, other?

In addition to this could you please let me know under which account the purchase was made? “husseinarian” is not in the records Codecanyon provides

I keep getting this error when I am inside the barebone-ionic directory

Current working directory is not a Cordova-based project.

I was able to get it working. You have to create a new project with cordova in order to install the the cordova inappbrowser plugin if you haven’t previously worked with cordova on your computer.

Having some trouble with some basic css, mainly adding a background to the header. The image gets striked out in the developer tools and I can’t seem to get it to appear no matter when I place it. Any suggestions

*background image

Could you please provide me a screen capture? This will help me to figure out what you are trying to achieve and what that the issue may be

Are there plans to integrate Firebase into this app?

Interesting suggestion, please stay tuned.

Can you change the color ?

Sure, everything is controlled by stylesheets (css) and are very easy to be adjusted.

Is it possible to track user location thru GPS?

The short answer is yes since this is already provided by the $cordovaGeolocation service. An example of a function that makes use of it is here: https://gist.github.com/skounis/38403956dd71e4c38cfc

A working example of Barebone Ionic which makes use of this is already submitted as an updated version in Codecanyon and will be available very soon

Hi, an example that is monitoring and display the location of the device is now part of the 1.4 version of the app which has been released.

Great work! Everything is working well so far except when I change the var url on product.service.js, news.service.js, and wordpress.service.js to new URLS where I have the .json files uploaded or pulling from my Wordpress JSON feed. When I revert the custom URLs back to what you have provided, they work fine. These are the only hang-ups, everything is so easy to customize, thank you for a detailed walkthrough.

I am only testing this in the browser, not on a device.

Any help is appreciated!

Please check you browser’s console logs for error messages related to Cross Domain Scripting. In this case you should allow this by using a plugin like this https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Hi there

I’d be keen to see an updated apk with the new facebook login stuff.

The .apk file in the item’s detail page has been updated. It demonstrates all the new features that have been added in the application.

please, how to add a new module?

Clone the “home” folder and rename the files within it (eg: home2.html, home2.module, etc).

Then edit the ”.module” file and set the name of your module:

http://www.screencast.com/t/ikaLa21v

This name should be used to all the services and controller your new module is introducing.

Like so doing. Error:

“Uncaught Error: [$injector:nomod] Module ‘barebone.home2’ is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.”

Let me first ask you to check these two stepsn 1. Have you set the “barebone.home2” name in the home2 module file? 2. Is the “barebone.home2” module loaded in the app.js file?

http://www.screencast.com/t/dTEFiv6zHx8

In addition to this are you starting the application by using the following command?

$grunt serve

Hi! How to create .apk file for android?

The short answer is “grunt build:android—debug”. For more details please check the following project this app is making use of:

https://github.com/diegonetto/generator-ionic

please complete instructions on how to publish an application

Detailed instruction about this are already provided by ionic here http://ionicframework.com/docs/guide/publishing.html

Hello skounis,

Can you please upload a video or an easer way to follow than the documentation (.PDF file), because i’m following every step but sometime the application work with error other time not working at all.

My environment :

  • Cordova CLI: 5.0.0
  • Gulp version: CLI version 3.9.0
  • Gulp local: Local version 3.9.0
  • Ionic CLI Version: 1.4.5
  • Ionic App Lib Version: 0.0.22
  • OS: Windows 8.1
  • Node Version: v0.12.4

Thanks a lot

Hi, Could you please post here any error log file or message you are receiving.

For what particular step do you need additional and more detailed instructions?

Please check also my environment:

Cordova CLI: 5.0.0
Ionic CLI Version: 1.5.0
Ionic App Lib Version: 0.1.0
ios-deploy version: 1.7.0 
ios-sim version: 3.1.1 
OS: Mac OS X Mavericks
Node Version: v0.12.3
Xcode version: Xcode 6.2 Build version 6C131e 

Thanks @Skounis for replying, now it works but every time i need to do the following inside the project folder:

  1. npm update
  2. npm install
  3. bower update
  4. bower install
  5. grunt serve -lab

if i run without this order the application will not start. i think its dependency problem with one of the used library.

Very strange. I will try to give it a try in a Win platform. Thank you for reporting it.

Hi @skounis, can you send me an apk example? Thanks

A link to a recent .apk build has been added in the Item’s Details page. Please check and let me know if this is OK for you.

thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey