Code

Discussion on Barebone Ionic - Full Application

Discussion on Barebone Ionic - Full Application

By
Cart 801 sales

233 comments found.

plz help see screenshot http://prntscr.com/9k8kzj whay i am getting this error while running install.bat command i have installed git

It looks like the path "c:\Users\info\"/.config/git/config` is not correct. character should not be part of the path. The path should be similar to the following: c:\Users\info\.config\git\config. Please, make sure you set the path properly and let us know if that resolves your issue.

can we add web view and search function in this app

I am afraid your question is very general. But supposing this is a Cordova/Ionic app, everything could be possible to be implemented. Though, the difficulty of developing such functionalities is very correlated with the complexity of those functionalities and the experience that you have. I hope I answered your question.

install successfull but back button dint work my android version is 4.2.2

The problem you encounter may be caused because of the rendering engine (in this case chromium) used for the older versions of Android. A possible way to support older Android versions is by changing the rendering engine.

For this reason, the Crosswalk plugin can be used which, on top of the rendering engine compatibility, offers better performance.

Choosing Crosswalk as the rendering engine of your app does not require any coding. You just need to add/install the related plugin before you build your Android project.

Once you finish with any development task and your are ready to build your .apk file you should do the following steps:
  1. cordova plugin add cordova-plugin-crosswalk-webview
  2. cordova build android
Keep in mind that as in any other Cordova project you should have first installed all the npm dependencies and added the android platform
  1. npm install
  2. cordova platform add android
Please, do not hesitate to come back to us if you need to.

hi thanks for you suggestion i have way for solve my problem. the main problem is my npm is outof date, i dont know why still out of date after npm install -g npm@lastest , then i found because my npm is one package with my nodejs , so after reinstal using new nodejs all is well.

We are glad you finally managed to get everything working well!

Hi Skounis, I’m having issues with the events button (not aligned) it working well in browser but not on emulator or device. Also the send email button is not responding when clicked, pls can have resolutions to these issues. see the link to the screenshot of both issues below. https://drive.google.com/file/d/0B1idOJaPkgvkZWxhMy01V1BWdlU/view?usp=sharing https://drive.google.com/file/d/0B1idOJaPkgvkRW5NdnlzR3JjZ2M/view?usp=sharing

Thanks, works on new version. But on this new version the firebase chat is not working. If I log-in nothing happens, the login page just sit there but when I check debug console it reads: Logged in as:a4c10632-56c9-47d0-8161-69d07cff1235 . This means the login script works but it’s not opening the chats page as set in my grunt file. Please help on this ASAP.

Hi don’t bother about it. I resolve it already. The problem was with the new security rules I effected on the firebaseio. It’s working fine now.

Hi, we are happy you came to a solution on that!

Hi skounis, i managed to get everything working, but whenever i make any change in the scss or any file in the app directory. It takes around 10-20 seconds to changes to reflect on my machine (Windows). Is it supposed to be that slow. Thanks.

Hi, in the pack you have downloaded you will find a folder named “release” [1]. This folder contains a plain ionic version of the workspace without any dependency to Grunt and the sophisticated build system around it.

Please let me know if this improves the performance you are experiencing.

[1] http://www.screencast.com/t/7R49Yobw

Yes it does work and it refresh faster than the grunt one, but still not that fast (but i can live with it). The issue now is, when i run ionic setup sass, i got an error gulp not found, i installed gulp, but the sass folder is not created. Also when i run ionic serve, i am getting gulpfile not found. So can you please setup it up on your machine with gulpfile and sass, and then send me the code. Thanks.

Sass need further configuration in order to work with an Ionic project. It is not just the “ionic setup sass” command that is needed.

SASS is enabled in the Grunt based projects. There is a preprocessor needed for the sass files to be compiled and injected into the .html files as derived .css.

Please check the Grunt based project. If your machine can not afford the file system monitoring process of grunt you could:

1. Make your changes in the [app] folder 2. Run grunt build to run the pre-processing step once 3. Start the app by using “ionic serve”

In this case you should work within the [project] folder and not the [release]

I am working on latest download My system info

Cordova CLI: 5.4.1 Gulp version: CLI version 3.9.0 Gulp local: Ionic CLI Version: 1.7.12 Ionic App Lib Version: 0.6.5 ios-deploy version: 1.8.3 ios-sim version: 5.0.3 OS: Mac OS X Yosemite Node Version: v0.12.2 Xcode version: Xcode 6.4 Build version 6E35b

I am getting error while npm install Cannot find module ‘jsonfile’

this module is already installed globally with multiple versions even then I am getting this error. To resolve thisI need to install all dependency locally. I have to do this process for lots of packages. Is there any configuration or any solution to short this out?

after fixing all this error in npm install command when I use grunt platform:add:android

I am getting same type of errors Cannot find module ‘findup-sync’ . . . Cannot find module ‘npm’

and I am stuck.

npm install

https://gist.github.com/kashyapgajiwala/55f6a953e3dc5f68fba3 ./install.sh https://gist.github.com/kashyapgajiwala/b62f9c236bbe05759b41 ionic emulate ios I am getting blank screen in emulator https://gist.github.com/kashyapgajiwala/fa0a6ffba5135af8c2de

& when I run apk on amdroid it also shows blank screen, I have used BareboneIonic-2.13

Hi, the most common issue related to blank screens is the inability if the client libraries to be properly installed.

Could you please try to run “bower install” and then “grunt serve”?

Keep in mind that when you are working within “project” directory grunt tool is preferred for executing Ionic an Cordova commands

Since you are having version 2.13, you will also try the code within the “release” directory. What can be found there is a derived code base with no dev dependences to Grunt. There you could treat it as a plain Ionic project and start it by using “ionic serve”

Do not come back.with feedback.

Correction: Do not hesitate to come back with feedback.

Hello, is there any project to integrate Joomla as wordpress and drupal ? thanks

Currently there is not any Joomla integration part of Barebone. If you provide us however information about Joomla and how it can expose its content in JSON format we may add it.

too many pain when i was try to build in android some repository depredated, and old, please update thanks

Hi a new release is prepared and will go public the forthcoming days.

can i show all categories of my wordpress site in IOS apps. also does ur apps send push notification for IOS and Android

The app uses the JSON API (https://wordpress.org/plugins/json-api/) and shows the posts of a demo wordpress site (http://demo.titaniumtemplates.com/wordpress/). Following the documentation of the JSON API, you could adapt the code to your needs. Also, the app includes a full-working example of push notifications for iOS and Android.

We are planing to check the following two alternatives. I’m pretty sure though that there be a plenty of them very soon

https://superfeedr.com http://rss2json.com

Hello, I got this message error when I launch grunt serve

ncaught Error: [$injector:modulerr] Failed to instantiate module starter due to: Error: [$injector:modulerr] Failed to instantiate module barebone.ad due to: Error: [$injector:nomod] Module ‘barebone.ad’ 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. http://errors.angularjs.org/1.3.20/$injector/nomod?p0=barebone.ad at http://localhost:8100/bower_components/angular/angular.js:63:12

Can you help me? Thanks

Hi, the issue is related to the Ad module. The AdMob cordova plugin1 that is used is discontinued in favor of its Pro version.

We are working an a new release of the app where the new plugin will be used. Until then and in order to have the current code base working you should remove the Ad module and any reference to it and the mentioned plugin.

[1] https://github.com/floatinghotpot/cordova-plugin-admob

Hi I have checked your app, I find it bit slow Will it be improved if we remove some unwanted functionality?

Is it easy to add multi-language support?

Hi kashyap01,

did you had the chance to check the provided .apk satsalou has prepared for you? Is there any feedback about that?

Thank you /s

I am getting few errors in building app for android, Its working for ios

for below command missing all splash image grunt platform:add:android

cp: no such file or directory: /users/techpukka/Sites/project/mobApps/prodoggy/resources/android/splash/drawable-port-xxhdpi-screen.png

Running command:

Installing “com.google.admobsdk” for android

Notice: com.google.playservices@19.0.0 has been automatically converted to cordova-plugin-googleplayservices and fetched from npm. This is due to our old plugins registry shutting down.

Fetching plugin “cordova-plugin-googleplayservices@19.0.0” via npm

Failed to install ‘com.google.admobsdk’:CordovaError: Failed to fetch plugin cordova-plugin-googleplayservices@19.0.0 via registry. Probably this is either a connection problem, or plugin spec is incorrect. Check your connection and plugin name/version/URL.

other info node -v v0.12.2 ionic -v 1.7.11

Hi, the AdMob cordova plugin cannot be installed because it is discontinued due to the release of its Pro version. We are working on a new release of the app where the new plugin will be used. Until then, in order to have the current code base working you should remove the Ad module and any reference to it and the mentioned plugin. Also, the config.xml file has been changed. Please, make sure you reverse it to its original state and try again the commands:
grunt platform:remove:android
grunt platform:add:android
grunt build:android

Hello Is there anyone can open this project on VB 2015 ? or any help ?? the folder i download it doesn’t have www folder . So please if there r any help will be appropriated. Regards

Hello, www folder will be created once you build the project. There is a section in the documentation referring to how to build your project. Please, follow the steps described in order to install and build your project successfully. Feel free to contact us if any further help is needed.

io got this C:\Users\ziada\Desktop\school>npm install npm WARN engine karma@0.12.37: wanted: {node <=0.12 || >=1 <=2”} (current: {node“}) npm ERR! Windows_NT 10.0.10240 npm ERR! argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “install” npm ERR! node v5.1.0 npm ERR! npm v3.3.12 npm ERR! file C:\Users\ziada\AppData\Roaming\npm-cache\grunt-contrib-copy\0.7.0\package\package.json npm ERR! code EJSONPARSE

npm ERR! Failed to parse json npm ERR! Unexpected token ’\u0000’ at 1:1 npm ERR! npm ERR! ^ npm ERR! File: C:\Users\ziada\AppData\Roaming\npm-cache\grunt-contrib-copy\0.7.0\package\package.json npm ERR! Failed to parse package.json data. npm ERR! package.json must be actual JSON, not just JavaScript. npm ERR! npm ERR! This is not a bug in npm. npm ERR! Tell the package author to fix their package.json file. JSON.parse

npm ERR! Please include the following file with any support request: npm ERR! C:\Users\ziada\Desktop\school\npm-debug.log

Please, make sure you delete the comma character before the "postinstall": "./install.sh" line you deleted in package.json file and run npm install again.

Ok, I installed PhoneGap and Ionic now, which one do I open this up in?

You should prepare your environment for nodejs based development. The two articles that follow are describing that

MacOS/Linux http://www.titaniumtemplates.com/node/49 Windows http://www.titaniumtemplates.com/node/48

The please check the Quick Start Guide document that comes with the packages. There is an installation/initialisation process you should follow.

Do not hesitate to drop us a line for any further assistance.

Hi, could you please tell me what service is used for push notifications? Is it possible to add notification when new Wordpress/Drupal post is published? Thank you!

The push notification service provided by ionic is what is integrated and demonstrated.

In order to have a push notification be sent your Wordpress/Drupal site should raise that event when the action is happening. This event could be an HTTP call to the web service which will trigger the related action and sends the message.

Hello, very nice app but pre-sale questions is it possible to list events like news: https://0.s3.envato.com/files/153976231/08.png https://0.s3.envato.com/files/153976231/09.png can i remove the components that i don’t need to make the app faster? also in when i view on ionic view i get some glitches between pages when i browse is that because ionic viewer?

You could definitely list the events like news as their structure is a simple table. Though, in order to do that, you should modify the related html file. Also, you can remove as many components as you want. In fact, this could be an easy process as the app’s architecture is extremely modular. As for the glitches you noticed on Ionic View, it is very possible this happens due to Ionic Viewer. Actually, some functionalities are not available to view at all on Ionic View. Though, If you describe in more detail the exact problem you encountered, I will be able to inform you more precisely.

Heyy., I Follow your instruction as you said, for windows I getting error can’t even Run For first time.. Help me ASAP

Please, make sure you delete the highlighted comma character (https://drive.google.com/file/d/0B5d8Lqm1ViE1SG0wN1BEOHlNTTA/view?usp=sharing) and run npm install again.

now it comes this

$ npm install npm WARN install Couldn’t install optional dependency: Unsupported npm WARN EPEERINVALID karma-chai@0.1.0 requires a peer of chai@* but none was installed. npm WARN EPEERINVALID karma-mocha@0.1.10 requires a peer of mocha@* but none was installed.

You could ignore these two packages.

I’m trying to build for Android and I’m getting a Build failed:

BUILD FAILED

Total time: 5.272 secs

/PhoneGap/iOS/CisnerosTrainingGroup/project/barebone-ionic/platforms/android/cordova/node_modules/q/q.js:126 throw e; ^ Error code 1 for command: /PhoneGap/iOS/CisnerosTrainingGroup/project/barebone-ionic/platforms/android/gradlew with args: cdvBuildDebug,-b,/PhoneGap/iOS/CisnerosTrainingGroup/project/barebone-ionic/platforms/android/build.gradle,-Dorg.gradle.daemon=true ERROR building one of the platforms: Error: /PhoneGap/iOS/CisnerosTrainingGroup/project/barebone-ionic/platforms/android/cordova/build: Command failed with exit code 1 You may not have the required environment or OS to build this project Error: /PhoneGap/iOS/CisnerosTrainingGroup/project/barebone-ionic/platforms/android/cordova/build: Command failed with exit code 1

I tried updating the Android SDK, the Cordova CLI. I even tried creating a new project from scratch again, but the iOS version builds and the Android fails.

I don’t have any issues building for Android for a straight Cordova project, so I’m assuming this is Ionic related.

We have built the project and sent the download link to your email. The apk is also tested on a real android 4.4 device and works fine. We hope this helps you. Please, let us know if you need any further help.

Thanks! Adding the cordova-plugin-crosswalk-webview plugin fixed it. I appreciate your help it in getting it to work on Android.

How did you figure out that was the problem?

Glad to hear that. It was nothing more than a matter of prior experience.

Basically, I’m trying to create a pretty simple app. Just a news feeder. I like the format of the the “News” tab because there is a photo besides the text rather than the RSS feeds that don’t have a photo and have an external browser link. I want everything to be in the app.

My question is: How do I create a JSON source like this?

I tried copying your JSON links like “http://skounis.s3.amazonaws.com/mobile­apps/barebone­glossy/news.json” and I’m getting an error in JSON readers and I’m unable to read it.

If you can point me to somewhere on how to create a JSON file like yours that will display in the same way. I will probably host it on Amazon S3 as well.

Also, how do I create a link break in the JSON to create paragraphs. The ”\n\n” is not working on an iPhone

I figured out how to create line breaks in the JSON. See my Stack Overflow question and answer: http://stackoverflow.com/questions/33790595/format-json-for-a-line-break-when-parsed-on-iphone/33796274#33796274

It is nice you figured it out! As for the “guid”, please, take a look at the following wiki https://en.wikipedia.org/wiki/Globally_unique_identifier . You can create it in any way you want but you should make sure they are unique for every record.

Hello, When I do a “grunt build”, the www folder is created but the index.html file is not copied over to the Phonegap folder. I’ve never used ionic, so this is new to me.

This is the error in the terminal that I get when I do “grunt build” :

Warning: Running "sass:dist" (sass) task
  Warning: 
  You need to have Ruby and Sass installed and in your PATH for this task to work.
  More info: https://github.com/gruntjs/grunt-contrib-sass
   Use --force to continue.
Aborted due to warnings.

I installed the Sass gem, but I’m still getting the error and I’m unable to build the project.

I’m building this on OS X.

Also, other Phonegap commands don’t work like ‘cordova platform remove ios’ and ‘cordova platform add iOS’. I can see that the platform folder was created and the iOS folder is there, but it seems incomplete as there isn’t an index.html file.

Never mind, I figured it out. I had to install ionic again. I guess I needed to update ionic and now I can build.

We are glad to hear you managed to setup everything correctly.

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