Initial.

Author: mtwomey

.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "www/lib"
+}

.editorconfig

@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,13 @@
+# Specifies intentionally untracked files to ignore when using Git
+# http://git-scm.com/docs/gitignore
+
+node_modules/
+platforms/
+plugins/
+www/
+.idea
+dist
+.DS_Store
+www/config.js
+*.log
+

README.md

@@ -0,0 +1,73 @@
+# 	[IBP ] Node / Heroku Buildpack Frontend
+This is ionic app.
+
+## Dependencies
+- [nodejs 5+](https://nodejs.org)
+- [bower](http://bower.io/)
+- [ionic 1.3.1+](http://ionicframework.com/)
+- [cordova 6+](https://cordova.apache.org/)
+- [git](https://git-scm.com/)
+- [gulp](http://gulpjs.com/)(Install gulp globally with command `npm install -g  gulp-cli`)
+You must also install java, android sdk for android platform, xcode for ios platform.
+
+## Configuration
+Edit configuration in `config.json`,  You can use environment variable **BUILD_ENV** to load configurations for different environments.
+
+Following variables can be configured:
+- `APP_VERSION` the version of app
+- `API_TITLE` the title of app
+- `API_URL` the url of api server
+- `API_TOKEN` the api token
+
+## Backend
+Please deploy backend codes through guides in [backend](https://github.com/topcoderinc/BP-Ionic-Heroku/tree/dev/Backend).
+
+## Local deployment
+I recommend you to test codes under Mac to test with ios and android platform easily.
+
+Please make sure to configure url of api server rightly in `config.json`.
+
+Please update global ionic,cordova to latest version with `npm install -g cordova ionic`. 
+For example this is known bug that has been fixed since ios4.1.0 [ios bug](https://cordova.apache.org/announcements/2016/03/02/ios-4.1.0.html).
+
+In the main project folder, run the following commands:
+```bash
+   
+   npm i
+   # must exists git in path
+   bower install or gulp install
+   ionic state reset --plugins
+   
+   gulp inject
+   
+   #verify codes by browser
+   ionic serve 
+   
+   #command for android
+   ionic platform add android
+   ionic build android
+   # test on emulate or real device
+   ionic emulate android or ionic run android
+   
+   #command for ios
+   ionic platform ios
+   ionic build ios
+   # test on emulate or real device
+   ionic emulate ios or ionic run ios
+```
+
+##modular
+It will use gulp to load modules.You can put modules in **src/components**, root directory of module may exist  **menu_{index}.html**(index is order of side menu) to show as menu.
+You can also exist css or configuration files in modules.
+
+If you delete entire directory from **src/components** you must run `gulp` again to make sure changes work.
+
+It wiletect and load js,css from **bowser.json** properly, you only need to inject angular modules with environment variable **ANGULAR_MODULES**,
+ currently it has default value **'ionic','ngResource','ya.nouislider'**.
+ 
+
+
+
+
+
+

bower.json

@@ -0,0 +1,14 @@
+{
+  "name": "ibp-frontend",
+  "private": "true",
+  "dependencies": {
+    "angular-resource": "1.5.3",
+    "nouislider-angular": "^2.4.1"
+  },
+  "devDependencies": {
+    "ionic": "driftyco/ionic-bower#1.3.1"
+  },
+  "resolutions": {
+    "angular": "1.5.3"
+  }
+}

config.json

@@ -0,0 +1,14 @@
+{
+  "dev": {
+    "APP_VERSION": "0.1.0",
+    "API_TITLE": "Ionic Buildpack Demo",
+    "API_URL": "https://damp-cliffs-16151.herokuapp.com/api/v1",
+    "API_TOKEN": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlcyI6WyJzdXBlci1hZG1pbiJdLCJlbWFpbCI6InN1cGVyQHRlc3QuY29tIiwiaWF0IjoxNDYzODA4OTA5fQ.tzcdo_YMQOtzRC15sktJUTwhzPD1ncyxUDx-eQ2Kvzs"
+  },
+  "test": {
+    "APP_VERSION": "1.0.0",
+    "API_TITLE": "Ionic Buildpack Demo",
+    "API_URL": "https://bp-ionic-heroku-01.herokuapp.com/api/v1",
+    "API_TOKEN": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlcyI6WyJzdXBlci1hZG1pbiJdLCJlbWFpbCI6InN1cGVyQHRlc3QuY29tIiwiaWF0IjoxNDYzODA4OTA5fQ.tzcdo_YMQOtzRC15sktJUTwhzPD1ncyxUDx-eQ2Kvzs"
+  }
+}

config.xml

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<widget id="com.ionicframework.myapp991187" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <name>myApp</name>
+  <description>
+        An Ionic Framework and Cordova project.
+    </description>
+  <author email="[email protected]" href="http://example.com.com/">
+      Your Name Here
+    </author>
+  <content src="index.html"/>
+  <access origin="*"/>
+  <preference name="webviewbounce" value="false"/>
+  <preference name="UIWebViewBounce" value="false"/>
+  <preference name="DisallowOverscroll" value="true"/>
+  <preference name="SplashScreenDelay" value="2000"/>
+  <preference name="FadeSplashScreenDuration" value="2000"/>
+  <preference name="android-minSdkVersion" value="16"/>
+  <preference name="BackupWebStorage" value="none"/>
+  <preference name="SplashScreen" value="screen"/>
+  <feature name="StatusBar">
+    <param name="ios-package" value="CDVStatusBar" onload="true"/>
+  </feature>
+  <platform name="android">
+    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
+    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
+    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
+    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
+    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
+    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
+    <splash src="resources/android/splash/drawable-land-ldpi-screen.png" density="land-ldpi"/>
+    <splash src="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/>
+    <splash src="resources/android/splash/drawable-land-hdpi-screen.png" density="land-hdpi"/>
+    <splash src="resources/android/splash/drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
+    <splash src="resources/android/splash/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
+    <splash src="resources/android/splash/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
+    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
+    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
+    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
+    <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
+    <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
+    <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
+  </platform>
+  <platform name="ios">
+    <preference name="Orientation" value="all" />
+    <icon src="resources/ios/icon/icon.png" width="57" height="57"/>
+    <icon src="resources/ios/icon/[email protected]" width="114" height="114"/>
+    <icon src="resources/ios/icon/icon-40.png" width="40" height="40"/>
+    <icon src="resources/ios/icon/[email protected]" width="80" height="80"/>
+    <icon src="resources/ios/icon/icon-50.png" width="50" height="50"/>
+    <icon src="resources/ios/icon/[email protected]" width="100" height="100"/>
+    <icon src="resources/ios/icon/icon-60.png" width="60" height="60"/>
+    <icon src="resources/ios/icon/[email protected]" width="120" height="120"/>
+    <icon src="resources/ios/icon/[email protected]" width="180" height="180"/>
+    <icon src="resources/ios/icon/icon-72.png" width="72" height="72"/>
+    <icon src="resources/ios/icon/[email protected]" width="144" height="144"/>
+    <icon src="resources/ios/icon/icon-76.png" width="76" height="76"/>
+    <icon src="resources/ios/icon/[email protected]" width="152" height="152"/>
+    <icon src="resources/ios/icon/icon-small.png" width="29" height="29"/>
+    <icon src="resources/ios/icon/[email protected]" width="58" height="58"/>
+    <icon src="resources/ios/icon/[email protected]" width="87" height="87"/>
+    <splash src="resources/ios/splash/Default-568h@2x~iphone.png" height="1136" width="640"/>
+    <splash src="resources/ios/splash/Default-667h.png" height="1334" width="750"/>
+    <splash src="resources/ios/splash/Default-736h.png" height="2208" width="1242"/>
+    <splash src="resources/ios/splash/Default-Landscape-736h.png" height="1242" width="2208"/>
+    <splash src="resources/ios/splash/Default-Landscape@2x~ipad.png" height="1536" width="2048"/>
+    <splash src="resources/ios/splash/Default-Landscape@~ipadpro.png" height="2048" width="2732"/>
+    <splash src="resources/ios/splash/Default-Landscape~ipad.png" height="768" width="1024"/>
+    <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" height="2048" width="1536"/>
+    <splash src="resources/ios/splash/Default-Portrait@~ipadpro.png" height="2732" width="2048"/>
+    <splash src="resources/ios/splash/Default-Portrait~ipad.png" height="1024" width="768"/>
+    <splash src="resources/ios/splash/Default@2x~iphone.png" height="960" width="640"/>
+    <splash src="resources/ios/splash/Default~iphone.png" height="480" width="320"/>
+  </platform>
+</widget>

gulpfile.js

@@ -0,0 +1,140 @@
+/*
+ * Copyright (C) 2016 TopCoder Inc., All Rights Reserved.
+ */
+
+/**
+ * Represents the gulp file for this ionic application
+ *
+ * @author TCDEVELOPER
+ * @version 1.0
+ */
+'use strict';
+
+var gulp = require('gulp');
+gulp.modules = process.env.ANGULAR_MODULES || "'ionic','ngResource','ya.nouislider'";
+gulp.paths = {
+  src: 'src',
+  dist: 'www',
+  bower: 'www/lib'
+};
+var path = require('path');
+var sort = require('gulp-sort');
+var gulpNgConfig = require('gulp-ng-config');
+var bower = require('bower');
+var wiredep = require('wiredep').stream;
+var sh = require('shelljs');
+var gutil = require('gulp-util');
+var sass = require('gulp-sass');
+var $ = require('gulp-load-plugins')({
+  pattern: ['gulp-*', 'main-bower-files', 'del']
+});
+var paths = gulp.paths;
+
+
+gulp.task('clean', function (done) {
+  $.del([paths.dist + '/'], done);
+});
+
+gulp.task('install', ['git-check'], function() {
+  return bower.commands.install()
+    .on('log', function(data) {
+      gutil.log('bower', gutil.colors.cyan(data.id), data.message);
+    });
+});
+
+gulp.task('git-check', function(done) {
+  if (!sh.which('git')) {
+    console.log(
+      '  ' + gutil.colors.red('Git is not installed.'),
+      '\n  Git, the version control system, is required to download Ionic.',
+      '\n  Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.',
+      '\n  Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.'
+    );
+    process.exit(1);
+  }
+  done();
+});
+
+gulp.task('sass', function(done) {
+  gulp.src('./scss/ionic.app.scss')
+    .pipe(sass())
+    .on('error', sass.logError)
+    .pipe(gulp.dest(paths.dist +'/css/'))
+    .on('end', done);
+});
+
+gulp.task('ng-config', function () {
+  gulp.src('config.json')
+    .pipe(
+      gulpNgConfig('app', {
+        wrap: true,
+        createModule: false,
+        environment: process.env.BUILD_ENV || 'dev'
+      }))
+    .pipe(gulp.dest(paths.dist+'/js'))
+});
+
+gulp.task('menu', function () {
+  var menuInjectFiles = gulp.src(paths.src + '/components/**/menu*.html').pipe(sort(
+    {
+      // sort asc with index number in filename
+      comparator: function(file1, file2) {
+        var index1 = Number(path.basename(file1.path,'.html').substring(5));
+        var index2 = Number(path.basename(file2.path,'.html').substring(5));
+        return index1-index2;
+      }
+    }
+  ));
+  var menuInjectOptions = {
+    starttag: '<!-- inject:menu -->',
+    transform: function (filePath, file) {
+      return file.contents.toString('utf8')
+    }
+  };
+  return gulp.src(paths.src + '/templates/menu.html')
+    .pipe($.inject(menuInjectFiles, menuInjectOptions))
+    .pipe(gulp.dest(paths.dist + '/templates/'));
+});
+gulp.task('copy-files', function () {
+  gulp.src(paths.src + '/*.html')
+    .pipe(gulp.dest(paths.dist));
+  gulp.src(paths.src + '/js/*.js')
+    .pipe(gulp.dest(paths.dist+ '/js'));
+  gulp.src(paths.src + '/img/**')
+    .pipe(gulp.dest(paths.dist+ '/img'));
+  gulp.src(paths.src + '/css/*.css')
+    .pipe(gulp.dest(paths.dist+ '/css'));
+  gulp.src(paths.src + '/components/**')
+    .pipe(gulp.dest(paths.dist+ '/components'));
+});
+gulp.task('inject', ['sass', 'ng-config', 'menu','copy-files'], function () {
+    gulp.src(paths.dist+ '/js/app.js')
+    .pipe($.replace(/'<!--replace modules-->'/g, gulp.modules))
+    .pipe(gulp.dest(paths.dist+ '/js'));
+
+  var injectStyles = gulp.src([
+    paths.dist + '/{css,components}/**/*.css',
+    paths.dist + '/css/*.css'
+  ], { read: false });
+
+  var injectScripts = gulp.src([
+    paths.dist + '/{js,components}/**/*.js'
+  ]).pipe($.angularFilesort());
+
+  var injectOptions = {
+    ignorePath: [paths.dist],
+    addRootSlash: false
+  };
+
+  var wiredepOptions = {
+    directory: paths.bower,
+    exclude: [/angular\.js/]
+  };
+  return gulp.src(paths.dist + '/*.html')
+    .pipe($.inject(injectStyles, injectOptions))
+    .pipe($.inject(injectScripts, injectOptions))
+    .pipe(wiredep(wiredepOptions))
+    .pipe(gulp.dest(paths.dist));
+});
+
+gulp.task('default',  ['inject']);