233 comments found.
Got error installing NPM 7896 error Barebone@0.0.0 postinstall: `./install.sh` 7896 error Exit status 1 7897 error Failed at the Barebone@0.0.0 postinstall script. 7897 error This is most likely a problem with the Barebone package,
What is your operating system?
I am getting this error on grunt build:
Execution Time (2015-08-23 11:29:37 UTC)
loading tasks 4ms ??????????????? 31%
copy:styles 8ms ????????????????????????????? 62%
Total 13ms
Warning: Error: File to import not found or unreadable: ../bower_components/ionic/scss/ionic.
on line 22 of app/styles/main.scss
Use --trace for backtrace. Use --force to continue.
Aborted due to warnings.
I did npm install / bower install, clean bower cache, no joy… Any idea? The ionic folder is in bower_components, as is the scss folder with files.
Edit: changing line 22 in main.scss in app/styles/main.scss to this:
@import "../../bower_components/ionic/scss/ionic";
Fixed the problem, build is now successful 
I did have to do a few things different from what the documentation said for install, but besides from that, great job skounis! Can’t wait to dive in, will do that next week somewhere.
Hi,
could you please share with me these different things you had to follow? Will help me to improve the documentation.
Thanks
it keep showing “please install Android target android-22” when “grunt build” in win7.
But the cordova seems don’t know the path of android SDK.
Can I copy the folder app to www and run “ionic serve”??
cordova platform add android C:\Users\peter\.cordova\lib\android\cordova\3.5.0\bin\node_modules\q\q.js throw e: Error: Please install Android target 22…..
Only cordova can’t find the PATH setting?? Bcz it’s no problem to run Android Studio and “ionic build android” and “ionic run android” What can I do now ??
Please check your Android environment and install the version 22 of the Android SDK. This should be missing.
I will give up to build it, please let me know if you get the answer of this problem, any help will be greatly appreciated. Thanks very much, Best Regards!!
Hi, HelloWorld suggest that Android SDK is installed in your dev environment. You should now check if the particular SDK version required by Barebone Ionic is installed (22).
Please locate the “android.bat” file in you filesystem and double click on it in order to start the SDK Manager
In the new window that will open locate the “Android 5.1.1 (API 22)” entry and check if the related SDK is install. If not, check it and ask for its installation.
http://www.screencast.com/t/lGQdiZmEnDPlease let me know if you are able to resolve your issue.
And the “grunt build” still stop at superspawn.js
Any help will be greatly appreciated. Thanks very much, Best Regards!!
Hi, could you please run “grunt build—force” and “grunt build—force—verbose” and send me the log messages.
The output of these commands logged in the console will be long so you may better save them into a .txt file and send these files to me.
Thank you
Hi, Perfect!!! I fixed all Errors. 1. The Android SDK has a BIG problem, it will not check any lost files after installing. 2. It needs a blank directory named “www” under barebone-ionic. 3. It needs to install ruby and sass at first. Thanks for your help. Best Regards!!
Glad to hear that. Thank you for the update.
thanks for update “Network connection check”
Thank you for your feedback. Do not hesitate to report back any issue and feature suggestion or even share with us your ideas.
How do I import this project into the android studio?
Generated android code could be edited in Android Studio. I do not know if this makes any sense however.
This is an Ionic/PhoneGap application using HTML/CSS/JS technologies. You could edit these files by using any Editor Sublime, Atom etc.
I am interested in purchasing. I just wanted to know if I set up Firebase Chat can I use the same chat rooms for this https://wordpress.org/support/plugin/chat-rooms-powered-by-firebase ?
in theory yes. I do not know however how chat and Firebase integration is implemented in this Wordpress script
In our case here is how Rooms are defined in Firebase: http://www.screencast.com/t/ycaqDjTiKAl
And how are retrieved and used in the code: http://www.screencast.com/t/mVEryPBlRr
Please let me know if this information helps
Edit in android studio?
Generated android code could be edited in Android Studio. I do not know if this makes any sense however.
This is an Ionic/PhoneGap application using HTML/CSS/JS technologies. You could edit these files by using any Editor Sublime, Atom etc.
Will I be able to see embedded Facebook videos in a post in the WordPress section? Can there be more than one radio station in the app?
Hi, I do not have tried Facebook Videos so far. If you have any link to Documentation or API reference I may give it a look.
More Radio stations could be added by creating clones of the Radio module.
Could you please provide us the URL to your website where the pages with the embedded video are? We will try to check the options to display the videos within the application view.
Please share also the JSON URL.
In the case you are not feeling comfortable to disclose this information in a public post you may send me a Private Message (http://codecanyon.net/user/skounis)
Hi, what are the requirement for the development machine that should be used?
Hi, first a MacOS box is recommended since iOS builds are possible only under this platform. A Windows or Linux based box could be used but only for Android builds.
The web version of the app works in any platform.
In both cases the following tools and technologies are required:
1. Phone Gap http://phonegap.com/install/
2. Ionic http://ionicframework.com/getting-started/
3. NodeJS https://nodejs.org/
4. Bower http://bower.io/#install-bower
5. Grunt http://gruntjs.com/getting-started
SASS support is part of the architecture of the application so Ruby and SASS gem are required.
1. Ruby https://www.ruby-lang.org/en/
2. SASS http://sass-lang.com/install
For Windows Ruby Installer is recommended: http://rubyinstaller.org/downloads/
Please keep in note that this is not a dead-simple ionic workspace. It is a Grunt based workspace which comes with plenty of automations, like live reload, source files monitoring for changes, files aggregation, SASS preprocessing, Environment variables etc.
In short I could say that the workspace is a slightly improved version of what the Yeoman Ionic Generator suggests https://github.com/diegonetto/generator-ionic
Please do not hesitate to come back for any additional information or clarification you may need, or contact me directly by sending a Private Message.
Thank you
It stuck at ‘Warning: Running sass:dist’, ‘Warning: spawn sass Enoent Use’. Can U help, thanks.
Could you please share se screen captures with me and information about your dev box (os, version, etc). These will help me to figure out what is causing your issues.
Please send these information by using a private message in order to establish a communication channel through email
What kind of payment gateways are or could be implemented? How does the payment gateways process work?
Currently there are no any gateway integration. If you have any suggestion however feel more than welcome to share it with us.
We taking all the suggestion under consideration.
i need a iOS push but i can’t find a code help me please..
I solved
Thank you for the update.
Hi, I am having some issues, I just downloaded version 2.1 and the rss feeds don’t seem to work(It just shows the spinners). Also when i press play on the live radio feature, I get an error message saying “TypeError: window.Stream is not a constructor”. What do I do?
I assume that you are testing the application in a browser.
RSS: Please check your console. You may are getting a javascript security error related to the cross domain scripting. In this case you should install a plugin like CORS (Chrome) http://www.screencast.com/t/ohyqdWBxW03 and enable it.
Stream: The module works only when the application is running within a Device or simulator/emulator. Please pay attention that the related cordova module should be installed (check the Readme.md)
yes it seems like it is a CORS issue when I check the console, but it also occurs when I run it on my android device, is there a way to get past this issue from the code?
This is the error in the console: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://ajax.googleapis.com/ajax/services/feed/load?num=100&q=http:%2F%2Fwww.wired.com%2Fcategory%2Fbusiness%2Ffeed%2F&v=1.0. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
It also gives a similar error for wordpress:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://demo.titaniumtemplates.com/wordpress/?json=1. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
I tried to add a proxy url to the ionic.project file like this: “proxies”: [ { “path”: ”/api”, “proxyUrl”: “http://domainname.com” } ]
but that doesn’t work either. The radio stream works now and the rest of the template features are working really well though!
Thanks
Have tried to use the CORS plugin for you browser?
Yes, the rss-feed and wordpress works in my browser with the CORS plugin when I use ionic serve. The problem is, when I run the app on my mobile device with ionic run, the rss feed and wordpress don’t load.
Thanks
Are you using an iOS or Android device?
Android device – Samsung galaxy s3 android 4.4.2
Hi,
I think it might be an android issue because the rss-feed and the app works fine when I run it on an IOS emulator and IOS device?
Also when I added the android platform, I got this message: Saving platform to package.json file There was an error opening your package.json file. [SyntaxError: /Users/adeyo/barebone-ionic/package.json: Unexpected token }]
Could you please try to install the .apk file that is provided in the home page of the application. Is your issues still exist?
In addition to this could you please send me your package.json file?
Hi, The .apk file works fine, no issues but doesn’t have the live radio module.
Here is my package.json file:
{ “name”: “Barebone”, “version”: “0.0.0”, “private”: true, “dependencies”: {}, “devDependencies”: { “cordova”: “5.0.0”, “elementtree”: “0.1.6”, “glob”: “4.3.5”, “grunt”: “0.4.5”, “grunt-autoprefixer”: “2.2.0”, “grunt-concurrent”: “1.0.0”, “grunt-contrib-clean”: “0.6.0”, “grunt-contrib-concat”: “0.5.0”, “grunt-contrib-connect”: “0.9.0”, “grunt-contrib-copy”: “0.7.0”, “grunt-contrib-cssmin”: “0.11.0”, “grunt-contrib-htmlmin”: “0.3.0”, “grunt-contrib-jshint”: “0.11.0”, “grunt-contrib-sass”: “0.9.2”, “grunt-contrib-uglify”: “0.7.0”, “grunt-contrib-watch”: “0.6.1”, “grunt-include-source”: “0.5.1”, “grunt-karma”: “0.10.1”, “grunt-newer”: “1.1.0”, “grunt-ng-annotate”: “0.9.2”, “grunt-ng-constant”: “1.0.0”, “grunt-usemin”: “3.0.0”, “grunt-wiredep”: “2.0.0”, “ionic”: “1.5.5”, “jshint-stylish”: “1.0.0”, “karma”: “0.12.31”, “karma-chai”: “0.1.0”, “karma-chrome-launcher”: “0.1.7”, “karma-coverage”: “0.2.7”, “karma-mocha”: “0.1.10”, “karma-phantomjs-launcher”: “0.1.4”, “load-grunt-tasks”: “3.1.0”, “lodash”: “3.1.0”, “mkdirp”: “0.5.0”, “ncp”: “1.0.1”, “orchestrator”: “0.3.7”, “plist”: “1.1.0”, “ripple-emulator”: “0.9.24”, “time-grunt”: “~1.0.0”, “win-spawn”: “2.0.0” }, “engines”: { “node”: ”>=0.10.0” }, “scripts”: { “test”: “grunt test”, “postinstall”: ”./install.sh” }, “cordovaPlatforms”: [ “ios” ], “cordovaPlugins”: [ “org.apache.cordova.device”, “org.apache.cordova.console”, “com.ionic.keyboard”, “org.apache.cordova.inappbrowser”, { “locator”: “https://github.com/phonegap-build/PushPlugin.git”, “id”: “com.phonegap.plugins.PushPlugin” }, { “locator”: “https://github.com/katzer/cordova-plugin-email-composer.git”, “id”: “de.appplant.cordova.plugin.email-composer” }, “cordova-plugin-geolocation”, { “locator”: “https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git”, “id”: “nl.x-services.plugins.socialsharing” }, { “locator”: “https://github.com/keosuofficial/cordova-audio-stream-plugin.git”, “id”: “com.keosu.cordova.stream” }, “cordova-plugin-geolocation”, “com.ionic.keyboard”, “org.apache.cordova.device”, “org.apache.cordova.console”, “com.ionic.keyboard”, “org.apache.cordova.inappbrowser”, “org.apache.cordova.device” ] }}
Hi,
JSON structure seems to be broken. Could you please replace it with that which is in the downloaded package.
A new .apk based on the latest version of the code is scheduled to be prepared. I will keep you informed and send you a download link.
If you are working on windows please remove to postinstall node of the JSON structure.
Hi a new .apk build corresponding to the 2.2.0 version is ready and available in this link
https://drive.google.com/file/d/0BznpIOFHXC-VVUxaVDBLeUNNQ3c/view?usp=sharingIt’s working perfectly now, thank you very much for the help!
Thank you for the update. Glad to hear that your issues have been resolved.
I wanted to make a radio broadcast in the application. Today came the update on the topic. Thanks
Thank you for the message. Do not hesitate to come back if you have any question.
Hello, quick question for you.
The first time I used this design the header/navigation area looked perfect, exactly as it does in your initial work, save for different background and text colors. The second time I used this template, which is a variation on my initial customization of your design, I get this layering effect in the header/navigation area that is setting itself below the main iOS time, carrier, battery info. Also, the content doesn’t bounce any more when scrolling up/down. I don’t believe I consciously edited the height of the nav area and the bounce effect. Could you assist in locating the file and where in the code to re-enable the height/positioning of the nav and the bounce effect?
Please follow this link for a screen shot – any help is appreciated. Thank you for making a great, flexible, customizable template!
This is an issue I’m also facing without to be able to locate the very reason why this is happening. I’m pretty sure however that this is related to ionic.
I’m managing to resolve this be removing and adding again the ios platform:$ grunt platform:remove:ios $ grunt platform:add:ios
$ionic platform remove ios $ionic platform add ios
$ cordova platform remove ios $ cordova platform add ios
Please let me know when your issue is resolved.
Thank you
It is related to Ionic. I coincidentally found the solution in a comment on the ionicframework forum, but your explanation is much more succinct. Thank you for the quick response and solution to the issue.
Thank you for the update.
styloola
this happened to me as well, I had to create an app for android and iphone,
$ cordova platform add ios $ cordova platform add android
inside the barebone-ionic folder
“lkpttrsn” thank you for the hint. Platforms could be added by using “grunt” also.
$ grunt platform:add:ios $ grunt platform:add:android
More information about the grunt tasks the workspace is coming with are available here https://github.com/diegonetto/generator-ionic
I received the error “Current working directory is not a Cordova-based project.” while installing the product for the first time. I followed the instructions successfully in the Quick Start Guide up to page 4, but the command “cordova plugin add cordova-plugin-inappbrowser” caused the error. I was in the directory barebone-ionic. I’m using a Mac and I already created basic working ionic apps.
Hi,
are you running the application by using the following commands?
grunt server -lab or grunt emulate:iosBefore that please make sure that you have run:
npm install
yes, done everything (the command above should be grunt serve), even if those commands are to run the app in a browser and not create a Cordova app. I just downloaded the 2.0 version and got same error: “Current working directory is not a Cordova-based project.” The 2.0 is still shipped with an outdated documentation referring to the 1.7…
Anyway, with version 2.0, grunt serve doesn’t work anymore: I got this error message:
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.Version 2.0 is introducing SASS for styles processing. According to the message your system is not yet properly configured the suggested URL provides detailed instructions on how to install all these tools in your computer.
https://github.com/gruntjs/grunt-contrib-sassPlease let me know if you were able to prepare your system of I you are still facing issues. In the latter case please provide information about your operating system.
I executed npm install grunt-contrib-sass—save-dev but the error remains. I bought several items on Envato properties and is the first time that the documentation is not updated and every step is not clearly shown and double checked
All the additions since version 1.7 are not requiring any particular documentation. According to the message you should properly install the SASS module of grunt. This modude requires Ruby and SASS installed in the dev environment. How to prepare the environment in order to have this module working well is documented in its web page.
I could however collect these and provide them to you.
If you are getting any different message from these you have already mentioned please post them here.
You could also send me a Private Message in order for us to establish a more direct communication channels. Please keep in mind to mention also your time zone.
How can I change the homepage to start with a different page, for example the news page
Edit the highlighted line in app.js file http://www.screencast.com/t/uo6Iym1dUJ9
It didn’t work, would not load when I ran the—lab from emulator, runs fine with ‘app/home’
.config(function($urlRouterProvider) { // if none of the above states are matched, use this as the fallback $urlRouterProvider.otherwise(’/app/news’); });
Please open the corresponding .module file and check the “url” property of the state you would like to use.
in the case of “News” this should be “app/articles”
http://www.screencast.com/t/lytjd36Vfeon the new 1.8 i am getting an error now when i run the grunt serve—lab, it still works when i run it on the older version project, but the new one it opens the browser, and refuses the connection.
from terminal: Running “concurrent:server” (concurrent) task
Loading "connect.js" tasks...ERROR
>> Error: Cannot find module 'depd'
Loading "grunt-karma.js" tasks...ERROR
>> Error: Cannot find module 'depd'Running "copy:vendor" (copy) taskDone, without errors.Execution Time (2015-06-30 18:36:55 UTC)
loading tasks 6ms ??????????????????? 40%
copy:vendor 8ms ?????????????????????????? 53%
Total 15msLoading "connect.js" tasks...ERROR
>> Error: Cannot find module 'depd'
Loading "grunt-karma.js" tasks...ERROR
>> Error: Cannot find module 'depd'Running "copy:styles" (copy) task
Copied 2 filesDone, without errors.Execution Time (2015-06-30 18:36:55 UTC)
loading tasks 7ms ?????????????? 29%
copy:styles 17ms ?????????????????????????????????? 71%
Total 24msLoading "connect.js" tasks...ERROR
>> Error: Cannot find module 'depd'
Loading "grunt-karma.js" tasks...ERROR
>> Error: Cannot find module 'depd'Running "copy:fonts" (copy) taskDone, without errors.Execution Time (2015-06-30 18:36:55 UTC)
loading tasks 5ms ??????????????????? 38%
copy:fonts 8ms ????????????????????????????? 62%
Total 13msRunning “autoprefixer:dist” (autoprefixer) task Autoprefixer’s process() method is deprecated and will removed in next major release. Use postcss([autoprefixer]).process() instead File .temp/styles/main.css created. Autoprefixer’s process() method is deprecated and will removed in next major release. Use postcss([autoprefixer]).process() instead File .temp/styles/style.css created.
Running “newer:copy:app” (newer) task
Running “copy:app” (copy) task Created 88 directories, copied 616 files
Running “newer-postrun:copy:app:1:/Users/jpatterson/Desktop/barbo/project/barebone-ionic/node_modules/grunt-newer/.cache” (newer-postrun) task
Running “newer:copy:tmp” (newer) task
Running “copy:tmp” (copy) task Copied 2 files
Running “newer-postrun:copy:tmp:2:/Users/jpatterson/Desktop/barbo/project/barebone-ionic/node_modules/grunt-newer/.cache” (newer-postrun) task
Running “concurrent:ionic” (concurrent) task Loading “connect.js” tasks…ERROR >> Error: Cannot find module ‘depd’ Loading “connect.js” tasks…ERROR >> Error: Cannot find module ‘depd’ Loading “grunt-karma.js” tasks…ERROR >> Error: Cannot find module ‘depd’ Loading “grunt-karma.js” tasks…ERROR >> Error: Cannot find module ‘depd’
Running “ionic:serve” (ionic) task
Running “watch” task Waiting… Running live reload server: http://localhost:35729 Watching : [ ‘www//’, ’!www/lib//’ ] Running dev server: http://localhost:8100 Ionic server commands, enter: restart or r to restart the client app from the root goto or g and a url to have the app navigate to the given url consolelogs or c to enable/disable console log output serverlogs or s to enable/disable server log output quit or q to shutdown the server and exit
ionic $ Done, without errors.
Execution Time (2015-06-30 18:36:57 UTC) ionic:serve 1.3s ????????????????????????????????????????????????? 100% Total 1.3s
from browser:
This webpage is not available
ERR_CONNECTION_REFUSED
There is a recent update of the ”grunt-concurrent” module which has a bug.
Please edit the package.json file and replace the entry"grunt-concurrent": "~1.0.0",with:
"grunt-concurrent": "1.0.0",
This will force “npm install” to stay with the 1.0.0 version of this module.
Then remove the content of the “node_modules” and run: npm install then you will be able to start the application by using “grunt serve” or “grunt emulate:ios”
hi, congratulations for your job. It’s great.
Please, can you provide an example about how to login to a drupal account?
Thanks
Hi, thank you for you kind words.
This question has two parts. The first is related to the mobile app and how it will communicate with Drupal and proceed with the authentication process.
The second and most important is related to Drupal and how it will expose the proper for this purpose End Points. Is your Drupal site ready to accept REST authentication calls? What actions do you need to provide to the authenticated user.
The send part should first be answered in order to be able for the first part to be designed.
Best, /Stavros
To simplify my needs, more or less, starting from your barebonic drupal module that gets articles from drupal, I would like that authenticated users could edit and create new articles from the mobile app.
At the moment my site is not yet ready to accept REST authentication calls.
I use A REST Server with the same modules you list in your documentation (services,ctools,libraries,views, services_views) and I get the articles from a JSON view.
I’ve seen a drupal module called OAuth Authentication module. That’s right?
The proper configuration of Drupal in order to be able to receive authenticated API calls is something I could not help you with. If you prepare your Drupal site I could provide you details on how the mobile application could be configured and used.
Ok, I will try.Thanks!
Thank you for the update
Hi, the project include less or sass?
Hi, this is in our roadmap and will be a part of the project very soon.
