├── .gitignore
├── README.md
├── app
    ├── app.config.js
    ├── app.controller.js
    ├── app.directive.js
    ├── assets
    │   ├── fonts
    │   │   ├── icons_mobiscroll.eot
    │   │   ├── icons_mobiscroll.svg
    │   │   ├── icons_mobiscroll.ttf
    │   │   ├── icons_mobiscroll.woff
    │   │   ├── ionicons.eot
    │   │   ├── ionicons.svg
    │   │   ├── ionicons.ttf
    │   │   └── ionicons.woff
    │   ├── lib
    │   │   ├── calendar-pk
    │   │   │   └── release
    │   │   │   │   ├── css
    │   │   │   │       ├── calendar_pk.css
    │   │   │   │       └── calendar_pk.min.css
    │   │   │   │   └── js
    │   │   │   │       ├── calendar_pk.js
    │   │   │   │       └── calendar_pk.min.js
    │   │   ├── ionic-datepicker
    │   │   │   └── release
    │   │   │   │   └── ionic-datepicker.bundle.min.js
    │   │   ├── ionic-filter-bar
    │   │   │   └── release
    │   │   │   │   ├── ionic.filter.bar.css
    │   │   │   │   ├── ionic.filter.bar.js
    │   │   │   │   ├── ionic.filter.bar.min.css
    │   │   │   │   └── ionic.filter.bar.min.js
    │   │   ├── ionic
    │   │   │   └── release
    │   │   │   │   └── js
    │   │   │   │       ├── ionic.bundle.js
    │   │   │   │       ├── ionic.bundle.min.js
    │   │   │   │       └── ionic.min.js
    │   │   └── pdfjs-dist
    │   │   │   └── web
    │   │   │       ├── viewer.css
    │   │   │       ├── viewer.html
    │   │   │       └── viewer.js
    │   ├── scss
    │   │   ├── _index.scss
    │   │   ├── _mainInterface.scss
    │   │   └── main.scss
    │   └── styles
    │   │   └── ionic.min.css
    ├── config.route.js
    ├── index.js
    └── modules
    │   └── business
    │       ├── index.js
    │       └── main
    │           ├── main.controller.js
    │           └── main.html
├── build
    ├── configDevServer.js
    ├── webpack.base.config.js
    ├── webpack.dev.config.js
    └── webpack.prod.config.js
├── docs
    ├── angular-m-part.md
    └── webpack-part.md
├── index.html
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | # Created by .ignore support plugin (hsz.mobi)
2 | .idea/
3 | node_modules/
4 | dist
5 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## 基于webpack构建的angularjs1.x + ionic 1.x 工程
 2 | 
 3 | 这是一个基于webpack的angularjs 1.x和ionic 1.x的工程脚手架。    
 4 | 
 5 | 给需要重构angular老工程的朋友的一个参考
 6 | （是思路参考，如果是需要新建angularjs工程的朋友请不要使用，但是可以参考来学习一下webpack的基本的配置方法。）
 7 | 
 8 | >初始化工程
 9 | ```
10 | npm install
11 | ```
12 | 这条命令会自动安装所有必要的依赖，这里用到的angularjs版本是1.4.3
13 | ionic的版本是1.2.4（不过由于用``npm``安装``ionic``会提示找不到``ionic``的错误,所以我把ionic附在了`/app/assets/lib`文件夹里面，直接引用）
14 | >运行工程/开发模式打包
15 | ```
16 | npm run dev
17 | ```
18 | 这条命令会打包并生成`dev-server`，然后可以在`localhost:8089`端口访问到这个项目的开发环境（端口配置和接口代理可以在`build/configServer.js`里配置）
19 | >生产模式打包
20 | ```
21 | npm run build
22 | ```
23 | 这条命令会打包成生产环境的包供部署。
24 | 
25 | 注意： 目前此工程中使用的webpack-dev-server由于版本过低，没有限制开发环境中的websocke访问的客户源主机，所以可能会造成开发过程中的开发代码泄露的问题。曾尝试过将此工程中的webpack-devServer升级，发现并不兼容。所以不针对这个问题进行修复。如不介意的话可以使用。
26 | 
27 | 更多信息可以看本脚手架里其他两篇文章：  
28 | [基于webpack构建的angular 1.x工程（webpack篇）](./docs/webpack-part.md)  
29 | 
30 | [基于webpack构建的angular 1.x工程（angular篇）](./docs/angular-m-part.md)


--------------------------------------------------------------------------------
/app/app.config.js:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | module.exports = angular.module("app")
  4 |     .config(['CacheFactoryProvider', '$cookiesProvider', '$ionicConfigProvider', '$ionicFilterBarConfigProvider', 'ionicDatePickerProvider', '$httpProvider', function (CacheFactoryProvider, $cookiesProvider, $ionicConfigProvider, $ionicFilterBarConfigProvider, ionicDatePickerProvider, $httpProvider) {
  5 |         angular.extend($cookiesProvider.defaults, {
  6 |             path: "/"
  7 |         });
  8 |         angular.extend(CacheFactoryProvider.defaults, {
  9 |             maxAge: 1
 10 |         }); //缓存10s
 11 | 
 12 |         $ionicConfigProvider.views.transition('ios');
 13 |         $ionicConfigProvider.views.swipeBackEnabled(true);
 14 |         $ionicConfigProvider.scrolling.jsScrolling(false);
 15 |         $ionicConfigProvider.platform.android.views.maxCache(0);
 16 |         $ionicConfigProvider.platform.android.tabs.style('standard');
 17 |         $ionicConfigProvider.platform.android.tabs.position('standard');
 18 |         $ionicConfigProvider.navBar.alignTitle('center').positionPrimaryButtons('left');
 19 | 
 20 | 
 21 |         $ionicFilterBarConfigProvider.theme('positive');
 22 |         $ionicFilterBarConfigProvider.clear('ion-close');
 23 |         $ionicFilterBarConfigProvider.search('ion-search');
 24 |         $ionicFilterBarConfigProvider.backdrop(false);
 25 |         $ionicFilterBarConfigProvider.transition('vertical');
 26 |         $ionicFilterBarConfigProvider.placeholder('Filter');
 27 |         $ionicConfigProvider.platform.android.navBar.alignTitle('left');
 28 |         $ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-android-arrow-back');
 29 |         $ionicConfigProvider.platform.android.views.transition('android');
 30 |         $ionicConfigProvider.views.maxCache(0);
 31 | 
 32 | 
 33 |         var datePickerObj = {
 34 |             inputDate: new Date(),
 35 |             setLabel: '确定',
 36 |             todayLabel: '今天',
 37 |             closeLabel: '关闭',
 38 |             mondayFirst: false,
 39 |             weeksList: ["日", "一", "二", "三", "四", "五", "六"],
 40 |             monthsList: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
 41 |             templateType: 'popup',
 42 |             from: new Date(1910, 1, 1),
 43 |             to: new Date(2050, 12, 31),
 44 |             showTodayButton: true,
 45 |             dateFormat: 'yyyy-MM-dd',
 46 |             closeOnSelect: false,
 47 |             disableWeekdays: []
 48 |         };
 49 |         ionicDatePickerProvider.configDatePicker(datePickerObj);
 50 | 
 51 |         /*http post 方法的传参格式更改--start--csk20161005*/
 52 |         // Use x-www-form-urlencoded Content-Type
 53 |         $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
 54 |         $httpProvider.defaults.cache = false;
 55 |         //$httpProvider.defaults.headers['Range'] = 'bytes=0-199999';
 56 |         /**
 57 |          * The workhorse; converts an object to x-www-form-urlencoded serialization.
 58 |          * @param {Object} obj
 59 |          * @return {String}
 60 |          */
 61 |         var param = function (obj) {
 62 |             var query = '',
 63 |                 name, value, fullSubName, subName, subValue, innerObj, i;
 64 | 
 65 |             for (name in obj) {
 66 |                 value = obj[name];
 67 | 
 68 |                 if (value instanceof Array) {
 69 |                     for (i = 0; i < value.length; ++i) {
 70 |                         subValue = value[i];
 71 |                         fullSubName = name + '[' + i + ']';
 72 |                         innerObj = {};
 73 |                         innerObj[fullSubName] = subValue;
 74 |                         query += param(innerObj) + '&';
 75 |                     }
 76 |                 } else if (value instanceof Object) {
 77 |                     for (subName in value) {
 78 |                         subValue = value[subName];
 79 |                         fullSubName = name + '[' + subName + ']';
 80 |                         innerObj = {};
 81 |                         innerObj[fullSubName] = subValue;
 82 |                         query += param(innerObj) + '&';
 83 |                     }
 84 |                 } else if (value !== undefined && value !== null)
 85 |                     query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
 86 |             }
 87 | 
 88 |             return query.length ? query.substr(0, query.length - 1) : query;
 89 |         };
 90 | 
 91 |         // Override $http service's default transformRequest
 92 |         $httpProvider.defaults.transformRequest = [function (data) {
 93 |             return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
 94 |         }];
 95 |         /*--end--http post 方法的传参格式更改*/
 96 | 
 97 | 
 98 |     }])
 99 |     .run(['$http', 'CacheFactory', function ($http, CacheFactory) {
100 |         $http.defaults.cache = CacheFactory('defaultCache', {
101 |             maxAge: 5 * 1000, // Items added to this cache expire after 15 minutes
102 |             cacheFlushInterval: 5 * 1000, // This cache will clear itself every hour
103 |             deleteOnExpire: 'aggressive' // Items will be deleted from this cache when they expire
104 |         });
105 |     }])
106 |     .service("appConfig", ['$cookies', function ($cookies) {
107 |         var config = {};
108 |         config.mode = 'dev';
109 |         //config.regionId = $cookies.get("regionId");
110 |         //config.phone = $cookies.get("phone");
111 |         config.providerType = "";
112 |         config.staticServer = "";
113 |         switch (config.mode) {
114 |             case 'debug':
115 |                 config.applianceService = "";
116 |                 break;
117 |             case 'dev':
118 |                 config.businessService = "";
119 |                 config.orderList = "";
120 |                 if ($cookies.get("") == null)
121 |                     $cookies.put("", "");
122 |                 if ($cookies.get("") == null)
123 | 
124 |                     $cookies.put("", "");
125 |                 break;
126 |             case '':
127 |                 config.apiService = "";
128 |                 config.staticServer = "";
129 |                 break;
130 |             case '':
131 |                 config.apiService = "";
132 |                 config.staticServer = "";
133 |                 break;
134 |         }
135 | 
136 |         return config;
137 |     }]);
138 | 
139 | 


--------------------------------------------------------------------------------
/app/app.controller.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = ['$state', '$scope', '$rootScope',  function ($state, $scope, $rootScope) {
 4 |         $rootScope.rows = 8;
 5 |         $scope.tt = "";
 6 | 
 7 |         $scope.$watch("tt", function (o, n) {
 8 |             if (o != n) {
 9 |                 $rootScope.signImageUrl = o;
10 |             }
11 |         });
12 | 
13 |         $rootScope.platform_context_path = '/';
14 | 
15 |     }]
16 | 
17 | 


--------------------------------------------------------------------------------
/app/app.directive.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = angular.module('app')
 3 |     .directive('focusInput', ['$ionicScrollDelegate', '$window', '$timeout', '$ionicPosition', function ($ionicScrollDelegate, $window, $timeout, $ionicPosition) {
 4 |         return {
 5 |             restrict: 'C',
 6 |             scope: false,
 7 |             link: function ($scope, iElm, iAttrs, controller) {
 8 |                 if (ionic.Platform.isIOS()) {
 9 |                     iElm.on('focus', function () {
10 |                         var top = $ionicScrollDelegate.getScrollPosition().top;
11 |                         var eleTop = ($ionicPosition.offset(iElm).top) / 2;
12 |                         var realTop = eleTop + top;
13 |                         $ionicScrollDelegate.scrollTo(0, realTop);
14 |                     })
15 |                 }
16 | 
17 |             }
18 |         }
19 |     }]);
20 | 
21 | 
22 | 
23 | 
24 | 


--------------------------------------------------------------------------------
/app/assets/fonts/icons_mobiscroll.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/homerious/angular-ionic-webpack/52e44f47e449f170b2126f7d6e52e5c738b9c4c7/app/assets/fonts/icons_mobiscroll.eot


--------------------------------------------------------------------------------
/app/assets/fonts/icons_mobiscroll.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 | <!--
  4 | 2016-2-18: Created.
  5 | -->
  6 | <svg xmlns="http://www.w3.org/2000/svg">
  7 | <metadata>
  8 | Created by FontForge 20120731 at Thu Feb 18 11:48:43 2016
  9 |  By root
 10 | Created by root with FontForge 2.0 (http://fontforge.sf.net)
 11 | </metadata>
 12 | <defs>
 13 | <font id="icons_mobiscroll" horiz-adv-x="512" >
 14 |   <font-face 
 15 |     font-family="icons_mobiscroll"
 16 |     font-weight="500"
 17 |     font-stretch="normal"
 18 |     units-per-em="512"
 19 |     panose-1="2 0 6 3 0 0 0 0 0 0"
 20 |     ascent="448"
 21 |     descent="-64"
 22 |     bbox="-0.405451 -64.25 528 448.405"
 23 |     underline-thickness="25.6"
 24 |     underline-position="-51.2"
 25 |     unicode-range="U+F100-F169"
 26 |   />
 27 |     <missing-glyph />
 28 |     <glyph glyph-name="uniF14E" unicode="&#xf14e;" 
 29 | d="M0 -64v512h256v-512h-256zM160 384v-64h64v64h-64zM160 256v-64h64v64h-64zM160 128v-64h64v64h-64zM32 384v-64h64v64h-64zM32 256v-64h64v64h-64zM32 128v-64h64v64h-64zM288 288h224v-32h-224v32zM288 -64v288h224v-288h-64v128h-96v-128h-64z" />
 30 |     <glyph glyph-name="uniF125" unicode="&#xf125;" 
 31 | d="M437 373c48 -48 75 -113 75 -181s-27 -133 -75 -181s-113 -75 -181 -75s-133 27 -181 75s-75 113 -75 181s27 133 75 181s113 75 181 75s133 -27 181 -75zM414 34c32 32 53 70 62 113c-7 -10 -14 -13 -18 9c-4 36 -37 13 -58 26c-22 -15 -71 28 -63 -21
 32 | c13 -22 70 30 42 -17c-18 -33 -66 -105 -60 -143c1 -55 -56 -11 -76 7c-13 36 -5 100 -39 118c-37 2 -70 4 -84 46c-9 30 9 75 41 82c47 29 64 -35 108 -36c14 14 51 19 54 35c-29 5 36 24 -3 35c-22 -3 -36 -22 -24 -39c-42 -10 -44 60 -84 38c-1 -35 -66 -11 -22 -4
 33 | c15 7 -25 25 -4 22c10 1 47 13 37 21c20 12 36 -29 55 1c14 23 -6 28 -23 16c-10 11 17 35 41 45c8 3 15 6 21 5c12 -14 35 -17 36 1c-30 14 -63 22 -97 22c-49 0 -96 -15 -134 -44c10 -5 17 -10 7 -18c-8 -23 -39 -54 -67 -50c-14 -25 -24 -52 -28 -80c23 -8 29 -23 24 -28
 34 | c-12 -10 -19 -25 -23 -41c8 -46 29 -87 63 -121c42 -42 98 -66 158 -66s116 24 158 66v0z" />
 35 |     <glyph glyph-name="uniF121" unicode="&#xf121;" 
 36 | d="M448 448l64 -64v-448h-512v512h448zM256 384v-128h64v128h-64zM448 0v357l-27 27h-37v-160h-288v160h-32v-384h384z" />
 37 |     <glyph glyph-name="uniF112" unicode="&#xf112;" 
 38 | d="M484 47c0 -20 11 -37 28 -46v-7c-5 -1 -9 -1 -14 -1c-30 0 -58 13 -77 33c-12 -3 -24 -5 -37 -5c-71 0 -128 51 -128 114s57 114 128 114s128 -51 128 -114c0 -25 -9 -47 -24 -66c-3 -7 -4 -14 -4 -22v0zM228 448c124 0 224 -80 227 -180c-22 10 -46 15 -71 15
 39 | c-42 0 -83 -15 -113 -42c-31 -28 -49 -66 -49 -106c0 -20 5 -39 13 -57h-7c-12 0 -24 1 -36 2c-49 -49 -108 -57 -164 -58v11c30 15 57 43 57 74c0 4 0 8 -1 12c-51 34 -84 86 -84 144c0 102 102 185 228 185z" />
 40 |     <glyph glyph-name="uniF130" unicode="&#xf130;" horiz-adv-x="384" 
 41 | d="M281 219c3 0 5 -2 5 -5v-44c0 -3 -2 -5 -5 -5h-178c-3 0 -5 2 -5 5v44c0 3 2 5 5 5h178zM192 333c-78 0 -141 -63 -141 -141s63 -141 141 -141s141 63 141 141s-63 141 -141 141zM192 384v0c106 0 192 -86 192 -192s-86 -192 -192 -192s-192 86 -192 192s86 192 192 192z
 42 | " />
 43 |     <glyph glyph-name="uniF144" unicode="&#xf144;" horiz-adv-x="235" 
 44 | d="M0 341l235 -149l-235 -149v298z" />
 45 |     <glyph glyph-name="uniF10A" unicode="&#xf10a;" horiz-adv-x="440" 
 46 | d="M410 79v0l-190 183l-190 -183c-7 -7 -18 -7 -25 0s-7 18 0 25l203 201c7 7 18 7 25 0l202 -201c7 -7 7 -18 0 -25s-18 -7 -25 0z" />
 47 |     <glyph glyph-name="uniF13D" unicode="&#xf13d;" horiz-adv-x="320" 
 48 | d="M160 448c88 0 160 -72 160 -160c0 -160 -160 -352 -160 -352s-160 192 -160 352c0 88 72 160 160 160zM160 192c53 0 96 43 96 96s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96z" />
 49 |     <glyph glyph-name="uniF160" unicode="&#xf160;" horiz-adv-x="416" 
 50 | d="M224 351c107 -8 192 -98 192 -207c0 -115 -93 -208 -208 -208s-208 93 -208 208c0 109 85 199 192 207v33h-64v32c0 18 14 32 32 32h96c18 0 32 -14 32 -32v-32h-64v-33zM321 31v0c30 30 47 70 47 113s-17 83 -47 113c-29 29 -67 46 -108 47l11 -157
 51 | c1 -13 -6 -19 -16 -19s-17 6 -16 19l11 157c-41 -1 -79 -18 -108 -47c-30 -30 -47 -70 -47 -113s17 -83 47 -113s70 -47 113 -47s83 17 113 47z" />
 52 |     <glyph glyph-name="uniF141" unicode="&#xf141;" horiz-adv-x="341" 
 53 | d="M341 213v-42h-259l119 -119l-30 -31l-171 171l171 171l30 -31l-119 -119h259z" />
 54 |     <glyph glyph-name="uniF128" unicode="&#xf128;" 
 55 | d="M366 247c0 5 -2 9 -6 13s-8 5 -13 5c-33 0 -62 -5 -90 -14s-53 -22 -75 -38s-44 -37 -67 -63c-4 -4 -5 -8 -5 -13s1 -9 5 -13s8 -5 13 -5s9 1 13 5l21 21s15 14 19 18c26 24 52 41 77 51s54 15 89 15c5 0 9 1 13 5s6 8 6 13zM512 303c0 -18 -2 -36 -6 -55
 56 | c-9 -43 -26 -79 -52 -109s-61 -56 -103 -77c-41 -21 -82 -31 -125 -31c-28 0 -55 5 -81 14c-3 1 -12 5 -26 12s-23 10 -27 10c-3 0 -7 -3 -11 -9s-9 -13 -13 -20s-9 -14 -15 -20s-11 -9 -17 -9s-11 1 -15 3s-7 5 -9 7s-4 6 -7 12c0 1 -1 2 -2 3s-2 2 -2 3s-1 2 -1 3v4
 57 | c0 7 3 14 9 21s12 13 19 18s14 10 20 16s9 10 9 14c0 1 -1 5 -4 11s-5 11 -5 13c-2 10 -3 19 -3 29c0 22 5 43 13 63s20 38 34 53s31 29 49 40s37 20 58 27c10 3 24 6 41 7s35 3 52 3s34 0 51 1s32 3 46 7s26 9 33 16l8 9l9 8l7 6l11 4l12 1c7 0 14 -4 20 -13s11 -19 14 -32
 58 | s5 -24 7 -35s2 -21 2 -28v0z" />
 59 |     <glyph glyph-name="uniF142" unicode="&#xf142;" horiz-adv-x="341" 
 60 | d="M128 21v342h85v-342h-85zM0 21v171h85v-171h-85zM256 256h85v-235h-85v235z" />
 61 |     <glyph glyph-name="uniF11A" unicode="&#xf11a;" 
 62 | d="M445 268h1c38 -9 66 -44 66 -85c0 -48 -39 -87 -87 -87h-60l-109 -109l-109 109h-50c-54 0 -97 43 -97 97s43 97 97 97c6 0 11 -1 17 -2c0 3 -1 7 -1 10c0 37 30 67 67 67c22 0 41 -10 53 -26c22 28 56 45 94 45c65 0 116 -52 118 -116zM256 32l96 96h-64v96h-64v-96h-64
 63 | z" />
 64 |     <glyph glyph-name="uniF11C" unicode="&#xf11c;" 
 65 | d="M182 87v0c3 -5 5 -11 7 -17l35 -6v-32l-35 -6c-2 -6 -4 -12 -7 -17l21 -29l-23 -23l-29 21c-5 -3 -11 -5 -17 -7l-6 -35h-32l-6 35c-6 2 -12 4 -17 7l-29 -21l-23 23l21 29c-3 5 -5 11 -7 17l-35 6v32l35 6c2 6 4 12 7 17l-21 29l23 23l29 -21c5 3 11 5 17 7l6 35h32
 66 | l6 -35c6 -2 12 -4 17 -7l29 21l22 -23zM112 16c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM512 256l-34 -6c-1 -4 -1 -8 -2 -12l29 -19l-13 -29l-33 7c-2 -3 -5 -7 -7 -10l20 -28l-23 -23l-28 20c-3 -2 -7 -5 -10 -7l7 -33l-29 -13l-19 29
 67 | c-4 -1 -8 -1 -12 -2l-6 -34h-32l-6 34c-4 1 -8 1 -12 2l-19 -29l-29 13l7 33c-3 2 -7 5 -10 7l-28 -20l-23 23l20 28c-2 3 -5 7 -7 10l-33 -7l-13 29l29 19c-1 4 -1 8 -2 12l-34 6v32l34 6c1 4 1 8 2 12l-29 19l13 29l33 -7c2 3 5 7 7 10l-20 28l23 23l28 -20c3 2 7 5 10 7
 68 | l-7 33l29 13l19 -29c4 1 8 1 12 2l6 34h32l6 -34c4 -1 8 -1 12 -2l19 29l29 -13l-7 -33c3 -2 7 -5 10 -7l28 20l23 -23l-20 -28c2 -3 5 -7 7 -10l33 7l13 -29l-29 -19c1 -4 1 -8 2 -12l34 -6v-32zM336 202c38 0 70 32 70 70s-32 70 -70 70s-70 -32 -70 -70s32 -70 70 -70z
 69 | " />
 70 |     <glyph glyph-name="uniF167" unicode="&#xf167;" 
 71 | d="M224 160v128h-96l128 128l128 -128h-96v-128h-64zM320 232l192 -72v-128l-256 -96l-256 96v128l192 72v-49l-147 -55l211 -79l211 79l-147 55v49z" />
 72 |     <glyph glyph-name="uniF156" unicode="&#xf156;" horiz-adv-x="448" 
 73 | d="M64 -64l-32 352h384l-32 -352h-320zM288 384h160v-96l-32 32h-384l-32 -32v96h160v64h128v-64zM256 384v32h-64v-32h64z" />
 74 |     <glyph glyph-name="uniF164" unicode="&#xf164;" horiz-adv-x="462" 
 75 | d="M30 224c-36 0 -16 96 16 96c-16 0 0 80 32 80c0 32 32 48 64 48c135 0 88 -34 224 -48v-256c-120 -36 -240 -127 -240 -208c-26 0 -96 32 0 192h-96c-48 0 -32 96 0 96zM398 144v256h-32v16h64c18 0 32 -22 32 -48v-192c0 -26 -14 -48 -32 -48h-64v16h32z" />
 76 |     <glyph glyph-name="uniF10F" unicode="&#xf10f;" 
 77 | d="M0 32h512v-64h-512v64zM64 160h64v-96h-64v96zM160 288h64v-224h-64v224zM256 192h64v-128h-64v128zM352 384h64v-320h-64v320z" />
 78 |     <glyph glyph-name="uniF146" unicode="&#xf146;" horiz-adv-x="341" 
 79 | d="M140 252l-30 -30l-110 110l30 31zM224 363h117v-118l-43 44l-268 -268l-30 31l268 267zM231 162l67 -67l43 44v-118h-117l44 44l-67 67z" />
 80 |     <glyph glyph-name="uniF131" unicode="&#xf131;" horiz-adv-x="480" 
 81 | d="M240 416c133 0 240 -107 240 -240s-107 -240 -240 -240s-240 107 -240 240s107 240 240 240zM376 96h56c9 20 13 42 15 64h-63c-1 -22 -4 -44 -8 -64zM104 256h-56c-9 -20 -13 -42 -15 -64h63c1 22 4 44 8 64zM343 256h-87v-64h96c-1 22 -4 44 -9 64zM256 288v0h78
 82 | c-5 15 -13 29 -20 41c-11 18 -23 33 -36 42c-7 5 -15 9 -22 11v-94zM166 329v0c-7 -12 -15 -26 -20 -41h78v94c-7 -2 -15 -6 -22 -11c-13 -9 -25 -24 -36 -42zM224 256h-87c-5 -20 -8 -42 -9 -64h96v64zM48 96h56c-4 20 -7 42 -8 64h-63c2 -22 6 -44 15 -64zM128 160
 83 | c1 -22 4 -44 9 -64h87v64h-96zM224 64v0h-78c5 -15 13 -29 20 -41c11 -18 23 -33 36 -42c7 -5 15 -9 22 -11v94zM314 23v0c7 12 15 26 20 41h-78v-94c7 2 15 6 22 11c13 9 25 24 36 42zM256 96h87c5 20 8 42 9 64h-96v-64zM384 192h63c-2 22 -6 44 -15 64h-56
 84 | c4 -20 7 -42 8 -64zM415 288c-8 13 -17 24 -28 35c-17 17 -36 31 -57 41c15 -21 28 -47 37 -76h48zM93 323c-11 -11 -20 -22 -28 -35h48c9 29 22 55 37 76c-21 -10 -40 -24 -57 -41zM65 64c8 -13 17 -24 28 -35c17 -17 36 -31 57 -41c-15 21 -28 47 -37 76h-48zM387 29
 85 | c11 11 20 22 28 35h-48c-9 -29 -22 -55 -37 -76c21 10 40 24 57 41z" />
 86 |     <glyph glyph-name="uniF143" unicode="&#xf143;" horiz-adv-x="256" 
 87 | d="M0 43v298h85v-298h-85zM171 341h85v-298h-85v298z" />
 88 |     <glyph glyph-name="uniF13B" unicode="&#xf13b;" 
 89 | d="M256 448l256 -160h-512zM400 256h96l-16 -32v-192h-64v192zM272 256h96l-16 -32v-192h-64v192zM144 256h96l-16 -32v-192h-64v192zM16 256h96l-16 -32v-192h-64v192zM16 0h480l16 -64h-512zM288 352c0 18 -14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32s32 14 32 32z" />
 90 |     <glyph glyph-name="uniF15A" unicode="&#xf15a;" 
 91 | d="M256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM352 320c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM160 320c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM256 32
 92 | c58 0 109 31 137 78l-41 24c-20 -33 -55 -54 -96 -54s-76 21 -96 54l-41 -24c28 -47 79 -78 137 -78z" />
 93 |     <glyph glyph-name="uniF148" unicode="&#xf148;" horiz-adv-x="256" 
 94 | d="M0 320h43v-256h-43v256zM75 192l181 128v-256z" />
 95 |     <glyph glyph-name="uniF122" unicode="&#xf122;" 
 96 | d="M256 160l-128 128h96v128h64v-128h96zM372 212l140 -52v-128l-256 -96l-256 96v128l140 52l36 -36l-131 -48l211 -79l211 79l-131 48z" />
 97 |     <glyph glyph-name="uniF134" unicode="&#xf134;" 
 98 | d="M512 153l-256 199l-256 -199v81l256 199l256 -199v-81zM448 160v-192h-128v128h-128v-128h-128v192l192 144z" />
 99 |     <glyph glyph-name="uniF114" unicode="&#xf114;" horiz-adv-x="480" 
100 | d="M160 256h64v-64h-64v64zM256 256h64v-64h-64v64zM352 256h64v-64h-64v64zM64 64h64v-64h-64v64zM160 64h64v-64h-64v64zM256 64h64v-64h-64v64zM160 160h64v-64h-64v64zM256 160h64v-64h-64v64zM352 160h64v-64h-64v64zM64 160h64v-64h-64v64zM416 448h64v-512h-480v512
101 | h64v-32h64v32h224v-32h64v32zM448 -32v352h-416v-352h416z" />
102 |     <glyph glyph-name="uniF118" unicode="&#xf118;" 
103 | d="M329 73l-105 106v141h64v-115l87 -86zM256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM256 0c106 0 192 86 192 192s-86 192 -192 192s-192 -86 -192 -192s86 -192 192 -192z" />
104 |     <glyph glyph-name="uniF10C" unicode="&#xf10c;" horiz-adv-x="449" 
105 | d="M0 191l111 112h338v-222h-338zM322 119l20 20l-57 56l57 56l-20 20l-56 -56l-57 56l-19 -20l56 -56l-56 -56l19 -20l57 56z" />
106 |     <glyph glyph-name="uniF157" unicode="&#xf157;" horiz-adv-x="432" 
107 | d="M192 60v-124l-192 192l192 192v-127c223 -5 214 152 157 255c140 -152 110 -395 -157 -388z" />
108 |     <glyph glyph-name="uniF127" unicode="&#xf127;" 
109 | d="M420 300c39 -28 70 -65 92 -108c-48 -95 -144 -160 -256 -160c-31 0 -62 6 -90 15l39 39c17 -4 34 -6 51 -6c45 0 88 13 126 37c30 19 56 45 75 75c-19 29 -43 54 -72 73zM256 99c-11 0 -23 1 -33 4l157 157c3 -10 4 -22 4 -33c0 -71 -57 -128 -128 -128zM480 448v0v-27
110 | l-453 -453h-27v27l91 90c-38 27 -70 64 -91 107c48 95 144 160 256 160c30 0 59 -5 87 -14l110 110h27zM208 291v0c-27 0 -48 -21 -48 -48c0 -24 18 -43 41 -47l54 54c-4 23 -23 41 -47 41zM55 192c18 -29 42 -53 70 -72l29 29c-17 22 -26 49 -26 78c0 15 3 30 8 44
111 | c-2 -1 -4 -3 -6 -4c-30 -19 -56 -45 -75 -75z" />
112 |     <glyph glyph-name="uniF149" unicode="&#xf149;" horiz-adv-x="256" 
113 | d="M0 320h256v-256h-256v256z" />
114 |     <glyph glyph-name="uniF116" unicode="&#xf116;" horiz-adv-x="480" 
115 | d="M64 -16c0 27 21 48 48 48s48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48zM384 -16c0 27 21 48 48 48s48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48zM480 192l-416 -64v0c0 -18 14 -32 32 -32h384v-32h-384c-35 0 -64 29 -64 64c0 20 9 38 24 50l-24 206
116 | c0 18 -14 32 -32 32v32c35 0 64 -29 64 -64h416v-192z" />
117 |     <glyph glyph-name="uniF13F" unicode="&#xf13f;" 
118 | d="M437 373l75 75v-192h-192l72 72c-35 35 -83 56 -136 56c-82 0 -153 -52 -180 -125l-60 23c36 97 130 166 240 166c71 0 135 -29 181 -75zM256 0c82 0 153 52 180 125l60 -23c-36 -97 -130 -166 -240 -166c-71 0 -135 29 -181 75l-75 -75v192h192l-72 -72
119 | c35 -35 83 -56 136 -56z" />
120 |     <glyph glyph-name="uniF153" unicode="&#xf153;" horiz-adv-x="320" 
121 | d="M0 384l320 -192l-320 -192v384z" />
122 |     <glyph glyph-name="uniF136" unicode="&#xf136;" 
123 | d="M0 256h416v-192h-416v192zM384 96v128h-352v-128h352zM128 320h384v-192h-32v160h-352v32z" />
124 |     <glyph glyph-name="uniF165" unicode="&#xf165;" horiz-adv-x="432" 
125 | d="M349 -64c57 103 66 260 -157 255v-127l-192 192l192 192v-124c267 7 297 -236 157 -388z" />
126 |     <glyph glyph-name="uniF15F" unicode="&#xf15f;" horiz-adv-x="384" 
127 | d="M0 384h384v-384h-384v384z" />
128 |     <glyph glyph-name="uniF120" unicode="&#xf120;" 
129 | d="M464 384c26 0 48 -22 48 -48v-288c0 -26 -22 -48 -48 -48h-416c-26 0 -48 22 -48 48v288c0 26 22 48 48 48h416zM48 352c-9 0 -16 -7 -16 -16v-48h448v48c0 9 -7 16 -16 16h-416zM464 32c9 0 16 7 16 16v144h-448v-144c0 -9 7 -16 16 -16h416zM64 128h32v-64h-32v64z
130 | M128 128h32v-64h-32v64zM192 128h32v-64h-32v64z" />
131 |     <glyph glyph-name="uniF139" unicode="&#xf139;" horiz-adv-x="448" 
132 | d="M448 416l-192 -448v256h-256z" />
133 |     <glyph glyph-name="uniF154" unicode="&#xf154;" 
134 | d="M496 256c9 0 16 -7 16 -16v-96c0 -9 -7 -16 -16 -16h-176v-176c0 -9 -7 -16 -16 -16h-96c-9 0 -16 7 -16 16v176h-176c-9 0 -16 7 -16 16v96c0 9 7 16 16 16h176v176c0 9 7 16 16 16h96c9 0 16 -7 16 -16v-176h176z" />
135 |     <glyph glyph-name="uniF133" unicode="&#xf133;" horiz-adv-x="528" 
136 | d="M304 416c124 0 224 -100 224 -224s-100 -224 -224 -224v48c47 0 91 19 124 52s52 77 52 124s-19 91 -52 124s-77 52 -124 52s-91 -19 -124 -52c-26 -26 -43 -57 -49 -92h93l-112 -128l-112 128h82c16 109 109 192 222 192zM400 224v-64h-128v160h64v-96h64z" />
137 |     <glyph glyph-name="uniF161" unicode="&#xf161;" 
138 | d="M256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM160 192c0 -53 43 -96 96 -96s96 43 96 96s-43 96 -96 96s-96 -43 -96 -96zM463 106v0c11 26 17 56 17 86s-6 60 -17 86l-89 -37c6 -15 10 -32 10 -49s-4 -34 -10 -49l89 -37v0
139 | zM342 399c-26 11 -56 17 -86 17s-60 -6 -86 -17l37 -89c15 6 32 10 49 10s34 -4 49 -10l37 89v0v0zM49 278v0c-11 -26 -17 -56 -17 -86s6 -60 17 -86l89 37c-6 15 -10 32 -10 49s4 34 10 49zM170 -15c26 -11 56 -17 86 -17s60 6 86 17l-37 89c-15 -6 -32 -10 -49 -10
140 | s-34 4 -49 10z" />
141 |     <glyph glyph-name="uniF12A" unicode="&#xf12a;" horiz-adv-x="448" 
142 | d="M420 348v0c16 -16 28 -46 28 -68v-304c0 -22 -18 -40 -40 -40h-368c-22 0 -40 18 -40 40v432c0 22 18 40 40 40h240c22 0 52 -12 68 -28zM397 326v0l-71 71c-2 2 -4 3 -6 5v-82h82c-2 2 -3 4 -5 6zM416 -24v304c0 2 0 5 -1 8h-127v127c-3 1 -6 1 -8 1h-240
143 | c-4 0 -8 -4 -8 -8v-432c0 -4 4 -8 8 -8h368c4 0 8 4 8 8z" />
144 |     <glyph glyph-name="uniF166" unicode="&#xf166;" horiz-adv-x="480" 
145 | d="M384 416c53 0 96 -43 96 -96v-96h-64v96c0 18 -14 32 -32 32h-64c-18 0 -32 -14 -32 -32v-96h8c13 0 24 -11 24 -24v-240c0 -13 -11 -24 -24 -24h-272c-13 0 -24 11 -24 24v240c0 13 11 24 24 24h200v96c0 53 43 96 96 96h64zM192 0l-14 70c8 6 14 15 14 26
146 | c0 18 -14 32 -32 32s-32 -14 -32 -32c0 -11 6 -20 14 -26l-14 -70h64z" />
147 |     <glyph glyph-name="uniF145" unicode="&#xf145;" horiz-adv-x="384" 
148 | d="M85 299v-86h-42v128h256v64l85 -85l-85 -85v64h-214zM299 85v86h42v-128h-256v-64l-85 85l85 85v-64h214z" />
149 |     <glyph glyph-name="uniF135" unicode="&#xf135;" 
150 | d="M0 384h512v-416h-512v416zM480 0v352h-448v-352h448zM352 272c0 27 21 48 48 48s48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48zM448 32h-384l96 256l128 -160l64 48z" />
151 |     <glyph glyph-name="uniF147" unicode="&#xf147;" horiz-adv-x="256" 
152 | d="M0 64v256l181 -128zM213 320h43v-256h-43v256z" />
153 |     <glyph glyph-name="uniF163" unicode="&#xf163;" horiz-adv-x="462" 
154 | d="M432 160c36 0 16 -96 -16 -96c16 0 0 -80 -32 -80c0 -32 -32 -48 -64 -48c-135 0 -88 34 -224 48v256c120 36 240 127 240 208c26 0 96 -32 0 -192h96c48 0 32 -96 0 -96zM64 240v-256h32v-16h-64c-18 0 -32 22 -32 48v192c0 26 14 48 32 48h64v-16h-32z" />
155 |     <glyph glyph-name="uniF126" unicode="&#xf126;" 
156 | d="M256 352c112 0 208 -65 256 -160c-48 -95 -144 -160 -256 -160s-208 65 -256 160c48 95 144 160 256 160zM382 267c-2 1 -4 3 -6 4c5 -14 8 -29 8 -44c0 -71 -57 -128 -128 -128s-128 57 -128 128c0 15 3 30 8 44c-2 -1 -4 -3 -6 -4c-30 -19 -56 -45 -75 -75
157 | c19 -30 45 -56 75 -75c38 -24 81 -37 126 -37s88 13 126 37c30 19 56 45 75 75c-19 30 -45 56 -75 75zM256 243c0 27 -21 48 -48 48s-48 -21 -48 -48s21 -48 48 -48s48 21 48 48z" />
158 |     <glyph glyph-name="uniF117" unicode="&#xf117;" 
159 | d="M432 384l80 -80l-320 -320l-192 192l80 80l112 -112z" />
160 |     <glyph glyph-name="uniF169" unicode="&#xf169;" horiz-adv-x="440" 
161 | d="M360 32c-6 0 -12 2 -17 7c-9 9 -9 25 0 34c66 66 66 172 0 238c-9 9 -9 25 0 34s25 9 34 0c41 -41 63 -95 63 -153s-22 -112 -63 -153c-5 -5 -11 -7 -17 -7v0zM275 77c-6 0 -12 3 -17 8c-9 9 -9 24 0 33c41 41 41 107 0 148c-9 9 -9 24 0 33s24 9 33 0
162 | c59 -59 59 -156 0 -215c-5 -5 -11 -7 -17 -7h1zM201 409c13 13 23 8 23 -10v-414c0 -18 -10 -23 -23 -10l-121 121h-80v192h80l121 121v0z" />
163 |     <glyph glyph-name="uniF115" unicode="&#xf115;" 
164 | d="M152 144c0 57 47 104 104 104s104 -47 104 -104s-47 -104 -104 -104s-104 47 -104 104zM480 320c18 0 32 -14 32 -32v-288c0 -18 -14 -32 -32 -32h-448c-18 0 -32 14 -32 32v288c0 18 14 32 32 32h112c8 32 16 64 48 64h128c32 0 40 -32 48 -64h112zM256 2
165 | c78 0 142 64 142 142s-64 142 -142 142s-142 -64 -142 -142s64 -142 142 -142zM480 224v32h-64v-32h64z" />
166 |     <glyph glyph-name="uniF14C" unicode="&#xf14c;" 
167 | d="M160 352l352 96v-368c0 -44 -50 -80 -112 -80s-112 36 -112 80s50 80 112 80c17 0 33 -3 48 -8v165l-224 -61v-240c0 -44 -50 -80 -112 -80s-112 36 -112 80s50 80 112 80c17 0 33 -3 48 -8v264v0z" />
168 |     <glyph glyph-name="uniF12F" unicode="&#xf12f;" horiz-adv-x="394" 
169 | d="M381 345c7 0 13 -6 13 -13v-24c0 -2 -1 -2 -2 -3s-4 -2 -5 -3l-188 -110c-1 0 -1 -1 -2 -1s0 1 -1 1l-194 110c-1 1 -2 2 -2 3v27c0 7 6 13 13 13h368zM393 265c1 -1 1 -1 1 -2v-177c0 -1 -1 -3 -2 -3l-1 -1c-1 0 -1 0 -2 1l-107 115c-1 1 0 2 0 3s0 2 1 2l106 62
170 | c1 1 3 1 4 0zM253 182l127 -137c1 -1 1 -3 0 -4s-2 -2 -3 -2h-364c-2 0 -4 1 -6 2c-1 1 -2 2 -2 3s0 2 1 3l142 131c1 1 3 2 4 1l38 -22c5 -3 11 -2 16 1l42 25c1 1 4 0 5 -1zM117 194l-112 -103c-1 -1 -1 -1 -2 -1h-1c-1 1 -2 2 -2 3v167c0 1 1 2 2 3s2 1 3 0l111 -64
171 | c1 -1 2 -1 2 -2s0 -2 -1 -3z" />
172 |     <glyph glyph-name="uniF12E" unicode="&#xf12e;" horiz-adv-x="432" 
173 | d="M83 448c-57 -103 -66 -260 157 -255v127l192 -192l-192 -192v124c-267 -7 -297 236 -157 388z" />
174 |     <glyph glyph-name="uniF111" unicode="&#xf111;" 
175 | d="M256 416c141 0 256 -93 256 -208s-115 -208 -256 -208c-14 0 -27 1 -40 3c-55 -55 -121 -66 -184 -67v14c34 17 64 47 64 82c0 5 0 9 -1 14c-58 38 -95 97 -95 162c0 115 115 208 256 208z" />
176 |     <glyph glyph-name="uniF150" unicode="&#xf150;" 
177 | d="M432 448c44 0 80 -36 80 -80c0 -18 -6 -35 -16 -48l-32 -32l-112 112l32 32c13 10 30 16 48 16zM32 80l296 296l112 -112l-296 -296l-144 -32zM358 266l-28 28l-224 -224l28 -28z" />
178 |     <glyph glyph-name="uniF10E" unicode="&#xf10e;" 
179 | d="M171 363h341v-342h-341l-171 171zM478 55v274h-293l-137 -137l137 -137h293zM263 90l-24 23l78 79l-78 79l24 23l78 -78l79 78l24 -23l-79 -79l79 -79l-24 -23l-79 78z" />
180 |     <glyph glyph-name="uniF10D" unicode="&#xf10d;" 
181 | d="M448 0h-254c-9 0 -17 2 -24 9l-159 159l-2 2c-6 6 -9 14 -9 22s3 17 9 23l2 1l159 159c7 7 17 10 26 9h252c35 0 64 -29 64 -64v-256c0 -35 -29 -64 -64 -64zM416 272l-16 16l-80 -80l-80 80l-16 -16l80 -80l-80 -80l16 -16l80 80l80 -80l16 16l-80 80z" />
182 |     <glyph glyph-name="uniF151" unicode="&#xf151;" horiz-adv-x="480" 
183 | d="M352 128c32 32 128 -64 128 -96s-96 -96 -96 -96c-64 0 -194 66 -256 128s-128 192 -128 256c0 0 64 96 96 96s128 -96 96 -128s-64 -32 -64 -64s32 -64 64 -96s64 -64 96 -64s32 32 64 64z" />
184 |     <glyph glyph-name="uniF12C" unicode="&#xf12c;" horiz-adv-x="480" 
185 | d="M384 362c38 0 73 20 96 36v-297c-23 -16 -58 -37 -96 -37s-73 11 -96 27s-58 27 -96 27s-73 -19 -96 -35v298c23 16 58 35 96 35s73 -11 96 -27s58 -27 96 -27zM32 448c18 0 32 -14 32 -32v-480h-64v480c0 18 14 32 32 32z" />
186 |     <glyph glyph-name="uniF13C" unicode="&#xf13c;" 
187 | d="M477 411v0c47 -47 47 -125 0 -172l-77 -76c0 22 -3 45 -12 66l49 50c26 26 26 66 0 92l-2 2c-26 26 -66 26 -92 0l-109 -109c-26 -26 -26 -66 0 -92l2 -2c4 -4 8 -7 13 -10l-40 -40c-4 3 -9 6 -13 10l-2 2c-47 47 -47 125 0 172l110 109c47 47 124 47 171 0zM316 254v0
188 | l2 -2c47 -47 47 -125 0 -172l-110 -109c-47 -47 -124 -47 -171 0l-2 2c-47 47 -47 124 0 171l77 77c0 -22 3 -45 12 -66l-49 -50c-26 -26 -26 -66 0 -92l2 -2c26 -26 66 -26 92 0l109 109c26 26 26 66 0 92l-2 2c-4 4 -8 7 -13 10l40 40c4 -3 9 -6 13 -10z" />
189 |     <glyph glyph-name="uniF12D" unicode="&#xf12d;" 
190 | d="M0 288h512l-32 -320h-448zM464 352l16 -32h-448l32 64h176l16 -32h208z" />
191 |     <glyph glyph-name="uniF109" unicode="&#xf109;" horiz-adv-x="165" 
192 | d="M165 192c0 -5 -2 -9 -6 -13l-128 -128c-4 -4 -8 -5 -13 -5s-9 1 -13 5s-5 8 -5 13v256c0 5 1 9 5 13s8 5 13 5s9 -1 13 -5l128 -128c4 -4 6 -8 6 -13z" />
193 |     <glyph glyph-name="uniF107" unicode="&#xf107;" horiz-adv-x="174" 
194 | d="M50 332c11 -10 116 -120 116 -120c6 -6 8 -13 8 -20s-2 -14 -8 -20c0 0 -105 -110 -116 -120s-30 -11 -41 0s-12 26 0 40l96 100l-96 100c-12 14 -11 29 0 40s30 10 41 0z" />
195 |     <glyph glyph-name="uniF108" unicode="&#xf108;" horiz-adv-x="236" 
196 | d="M5 2l183 190l-183 190c-7 7 -7 18 0 25s18 7 25 0l200 -202c7 -7 7 -19 0 -26l-200 -202c-7 -7 -18 -7 -25 0s-7 18 0 25z" />
197 |     <glyph glyph-name="uniF15E" unicode="&#xf15e;" 
198 | d="M512 249l-128 -124l30 -176l-158 83l-158 -83l30 176l-128 124l177 26l79 160l79 -160z" />
199 |     <glyph glyph-name="uniF15D" unicode="&#xf15d;" 
200 | d="M512 249l-128 -124l30 -176l-158 83l-158 -83l30 176l-128 124l177 26l79 160l79 -160zM256 71v0l112 -58l-22 124l91 88l-125 18l-56 113v-285v0z" />
201 |     <glyph glyph-name="uniF14D" unicode="&#xf14d;" 
202 | d="M448 320h64v-272c0 -27 -21 -48 -48 -48h-432c-18 0 -32 14 -32 32v352h448v-64zM416 32v320h-384v-320h384zM64 288h320v-32h-320v32zM256 224h128v-32h-128v32zM256 160h128v-32h-128v32zM256 96h96v-32h-96v32zM64 224h160v-160h-160v160z" />
203 |     <glyph glyph-name="uniF100" unicode="&#xf100;" 
204 | d="M448 320c35 0 64 -29 64 -64v-256c0 -35 -29 -64 -64 -64h-384c-35 0 -64 29 -64 64v256c0 35 29 64 64 64h96v64c0 18 14 32 32 32h128c18 0 32 -14 32 -32v-64h96zM192 384v-64h128v64h-128zM384 96v64h-96v96h-64v-96h-96v-64h96v-96h64v96h96z" />
205 |     <glyph glyph-name="uniF14A" unicode="&#xf14a;" 
206 | d="M0 240c0 9 7 16 16 16h480c9 0 16 -7 16 -16v-96c0 -9 -7 -16 -16 -16h-480c-9 0 -16 7 -16 16v96z" />
207 |     <glyph glyph-name="uniF155" unicode="&#xf155;" horiz-adv-x="432" 
208 | d="M240 324v124l192 -192l-192 -192v127c-223 5 -214 -152 -157 -255c-140 152 -110 395 157 388z" />
209 |     <glyph glyph-name="uniF132" unicode="&#xf132;" 
210 | d="M512 269c0 -43 -18 -82 -48 -109v0l-160 -160c-16 -16 -32 -32 -48 -32s-32 16 -48 32l-160 160c-30 27 -48 66 -48 109c0 81 66 147 147 147c43 0 82 -18 109 -48c27 30 66 48 109 48c81 0 147 -66 147 -147z" />
211 |     <glyph glyph-name="uniF168" unicode="&#xf168;" horiz-adv-x="384" 
212 | d="M96 352c0 53 43 96 96 96s96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96zM320 224c64 0 64 -43 64 -96v-160h-384v160c0 53 0 96 64 96h18l99 -202l-37 186l48 48l48 -48l-37 -186l99 202h18z" />
213 |     <glyph glyph-name="uniF13A" unicode="&#xf13a;" 
214 | d="M352 448c88 0 160 -72 160 -160s-72 -160 -160 -160c-19 0 -37 4 -54 10l-42 -42h-64v-64h-64v-64h-64v-32h-32c-18 0 -32 14 -32 32v96l195 195c-2 10 -3 19 -3 29c0 88 72 160 160 160zM400 288c27 0 48 21 48 48s-21 48 -48 48s-48 -21 -48 -48s21 -48 48 -48z" />
215 |     <glyph glyph-name="uniF159" unicode="&#xf159;" 
216 | d="M432 96c44 0 80 -36 80 -80s-36 -80 -80 -80s-80 36 -80 80c0 4 0 9 1 13l-215 107c-15 -15 -35 -24 -58 -24c-44 0 -80 36 -80 80s36 80 80 80c23 0 43 -9 58 -24l215 107c-1 4 -1 9 -1 13c0 44 36 80 80 80s80 -36 80 -80s-36 -80 -80 -80c-23 0 -43 9 -58 24
217 | l-215 -107c1 -4 1 -9 1 -13s0 -9 -1 -13l215 -107c15 15 35 24 58 24z" />
218 |     <glyph glyph-name="uniF123" unicode="&#xf123;" 
219 | d="M352 352l160 -192v-128c0 -18 -14 -32 -32 -32h-448c-18 0 -32 14 -32 32v128l160 192h192zM384 160v0h86l-133 160h-162l-133 -160h86l64 -64h128z" />
220 |     <glyph glyph-name="uniF158" unicode="&#xf158;" 
221 | d="M256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM352 320c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM160 320c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM352 58l41 24
222 | c-28 47 -79 78 -137 78s-109 -31 -137 -78l41 -24c20 33 55 54 96 54s76 -21 96 -54z" />
223 |     <glyph glyph-name="uniF162" unicode="&#xf162;" 
224 | d="M464 448v0c26 0 48 -22 48 -48v-144c0 -26 -15 -63 -34 -82l-224 -224c-19 -19 -49 -19 -68 0l-172 172c-19 19 -19 50 0 69l224 223c19 19 56 34 82 34h144zM400 288c27 0 48 21 48 48s-21 48 -48 48s-48 -21 -48 -48s21 -48 48 -48z" />
225 |     <glyph glyph-name="uniF119" unicode="&#xf119;" 
226 | d="M507 37c2 -2 3 -4 4 -6c2 -6 1 -12 -4 -17l-73 -73c-5 -5 -11 -6 -17 -4c-2 1 -4 2 -6 4v0l-155 155l-155 -155v0c-2 -2 -4 -3 -6 -4c-6 -2 -12 -1 -17 4l-73 73c-5 5 -6 11 -4 17c1 2 2 4 4 6v0l155 155l-155 155v0c-2 2 -3 4 -4 6c-2 6 -1 12 4 17l73 73c5 5 11 6 17 4
227 | c2 -1 4 -2 6 -4v0l155 -155l155 155v0c2 2 4 3 6 4c6 2 12 1 17 -4l73 -73c5 -5 6 -11 4 -17c-1 -2 -2 -4 -4 -6v0l-155 -155l155 -155v0z" />
228 |     <glyph glyph-name="uniF101" unicode="&#xf101;" 
229 | d="M384 128v0h128v-64l-96 -32l-32 -96h-64v128l-91 91l-165 -219l-64 64l110 274l-87 87c-25 25 -31 59 -13 77s52 12 77 -13l87 -87l274 110l64 -64l-219 -165z" />
230 |     <glyph glyph-name="uniF12B" unicode="&#xf12b;" 
231 | d="M0 384h512v-384h-512v384zM96 32v64h-64v-64h64zM96 160v64h-64v-64h64zM96 288v64h-64v-64h64zM384 32v320h-256v-320h256zM480 32v64h-64v-64h64zM480 160v64h-64v-64h64zM480 288v64h-64v-64h64zM192 288l128 -96l-128 -96v192z" />
232 |     <glyph glyph-name="uniF106" unicode="&#xf106;" horiz-adv-x="165" 
233 | d="M165 320v-256c0 -5 -2 -9 -6 -13s-8 -5 -13 -5s-9 1 -13 5l-128 128c-4 4 -5 8 -5 13s1 9 5 13l128 128c4 4 8 5 13 5s9 -1 13 -5s6 -8 6 -13z" />
234 |     <glyph glyph-name="uniF104" unicode="&#xf104;" horiz-adv-x="174" 
235 | d="M124 332c11 10 30 11 41 0s12 -26 0 -40l-96 -100l96 -100c12 -14 11 -29 0 -40s-30 -10 -41 0s-115 120 -115 120c-6 6 -9 13 -9 20s3 14 9 20c0 0 104 110 115 120z" />
236 |     <glyph glyph-name="uniF105" unicode="&#xf105;" horiz-adv-x="236" 
237 | d="M230 2c7 -7 7 -18 0 -25s-17 -7 -24 0l-201 202c-7 7 -7 19 0 26l201 202c7 7 17 7 24 0s7 -18 0 -25l-182 -190z" />
238 |     <glyph glyph-name="uniF103" unicode="&#xf103;" horiz-adv-x="440" 
239 | d="M30 305v0l190 -183l190 183c7 7 18 7 25 0s7 -18 0 -25l-202 -201c-7 -7 -18 -7 -25 0l-203 201c-7 7 -7 18 0 25s18 7 25 0z" />
240 |     <glyph glyph-name="uniF138" unicode="&#xf138;" horiz-adv-x="207" 
241 | d="M74 118c-2 -2 -6 -4 -9 -4s-7 2 -9 4l-56 56l18 18l47 -47l125 126l17 -18z" />
242 |     <glyph glyph-name="uniF11D" unicode="&#xf11d;" horiz-adv-x="507" 
243 | d="M253 218c42 0 81 -17 109 -45l-36 -37c-19 19 -45 30 -73 30s-53 -11 -72 -30l-36 37c28 28 66 45 108 45zM72 245c48 48 113 75 181 75s133 -27 181 -75l-36 -36c-39 39 -90 60 -145 60s-105 -21 -144 -60zM393 394c43 -18 81 -44 114 -77v0l-36 -36
244 | c-58 58 -136 90 -218 90s-159 -32 -217 -90l-36 36c33 33 71 59 114 77c44 19 91 28 139 28s96 -9 140 -28v0zM228 90c0 14 11 25 25 25s26 -11 26 -25s-12 -26 -26 -26s-25 12 -25 26z" />
245 |     <glyph glyph-name="uniF110" unicode="&#xf110;" horiz-adv-x="448" 
246 | d="M416 384h32v-448h-384c-35 0 -64 29 -64 64v384c0 35 29 64 64 64h320v-384h-304c-27 0 -48 -21 -48 -48s21 -48 48 -48h336v416zM96 32h288v-32h-288v32z" />
247 |     <glyph glyph-name="uniF10B" unicode="&#xf10b;" horiz-adv-x="448" 
248 | d="M317 284v0l-162 -162c-9 -9 -9 -23 0 -32s23 -9 32 0l195 194c27 27 27 71 0 98s-71 27 -98 0l-204 -205v0h-1c-45 -45 -45 -117 0 -162s117 -45 162 0v1l140 139l33 -32l-140 -140v0h-1c-63 -63 -163 -63 -226 0s-63 163 0 226v1l205 204c45 45 117 45 162 0
249 | s45 -117 0 -162l-195 -195c-27 -27 -70 -27 -97 0s-27 71 0 98l162 162z" />
250 |     <glyph glyph-name="uniF102" unicode="&#xf102;" horiz-adv-x="448" 
251 | d="M224 384c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM224 -20c99 0 180 81 180 180s-81 180 -180 180s-180 -81 -180 -180s81 -180 180 -180zM435 304v0c-37 54 -93 93 -159 107c18 23 45 37 76 37c53 0 96 -43 96 -96
252 | c0 -17 -5 -34 -13 -48zM172 411c-66 -14 -122 -53 -159 -107c-8 14 -13 31 -13 48c0 53 43 96 96 96c31 0 58 -14 76 -37zM192 288h32v-160h-32v160zM224 160v-32h96v32h-96z" />
253 |     <glyph glyph-name="uniF11B" unicode="&#xf11b;" 
254 | d="M446 255c37 -7 66 -40 66 -79c0 -44 -36 -80 -80 -80h-112v-96h-128v96h-64c-71 0 -128 57 -128 128s57 128 128 128c12 0 25 -2 36 -5c12 40 48 69 92 69c43 0 79 -28 91 -67c7 2 14 3 21 3c44 0 80 -36 80 -80c0 -6 -1 -11 -2 -17zM288 128h80l-112 112l-112 -112h80
255 | v-96h64v96z" />
256 |     <glyph glyph-name="uniF140" unicode="&#xf140;" 
257 | d="M0 352l160 64v-384l-160 -64v384zM352 352v-384l-160 53v384zM512 416v-384l-128 -51v384z" />
258 |     <glyph glyph-name="uniF152" unicode="&#xf152;" 
259 | d="M491 368c14 -54 21 -113 21 -176s-7 -122 -21 -176c-72 -10 -152 -16 -235 -16s-163 6 -235 16c-14 54 -21 113 -21 176s7 122 21 176c72 10 152 16 235 16s163 -6 235 -16zM192 96l160 96l-160 96v-192z" />
260 |     <glyph glyph-name="uniF15C" unicode="&#xf15c;" 
261 | d="M512 249l-128 -124l30 -176l-158 83l-158 -83l30 176l-128 124l177 26l79 160l79 -160zM256 71v0l112 -58l-22 124l91 88l-125 18l-56 113l-56 -113l-125 -18l91 -88l-22 -124z" />
262 |     <glyph glyph-name="uniF14F" unicode="&#xf14f;" horiz-adv-x="384" 
263 | d="M0 384h160v-384h-160v384zM224 384h160v-384h-160v384z" />
264 |     <glyph glyph-name="uniF137" unicode="&#xf137;" horiz-adv-x="256" 
265 | d="M12 304c16 16 18 13 19 12l68 -65v0v0c2 -2 10 -10 10 -3v156v0v2c0 6 6 10 12 10c4 0 7 -2 9 -4v0s117 -113 122 -117s5 -10 1 -14l-84 -81s-4 -4 -4 -8s4 -8 4 -8l84 -81c4 -4 4 -10 -1 -14s-122 -117 -122 -117v0c-2 -2 -5 -4 -9 -4c-6 0 -12 4 -12 10v2v0v156
266 | s-8 -1 -10 -3v0v-1l-68 -64c-1 -1 -3 -4 -19 12s-12 17 -11 18s90 86 90 86s4 3 4 8v0c0 5 -4 8 -4 8s-89 85 -90 86s-5 2 11 18zM152 328v-79c0 -8 8 -1 10 1l30 30s3 5 3 7s-1 5 -3 7l-30 30c-2 2 -10 11 -10 4zM152 135v-79s8 2 10 4l30 30c2 2 3 5 3 7s-1 5 -3 7l-30 30
267 | c-2 2 -10 9 -10 1z" />
268 |     <glyph glyph-name="uniF13E" unicode="&#xf13e;" horiz-adv-x="320" 
269 | d="M296 224c13 0 24 -11 24 -24v-240c0 -13 -11 -24 -24 -24h-272c-13 0 -24 11 -24 24v240c0 13 11 24 24 24h8v96c0 53 43 96 96 96h64c53 0 96 -43 96 -96v-96h8zM192 0l-14 70c8 6 14 15 14 26c0 18 -14 32 -32 32s-32 -14 -32 -32c0 -11 6 -20 14 -26l-14 -70h64z
270 | M224 224v96c0 18 -14 32 -32 32h-64c-18 0 -32 -14 -32 -32v-96h128z" />
271 |     <glyph glyph-name="uniF15B" unicode="&#xf15b;" 
272 | d="M512 288l-256 -128l-256 128l256 128zM256 374l-171 -86l171 -86l171 86zM461 218l51 -26l-256 -128l-256 128l51 26l205 -103zM461 122l51 -26l-256 -128l-256 128l51 26l205 -103z" />
273 |     <glyph glyph-name="uniF124" unicode="&#xf124;" horiz-adv-x="384" 
274 | d="M384 131v0v-3v-4v0c-2 -104 -87 -188 -192 -188s-190 84 -192 188v0v4v3v1v2c5 158 192 314 192 314s187 -156 192 -314v-2v-1zM320 126v0v2v2v1v1v0c-1 30 -12 65 -32 102c1 -9 2 -19 2 -29c0 -87 -46 -163 -116 -204c6 -1 12 -1 18 -1c34 0 66 13 90 37s37 54 38 88v1z
275 | " />
276 |     <glyph glyph-name="uniF14B" unicode="&#xf14b;" horiz-adv-x="320" 
277 | d="M272 448c26 0 48 -22 48 -48v-416c0 -26 -22 -48 -48 -48h-224c-26 0 -48 22 -48 48v416c0 26 22 48 48 48h224zM96 424v-16h128v16h-128zM160 -32c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM288 64v320h-256v-320h256z" />
278 |     <glyph glyph-name="uniF11E" unicode="&#xf11e;" horiz-adv-x="384" 
279 | d="M368 384c9 0 16 -7 16 -16v-316l-116 -116h-252c-9 0 -16 7 -16 16v416c0 9 7 16 16 16h32v-32h-16v-384h192v128h128v256h-16v32h32zM256 -32l96 96h-96v-96zM320 384v-64h-256v64h64v32c0 18 14 32 32 32h64c18 0 32 -14 32 -32v-32h64zM224 384v0v32v0h-64v0v-32h64z
280 | " />
281 |     <glyph glyph-name="uniF11F" unicode="&#xf11f;" 
282 | d="M320 320h192v-384h-320v128h-192v288l96 96h224v-128zM96 403l-51 -51h51v51zM32 96h160v128l96 96v96h-160v-96h-96v-224zM288 275l-51 -51h51v51zM480 -32v320h-160v-96h-96v-224h256z" />
283 |     <glyph glyph-name="uniF113" unicode="&#xf113;" 
284 | d="M512 233c0 -100 -30 -181 -66 -182h1h-42s-97 73 -237 102c-4 23 -7 49 -7 80s3 58 7 81c140 29 237 102 237 102h42h-1c36 -1 66 -83 66 -183zM432 78c5 0 10 5 13 8c6 7 12 18 17 32c12 31 18 71 18 115s-6 85 -18 116c-5 14 -11 25 -17 32c-3 3 -8 7 -13 7
285 | s-9 -4 -12 -7c-6 -7 -13 -18 -18 -32c-12 -31 -18 -72 -18 -116s6 -84 18 -115c5 -14 12 -25 18 -32c3 -3 7 -8 12 -8zM126 233v0c0 -26 1 -51 5 -74c-24 3 -44 5 -70 5c-34 0 -33 0 -33 0l-28 47v44l28 48s-1 0 33 0c26 0 46 2 70 5c-4 -23 -5 -49 -5 -75zM184 127l62 -115
286 | c4 -8 1 -16 -7 -19l-60 -24c-8 -3 -16 1 -18 9l-41 161zM432 174c-2 0 -3 2 -4 3c-2 3 -5 7 -7 12c-4 12 -7 27 -7 44s3 33 7 45c2 5 5 9 7 12c1 1 2 3 4 3s4 -2 5 -3c2 -3 5 -7 7 -12c4 -12 7 -28 7 -45s-3 -32 -7 -44c-2 -5 -5 -9 -7 -12c-1 -1 -3 -3 -5 -3z" />
287 |     <glyph glyph-name="uniF129" unicode="&#xf129;" horiz-adv-x="439" 
288 | d="M439 192c0 -30 -6 -58 -18 -85s-26 -50 -46 -70s-43 -35 -70 -47s-56 -17 -86 -17c-33 0 -63 6 -93 20s-54 34 -75 59c-1 2 -2 4 -2 6s0 4 2 6l39 39c2 2 4 3 7 3s6 -1 7 -3c14 -18 31 -32 51 -42s41 -15 64 -15c20 0 39 3 57 11s34 19 47 32s23 28 31 46s12 37 12 57
289 | s-4 39 -12 57s-18 33 -31 46s-29 24 -47 32s-37 11 -57 11c-19 0 -36 -3 -53 -10s-33 -16 -46 -29l39 -39c6 -6 7 -13 4 -20c-3 -8 -9 -11 -17 -11h-128c-5 0 -9 1 -13 5s-5 8 -5 13v128c0 8 3 14 11 17c7 3 14 2 20 -4l37 -37c20 19 44 34 70 45s53 15 81 15
290 | c30 0 59 -5 86 -17s50 -27 70 -47s34 -43 46 -70s18 -55 18 -85v0z" />
291 |   </font>
292 | </defs></svg>
293 | 


--------------------------------------------------------------------------------
/app/assets/fonts/icons_mobiscroll.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/homerious/angular-ionic-webpack/52e44f47e449f170b2126f7d6e52e5c738b9c4c7/app/assets/fonts/icons_mobiscroll.ttf


--------------------------------------------------------------------------------
/app/assets/fonts/icons_mobiscroll.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/homerious/angular-ionic-webpack/52e44f47e449f170b2126f7d6e52e5c738b9c4c7/app/assets/fonts/icons_mobiscroll.woff


--------------------------------------------------------------------------------
/app/assets/fonts/ionicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/homerious/angular-ionic-webpack/52e44f47e449f170b2126f7d6e52e5c738b9c4c7/app/assets/fonts/ionicons.eot


--------------------------------------------------------------------------------
/app/assets/fonts/ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/homerious/angular-ionic-webpack/52e44f47e449f170b2126f7d6e52e5c738b9c4c7/app/assets/fonts/ionicons.ttf


--------------------------------------------------------------------------------
/app/assets/fonts/ionicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/homerious/angular-ionic-webpack/52e44f47e449f170b2126f7d6e52e5c738b9c4c7/app/assets/fonts/ionicons.woff


--------------------------------------------------------------------------------
/app/assets/lib/calendar-pk/release/css/calendar_pk.css:
--------------------------------------------------------------------------------
 1 | .calendar-pk {
 2 |   width: 100%;
 3 |   max-width: 100%;
 4 |   background-color: white;
 5 |   border-top: 1px solid #969696;
 6 |   border-bottom: 1px solid #969696;
 7 |   table-layout: fixed; }
 8 |   .calendar-pk td,
 9 |   .calendar-pk th {
10 |     text-align: center;
11 |     vertical-align: middle; }
12 |   .calendar-pk > thead > tr {
13 |     background-color: #f0f0f0;
14 |     border-bottom: 2px solid #969696; }
15 |     .calendar-pk > thead > tr > th {
16 |       line-height: 2.5em;
17 |       border-right: 1px solid #969696; }
18 |       .calendar-pk > thead > tr > th:first-child {
19 |         border-right: 2px solid #969696; }
20 |   .calendar-pk > tbody > tr > td {
21 |     border-bottom: 1px solid #969696;
22 |     border-right: 1px solid #969696; }
23 |     .calendar-pk > tbody > tr > td:first-child {
24 |       background-color: #f0f0f0;
25 |       border-right: 2px solid #969696; }
26 |   .calendar-pk .monthview-primary {
27 |     background-color: #d34121;
28 |     color: white; }
29 |   .calendar-pk .monthview-secondary {
30 |     background-color: #e5745b; }
31 |   .calendar-pk .monthview-current {
32 |     font-weight: bold;
33 |     font-size: 1.2em; }
34 |   .calendar-pk .text-muted {
35 |     color: #323232; }
36 |     .click{
37 |       background-color: #81e481;
38 |     }
39 | 


--------------------------------------------------------------------------------
/app/assets/lib/calendar-pk/release/css/calendar_pk.min.css:
--------------------------------------------------------------------------------
1 | .calendar-pk{width:100%;max-width:100%;background-color:#fff;border-top:1px solid #969696;border-bottom:1px solid #969696;table-layout:fixed}.calendar-pk td,.calendar-pk th{text-align:center;vertical-align:middle}.calendar-pk>thead>tr{background-color:#f0f0f0;border-bottom:2px solid #969696}.calendar-pk>thead>tr>th{line-height:2.5em;border-right:1px solid #969696}.calendar-pk>thead>tr>th:first-child{border-right:2px solid #969696}.calendar-pk>tbody>tr>td{border-bottom:1px solid #969696;border-right:1px solid #969696}.calendar-pk>tbody>tr>td:first-child{background-color:#f0f0f0;border-right:2px solid #969696}.calendar-pk .monthview-primary{background-color:#d34121;color:#fff}.calendar-pk .monthview-secondary{background-color:#e5745b}.calendar-pk .monthview-current{font-weight:700;font-size:1.2em}.calendar-pk .text-muted{color:#323232}


--------------------------------------------------------------------------------
/app/assets/lib/calendar-pk/release/js/calendar_pk.js:
--------------------------------------------------------------------------------
  1 | (function() {
  2 |     'use strict';
  3 | 
  4 |     angular.module('calendar_pk.directives', []);
  5 |     angular.module('calendar_pk.constants', []);
  6 |     angular.module('calendar_pk.filters', []);
  7 | 
  8 |     var app = angular.module('calendar_pk', ['calendar_pk.directives', 'calendar_pk.constants', 'calendar_pk.templates', 'calendar_pk.filters']);
  9 | 
 10 | })();
 11 | 
 12 | (function() {
 13 |     'use strict';
 14 | 
 15 |     angular.module('calendar_pk.constants')
 16 |         .constant('calendarConfig', {
 17 |             formatDay: 'dd', //
 18 |             formatDayHeader: 'EEE', //
 19 |             formatMonthTitle: 'yyyy MMMM', //
 20 |             eventSource: [], //
 21 |             startingDayMonth: 1, //
 22 |         });
 23 | 
 24 | })();
 25 | 
 26 | (function() {
 27 |     'use strict';
 28 | 
 29 |     angular.module('calendar_pk.directives')
 30 |         .directive('calendarPk', calendarPk);
 31 | 
 32 |     calendarPk.$inject = [];
 33 | 
 34 |     function calendarPk() {
 35 |         var directive = {};
 36 | 
 37 |         directive.restrict = 'E';
 38 |         directive.replace = true;
 39 | 
 40 |         directive.templateUrl = 'calendar-pk.html';
 41 | 
 42 |         directive.scope = {
 43 |             monthChanged: '&', // Called when changing the month
 44 |             timeSelected: '&', // Called when clicking on a date
 45 |             weekSelected: '&', // Called when clicking on a week
 46 |             eventSource: '=', // All the events => two way data binding
 47 |         };
 48 | 
 49 |         directive.controllerAs = 'cc';
 50 |         directive.controller = CalendarController;
 51 |         CalendarController.$inject = ['$scope', '$attrs', '$interpolate', 'calendarConfig', '$timeout', '$filter', '$ionicSlideBoxDelegate'];
 52 | 
 53 |         function CalendarController($scope, $attrs, $interpolate, calendarConfig, $timeout, $filter, $ionicSlideBoxDelegate) {
 54 |             var vm = this;
 55 | 
 56 |             $scope.$watch(function() {
 57 |                 return $scope.eventSource;
 58 |             }, function(newVal, oldVal) {
 59 |                 onDataLoaded();
 60 |             }, true);
 61 | 
 62 |             init();
 63 | 
 64 |             function init() {
 65 |                 // Configuration attributes
 66 |                 angular.forEach(['formatDay', 'formatDayHeader', 'formatMonthTitle', 'startingDayMonth'], function(key, index) {
 67 |                     vm[key] = angular.isDefined($attrs[key]) ? $interpolate($attrs[key])($scope.$parent) : calendarConfig[key];
 68 |                 });
 69 | 
 70 |                 vm.currentViewIndex = 0;
 71 |                 vm.currentDate = new Date();
 72 |                 vm.isGreen = false;
 73 |                 vm.timecollector = [];
 74 |                 refreshView();
 75 |             }
 76 | 
 77 |             // Triggered on ng-click when clicking on a date
 78 |             // => Call the function timeSelected passed to the directive
 79 |             vm.dayClick = function(selectedTime, $event) {
 80 |                 //toogle(selectedTime);
 81 | 
 82 |                 if (vm.timecollector.length == 1) {
 83 |                     $event.target.className += " click"
 84 |                     console.log(vm.timecollector.indexOf($event));
 85 |                     vm.timecollector[0].target.className = vm.timecollector[0].target.className.replace(" click","");
 86 |                     vm.timecollector = [];
 87 |                     vm.timecollector.push($event);
 88 |                 } else {
 89 |                     console.log(vm.timecollector.indexOf($event));
 90 |                     $event.target.className += " click";
 91 |                     vm.timecollector.push($event);
 92 |                 }
 93 | 
 94 |                 //vm.isGreen = !vm.isGreen;
 95 |                 if ($scope.timeSelected) {
 96 |                     $scope.timeSelected({ selectedTime: selectedTime });
 97 |                 }
 98 |                 
 99 |             };
100 | 
101 |             // Called when clicking on a week
102 |             // => toogle all the week depending if they were all selected
103 |             // vm.weekClick = function(date_index) {
104 |             //   var all_selected = isAllWeekSelected(date_index),
105 |             //       dates = vm.views[vm.currentViewIndex].dates;
106 | 
107 |             //   for (var i = 0; i < 7; i++) {
108 |             //     if (all_selected) {
109 |             //       toogle(dates[date_index + i].date);
110 |             //     } else if (!all_selected && !dates[date_index + i].event) {
111 |             //       toogle(dates[date_index + i].date);
112 |             //     }
113 |             //   }
114 | 
115 |             //   if ($scope.weekSelected) {
116 |             //     var monday = dates[date_index].date;
117 |             //     $scope.weekSelected({monday: monday});
118 |             //   }
119 |             // };
120 | 
121 |             // First called when changing the month
122 |             // => calculate the direction of the slide
123 |             // => call refreshView
124 |             vm.slideChanged = function($index) {
125 |                 $timeout(function() {
126 |                     var currentViewIndex = vm.currentViewIndex,
127 |                         direction = 0;
128 | 
129 |                     if (currentViewIndex === $index - 1 || ($index === 0 && currentViewIndex === 2)) {
130 |                         direction = 1;
131 |                     } else if (currentViewIndex === $index + 1 || ($index === 2 && currentViewIndex === 0)) {
132 |                         direction = -1;
133 |                     }
134 | 
135 |                     vm.currentViewIndex = $index;
136 | 
137 |                     vm.currentDate = getAdjacentCalendarDate(vm.currentDate, direction);
138 | 
139 |                     refreshView(direction);
140 |                 }, 100);
141 |             };
142 | 
143 |             vm.changeColor = function() {
144 |                 this.j.isGreen = this.j.isGreen;
145 |             }
146 | 
147 |             $scope.$on('changeMonth', function(event, direction) {
148 |                 var slideHandle = $ionicSlideBoxDelegate.$getByHandle('monthview-slide');
149 | 
150 |                 if (slideHandle) {
151 |                     if (direction === 1) {
152 |                         slideHandle.next();
153 |                     } else if (direction === -1) {
154 |                         slideHandle.previous();
155 |                     }
156 |                 }
157 |             });
158 | 
159 |             // DONE
160 |             function onDataLoaded() {
161 |                 var eventSource = $scope.eventSource, // All the events
162 |                     timeZoneOffset = -new Date().getTimezoneOffset(),
163 |                     utcStartTime = new Date(vm.range.startTime.getTime() + timeZoneOffset * 60 * 1000), // StartTime of the month
164 |                     utcEndTime = new Date(vm.range.endTime.getTime() + timeZoneOffset * 60 * 1000), // EndTime of the month
165 |                     dates = vm.views[vm.currentViewIndex].dates; // All the dates of the current scope (42 dates)
166 | 
167 |                 // Reset
168 |                 for (var r = 0; r < 42; r += 1) {
169 |                     dates[r].event = false;
170 |                 }
171 | 
172 |                 // loop over all events
173 |                 // => If eventDate is in the scope of the current view
174 |                 //  => add the event to vm.views[vm.currentViewIndex].dates
175 |                 for (var i = 0; i < eventSource.length; i += 1) {
176 |                     var eventDate = new Date(eventSource[i]);
177 | 
178 |                     if (utcStartTime <= eventDate && eventDate < utcEndTime) {
179 |                         dates[Math.floor((eventDate - utcStartTime) / 86400000)].event = true;
180 |                     }
181 |                 }
182 |             }
183 | 
184 |             // DONE
185 |             // From one time, get the corresponding index of the eventSource array
186 |             // Used to know if there is a Event at the same date
187 |             function getEventIndex(time) {
188 |                 var j = -1,
189 |                     eventSource = $scope.eventSource;
190 | 
191 |                 for (var i = 0; i < eventSource.length; i++) {
192 |                     if (eventSource[i].getDate() === time.getDate() && eventSource[i].getMonth() === time.getMonth() && eventSource[i].getFullYear() === time.getFullYear()) {
193 |                         j = i;
194 |                         break;
195 |                     }
196 |                 }
197 | 
198 |                 return j;
199 |             }
200 | 
201 |             // DONE
202 |             // Used to toogle one date
203 |             // TODO => should delete ALL the event for the date => loop ?
204 |             function toogle(selectedTime) {
205 |                 var eventSource = $scope.eventSource,
206 |                     index = getEventIndex(selectedTime);
207 | 
208 |                 if (eventSource.length > 0) {
209 |                     eventSource.splice(index, 1);
210 |                     eventSource.push(selectedTime);
211 |                 } else {
212 |                     eventSource.push(selectedTime);
213 |                 }
214 |                 // if (index > -1) {
215 |                 //   eventSource.splice(index, 1);
216 |                 // } else {
217 |                 //   eventSource.push(selectedTime);
218 |                 // }
219 |             }
220 | 
221 |             // DONE
222 |             // Used to get if all the week is selected
223 |             function isAllWeekSelected(date_index) {
224 |                 var dates = vm.views[vm.currentViewIndex].dates,
225 |                     all_selected = true;
226 | 
227 |                 for (var i = 0; i < 7; i++) {
228 |                     if (getEventIndex(dates[date_index + i].date) === -1) {
229 |                         all_selected = false;
230 |                         break;
231 |                     }
232 |                 }
233 | 
234 |                 return all_selected;
235 |             }
236 | 
237 |             // Used to get the "AdjacentCalendarDate"
238 |             // => this is the same day as the currentCalendarDate but shifted from one month depending of the direction
239 |             // => from the direction, add/substract one month to currentCalendarDate
240 |             function getAdjacentCalendarDate(currentCalendarDate, direction) {
241 |                 var calculateCalendarDate = new Date(currentCalendarDate),
242 |                     year = calculateCalendarDate.getFullYear(),
243 |                     month = calculateCalendarDate.getMonth() + direction,
244 |                     date = calculateCalendarDate.getDate(),
245 |                     firstDayInNextMonth;
246 | 
247 |                 calculateCalendarDate.setFullYear(year, month, date);
248 | 
249 |                 firstDayInNextMonth = new Date(year, month + 1, 1);
250 |                 if (firstDayInNextMonth.getTime() <= calculateCalendarDate.getTime()) {
251 |                     calculateCalendarDate = new Date(firstDayInNextMonth - 24 * 60 * 60 * 1000);
252 |                 }
253 | 
254 |                 return calculateCalendarDate;
255 |             }
256 | 
257 | 
258 |             // Called after changing the month
259 |             // direction -1 (gauche), +1(droite)
260 |             function refreshView(direction) {
261 |                 vm.range = getRange(vm.currentDate);
262 | 
263 |                 refreshMonth();
264 | 
265 |                 populateAdjacentViews();
266 | 
267 | 
268 |                 if ($scope.eventSource) {
269 |                     onDataLoaded();
270 |                 }
271 | 
272 |                 // From one date
273 |                 // => get the startDate and endDate of new view corresponding to the date
274 |                 function getRange(date) {
275 |                     var firstDayOfMonth = new Date(date.getFullYear(), date.getMonth(), 1),
276 |                         difference = vm.startingDayMonth - firstDayOfMonth.getDay(), // vm.startingDayMonth = 1 (Monday)  .getDay() = 0 (SUN) 1 (MON) 2 (TSU) ...
277 |                         numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : -difference, // number of days to display from previous month
278 |                         startDate = new Date(firstDayOfMonth),
279 |                         endDate;
280 | 
281 |                     if (numDisplayedFromPreviousMonth > 0) {
282 |                         startDate.setDate(-numDisplayedFromPreviousMonth + 1);
283 |                     }
284 | 
285 |                     endDate = new Date(startDate);
286 |                     endDate.setDate(endDate.getDate() + 42);
287 | 
288 |                     return {
289 |                         startTime: startDate,
290 |                         endTime: endDate
291 |                     };
292 |                 }
293 | 
294 |                 // Used to refresh the month
295 |                 function refreshMonth() {
296 |                     var currentViewStartDate = new Date(vm.range.startTime);
297 | 
298 |                     currentViewStartDate.setDate(currentViewStartDate.getDate() + 10);
299 | 
300 |                     // $scope.currentMonth.date = currentViewStartDate;
301 |                     // $scope.currentMonth.display = $filter('date')(currentViewStartDate, vm.formatMonthTitle);
302 | 
303 |                     if ($scope.monthChanged) {
304 |                         $scope.monthChanged({
305 |                             startTime: vm.range.startTime,
306 |                             endTime: vm.range.endTime,
307 |                             display: $filter('date')(currentViewStartDate, vm.formatMonthTitle)
308 |                         });
309 |                     }
310 |                 }
311 | 
312 |                 function populateAdjacentViews() {
313 |                     var currentViewStartDate,
314 |                         currentViewData,
315 |                         toUpdateViewIndex,
316 |                         currentViewIndex = vm.currentViewIndex;
317 | 
318 |                     if (direction === 1) { // next month
319 |                         currentViewStartDate = getAdjacentViewStartTime(direction);
320 |                         toUpdateViewIndex = (currentViewIndex + 1) % 3;
321 |                         angular.copy(getDates(currentViewStartDate), vm.views[toUpdateViewIndex]);
322 |                     } else if (direction === -1) { // previous month
323 |                         currentViewStartDate = getAdjacentViewStartTime(direction);
324 |                         toUpdateViewIndex = (currentViewIndex + 2) % 3;
325 |                         angular.copy(getDates(currentViewStartDate), vm.views[toUpdateViewIndex]);
326 |                     } else {
327 |                         if (!vm.views) {
328 |                             currentViewData = [];
329 |                             currentViewStartDate = vm.range.startTime;
330 |                             currentViewData.push(getDates(currentViewStartDate));
331 |                             currentViewStartDate = getAdjacentViewStartTime(1);
332 |                             currentViewData.push(getDates(currentViewStartDate));
333 |                             currentViewStartDate = getAdjacentViewStartTime(-1);
334 |                             currentViewData.push(getDates(currentViewStartDate));
335 |                             vm.views = currentViewData;
336 |                         } else {
337 |                             currentViewStartDate = vm.range.startTime;
338 |                             angular.copy(getDates(currentViewStartDate), vm.views[currentViewIndex]);
339 |                             currentViewStartDate = getAdjacentViewStartTime(-1);
340 |                             toUpdateViewIndex = (currentViewIndex + 2) % 3;
341 |                             angular.copy(getDates(currentViewStartDate), vm.views[toUpdateViewIndex]);
342 |                             currentViewStartDate = getAdjacentViewStartTime(1);
343 |                             toUpdateViewIndex = (currentViewIndex + 1) % 3;
344 |                             angular.copy(getDates(currentViewStartDate), vm.views[toUpdateViewIndex]);
345 |                         }
346 |                     }
347 | 
348 | 
349 |                     // Used to get an array of 42 days (7days * 6weeks)
350 |                     // => used to display the current month
351 |                     function getDates(startDate) {
352 |                         var dates = new Array(42),
353 |                             current = new Date(startDate);
354 | 
355 |                         current.setHours(12); // Prevent repeated dates because of timezone bug
356 | 
357 |                         for (var i = 0; i < dates.length; i++) {
358 |                             dates[i] = {
359 |                                 date: new Date(current),
360 |                                 event: false
361 |                             };
362 |                             current.setDate(current.getDate() + 1);
363 |                         }
364 | 
365 |                         return {
366 |                             dates: dates
367 |                         };
368 |                     }
369 | 
370 |                     // Used to get the startTime of the view corresponding to the direction and the currentDate
371 |                     function getAdjacentViewStartTime(direction) {
372 |                         var adjacentCalendarDate = getAdjacentCalendarDate(vm.currentDate, direction);
373 |                         return getRange(adjacentCalendarDate).startTime;
374 |                     }
375 | 
376 |                     // function getAdjacentViewStartTime(direction) {
377 |                     //   // Used to get the "AdjacentCalendarDate"
378 |                     //   // => this is the same day as the currentCalendarDate but shifted from one month depending of the direction
379 |                     //   // => from the direction, add/substract one month to currentCalendarDate
380 |                     //   var calculateCalendarDate = new Date(vm.currentDate),
381 |                     //       year = calculateCalendarDate.getFullYear(),
382 |                     //       month = calculateCalendarDate.getMonth() + direction,
383 |                     //       date = calculateCalendarDate.getDate(),
384 |                     //       firstDayInNextMonth;
385 | 
386 |                     //   calculateCalendarDate.setFullYear(year, month, date);
387 | 
388 |                     //   firstDayInNextMonth = new Date(year, month + 1, 1);
389 |                     //   if (firstDayInNextMonth.getTime() <= calculateCalendarDate.getTime()) {
390 |                     //     calculateCalendarDate = new Date(firstDayInNextMonth - 24 * 60 * 60 * 1000);
391 |                     //   }
392 | 
393 |                     //   return getRange(calculateCalendarDate).startTime;
394 |                     // }
395 |                 }
396 |             }
397 |         }
398 | 
399 |         return directive;
400 | 
401 |     }
402 | })();
403 | 
404 | (function() {
405 |     angular.module('calendar_pk.filters')
406 |         .filter('sameMonth', sameMonth);
407 | 
408 |     sameMonth.$inject = [];
409 | 
410 |     function sameMonth() {
411 |         return function(date, currentDate) {
412 |             date = new Date(+date);
413 |             current = new Date(+currentDate);
414 |             return (date.getMonth() === current.getMonth() && date.getFullYear() === current.getFullYear());
415 |         };
416 | 
417 |     }
418 | })();
419 | 
420 | (function() {
421 |     angular.module('calendar_pk.filters')
422 |         .filter('todayFilter', todayFilter);
423 | 
424 |     todayFilter.$inject = [];
425 | 
426 |     function todayFilter() {
427 |         return function(date) {
428 |             date = new Date(+date);
429 |             var today = new Date();
430 |             return (date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear());
431 |         };
432 | 
433 |     }
434 | })();
435 | 
436 | (function() {
437 |     'use strict';
438 | 
439 |     angular.module('calendar_pk.templates', []).run(['$templateCache', function($templateCache) {
440 |         $templateCache.put("calendar-pk.html",
441 |             "<div style=\"height: 100%;\">\n" +
442 |             "    <ion-slide-box  on-slide-changed=\"cc.slideChanged($index)\"\n" +
443 |             "                    does-continue=\"true\"\n" +
444 |             "                    show-pager=\"false\"\n" +
445 |             "                    delegate-handle=\"monthview-slide\"\n" +
446 |             "                    style=\"height: auto;\">\n" +
447 |             "        <ion-slide ng-repeat=\"view in cc.views track by $index\">\n" +
448 |             "            <table ng-if=\"$index === cc.currentViewIndex\" class=\"calendar-pk monthview-datetable\">\n" +
449 |             "                <thead>\n" +
450 |             "                    <tr>\n" +
451 |             "                        <th></th>\n" +
452 |             "                        <th ng-repeat=\"day in view.dates.slice(0,7) track by day.date\">\n" +
453 |             "                            <small>{{::day.date | date: cc.formatDayHeader | uppercase}}</small>\n" +
454 |             "                        </th>\n" +
455 |             "                    </tr>\n" +
456 |             "                </thead>\n" +
457 |             "                <tbody>\n" +
458 |             "                    <tr ng-repeat=\"i in [0,1,2,3,4,5]\">\n" +
459 |             "                        <td ng-click=\"cc.weekClick(7*i)\">第<br>{{view.dates[7*i].date | date : 'w'}}周</td>\n" +
460 |             "                        <td ng-repeat=\"j in [0,1,2,3,4,5,6]\"\n" +
461 |             "                            ng-init=\"date = view.dates[7*i+j]\"\n" +
462 |             "                            ng-click=\"cc.dayClick(date.date,$event);\"\n" +
463 |             "                            ng-class=\"{'monthview-secondary': date.event && !(date.date | sameMonth : cc.currentDate), 'monthview-primary': date.event && (date.date | sameMonth : cc.currentDate), 'monthview-current': (date.date | todayFilter), 'text-muted': !(date.date | sameMonth : cc.currentDate)}\">{{date.date | date : cc.formatDay}}</td>\n" +
464 |             "                    </tr>\n" +
465 |             "                </tbody>\n" +
466 |             "            </table>\n" +
467 |             "            <table ng-if=\"$index !== cc.currentViewIndex\" class=\"calendar-pk monthview-datetable\">\n" +
468 |             "                <thead>\n" +
469 |             "                    <tr class=\"text-center\">\n" +
470 |             "                        <th></th>\n" +
471 |             "                        <th ng-repeat=\"day in view.dates.slice(0,7) track by day.date\">\n" +
472 |             "                            <small>{{::day.date | date: cc.formatDayHeader | uppercase}}</small>\n" +
473 |             "                        </th>\n" +
474 |             "                    </tr>\n" +
475 |             "                </thead>\n" +
476 |             "                <tbody>\n" +
477 |             "                    <tr ng-repeat=\"i in [0,1,2,3,4,5]\">\n" +
478 |             "                        <td>第<br>{{view.dates[7*i].date | date : 'w'}}周</td>\n" +
479 |             "                        <td ng-repeat=\"j in [0,1,2,3,4,5,6]\">{{view.dates[7*i+j].date | date : cc.formatDay}}</td>\n" +
480 |             "                    </tr>\n" +
481 |             "                </tbody>\n" +
482 |             "            </table>\n" +
483 |             "        </ion-slide>\n" +
484 |             "    </ion-slide-box>\n" +
485 |             "</div>\n" +
486 |             "");
487 |     }]);
488 | }());
489 | 


--------------------------------------------------------------------------------
/app/assets/lib/calendar-pk/release/js/calendar_pk.min.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";angular.module("calendar_pk.directives",[]),angular.module("calendar_pk.constants",[]),angular.module("calendar_pk.filters",[]);angular.module("calendar_pk",["calendar_pk.directives","calendar_pk.constants","calendar_pk.templates","calendar_pk.filters"])}(),function(){"use strict";angular.module("calendar_pk.constants").constant("calendarConfig",{formatDay:"dd",formatDayHeader:"EEE",formatMonthTitle:"MMMM yyyy",eventSource:[],startingDayMonth:1})}(),function(){"use strict";function calendarPk(){function CalendarController($scope,$attrs,$interpolate,calendarConfig,$timeout,$filter,$ionicSlideBoxDelegate){function init(){angular.forEach(["formatDay","formatDayHeader","formatMonthTitle","startingDayMonth"],function(key,index){vm[key]=angular.isDefined($attrs[key])?$interpolate($attrs[key])($scope.$parent):calendarConfig[key]}),vm.currentViewIndex=0,vm.currentDate=new Date,refreshView()}function onDataLoaded(){for(var eventSource=$scope.eventSource,timeZoneOffset=-(new Date).getTimezoneOffset(),utcStartTime=new Date(vm.range.startTime.getTime()+60*timeZoneOffset*1e3),utcEndTime=new Date(vm.range.endTime.getTime()+60*timeZoneOffset*1e3),dates=vm.views[vm.currentViewIndex].dates,r=0;42>r;r+=1)dates[r].event=!1;for(var i=0;i<eventSource.length;i+=1){var eventDate=new Date(eventSource[i]);eventDate>=utcStartTime&&utcEndTime>eventDate&&(dates[Math.floor((eventDate-utcStartTime)/864e5)].event=!0)}}function getEventIndex(time){for(var j=-1,eventSource=$scope.eventSource,i=0;i<eventSource.length;i++)if(eventSource[i].getDate()===time.getDate()&&eventSource[i].getMonth()===time.getMonth()&&eventSource[i].getFullYear()===time.getFullYear()){j=i;break}return j}function toogle(selectedTime){var eventSource=$scope.eventSource,index=getEventIndex(selectedTime);index>-1?eventSource.splice(index,1):eventSource.push(selectedTime)}function isAllWeekSelected(date_index){for(var dates=vm.views[vm.currentViewIndex].dates,all_selected=!0,i=0;7>i;i++)if(-1===getEventIndex(dates[date_index+i].date)){all_selected=!1;break}return all_selected}function getAdjacentCalendarDate(currentCalendarDate,direction){var firstDayInNextMonth,calculateCalendarDate=new Date(currentCalendarDate),year=calculateCalendarDate.getFullYear(),month=calculateCalendarDate.getMonth()+direction,date=calculateCalendarDate.getDate();return calculateCalendarDate.setFullYear(year,month,date),firstDayInNextMonth=new Date(year,month+1,1),firstDayInNextMonth.getTime()<=calculateCalendarDate.getTime()&&(calculateCalendarDate=new Date(firstDayInNextMonth-864e5)),calculateCalendarDate}function refreshView(direction){function getRange(date){var endDate,firstDayOfMonth=new Date(date.getFullYear(),date.getMonth(),1),difference=vm.startingDayMonth-firstDayOfMonth.getDay(),numDisplayedFromPreviousMonth=difference>0?7-difference:-difference,startDate=new Date(firstDayOfMonth);return numDisplayedFromPreviousMonth>0&&startDate.setDate(-numDisplayedFromPreviousMonth+1),endDate=new Date(startDate),endDate.setDate(endDate.getDate()+42),{startTime:startDate,endTime:endDate}}function refreshMonth(){var currentViewStartDate=new Date(vm.range.startTime);currentViewStartDate.setDate(currentViewStartDate.getDate()+10),$scope.monthChanged&&$scope.monthChanged({startTime:vm.range.startTime,endTime:vm.range.endTime,display:$filter("date")(currentViewStartDate,vm.formatMonthTitle)})}function populateAdjacentViews(){function getDates(startDate){var dates=new Array(42),current=new Date(startDate);current.setHours(12);for(var i=0;i<dates.length;i++)dates[i]={date:new Date(current),event:!1},current.setDate(current.getDate()+1);return{dates:dates}}function getAdjacentViewStartTime(direction){var adjacentCalendarDate=getAdjacentCalendarDate(vm.currentDate,direction);return getRange(adjacentCalendarDate).startTime}var currentViewStartDate,currentViewData,toUpdateViewIndex,currentViewIndex=vm.currentViewIndex;1===direction?(currentViewStartDate=getAdjacentViewStartTime(direction),toUpdateViewIndex=(currentViewIndex+1)%3,angular.copy(getDates(currentViewStartDate),vm.views[toUpdateViewIndex])):-1===direction?(currentViewStartDate=getAdjacentViewStartTime(direction),toUpdateViewIndex=(currentViewIndex+2)%3,angular.copy(getDates(currentViewStartDate),vm.views[toUpdateViewIndex])):vm.views?(currentViewStartDate=vm.range.startTime,angular.copy(getDates(currentViewStartDate),vm.views[currentViewIndex]),currentViewStartDate=getAdjacentViewStartTime(-1),toUpdateViewIndex=(currentViewIndex+2)%3,angular.copy(getDates(currentViewStartDate),vm.views[toUpdateViewIndex]),currentViewStartDate=getAdjacentViewStartTime(1),toUpdateViewIndex=(currentViewIndex+1)%3,angular.copy(getDates(currentViewStartDate),vm.views[toUpdateViewIndex])):(currentViewData=[],currentViewStartDate=vm.range.startTime,currentViewData.push(getDates(currentViewStartDate)),currentViewStartDate=getAdjacentViewStartTime(1),currentViewData.push(getDates(currentViewStartDate)),currentViewStartDate=getAdjacentViewStartTime(-1),currentViewData.push(getDates(currentViewStartDate)),vm.views=currentViewData)}vm.range=getRange(vm.currentDate),refreshMonth(),populateAdjacentViews(),$scope.eventSource&&onDataLoaded()}var vm=this;$scope.$watch(function(){return $scope.eventSource},function(newVal,oldVal){onDataLoaded()},!0),init(),vm.dayClick=function(selectedTime){toogle(selectedTime),$scope.timeSelected&&$scope.timeSelected({selectedTime:selectedTime})},vm.weekClick=function(date_index){for(var all_selected=isAllWeekSelected(date_index),dates=vm.views[vm.currentViewIndex].dates,i=0;7>i;i++)all_selected?toogle(dates[date_index+i].date):all_selected||dates[date_index+i].event||toogle(dates[date_index+i].date);if($scope.weekSelected){var monday=dates[date_index].date;$scope.weekSelected({monday:monday})}},vm.slideChanged=function($index){$timeout(function(){var currentViewIndex=vm.currentViewIndex,direction=0;currentViewIndex===$index-1||0===$index&&2===currentViewIndex?direction=1:(currentViewIndex===$index+1||2===$index&&0===currentViewIndex)&&(direction=-1),vm.currentViewIndex=$index,vm.currentDate=getAdjacentCalendarDate(vm.currentDate,direction),refreshView(direction)},100)},$scope.$on("changeMonth",function(event,direction){var slideHandle=$ionicSlideBoxDelegate.$getByHandle("monthview-slide");slideHandle&&(1===direction?slideHandle.next():-1===direction&&slideHandle.previous())})}var directive={};return directive.restrict="E",directive.replace=!0,directive.templateUrl="calendar-pk.html",directive.scope={monthChanged:"&",timeSelected:"&",weekSelected:"&",eventSource:"="},directive.controllerAs="cc",directive.controller=CalendarController,CalendarController.$inject=["$scope","$attrs","$interpolate","calendarConfig","$timeout","$filter","$ionicSlideBoxDelegate"],directive}angular.module("calendar_pk.directives").directive("calendarPk",calendarPk),calendarPk.$inject=[]}(),function(){function sameMonth(){return function(date,currentDate){return date=new Date(+date),current=new Date(+currentDate),date.getMonth()===current.getMonth()&&date.getFullYear()===current.getFullYear()}}angular.module("calendar_pk.filters").filter("sameMonth",sameMonth),sameMonth.$inject=[]}(),function(){function todayFilter(){return function(date){date=new Date(+date);var today=new Date;return date.getDate()===today.getDate()&&date.getMonth()===today.getMonth()&&date.getFullYear()===today.getFullYear()}}angular.module("calendar_pk.filters").filter("todayFilter",todayFilter),todayFilter.$inject=[]}(),function(){"use strict";angular.module("calendar_pk.templates",[]).run(["$templateCache",function($templateCache){$templateCache.put("calendar-pk.html",'<div style="height: 100%;">\n    <ion-slide-box  on-slide-changed="cc.slideChanged($index)"\n                    does-continue="true"\n                    show-pager="false"\n                    delegate-handle="monthview-slide"\n                    style="height: auto;">\n        <ion-slide ng-repeat="view in cc.views track by $index">\n            <table ng-if="$index === cc.currentViewIndex" class="calendar-pk monthview-datetable">\n                <thead>\n                    <tr>\n                        <th></th>\n                        <th ng-repeat="day in view.dates.slice(0,7) track by day.date">\n                            <small>{{::day.date | date: cc.formatDayHeader | uppercase}}</small>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr ng-repeat="i in [0,1,2,3,4,5]">\n                        <td ng-click="cc.weekClick(7*i)">SEM<br>{{view.dates[7*i].date | date : \'w\'}}</td>\n                        <td ng-repeat="j in [0,1,2,3,4,5,6]"\n                            ng-init="date = view.dates[7*i+j]"\n                            ng-click="cc.dayClick(date.date)"\n                            ng-class="{\'monthview-secondary\': date.event && !(date.date | sameMonth : cc.currentDate), \'monthview-primary\': date.event && (date.date | sameMonth : cc.currentDate), \'monthview-current\': (date.date | todayFilter), \'text-muted\': !(date.date | sameMonth : cc.currentDate)}">{{date.date | date : cc.formatDay}}</td>\n                    </tr>\n                </tbody>\n            </table>\n            <table ng-if="$index !== cc.currentViewIndex" class="calendar-pk monthview-datetable">\n                <thead>\n                    <tr class="text-center">\n                        <th></th>\n                        <th ng-repeat="day in view.dates.slice(0,7) track by day.date">\n                            <small>{{::day.date | date: cc.formatDayHeader | uppercase}}</small>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr ng-repeat="i in [0,1,2,3,4,5]">\n                        <td>SEM<br>{{view.dates[7*i].date | date : \'w\'}}</td>\n                        <td ng-repeat="j in [0,1,2,3,4,5,6]">{{view.dates[7*i+j].date | date : cc.formatDay}}</td>\n                    </tr>\n                </tbody>\n            </table>\n        </ion-slide>\n    </ion-slide-box>\n</div>\n')}])}();


--------------------------------------------------------------------------------
/app/assets/lib/ionic-datepicker/release/ionic-datepicker.bundle.min.js:
--------------------------------------------------------------------------------
1 | !function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(o){n.innerText=t}}(document,".padding_zero {\n  padding: 0;\n}\n\n.ionic_datepicker_popup .font_bold {\n  font-weight: bold;\n}\n.ionic_datepicker_popup .padding_top_zero {\n  padding-top: 0;\n}\n.ionic_datepicker_popup .padding_left_5px {\n  padding-left: 5px;\n}\n.ionic_datepicker_popup .padding_right_5px {\n  padding-right: 5px;\n}\n.ionic_datepicker_popup .calendar_grid {\n  height: 215px;\n}\n.ionic_datepicker_popup .today {\n  border: 1px solid #009688;\n  border-radius: 50%;\n}\n.ionic_datepicker_popup .selected_date {\n  background-color: #009688;\n  border-radius: 50%;\n  color: #fff;\n  font-weight: bold;\n}\n.ionic_datepicker_popup .popup-head {\n  background-color: #009688;\n  display: none;\n}\n.ionic_datepicker_popup .popup-head .popup-title {\n  color: #ffffff;\n}\n.ionic_datepicker_popup .popup-head .popup-sub-title {\n  color: #ffffff;\n}\n.ionic_datepicker_popup .popup-body {\n  background-color: #ffffff;\n}\n.ionic_datepicker_popup .popup-body .selected_date_full {\n  background-color: #019688;\n  margin: -10px -10px 0 -10px;\n  height: 45px;\n  text-align: center;\n  font-weight: bold;\n  color: #fff;\n  line-height: 45px;\n  font-size: 18px;\n}\n.ionic_datepicker_popup .popup-body .select_section {\n  padding: 1px 5px;\n}\n.ionic_datepicker_popup .popup-body .pointer_events_none {\n  pointer-events: none;\n  color: #aaaaaa !important;\n}\n.ionic_datepicker_popup .popup-body .month_select, .ionic_datepicker_popup .popup-body .year_select {\n  border: none;\n  border-bottom: 1px solid #009688;\n  padding: 0;\n}\n.ionic_datepicker_popup .popup-body .month_select .input-label, .ionic_datepicker_popup .popup-body .year_select .input-label {\n  padding: 2px 0;\n  width: 0;\n}\n.ionic_datepicker_popup .popup-body .month_select select, .ionic_datepicker_popup .popup-body .year_select select {\n  left: 10px;\n  border: none;\n  padding: 0;\n}\n.ionic_datepicker_popup .popup-body .month_select:after, .ionic_datepicker_popup .popup-body .year_select:after {\n  right: 5px;\n  color: #009688;\n}\n.ionic_datepicker_popup .popup-body .show_nav {\n  padding: 10px 0 0 0;\n}\n.ionic_datepicker_popup .popup-body .show_nav .prev_btn_section {\n  padding: 5px 0;\n  text-align: left;\n}\n.ionic_datepicker_popup .popup-body .show_nav .prev_btn_section button {\n  padding: 0;\n}\n.ionic_datepicker_popup .popup-body .show_nav .next_btn_section {\n  padding: 5px 0;\n  text-align: right;\n}\n.ionic_datepicker_popup .popup-body .show_nav .next_btn_section button {\n  padding: 0;\n}\n.ionic_datepicker_popup .popup-body .button-clear {\n  color: #009688;\n}\n.ionic_datepicker_popup .popup-buttons {\n  padding: 0;\n  min-height: 45px;\n}\n.ionic_datepicker_popup .popup-buttons button {\n  background-color: #009688;\n  border-radius: 0;\n  margin-right: 1px;\n  color: #ffffff;\n}\n\n.ionic_datepicker_modal .header, .ionic_datepicker_modal .footer {\n  background-color: #009688;\n}\n.ionic_datepicker_modal .header .title, .ionic_datepicker_modal .header .button, .ionic_datepicker_modal .footer .title, .ionic_datepicker_modal .footer .button {\n  color: #ffffff;\n}\n.ionic_datepicker_modal .footer .button-block {\n  margin: 0;\n}\n.ionic_datepicker_modal .today {\n  border: 1px solid #009688;\n}\n.ionic_datepicker_modal .selected_date {\n  background-color: #009688;\n  color: #fff;\n  font-weight: bold;\n}\n.ionic_datepicker_modal .pointer_events_none {\n  pointer-events: none;\n  color: #aaaaaa !important;\n}\n.ionic_datepicker_modal .select_section {\n  padding: 1px 5px;\n}\n.ionic_datepicker_modal .button-clear {\n  color: #009688;\n}\n.ionic_datepicker_modal .month_select, .ionic_datepicker_modal .year_select {\n  border: none;\n  border-bottom: 1px solid #009688;\n  padding: 0;\n}\n.ionic_datepicker_modal .month_select .input-label, .ionic_datepicker_modal .year_select .input-label {\n  padding: 2px 0;\n  width: 0;\n}\n.ionic_datepicker_modal .month_select select, .ionic_datepicker_modal .year_select select {\n  left: 10px;\n  border: none;\n  padding: 0 10px;\n}\n.ionic_datepicker_modal .month_select:after, .ionic_datepicker_modal .year_select:after {\n  right: 5px;\n  color: #009688;\n}\n.ionic_datepicker_modal .padding_left_5px {\n  padding-left: 5px;\n}\n.ionic_datepicker_modal .padding_right_5px {\n  padding-right: 5px;\n}\n.ionic_datepicker_modal .date_col {\n  height: 50px;\n  line-height: 50px;\n}\n.ionic_datepicker_modal .font_bold {\n  font-weight: bold;\n}\n.ionic_datepicker_modal .font_22px {\n  font-size: 22px;\n}\n.platform-android .ionic_datepicker_modal .bar .title.title-left {\n  text-align: center;\n}\n.platform-android .ionic_datepicker_modal select {\n  left: 25%;\n}\n.platform-ios .ionic_datepicker_modal select {\n  left: 5%;\n}"),function(e){try{e=angular.module("ionic-datepicker.templates")}catch(t){e=angular.module("ionic-datepicker.templates",[])}e.run(["$templateCache",function(e){e.put("ionic-datepicker-modal.html",'<ion-modal-view class=ionic_datepicker_modal><ion-header-bar class=header><h1 class=title>{{selctedDateEpoch | date : mainObj.dateFormat}}</h1></ion-header-bar><ion-content class=ionic_datepicker_modal_content><div><div class="row text-center"><div class="col col-10 left_arrow"><button class="button-clear font_22px" ng-click=prevMonth() ng-class="{\'pointer_events_none\':((firstDayEpoch - 86400000) < fromDate)}"><i class="icon ion-chevron-left"></i></button></div><div class="col col-80 text-center"><div class="row select_section"><div class="col-50 padding_right_5px"><label class="item item-input item-select month_select"><span class=input-label>&nbsp;</span><select ng-model=currentMonth ng-change=monthChanged(currentMonth)><option ng-repeat="month in monthsList" ng-selected="month == currentMonthSelected" value={{month}}>{{month}}</option></select></label></div><div class="col-50 padding_left_5px"><label class="item item-input item-select year_select"><span class=input-label>&nbsp;</span><select ng-model=currentYear ng-change=yearChanged(currentYear)><option ng-repeat="year in yearsList" ng-selected="year == currentYearSelected" value={{year}}>{{year}}</option></select></label></div></div></div><div class="col col-10 right_arrow"><button class="button-clear font_22px" ng-click=nextMonth() ng-class="{\'pointer_events_none\':((lastDayEpoch + 86400000)> toDate)}"><i class="icon ion-chevron-right"></i></button></div></div><div class=calendar_grid><div class="row padding-top weeks_row"><div class="col text-center font_bold" ng-repeat="weekName in weeksList track by $index" ng-bind=weekName></div></div><div><div class="row text-center padding_top_zero" ng-repeat="row in rows track by $index"><div class="col padding_zero date_col" ng-repeat="col in cols track by $index" ng-class="{\'selected_date\': (dayList[row + $index].epoch === selctedDateEpoch), \'today\' : (dayList[row + $index].epoch == today), \'pointer_events_none\':((disabledDates.indexOf(dayList[row + $index].epoch) >= 0) || (dayList[row + $index].disabled))}" ng-click="dateSelected(dayList[row + $index])"><div class=date_cell>{{dayList[row + col].date}}</div></div></div></div></div></div></ion-content><ion-footer-bar class=footer><div class="row padding_zero"><button class="button button-clear button-block button_set" ng-if=!mainObj.closeOnSelect ng-click=setIonicDatePickerDate()>{{mainObj.setLabel}}</button> <button class="button button-clear button-block button_today" ng-if=mainObj.showTodayButton ng-click=setIonicDatePickerTodayDate()>{{mainObj.todayLabel}}</button> <button class="button button-clear button-block button_close" ng-click=closeIonicDatePickerModal()>{{mainObj.closeLabel}}</button></div></ion-footer-bar></ion-modal-view>')}])}(),function(e){try{e=angular.module("ionic-datepicker.templates")}catch(t){e=angular.module("ionic-datepicker.templates",[])}e.run(["$templateCache",function(e){e.put("ionic-datepicker-popup.html",'<div class=selected_date_full>{{selctedDateEpoch | date : mainObj.dateFormat}}</div><div class=date_selection><div class="row show_nav"><div class="col-10 prev_btn_section"><button class=button-clear ng-click=prevMonth() ng-class="{\'pointer_events_none\':((firstDayEpoch - 86400000) < fromDate)}"><i class="icon ion-chevron-left"></i></button></div><div class="col-80 text-center"><div class="row select_section"><div class="col-50 padding_right_5px"><label class="item item-input item-select month_select"><span class=input-label>&nbsp;</span><select ng-model=currentMonth ng-change=monthChanged(currentMonth)><option ng-repeat="month in monthsList" ng-selected="month==currentMonthSelected" value={{month}}>{{month}}</option></select></label></div><div class="col-50 padding_left_5px"><label class="item item-input item-select year_select"><span class=input-label>&nbsp;</span><select ng-model=currentYear ng-change=yearChanged(currentYear)><option ng-repeat="year in yearsList" ng-selected="year==currentYearSelected" value={{year}}>{{year}}</option></select></label></div></div></div><div class="col-10 next_btn_section"><button class=button-clear ng-click=nextMonth() ng-class="{\'pointer_events_none\':((lastDayEpoch + 86400000)> toDate)}"><i class="icon ion-chevron-right"></i></button></div></div><div class=calendar_grid><div class="row weeks_row"><div class="col text-center font_bold" ng-repeat="weekName in weeksList track by $index" ng-bind=weekName></div></div><div><div class="row text-center padding_top_zero" ng-repeat="row in rows track by $index"><div class="col no_padding date_col" ng-repeat="col in cols track by $index" ng-class="{\'selected_date\': (dayList[row + $index].epoch === selctedDateEpoch), \'today\' : (dayList[row + $index].epoch == today), \'pointer_events_none\':((disabledDates.indexOf(dayList[row + $index].epoch) >= 0) || dayList[row + $index].disabled)}" ng-click="dateSelected(dayList[row + $index])"><div class=date_cell>{{dayList[row + col].date}}</div></div></div></div></div></div>')}])}(),angular.module("ionic-datepicker",["ionic","ionic-datepicker.service","ionic-datepicker.provider","ionic-datepicker.templates"]),angular.module("ionic-datepicker.provider",[]).provider("ionicDatePicker",function(){var e={setLabel:"Set",todayLabel:"Today",closeLabel:"Close",inputDate:new Date,mondayFirst:!0,weeksList:["S","M","T","W","T","F","S"],monthsList:["Jan","Feb","March","April","May","June","July","Aug","Sept","Oct","Nov","Dec"],templateType:"popup",showTodayButton:!1,closeOnSelect:!1,disableWeekdays:[]};this.configDatePicker=function(t){angular.extend(e,t)},this.$get=["$rootScope","$ionicPopup","$ionicModal","IonicDatepickerService",function(t,n,o,a){function i(e){return e.setHours(0),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),e}function c(e){e.disabledDates&&0!==e.disabledDates.length?(u.disabledDates=[],angular.forEach(e.disabledDates,function(e,t){e=i(new Date(e)),u.disabledDates.push(e.getTime())})):u.disabledDates=[]}function d(e){e=i(e),u.currentDate=angular.copy(e);var t=new Date(e.getFullYear(),e.getMonth(),1).getDate(),n=new Date(e.getFullYear(),e.getMonth()+1,0).getDate();u.monthsList=[],u.monthsList=u.mainObj.monthsList&&12===u.mainObj.monthsList.length?u.mainObj.monthsList:a.monthsList,u.yearsList=a.getYearsList(u.mainObj.from,u.mainObj.to),u.dayList=[];var o,c;u.firstDayEpoch=i(new Date(e.getFullYear(),e.getMonth(),t)).getTime(),u.lastDayEpoch=i(new Date(e.getFullYear(),e.getMonth(),n)).getTime();for(var d=t;n>=d;d++)o=new Date(e.getFullYear(),e.getMonth(),d),c=o.getTime()<u.fromDate||o.getTime()>u.toDate||u.mainObj.disableWeekdays.indexOf(o.getDay())>=0,u.dayList.push({date:o.getDate(),month:o.getMonth(),year:o.getFullYear(),day:o.getDay(),epoch:o.getTime(),disabled:c});var r=u.dayList[0].day-u.mainObj.mondayFirst;r=0>r?6:r;for(var p=0;r>p;p++)u.dayList.unshift({});u.rows=[0,7,14,21,28,35],u.cols=[0,1,2,3,4,5,6],u.currentMonth=u.mainObj.monthsList[e.getMonth()],u.currentYear=e.getFullYear(),u.currentMonthSelected=angular.copy(u.currentMonth),u.currentYearSelected=angular.copy(u.currentYear),u.numColumns=7}function r(e){u.mainObj=angular.copy(e),u.selctedDateEpoch=i(u.mainObj.inputDate).getTime(),u.weeksList=u.mainObj.weeksList&&7===u.mainObj.weeksList.length?u.mainObj.weeksList:["S","M","T","W","T","F","S"],u.mainObj.mondayFirst&&u.weeksList.push(u.mainObj.weeksList.shift()),u.disableWeekdays=u.mainObj.disableWeekdays,d(u.mainObj.inputDate),c(u.mainObj)}function p(){u.modal.show()}function l(){u.modal.hide()}var s={},u=t.$new();return u.today=i(new Date).getTime(),u.disabledDates=[],u.prevMonth=function(){1===u.currentDate.getMonth()&&u.currentDate.setFullYear(u.currentDate.getFullYear()),u.currentDate.setMonth(u.currentDate.getMonth()-1),u.currentMonth=u.mainObj.monthsList[u.currentDate.getMonth()],u.currentYear=u.currentDate.getFullYear(),d(u.currentDate)},u.nextMonth=function(){11===u.currentDate.getMonth()&&u.currentDate.setFullYear(u.currentDate.getFullYear()),u.currentDate.setDate(1),u.currentDate.setMonth(u.currentDate.getMonth()+1),u.currentMonth=u.mainObj.monthsList[u.currentDate.getMonth()],u.currentYear=u.currentDate.getFullYear(),d(u.currentDate)},u.dateSelected=function(e){e&&0!==Object.keys(e).length&&(u.selctedDateEpoch=e.epoch,u.mainObj.closeOnSelect&&(u.mainObj.callback(u.selctedDateEpoch),"popup"==u.mainObj.templateType.toLowerCase()?u.popup.close():l()))},u.setIonicDatePickerTodayDate=function(){var e=new Date;d(new Date),u.selctedDateEpoch=i(e).getTime(),u.mainObj.closeOnSelect&&(u.mainObj.callback(u.selctedDateEpoch),l())},u.setIonicDatePickerDate=function(){u.mainObj.callback(u.selctedDateEpoch),l()},u.monthChanged=function(e){var t=u.monthsList.indexOf(e);u.currentDate.setMonth(t),d(u.currentDate)},u.yearChanged=function(e){u.currentDate.setFullYear(e),d(u.currentDate)},o.fromTemplateUrl("ionic-datepicker-modal.html",{scope:u,animation:"slide-in-up"}).then(function(e){u.modal=e}),u.$on("$destroy",function(){u.modal.remove()}),u.closeIonicDatePickerModal=function(){l()},s.openDatePicker=function(t){var o=[];u.mainObj=angular.extend({},e,t),u.mainObj.from&&(u.fromDate=i(new Date(u.mainObj.from)).getTime()),u.mainObj.to&&(u.toDate=i(new Date(u.mainObj.to)).getTime()),t.disableWeekdays&&e.disableWeekdays&&(u.mainObj.disableWeekdays=t.disableWeekdays.concat(e.disableWeekdays)),r(u.mainObj),u.mainObj.closeOnSelect||(o=[{text:u.mainObj.setLabel,type:"button_set",onTap:function(e){u.mainObj.callback(u.selctedDateEpoch)}}]),u.mainObj.showTodayButton&&o.push({text:u.mainObj.todayLabel,type:"button_today",onTap:function(e){var t=new Date;d(new Date),u.selctedDateEpoch=i(t).getTime(),u.mainObj.closeOnSelect||e.preventDefault()}}),o.push({text:u.mainObj.closeLabel,type:"button_close",onTap:function(e){console.log("ionic-datepicker popup closed.")}}),"popup"==u.mainObj.templateType.toLowerCase()?u.popup=n.show({templateUrl:"ionic-datepicker-popup.html",scope:u,cssClass:"ionic_datepicker_popup",buttons:o}):p()},s}]}),angular.module("ionic-datepicker.service",[]).service("IonicDatepickerService",function(){this.monthsList=["January","February","March","April","May","June","July","August","September","October","November","December"],this.getYearsList=function(e,t){var n=[],o=1900,a=2100;o=e?new Date(e).getFullYear():o,a=t?new Date(t).getFullYear():a;for(var i=o;a>=i;i++)n.push(i);return n}});


--------------------------------------------------------------------------------
/app/assets/lib/ionic-filter-bar/release/ionic.filter.bar.css:
--------------------------------------------------------------------------------
  1 | .filter-bar-backdrop {
  2 |   -webkit-transition: opacity 150ms ease-in-out;
  3 |   transition: opacity 150ms ease-in-out;
  4 |   opacity: 0;
  5 |   background-color: rgba(0, 0, 0, 0.4);
  6 |   position: fixed;
  7 |   top: 0;
  8 |   left: 0;
  9 |   width: 100%;
 10 |   height: 100%; }
 11 |   .filter-bar-backdrop.active {
 12 |     z-index: 10;
 13 |     opacity: 1; }
 14 | 
 15 | .filter-bar {
 16 |   position: fixed;
 17 |   width: 100%;
 18 |   height: 44px;
 19 |   z-index: 10; }
 20 |   .filter-bar .filter-bar-wrapper {
 21 |     z-index: 11;
 22 |     position: absolute;
 23 |     top: 0;
 24 |     right: 0;
 25 |     width: 100%; }
 26 |     .filter-bar .filter-bar-wrapper .item-input-inset .icon.placeholder-icon:before {
 27 |       padding-top: 3px;
 28 |       font-size: 16px; }
 29 |     .filter-bar .filter-bar-wrapper .item-input-inset .item-input-wrapper {
 30 |       background: #fff;
 31 |       height: 28px; }
 32 |       .filter-bar .filter-bar-wrapper .item-input-inset .item-input-wrapper .filter-bar-clear {
 33 |         padding: 0 2px 0 0; }
 34 |         .filter-bar .filter-bar-wrapper .item-input-inset .item-input-wrapper .filter-bar-clear:before {
 35 |           color: #aaa;
 36 |           font-size: 18px;
 37 |           padding-top: 1px; }
 38 | 
 39 | .platform-android .filter-bar .filter-bar-light .item-input-wrapper {
 40 |   border-bottom: 1px solid #ccc;
 41 |   background: white; }
 42 |   .platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type="search"] {
 43 |     color: #444; }
 44 |     .platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type="search"]::-moz-placeholder {
 45 |       color: #aaaaaa; }
 46 |     .platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type="search"]:-ms-input-placeholder {
 47 |       color: #aaaaaa; }
 48 |     .platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
 49 |       color: #aaaaaa;
 50 |       text-indent: 0; }
 51 |   .platform-android .filter-bar .filter-bar-light .item-input-wrapper .filter-bar-clear:before {
 52 |     color: #444; }
 53 | .platform-android .filter-bar .filter-bar-stable .item-input-wrapper {
 54 |   border-bottom: 1px solid #a2a2a2;
 55 |   background: #f8f8f8; }
 56 |   .platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type="search"] {
 57 |     color: #444; }
 58 |     .platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type="search"]::-moz-placeholder {
 59 |       color: #aaaaaa; }
 60 |     .platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type="search"]:-ms-input-placeholder {
 61 |       color: #aaaaaa; }
 62 |     .platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
 63 |       color: #aaaaaa;
 64 |       text-indent: 0; }
 65 |   .platform-android .filter-bar .filter-bar-stable .item-input-wrapper .filter-bar-clear:before {
 66 |     color: #444; }
 67 | .platform-android .filter-bar .filter-bar-positive .item-input-wrapper {
 68 |   border-bottom: 1px solid #0c60ee;
 69 |   background: #387ef5; }
 70 |   .platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type="search"] {
 71 |     color: #fff; }
 72 |     .platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type="search"]::-moz-placeholder {
 73 |       color: white; }
 74 |     .platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type="search"]:-ms-input-placeholder {
 75 |       color: white; }
 76 |     .platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
 77 |       color: white;
 78 |       text-indent: 0; }
 79 |   .platform-android .filter-bar .filter-bar-positive .item-input-wrapper .filter-bar-clear:before {
 80 |     color: #fff; }
 81 | .platform-android .filter-bar .filter-bar-calm .item-input-wrapper {
 82 |   border-bottom: 1px solid #0a9dc7;
 83 |   background: #11c1f3; }
 84 |   .platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type="search"] {
 85 |     color: #fff; }
 86 |     .platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type="search"]::-moz-placeholder {
 87 |       color: white; }
 88 |     .platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type="search"]:-ms-input-placeholder {
 89 |       color: white; }
 90 |     .platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
 91 |       color: white;
 92 |       text-indent: 0; }
 93 |   .platform-android .filter-bar .filter-bar-calm .item-input-wrapper .filter-bar-clear:before {
 94 |     color: #fff; }
 95 | .platform-android .filter-bar .filter-bar-assertive .item-input-wrapper {
 96 |   border-bottom: 1px solid #e42112;
 97 |   background: #ef473a; }
 98 |   .platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type="search"] {
 99 |     color: #fff; }
100 |     .platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type="search"]::-moz-placeholder {
101 |       color: white; }
102 |     .platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type="search"]:-ms-input-placeholder {
103 |       color: white; }
104 |     .platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
105 |       color: white;
106 |       text-indent: 0; }
107 |   .platform-android .filter-bar .filter-bar-assertive .item-input-wrapper .filter-bar-clear:before {
108 |     color: #fff; }
109 | .platform-android .filter-bar .filter-bar-balanced .item-input-wrapper {
110 |   border-bottom: 1px solid #28a54c;
111 |   background: #33cd5f; }
112 |   .platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type="search"] {
113 |     color: #fff; }
114 |     .platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type="search"]::-moz-placeholder {
115 |       color: white; }
116 |     .platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type="search"]:-ms-input-placeholder {
117 |       color: white; }
118 |     .platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
119 |       color: white;
120 |       text-indent: 0; }
121 |   .platform-android .filter-bar .filter-bar-balanced .item-input-wrapper .filter-bar-clear:before {
122 |     color: #fff; }
123 | .platform-android .filter-bar .filter-bar-energized .item-input-wrapper {
124 |   border-bottom: 1px solid #e6b500;
125 |   background: #ffc900; }
126 |   .platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type="search"] {
127 |     color: #fff; }
128 |     .platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type="search"]::-moz-placeholder {
129 |       color: white; }
130 |     .platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type="search"]:-ms-input-placeholder {
131 |       color: white; }
132 |     .platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
133 |       color: white;
134 |       text-indent: 0; }
135 |   .platform-android .filter-bar .filter-bar-energized .item-input-wrapper .filter-bar-clear:before {
136 |     color: #fff; }
137 | .platform-android .filter-bar .filter-bar-royal .item-input-wrapper {
138 |   border-bottom: 1px solid #6b46e5;
139 |   background: #886aea; }
140 |   .platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type="search"] {
141 |     color: #fff; }
142 |     .platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type="search"]::-moz-placeholder {
143 |       color: white; }
144 |     .platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type="search"]:-ms-input-placeholder {
145 |       color: white; }
146 |     .platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
147 |       color: white;
148 |       text-indent: 0; }
149 |   .platform-android .filter-bar .filter-bar-royal .item-input-wrapper .filter-bar-clear:before {
150 |     color: #fff; }
151 | .platform-android .filter-bar .filter-bar-dark .item-input-wrapper {
152 |   border-bottom: 1px solid #000;
153 |   background: #444444; }
154 |   .platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type="search"] {
155 |     color: #fff; }
156 |     .platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type="search"]::-moz-placeholder {
157 |       color: white; }
158 |     .platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type="search"]:-ms-input-placeholder {
159 |       color: white; }
160 |     .platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
161 |       color: white;
162 |       text-indent: 0; }
163 |   .platform-android .filter-bar .filter-bar-dark .item-input-wrapper .filter-bar-clear:before {
164 |     color: #fff; }
165 | .platform-android .filter-bar .filter-bar-default .item-input-wrapper {
166 |   border-bottom: 1px solid #ccc;
167 |   background: white; }
168 |   .platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type="search"] {
169 |     color: #444; }
170 |     .platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type="search"]::-moz-placeholder {
171 |       color: #aaaaaa; }
172 |     .platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type="search"]:-ms-input-placeholder {
173 |       color: #aaaaaa; }
174 |     .platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type="search"]::-webkit-input-placeholder {
175 |       color: #aaaaaa;
176 |       text-indent: 0; }
177 |   .platform-android .filter-bar .filter-bar-default .item-input-wrapper .filter-bar-clear:before {
178 |     color: #444; }
179 | .platform-android .filter-bar-wrapper .item-input-inset {
180 |   padding-right: 24px; }
181 |   .platform-android .filter-bar-wrapper .item-input-inset .filter-bar-cancel {
182 |     padding-left: 0; }
183 |     .platform-android .filter-bar-wrapper .item-input-inset .filter-bar-cancel:before {
184 |       font-size: 24px; }
185 |   .platform-android .filter-bar-wrapper .item-input-inset .item-input-wrapper {
186 |     border-radius: 0;
187 |     padding-left: 0;
188 |     margin-left: 10px; }
189 |     .platform-android .filter-bar-wrapper .item-input-inset .item-input-wrapper input[type="search"] {
190 |       font-weight: 500; }
191 |     .platform-android .filter-bar-wrapper .item-input-inset .item-input-wrapper .filter-bar-clear:before {
192 |       font-size: 20px; }
193 | 
194 | .filter-bar-transition-horizontal {
195 |   -webkit-transition: -webkit-transform cubic-bezier(.25, .45, .05, 1) 300ms;
196 |   transition: transform cubic-bezier(.25, .45, .05, 1) 300ms;
197 |   -webkit-transform: translate3d(100%, 0, 0);
198 |   transform: translate3d(100%, 0, 0); }
199 | 
200 | .filter-bar-transition-vertical {
201 |   -webkit-transition: -webkit-transform cubic-bezier(.25, .45, .05, 1) 350ms;
202 |   transition: transform cubic-bezier(.25, .45, .05, 1) 350ms;
203 |   -webkit-transform: translate3d(0, -100%, 0);
204 |   transform: translate3d(0, -100%, 0); }
205 | 
206 | .filter-bar-transition-fade {
207 |   -webkit-transition: opacity 250ms ease-in-out;
208 |   transition: opacity 250ms ease-in-out;
209 |   opacity: 0; }
210 | 
211 | .filter-bar-in {
212 |   -webkit-transform: translate3d(0, 0, 0);
213 |   transform: translate3d(0, 0, 0);
214 |   opacity: 1; }
215 | 
216 | .filter-bar-modal .item.item-input {
217 |   padding-right: 16px; }
218 | .filter-bar-modal .list-right-editing .item.item-input {
219 |   opacity: .5; }
220 | .filter-bar-modal .button.button-icon.ion-ios-checkmark-empty:before {
221 |   font-size: 42px; }
222 | 
223 | .filter-bar-element-hide {
224 |   display: none; }
225 | 


--------------------------------------------------------------------------------
/app/assets/lib/ionic-filter-bar/release/ionic.filter.bar.js:
--------------------------------------------------------------------------------
  1 | angular.module('jett.ionic.filter.bar', ['ionic']);
  2 | (function (angular, document) {
  3 |   'use strict';
  4 | 
  5 |   angular.module('jett.ionic.filter.bar')
  6 |     .directive('ionFilterBar', [
  7 |       '$timeout',
  8 |       '$ionicGesture',
  9 |       '$ionicPlatform',
 10 |       function ($timeout, $ionicGesture, $ionicPlatform) {
 11 |         var filterBarTemplate;
 12 | 
 13 |         //create platform specific filterBar template using filterConfig items
 14 |         if ($ionicPlatform.is('android')) {
 15 |           filterBarTemplate =
 16 |             '<div class="filter-bar-wrapper filter-bar-{{::config.theme}} filter-bar-transition-{{::config.transition}}">' +
 17 |               '<div class="bar bar-header bar-{{::config.theme}} item-input-inset">' +
 18 |                 '<button class="filter-bar-cancel button button-icon icon {{::config.back}}"></button>' +
 19 |                 '<label class="item-input-wrapper">' +
 20 |                   '<input type="search" class="filter-bar-search" ng-model="data.filterText" placeholder="{{::config.placeholder}}" />' +
 21 |                   '<button class="filter-bar-clear button button-icon icon" ng-class="getClearButtonClass()"></button>' +
 22 |                 '</label>' +
 23 |               '</div>' +
 24 |             '</div>';
 25 |         } else {
 26 |           filterBarTemplate =
 27 |             '<div class="filter-bar-wrapper filter-bar-{{::config.theme}} filter-bar-transition-{{::config.transition}}">' +
 28 |               '<div class="bar bar-header bar-{{::config.theme}} item-input-inset">' +
 29 |                 '<label class="item-input-wrapper">' +
 30 |                   '<i class="icon {{::config.search}} placeholder-icon"></i>' +
 31 |                   '<input type="search" class="filter-bar-search" ng-model="data.filterText" placeholder="{{::config.placeholder}}"/>' +
 32 |                   '<button class="filter-bar-clear button button-icon icon" ng-class="getClearButtonClass()"></button>' +
 33 |                 '</label>' +
 34 |                 '<button class="filter-bar-cancel button button-clear" ng-bind-html="::cancelText"></button>' +
 35 |               '</div>' +
 36 |             '</div>';
 37 |         }
 38 | 
 39 |         return {
 40 |           restrict: 'E',
 41 |           scope: true,
 42 |           link: function ($scope, $element) {
 43 |             var el = $element[0];
 44 |             var clearEl = el.querySelector('.filter-bar-clear');
 45 |             var cancelEl = el.querySelector('.filter-bar-cancel');
 46 |             var inputEl = el.querySelector('.filter-bar-search');
 47 |             var filterTextTimeout;
 48 |             var swipeGesture;
 49 |             var backdrop;
 50 |             var backdropClick;
 51 |             var filterWatch;
 52 | 
 53 |             // Action when filter bar is cancelled via backdrop click/swipe or cancel/back buton click.
 54 |             // Invokes cancel function defined in filterBar service
 55 |             var cancelFilterBar = function () {
 56 |               $scope.cancelFilterBar();
 57 |             };
 58 | 
 59 |             // If backdrop is enabled, create and append it to filter, then add click/swipe listeners to cancel filter
 60 |             if ($scope.config.backdrop) {
 61 |               backdrop = angular.element('<div class="filter-bar-backdrop"></div>');
 62 |               $element.append(backdrop);
 63 | 
 64 |               backdropClick = function(e) {
 65 |                 if (e.target == backdrop[0]) {
 66 |                   cancelFilterBar();
 67 |                 }
 68 |               };
 69 | 
 70 |               backdrop.bind('click', backdropClick);
 71 |               swipeGesture = $ionicGesture.on('swipe', backdropClick, backdrop);
 72 |             }
 73 | 
 74 |             //Sure we could have had 1 function that also checked for favoritesEnabled.. but no need to keep checking a var that wont change
 75 |             if ($scope.favoritesEnabled) {
 76 |               $scope.getClearButtonClass = function () {
 77 |                 return $scope.data.filterText.length ? $scope.config.clear : $scope.config.favorite;
 78 |               }
 79 |             } else {
 80 |               $scope.getClearButtonClass = function () {
 81 |                 return $scope.data.filterText.length ? $scope.config.clear : 'filter-bar-element-hide';
 82 |               }
 83 |             }
 84 | 
 85 |             // When clear button is clicked, clear filterText, hide clear button, show backdrop, and focus the input
 86 |             var clearClick = function () {
 87 |               if (clearEl.classList.contains($scope.config.favorite)) {
 88 |                 $scope.showModal();
 89 |               } else {
 90 |                 $timeout(function () {
 91 |                   $scope.data.filterText = '';
 92 |                   ionic.requestAnimationFrame(function () {
 93 |                     $scope.showBackdrop();
 94 |                     $scope.scrollItemsTop();
 95 |                     $scope.focusInput();
 96 |                   });
 97 |                 });
 98 |               }
 99 |             };
100 | 
101 |             // Bind touchstart so we can regain focus of input even while scrolling
102 |             var inputClick = function () {
103 |               $scope.scrollItemsTop();
104 |               $scope.focusInput();
105 |             };
106 | 
107 |             // When a non escape key is pressed, show/hide backdrop/clear button based on filterText length
108 |             var keyUp = function(e) {
109 |               if (e.which == 27) {
110 |                 cancelFilterBar();
111 |               } else if ($scope.data.filterText && $scope.data.filterText.length) {
112 |                 $scope.hideBackdrop();
113 |               } else {
114 |                 $scope.showBackdrop();
115 |               }
116 |             };
117 | 
118 |             //Event Listeners
119 |             cancelEl.addEventListener('click', cancelFilterBar);
120 |             // Since we are wrapping with label, need to bind touchstart rather than click.
121 |             // Even if we use div instead of label need to bind touchstart.  Click isn't allowing input to regain focus quickly
122 |             clearEl.addEventListener('touchstart', clearClick);
123 |             clearEl.addEventListener('mousedown', clearClick);
124 | 
125 |             inputEl.addEventListener('touchstart', inputClick);
126 |             inputEl.addEventListener('mousedown', inputClick);
127 | 
128 |             document.addEventListener('keyup', keyUp);
129 | 
130 |             // Calls the services filterItems function with the filterText to filter items
131 |             var filterItems = function () {
132 |               $scope.filterItems($scope.data.filterText);
133 |             };
134 | 
135 |             // Clean up when scope is destroyed
136 |             $scope.$on('$destroy', function() {
137 |               $element.remove();
138 |               document.removeEventListener('keyup', keyUp);
139 |               if (backdrop) {
140 |                 $ionicGesture.off(swipeGesture, 'swipe', backdropClick);
141 |               }
142 |               filterWatch();
143 |             });
144 | 
145 |             // Watch for changes on filterText and call filterItems when filterText has changed.
146 |             // If debounce is enabled, filter items by the specified or default delay.
147 |             // Prefer timeout debounce over ng-model-options so if filterText is cleared, initial items show up right away with no delay
148 |             filterWatch = $scope.$watch('data.filterText', function (newFilterText, oldFilterText) {
149 |               var delay;
150 | 
151 |               if (filterTextTimeout) {
152 |                 $timeout.cancel(filterTextTimeout);
153 |               }
154 | 
155 |               if (newFilterText !== oldFilterText) {
156 |                 delay = (newFilterText.length && $scope.debounce) ? $scope.delay : 0;
157 |                 filterTextTimeout = $timeout(filterItems, delay, false);
158 |               }
159 |             });
160 |           },
161 |           template: filterBarTemplate
162 |         };
163 |       }]);
164 | 
165 | })(angular, document);
166 | 
167 | /* global angular */
168 | /**
169 |  * This copies the functionality of the ionicConfig provider to allow for platform specific configuration
170 |  */
171 | (function (angular) {
172 |   'use strict';
173 | 
174 |   angular.module('jett.ionic.filter.bar')
175 |     .provider('$ionicFilterBarConfig', function () {
176 | 
177 |       var provider = this;
178 |       provider.platform = {};
179 |       var PLATFORM = 'platform';
180 | 
181 |       var configProperties = {
182 |         theme: PLATFORM,
183 |         clear: PLATFORM,
184 |         add: PLATFORM,
185 |         close: PLATFORM,
186 |         done: PLATFORM,
187 |         remove: PLATFORM,
188 |         reorder: PLATFORM,
189 |         favorite: PLATFORM,
190 |         search: PLATFORM,
191 |         backdrop: PLATFORM,
192 |         transition: PLATFORM,
193 |         platform: {},
194 |         placeholder: PLATFORM
195 |       };
196 | 
197 |       createConfig(configProperties, provider, '');
198 | 
199 |       // Default
200 |       // -------------------------
201 |       setPlatformConfig('default', {
202 |         clear: 'ion-ios-close',
203 |         add: 'ion-ios-plus-outline',
204 |         close: 'ion-ios-close-empty',
205 |         done: 'ion-ios-checkmark-empty',
206 |         remove: 'ion-ios-trash-outline',
207 |         reorder: 'ion-drag',
208 |         favorite: 'ion-ios-star',
209 |         search: 'ion-ios-search-strong',
210 |         backdrop: true,
211 |         transition: 'vertical',
212 |         placeholder: 'Search'
213 |       });
214 | 
215 |       // iOS (it is the default already)
216 |       // -------------------------
217 |       setPlatformConfig('ios', {});
218 | 
219 |       // Android
220 |       // -------------------------
221 |       setPlatformConfig('android', {
222 |         clear: 'ion-android-close',
223 |         close: 'ion-android-close',
224 |         done: 'ion-android-done',
225 |         remove: 'ion-android-delete',
226 |         favorite: 'ion-android-star',
227 |         search: false,
228 |         backdrop: false,
229 |         transition: 'horizontal'
230 |       });
231 | 
232 |       provider.setPlatformConfig = setPlatformConfig;
233 | 
234 |       // private: used to set platform configs
235 |       function setPlatformConfig(platformName, platformConfigs) {
236 |         configProperties.platform[platformName] = platformConfigs;
237 |         provider.platform[platformName] = {};
238 | 
239 |         addConfig(configProperties, configProperties.platform[platformName]);
240 | 
241 |         createConfig(configProperties.platform[platformName], provider.platform[platformName], '');
242 |       }
243 | 
244 |       // private: used to recursively add new platform configs
245 |       function addConfig(configObj, platformObj) {
246 |         for (var n in configObj) {
247 |           if (n != PLATFORM && configObj.hasOwnProperty(n)) {
248 |             if (angular.isObject(configObj[n])) {
249 |               if (!angular.isDefined(platformObj[n])) {
250 |                 platformObj[n] = {};
251 |               }
252 |               addConfig(configObj[n], platformObj[n]);
253 | 
254 |             } else if (!angular.isDefined(platformObj[n])) {
255 |               platformObj[n] = null;
256 |             }
257 |           }
258 |         }
259 |       }
260 | 
261 |       // private: create methods for each config to get/set
262 |       function createConfig(configObj, providerObj, platformPath) {
263 |         angular.forEach(configObj, function(value, namespace) {
264 | 
265 |           if (angular.isObject(configObj[namespace])) {
266 |             // recursively drill down the config object so we can create a method for each one
267 |             providerObj[namespace] = {};
268 |             createConfig(configObj[namespace], providerObj[namespace], platformPath + '.' + namespace);
269 | 
270 |           } else {
271 |             // create a method for the provider/config methods that will be exposed
272 |             providerObj[namespace] = function(newValue) {
273 |               if (arguments.length) {
274 |                 configObj[namespace] = newValue;
275 |                 return providerObj;
276 |               }
277 |               if (configObj[namespace] == PLATFORM) {
278 |                 // if the config is set to 'platform', then get this config's platform value
279 |                 var platformConfig = stringObj(configProperties.platform, ionic.Platform.platform() + platformPath + '.' + namespace);
280 |                 if (platformConfig || platformConfig === false) {
281 |                   return platformConfig;
282 |                 }
283 |                 // didnt find a specific platform config, now try the default
284 |                 return stringObj(configProperties.platform, 'default' + platformPath + '.' + namespace);
285 |               }
286 |               return configObj[namespace];
287 |             };
288 |           }
289 | 
290 |         });
291 |       }
292 | 
293 |       //splits a string by dot operator and accesses the end var.  For example in a.b.c,
294 |       function stringObj(obj, str) {
295 |         str = str.split(".");
296 |         for (var i = 0; i < str.length; i++) {
297 |           if (obj && angular.isDefined(obj[str[i]])) {
298 |             obj = obj[str[i]];
299 |           } else {
300 |             return null;
301 |           }
302 |         }
303 |         return obj;
304 |       }
305 | 
306 |       provider.$get = function() {
307 |         return provider;
308 |       };
309 | 
310 |     });
311 | 
312 | })(angular);
313 | 
314 | /* global angular,ionic */
315 | /**
316 |  * @ngdoc service
317 |  * @name $ionicFilterBar
318 |  * @module ionic
319 |  * @description The Filter Bar is an animated bar that allows a user to search or filter an array of items.
320 |  */
321 | (function (angular, ionic) {
322 |   'use strict';
323 | 
324 |   var filterBarModalTemplate =
325 |     '<ion-modal-view ng-controller="$ionicFilterBarModalCtrl" class="filter-bar-modal">' +
326 |     '<ion-header-bar class="bar bar-{{::config.theme}} disable-user-behavior">' +
327 |       '<button class="button button-icon {{::config.close}}" ng-click="closeModal()"></button>' +
328 |       '<h1 class="title" ng-bind-html="::favoritesTitle"></h1>' +
329 |       '<button ng-if="searches.length > 1" class="button button-icon" ng-class="displayData.showReorder ? config.done : config.reorder" ng-click="displayData.showReorder = !displayData.showReorder"></button>' +
330 |     '</ion-header-bar>' +
331 |     '<ion-content>' +
332 |       '<ion-list show-reorder="displayData.showReorder" delegate-handle="searches-list">' +
333 |         '<ion-item ng-repeat="item in searches" class="item-remove-animate" ng-class="{reordered: item.reordered}" ng-click="itemClicked(item.text, $event)">' +
334 |           '<span ng-bind-html="item.text"></span>' +
335 |           '<ion-option-button class="button-assertive icon {{::config.remove}}" ng-click="deleteItem(item)"></ion-option-button>' +
336 |           '<ion-reorder-button class="{{::config.reorder}}" on-reorder="moveItem(item, $fromIndex, $toIndex)"></ion-reorder-button>' +
337 |         '</ion-item>' +
338 |         '<div class="item item-input">' +
339 |           '<input type="text" ng-model="newItem.text" placeholder="{{::favoritesAddPlaceholder}}"/>' +
340 |           '<button class="button button-icon icon {{::config.add}}" ng-click="addItem(newItem)"></button>' +
341 |         '</div>' +
342 |       '</ion-list>' +
343 |     '</ion-content> ' +
344 |     '</ion-modal-view>';
345 | 
346 |   var getNavBarTheme = function ($navBar) {
347 |     var themes = ['light', 'stable', 'positive', 'calm', 'balanced', 'energized', 'assertive', 'royal', 'dark'];
348 |     var classList = $navBar && $navBar.classList;
349 | 
350 |     if (!classList) {
351 |       return;
352 |     }
353 | 
354 |     for (var i = 0; i < themes.length; i++) {
355 |       if (classList.contains('bar-' + themes[i])) {
356 |         return themes[i];
357 |       }
358 |     }
359 |   };
360 | 
361 |   angular.module('jett.ionic.filter.bar')
362 |     .factory('$ionicFilterBar', [
363 |       '$document',
364 |       '$rootScope',
365 |       '$compile',
366 |       '$timeout',
367 |       '$filter',
368 |       '$ionicPlatform',
369 |       '$ionicFilterBarConfig',
370 |       '$ionicConfig',
371 |       '$ionicModal',
372 |       '$ionicScrollDelegate',
373 |       function ($document, $rootScope, $compile, $timeout, $filter, $ionicPlatform, $ionicFilterBarConfig, $ionicConfig, $ionicModal, $ionicScrollDelegate) {
374 |         var isShown = false;
375 |         var $body = $document[0].body;
376 |         var templateConfig = {
377 |           theme: $ionicFilterBarConfig.theme(),
378 |           transition: $ionicFilterBarConfig.transition(),
379 |           back: $ionicConfig.backButton.icon(),
380 |           clear: $ionicFilterBarConfig.clear(),
381 |           favorite: $ionicFilterBarConfig.favorite(),
382 |           search: $ionicFilterBarConfig.search(),
383 |           backdrop: $ionicFilterBarConfig.backdrop(),
384 |           placeholder: $ionicFilterBarConfig.placeholder(),
385 |           close: $ionicFilterBarConfig.close(),
386 |           done: $ionicFilterBarConfig.done(),
387 |           reorder: $ionicFilterBarConfig.reorder(),
388 |           remove: $ionicFilterBarConfig.remove(),
389 |           add: $ionicFilterBarConfig.add()
390 |         };
391 | 
392 |         /**
393 |          * @ngdoc method
394 |          * @name $ionicFilterBar#show
395 |          * @description
396 |          * Load and return a new filter bar.
397 |          *
398 |          * A new isolated scope will be created for the filter bar and the new filter bar will be appended to the
399 |          * body, covering the header bar.
400 |          *
401 |          * @returns {function} `hideFilterBar` A function which, when called, hides & cancels the filter bar.
402 |          */
403 |         function filterBar (opts) {
404 |           //if filterBar is already shown return
405 |           if (isShown) {
406 |             return;
407 |           }
408 | 
409 |           isShown = true;
410 |           opts = opts || {};
411 | 
412 |           var scope = $rootScope.$new(true);
413 |           var backdropShown = false;
414 |           var isKeyboardShown = false;
415 | 
416 |           //if container option is set, determine the container element by querying for the container class
417 |           if (opts.container) {
418 |             opts.container = $body.querySelector(opts.container);
419 |           }
420 | 
421 |           //extend scope defaults with supplied options
422 |           angular.extend(scope, {
423 |             config: templateConfig,
424 |             $deregisterBackButton: angular.noop,
425 |             update: angular.noop,
426 |             cancel: angular.noop,
427 |             done: angular.noop,
428 |             scrollDelegate: $ionicScrollDelegate,
429 |             filter: $filter('filter'),
430 |             filterProperties: null,
431 |             expression: null,
432 |             comparator: null,
433 |             debounce: true,
434 |             delay: 300,
435 |             cancelText: 'Cancel',
436 |             cancelOnStateChange: true,
437 |             container: $body,
438 |             favoritesTitle: 'Favorite Searches',
439 |             favoritesAddPlaceholder: 'Add a search term',
440 |             favoritesEnabled: false,
441 |             favoritesKey: 'ionic_filter_bar_favorites'
442 |           }, opts);
443 | 
444 |           scope.data = {filterText: ''};
445 | 
446 |           //if no custom theme was configured, get theme of containers bar-header
447 |           if (!scope.config.theme) {
448 |             scope.config.theme = getNavBarTheme(scope.container.querySelector('.bar.bar-header'));
449 |           }
450 | 
451 |           // Compile the template
452 |           var element = scope.element = $compile('<ion-filter-bar class="filter-bar"></ion-filter-bar>')(scope);
453 | 
454 |           // Grab required jQLite elements
455 |           var filterWrapperEl = element.children().eq(0);
456 |           var input = filterWrapperEl.find('input')[0];
457 |           var backdropEl = element.children().eq(1);
458 | 
459 |           //get scrollView
460 |           var scrollView = scope.scrollDelegate.getScrollView();
461 |           var canScroll = !!scrollView;
462 | 
463 |           //get the scroll container if scrolling is available
464 |           var $scrollContainer = canScroll ? scrollView.__container : null;
465 | 
466 |           var stateChangeListenDone = scope.cancelOnStateChange ?
467 |             $rootScope.$on('$stateChangeSuccess', function () { scope.cancelFilterBar(); }) :
468 |             angular.noop;
469 | 
470 |           // Focus the input which will show the keyboard.
471 |           var showKeyboard = function () {
472 |             if (!isKeyboardShown) {
473 |               isKeyboardShown = true;
474 |               input && input.focus();
475 |             }
476 |           };
477 | 
478 |           // Blur the input which will hide the keyboard.
479 |           // Even if we need to bring in ionic.keyboard in the future, blur is preferred so keyboard animates out.
480 |           var hideKeyboard = function () {
481 |             if (isKeyboardShown) {
482 |               isKeyboardShown = false;
483 |               input && input.blur();
484 |             }
485 |           };
486 | 
487 |           // When the filtered list is scrolled, we want to hide the keyboard as long as it's not already hidden
488 |           var handleScroll = function () {
489 |             if (scrollView.__scrollTop > 0) {
490 |               hideKeyboard();
491 |             }
492 |           };
493 | 
494 |           // Scrolls the list of items to the top via the scroll delegate
495 |           scope.scrollItemsTop = function () {
496 |             if (canScroll && scrollView.__scrollTop > 0 && scope.scrollDelegate.scrollTop) {
497 |               scope.scrollDelegate.scrollTop();
498 |             }
499 |           };
500 | 
501 |           // Set isKeyboardShown to force showing keyboard on search focus.
502 |           scope.focusInput = function () {
503 |             isKeyboardShown = false;
504 |             showKeyboard();
505 |           };
506 | 
507 |           // Hide the filterBar backdrop if in the DOM and not already hidden.
508 |           scope.hideBackdrop = function () {
509 |             if (backdropEl.length && backdropShown) {
510 |               backdropShown = false;
511 |               backdropEl.removeClass('active').css('display', 'none');
512 |             }
513 |           };
514 | 
515 |           // Show the filterBar backdrop if in the DOM and not already shown.
516 |           scope.showBackdrop = function () {
517 |             if (backdropEl.length && !backdropShown) {
518 |               backdropShown = true;
519 |               backdropEl.css('display', 'block').addClass('active');
520 |             }
521 |           };
522 | 
523 |           scope.showModal = function () {
524 |             scope.modal = $ionicModal.fromTemplate(filterBarModalTemplate, {
525 |               scope: scope
526 |             });
527 |             scope.modal.show();
528 |           };
529 | 
530 |           // Filters the supplied list of items via the supplied filterText.
531 |           // How items are filtered depends on the supplied filter object, and expression
532 |           // Filtered items will be sent to update
533 |           scope.filterItems = function(filterText) {
534 |             var filterExp, filteredItems;
535 | 
536 |             // pass back original list if filterText is empty.
537 |             // Otherwise filter by expression, supplied properties, or filterText.
538 |             if (!filterText.length) {
539 |               filteredItems = scope.items;
540 |             } else {
541 |               if (scope.expression) {
542 |                 filterExp = angular.bind(this, scope.expression, filterText);
543 |               } else if (angular.isArray(scope.filterProperties)) {
544 |                 filterExp = {};
545 |                 angular.forEach(scope.filterProperties, function (property) {
546 |                   filterExp[property] = filterText;
547 |                 });
548 |               } else if (scope.filterProperties) {
549 |                 filterExp = {};
550 |                 filterExp[scope.filterProperties] = filterText;
551 |               } else {
552 |                 filterExp = filterText;
553 |               }
554 | 
555 |               filteredItems = scope.filter(scope.items, filterExp, scope.comparator);
556 |             }
557 | 
558 |             $timeout(function() {
559 |               scope.update(filteredItems, filterText);
560 |               scope.scrollItemsTop();
561 |             });
562 |           };
563 | 
564 |           // registerBackButtonAction returns a callback to deregister the action
565 |           scope.$deregisterBackButton = $ionicPlatform.registerBackButtonAction(
566 |             function() {
567 |               $timeout(scope.cancelFilterBar);
568 |             }, 300
569 |           );
570 | 
571 |           // Removes the filterBar from the body and cleans up vars/events.  Once the backdrop is hidden we can invoke done
572 |           scope.removeFilterBar = function(done) {
573 |             if (scope.removed) return;
574 | 
575 |             scope.removed = true;
576 | 
577 |             //animate the filterBar out, hide keyboard and backdrop
578 |             ionic.requestAnimationFrame(function () {
579 |               filterWrapperEl.removeClass('filter-bar-in');
580 |               hideKeyboard();
581 |               scope.hideBackdrop();
582 | 
583 |               //Wait before cleaning up so element isn't removed before filter bar animates out
584 |               $timeout(function () {
585 |                 scope.scrollItemsTop();
586 |                 scope.update(scope.items);
587 | 
588 |                 scope.$destroy();
589 |                 element.remove();
590 |                 scope.cancelFilterBar.$scope = scope.modal = $scrollContainer = scrollView = filterWrapperEl = backdropEl = input = null;
591 |                 isShown = false;
592 |                 (done || angular.noop)();
593 |               }, 350);
594 |             });
595 | 
596 |             $timeout(function () {
597 |               // wait to remove this due to a 300ms delay native
598 |               // click which would trigging whatever was underneath this
599 |               scope.container.classList.remove('filter-bar-open');
600 |             }, 400);
601 | 
602 |             scope.$deregisterBackButton();
603 |             stateChangeListenDone();
604 | 
605 |             //unbind scroll event
606 |             if ($scrollContainer) {
607 |               $scrollContainer.removeEventListener('scroll', handleScroll);
608 |             }
609 |           };
610 | 
611 |           // Appends the filterBar to the body.  Once the backdrop is hidden we can invoke done
612 |           scope.showFilterBar = function(done) {
613 |             if (scope.removed) return;
614 | 
615 |             scope.container.appendChild(element[0]);
616 |             scope.container.classList.add('filter-bar-open');
617 | 
618 |             //scroll items to the top before starting the animation
619 |             scope.scrollItemsTop();
620 | 
621 |             //start filterBar animation, show backrop and focus the input
622 |             ionic.requestAnimationFrame(function () {
623 |               if (scope.removed) return;
624 | 
625 |               $timeout(function () {
626 |                 filterWrapperEl.addClass('filter-bar-in');
627 |                 scope.focusInput();
628 |                 scope.showBackdrop();
629 |                 (done || angular.noop)();
630 |               }, 20, false);
631 |             });
632 | 
633 |             if ($scrollContainer) {
634 |               $scrollContainer.addEventListener('scroll', handleScroll);
635 |             }
636 |           };
637 | 
638 |           // called when the user presses the backdrop, cancel/back button, changes state
639 |           scope.cancelFilterBar = function() {
640 |             // after the animation is out, call the cancel callback
641 |             scope.removeFilterBar(scope.cancel);
642 |           };
643 | 
644 |           scope.showFilterBar(scope.done);
645 | 
646 |           // Expose the scope on $ionFilterBar's return value for the sake of testing it.
647 |           scope.cancelFilterBar.$scope = scope;
648 | 
649 |           return scope.cancelFilterBar;
650 |         }
651 | 
652 |         return {
653 |           show: filterBar
654 |         };
655 |       }]);
656 | 
657 | 
658 | })(angular, ionic);
659 | 
660 | /* global angular */
661 | (function (angular) {
662 |   'use strict';
663 | 
664 |   angular.module('jett.ionic.filter.bar')
665 |     .controller('$ionicFilterBarModalCtrl', [
666 |       '$window',
667 |       '$scope',
668 |       '$timeout',
669 |       '$ionicListDelegate',
670 |       function ($window, $scope, $timeout, $ionicListDelegate) {
671 |         var searchesKey = $scope.$parent.favoritesKey;
672 | 
673 |         $scope.displayData = {showReorder: false};
674 |         $scope.searches = angular.fromJson($window.localStorage.getItem(searchesKey)) || [];
675 |         $scope.newItem = {text: ''};
676 | 
677 |         $scope.moveItem = function(item, fromIndex, toIndex) {
678 |           item.reordered = true;
679 |           $scope.searches.splice(fromIndex, 1);
680 |           $scope.searches.splice(toIndex, 0, item);
681 | 
682 |           $timeout(function () {
683 |             delete item.reordered;
684 |           }, 500);
685 |         };
686 | 
687 |         $scope.deleteItem = function(item) {
688 |           var index = $scope.searches.indexOf(item);
689 |           $scope.searches.splice(index, 1);
690 |         };
691 | 
692 |         $scope.addItem = function () {
693 |           if ($scope.newItem.text) {
694 |             $scope.searches.push({
695 |               text: $scope.newItem.text
696 |             });
697 |             $scope.newItem.text = '';
698 |           }
699 |         };
700 | 
701 |         $scope.closeModal = function () {
702 |           $window.localStorage.setItem(searchesKey, angular.toJson($scope.searches));
703 |           $scope.$parent.modal.remove();
704 |         };
705 | 
706 |         $scope.itemClicked = function (filterText, $event) {
707 |           var isOptionButtonsClosed = !!$event.currentTarget.querySelector('.item-options.invisible');
708 | 
709 |           if (isOptionButtonsClosed) {
710 |             $scope.closeModal();
711 |             $scope.$parent.hideBackdrop();
712 |             $scope.$parent.data.filterText = filterText;
713 |             $scope.$parent.filterItems(filterText);
714 |           } else {
715 |             $ionicListDelegate.$getByHandle('searches-list').closeOptionButtons();
716 |           }
717 |         };
718 | 
719 |       }]);
720 | 
721 | })(angular);
722 | 


--------------------------------------------------------------------------------
/app/assets/lib/ionic-filter-bar/release/ionic.filter.bar.min.css:
--------------------------------------------------------------------------------
1 | .filter-bar-backdrop{-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:0;background-color:rgba(0,0,0,.4);position:fixed;top:0;left:0;width:100%;height:100%}.filter-bar-backdrop.active{z-index:10;opacity:1}.filter-bar{position:fixed;width:100%;height:44px;z-index:10}.filter-bar .filter-bar-wrapper{z-index:11;position:absolute;top:0;right:0;width:100%}.filter-bar .filter-bar-wrapper .item-input-inset .icon.placeholder-icon:before{padding-top:3px;font-size:16px}.filter-bar .filter-bar-wrapper .item-input-inset .item-input-wrapper{background:#fff;height:28px}.filter-bar .filter-bar-wrapper .item-input-inset .item-input-wrapper .filter-bar-clear{padding:0 2px 0 0}.filter-bar .filter-bar-wrapper .item-input-inset .item-input-wrapper .filter-bar-clear:before{color:#aaa;font-size:18px;padding-top:1px}.platform-android .filter-bar .filter-bar-light .item-input-wrapper{border-bottom:1px solid #ccc;background:#fff}.platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type=search]{color:#444}.platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type=search]::-moz-placeholder{color:#aaa}.platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#aaa}.platform-android .filter-bar .filter-bar-light .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#aaa;text-indent:0}.platform-android .filter-bar .filter-bar-light .item-input-wrapper .filter-bar-clear:before{color:#444}.platform-android .filter-bar .filter-bar-stable .item-input-wrapper{border-bottom:1px solid #a2a2a2;background:#f8f8f8}.platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type=search]{color:#444}.platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type=search]::-moz-placeholder{color:#aaa}.platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#aaa}.platform-android .filter-bar .filter-bar-stable .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#aaa;text-indent:0}.platform-android .filter-bar .filter-bar-stable .item-input-wrapper .filter-bar-clear:before{color:#444}.platform-android .filter-bar .filter-bar-positive .item-input-wrapper{border-bottom:1px solid #0c60ee;background:#387ef5}.platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-positive .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-positive .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-calm .item-input-wrapper{border-bottom:1px solid #0a9dc7;background:#11c1f3}.platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-calm .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-calm .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-assertive .item-input-wrapper{border-bottom:1px solid #e42112;background:#ef473a}.platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-assertive .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-assertive .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-balanced .item-input-wrapper{border-bottom:1px solid #28a54c;background:#33cd5f}.platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-balanced .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-balanced .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-energized .item-input-wrapper{border-bottom:1px solid #e6b500;background:#ffc900}.platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-energized .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-energized .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-royal .item-input-wrapper{border-bottom:1px solid #6b46e5;background:#886aea}.platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-royal .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-royal .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-dark .item-input-wrapper{border-bottom:1px solid #000;background:#444}.platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type=search]{color:#fff}.platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type=search]::-moz-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#fff}.platform-android .filter-bar .filter-bar-dark .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#fff;text-indent:0}.platform-android .filter-bar .filter-bar-dark .item-input-wrapper .filter-bar-clear:before{color:#fff}.platform-android .filter-bar .filter-bar-default .item-input-wrapper{border-bottom:1px solid #ccc;background:#fff}.platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type=search]{color:#444}.platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type=search]::-moz-placeholder{color:#aaa}.platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type=search]:-ms-input-placeholder{color:#aaa}.platform-android .filter-bar .filter-bar-default .item-input-wrapper input[type=search]::-webkit-input-placeholder{color:#aaa;text-indent:0}.platform-android .filter-bar .filter-bar-default .item-input-wrapper .filter-bar-clear:before{color:#444}.platform-android .filter-bar-wrapper .item-input-inset{padding-right:24px}.platform-android .filter-bar-wrapper .item-input-inset .filter-bar-cancel{padding-left:0}.platform-android .filter-bar-wrapper .item-input-inset .filter-bar-cancel:before{font-size:24px}.platform-android .filter-bar-wrapper .item-input-inset .item-input-wrapper{border-radius:0;padding-left:0;margin-left:10px}.platform-android .filter-bar-wrapper .item-input-inset .item-input-wrapper input[type=search]{font-weight:500}.platform-android .filter-bar-wrapper .item-input-inset .item-input-wrapper .filter-bar-clear:before{font-size:20px}.filter-bar-transition-horizontal{-webkit-transition:-webkit-transform cubic-bezier(.25,.45,.05,1) 300ms;transition:transform cubic-bezier(.25,.45,.05,1) 300ms;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.filter-bar-transition-vertical{-webkit-transition:-webkit-transform cubic-bezier(.25,.45,.05,1) 350ms;transition:transform cubic-bezier(.25,.45,.05,1) 350ms;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.filter-bar-transition-fade{-webkit-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out;opacity:0}.filter-bar-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.filter-bar-modal .item.item-input{padding-right:16px}.filter-bar-modal .list-right-editing .item.item-input{opacity:.5}.filter-bar-modal .button.button-icon.ion-ios-checkmark-empty:before{font-size:42px}.filter-bar-element-hide{display:none}
2 | 


--------------------------------------------------------------------------------
/app/assets/lib/ionic-filter-bar/release/ionic.filter.bar.min.js:
--------------------------------------------------------------------------------
1 | module.exports=angular.module("jett.ionic.filter.bar",["ionic"]),function(e,t){"use strict";e.module("jett.ionic.filter.bar").directive("ionFilterBar",["$timeout","$ionicGesture","$ionicPlatform",function(o,r,n){var i;return i=n.is("android")?'<div class="filter-bar-wrapper filter-bar-{{::config.theme}} filter-bar-transition-{{::config.transition}}"><div class="bar bar-header bar-{{::config.theme}} item-input-inset"><button class="filter-bar-cancel button button-icon icon {{::config.back}}"></button><label class="item-input-wrapper"><input type="search" class="filter-bar-search" ng-model="data.filterText" placeholder="{{::config.placeholder}}" /><button class="filter-bar-clear button button-icon icon" ng-class="getClearButtonClass()"></button></label></div></div>':'<div class="filter-bar-wrapper filter-bar-{{::config.theme}} filter-bar-transition-{{::config.transition}}"><div class="bar bar-header bar-{{::config.theme}} item-input-inset"><label class="item-input-wrapper"><i class="icon {{::config.search}} placeholder-icon"></i><input type="search" class="filter-bar-search" ng-model="data.filterText" placeholder="{{::config.placeholder}}"/><button class="filter-bar-clear button button-icon icon" ng-class="getClearButtonClass()"></button></label><button class="filter-bar-cancel button button-clear" ng-bind-html="::cancelText"></button></div></div>',{restrict:"E",scope:!0,link:function(n,i){var a,l,c,s,d,f=i[0],u=f.querySelector(".filter-bar-clear"),m=f.querySelector(".filter-bar-cancel"),p=f.querySelector(".filter-bar-search"),h=function(){n.cancelFilterBar()};n.config.backdrop&&(c=e.element('<div class="filter-bar-backdrop"></div>'),i.append(c),s=function(e){e.target==c[0]&&h()},c.bind("click",s),l=r.on("swipe",s,c)),n.favoritesEnabled?n.getClearButtonClass=function(){return n.data.filterText.length?n.config.clear:n.config.favorite}:n.getClearButtonClass=function(){return n.data.filterText.length?n.config.clear:"filter-bar-element-hide"};var b=function(){u.classList.contains(n.config.favorite)?n.showModal():o(function(){n.data.filterText="",ionic.requestAnimationFrame(function(){n.showBackdrop(),n.scrollItemsTop(),n.focusInput()})})},g=function(){n.scrollItemsTop(),n.focusInput()},v=function(e){27==e.which?h():n.data.filterText&&n.data.filterText.length?n.hideBackdrop():n.showBackdrop()};m.addEventListener("click",h),u.addEventListener("touchstart",b),u.addEventListener("mousedown",b),p.addEventListener("touchstart",g),p.addEventListener("mousedown",g),t.addEventListener("keyup",v);var $=function(){n.filterItems(n.data.filterText)};n.$on("$destroy",function(){i.remove(),t.removeEventListener("keyup",v),c&&r.off(l,"swipe",s),d()}),d=n.$watch("data.filterText",function(e,t){var r;a&&o.cancel(a),e!==t&&(r=e.length&&n.debounce?n.delay:0,a=o($,r,!1))})},template:i}}])}(angular,document),function(e){"use strict";e.module("jett.ionic.filter.bar").provider("$ionicFilterBarConfig",function(){function t(e,t){l.platform[e]=t,i.platform[e]={},o(l,l.platform[e]),r(l.platform[e],i.platform[e],"")}function o(t,r){for(var n in t)n!=a&&t.hasOwnProperty(n)&&(e.isObject(t[n])?(e.isDefined(r[n])||(r[n]={}),o(t[n],r[n])):e.isDefined(r[n])||(r[n]=null))}function r(t,o,i){e.forEach(t,function(c,s){e.isObject(t[s])?(o[s]={},r(t[s],o[s],i+"."+s)):o[s]=function(e){if(arguments.length)return t[s]=e,o;if(t[s]==a){var r=n(l.platform,ionic.Platform.platform()+i+"."+s);return r||r===!1?r:n(l.platform,"default"+i+"."+s)}return t[s]}})}function n(t,o){o=o.split(".");for(var r=0;r<o.length;r++){if(!t||!e.isDefined(t[o[r]]))return null;t=t[o[r]]}return t}var i=this;i.platform={};var a="platform",l={theme:a,clear:a,add:a,close:a,done:a,remove:a,reorder:a,favorite:a,search:a,backdrop:a,transition:a,platform:{},placeholder:a};r(l,i,""),t("default",{clear:"ion-ios-close",add:"ion-ios-plus-outline",close:"ion-ios-close-empty",done:"ion-ios-checkmark-empty",remove:"ion-ios-trash-outline",reorder:"ion-drag",favorite:"ion-ios-star",search:"ion-ios-search-strong",backdrop:!0,transition:"vertical",placeholder:"Search"}),t("ios",{}),t("android",{clear:"ion-android-close",close:"ion-android-close",done:"ion-android-done",remove:"ion-android-delete",favorite:"ion-android-star",search:!1,backdrop:!1,transition:"horizontal"}),i.setPlatformConfig=t,i.$get=function(){return i}})}(angular),function(e,t){"use strict";var o='<ion-modal-view ng-controller="$ionicFilterBarModalCtrl" class="filter-bar-modal"><ion-header-bar class="bar bar-{{::config.theme}} disable-user-behavior"><button class="button button-icon {{::config.close}}" ng-click="closeModal()"></button><h1 class="title" ng-bind-html="::favoritesTitle"></h1><button ng-if="searches.length > 1" class="button button-icon" ng-class="displayData.showReorder ? config.done : config.reorder" ng-click="displayData.showReorder = !displayData.showReorder"></button></ion-header-bar><ion-content><ion-list show-reorder="displayData.showReorder" delegate-handle="searches-list"><ion-item ng-repeat="item in searches" class="item-remove-animate" ng-class="{reordered: item.reordered}" ng-click="itemClicked(item.text, $event)"><span ng-bind-html="item.text"></span><ion-option-button class="button-assertive icon {{::config.remove}}" ng-click="deleteItem(item)"></ion-option-button><ion-reorder-button class="{{::config.reorder}}" on-reorder="moveItem(item, $fromIndex, $toIndex)"></ion-reorder-button></ion-item><div class="item item-input"><input type="text" ng-model="newItem.text" placeholder="{{::favoritesAddPlaceholder}}"/><button class="button button-icon icon {{::config.add}}" ng-click="addItem(newItem)"></button></div></ion-list></ion-content> </ion-modal-view>',r=function(e){var t=["light","stable","positive","calm","balanced","energized","assertive","royal","dark"],o=e&&e.classList;if(o)for(var r=0;r<t.length;r++)if(o.contains("bar-"+t[r]))return t[r]};e.module("jett.ionic.filter.bar").factory("$ionicFilterBar",["$document","$rootScope","$compile","$timeout","$filter","$ionicPlatform","$ionicFilterBarConfig","$ionicConfig","$ionicModal","$ionicScrollDelegate",function(n,i,a,l,c,s,d,f,u,m){function p(n){if(!h){h=!0,n=n||{};var d=i.$new(!0),f=!1,p=!1;n.container&&(n.container=b.querySelector(n.container)),e.extend(d,{config:g,$deregisterBackButton:e.noop,update:e.noop,cancel:e.noop,done:e.noop,scrollDelegate:m,filter:c("filter"),filterProperties:null,expression:null,comparator:null,debounce:!0,delay:300,cancelText:"Cancel",cancelOnStateChange:!0,container:b,favoritesTitle:"Favorite Searches",favoritesAddPlaceholder:"Add a search term",favoritesEnabled:!1,favoritesKey:"ionic_filter_bar_favorites"},n),d.data={filterText:""},d.config.theme||(d.config.theme=r(d.container.querySelector(".bar.bar-header")));var v=d.element=a('<ion-filter-bar class="filter-bar"></ion-filter-bar>')(d),$=v.children().eq(0),B=$.find("input")[0],w=v.children().eq(1),k=d.scrollDelegate.getScrollView(),y=!!k,x=y?k.__container:null,I=d.cancelOnStateChange?i.$on("$stateChangeSuccess",function(){d.cancelFilterBar()}):e.noop,T=function(){p||(p=!0,B&&B.focus())},C=function(){p&&(p=!1,B&&B.blur())},F=function(){k.__scrollTop>0&&C()};return d.scrollItemsTop=function(){y&&k.__scrollTop>0&&d.scrollDelegate.scrollTop&&d.scrollDelegate.scrollTop()},d.focusInput=function(){p=!1,T()},d.hideBackdrop=function(){w.length&&f&&(f=!1,w.removeClass("active").css("display","none"))},d.showBackdrop=function(){w.length&&!f&&(f=!0,w.css("display","block").addClass("active"))},d.showModal=function(){d.modal=u.fromTemplate(o,{scope:d}),d.modal.show()},d.filterItems=function(t){var o,r;t.length?(d.expression?o=e.bind(this,d.expression,t):e.isArray(d.filterProperties)?(o={},e.forEach(d.filterProperties,function(e){o[e]=t})):d.filterProperties?(o={},o[d.filterProperties]=t):o=t,r=d.filter(d.items,o,d.comparator)):r=d.items,l(function(){d.update(r,t),d.scrollItemsTop()})},d.$deregisterBackButton=s.registerBackButtonAction(function(){l(d.cancelFilterBar)},300),d.removeFilterBar=function(o){d.removed||(d.removed=!0,t.requestAnimationFrame(function(){$.removeClass("filter-bar-in"),C(),d.hideBackdrop(),l(function(){d.scrollItemsTop(),d.update(d.items),d.$destroy(),v.remove(),d.cancelFilterBar.$scope=d.modal=x=k=$=w=B=null,h=!1,(o||e.noop)()},350)}),l(function(){d.container.classList.remove("filter-bar-open")},400),d.$deregisterBackButton(),I(),x&&x.removeEventListener("scroll",F))},d.showFilterBar=function(o){d.removed||(d.container.appendChild(v[0]),d.container.classList.add("filter-bar-open"),d.scrollItemsTop(),t.requestAnimationFrame(function(){d.removed||l(function(){$.addClass("filter-bar-in"),d.focusInput(),d.showBackdrop(),(o||e.noop)()},20,!1)}),x&&x.addEventListener("scroll",F))},d.cancelFilterBar=function(){d.removeFilterBar(d.cancel)},d.showFilterBar(d.done),d.cancelFilterBar.$scope=d,d.cancelFilterBar}}var h=!1,b=n[0].body,g={theme:d.theme(),transition:d.transition(),back:f.backButton.icon(),clear:d.clear(),favorite:d.favorite(),search:d.search(),backdrop:d.backdrop(),placeholder:d.placeholder(),close:d.close(),done:d.done(),reorder:d.reorder(),remove:d.remove(),add:d.add()};return{show:p}}])}(angular,ionic),function(e){"use strict";e.module("jett.ionic.filter.bar").controller("$ionicFilterBarModalCtrl",["$window","$scope","$timeout","$ionicListDelegate",function(t,o,r,n){var i=o.$parent.favoritesKey;o.displayData={showReorder:!1},o.searches=e.fromJson(t.localStorage.getItem(i))||[],o.newItem={text:""},o.moveItem=function(e,t,n){e.reordered=!0,o.searches.splice(t,1),o.searches.splice(n,0,e),r(function(){delete e.reordered},500)},o.deleteItem=function(e){var t=o.searches.indexOf(e);o.searches.splice(t,1)},o.addItem=function(){o.newItem.text&&(o.searches.push({text:o.newItem.text}),o.newItem.text="")},o.closeModal=function(){t.localStorage.setItem(i,e.toJson(o.searches)),o.$parent.modal.remove()},o.itemClicked=function(e,t){var r=!!t.currentTarget.querySelector(".item-options.invisible");r?(o.closeModal(),o.$parent.hideBackdrop(),o.$parent.data.filterText=e,o.$parent.filterItems(e)):n.$getByHandle("searches-list").closeOptionButtons()}}])}(angular);


--------------------------------------------------------------------------------
/app/assets/lib/pdfjs-dist/web/viewer.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!--
  3 | Copyright 2012 Mozilla Foundation
  4 | 
  5 | Licensed under the Apache License, Version 2.0 (the "License");
  6 | you may not use this file except in compliance with the License.
  7 | You may obtain a copy of the License at
  8 | 
  9 |     http://www.apache.org/licenses/LICENSE-2.0
 10 | 
 11 | Unless required by applicable law or agreed to in writing, software
 12 | distributed under the License is distributed on an "AS IS" BASIS,
 13 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 14 | See the License for the specific language governing permissions and
 15 | limitations under the License.
 16 | 
 17 | Adobe CMap resources are covered by their own copyright but the same license:
 18 | 
 19 |     Copyright 1990-2015 Adobe Systems Incorporated.
 20 | 
 21 | See https://github.com/adobe-type-tools/cmap-resources
 22 | -->
 23 | <html dir="ltr" mozdisallowselectionprint moznomarginboxes>
 24 |   <head>
 25 |     <meta charset="utf-8">
 26 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 27 |     <meta name="google" content="notranslate">
 28 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 29 |     <title>PDF.js viewer</title>
 30 | 
 31 | 
 32 |     <link rel="stylesheet" href="viewer.css"/>
 33 | 
 34 |     <script src="compatibility.js"></script>
 35 | 
 36 | 
 37 | 
 38 | <!-- This snippet is used in production (included from viewer.html) -->
 39 | <link rel="resource" type="application/l10n" href="locale/locale.properties"/>
 40 | <script src="l10n.js"></script>
 41 | <script src="../build/pdf.js"></script>
 42 | 
 43 | 
 44 | 
 45 |     <script src="debugger.js"></script>
 46 |     <script src="viewer.js"></script>
 47 | 
 48 |   </head>
 49 | 
 50 |   <body tabindex="1" class="loadingInProgress">
 51 |     <div id="outerContainer">
 52 | 
 53 |       <div id="sidebarContainer">
 54 |         <div id="toolbarSidebar">
 55 |           <div class="splitToolbarButton toggled">
 56 |             <button id="viewThumbnail" class="toolbarButton group toggled" title="Show Thumbnails" tabindex="2" data-l10n-id="thumbs">
 57 |                <span data-l10n-id="thumbs_label">Thumbnails</span>
 58 |             </button>
 59 |             <button id="viewOutline" class="toolbarButton group" title="Show Document Outline" tabindex="3" data-l10n-id="outline">
 60 |                <span data-l10n-id="outline_label">Document Outline</span>
 61 |             </button>
 62 |             <button id="viewAttachments" class="toolbarButton group" title="Show Attachments" tabindex="4" data-l10n-id="attachments">
 63 |                <span data-l10n-id="attachments_label">Attachments</span>
 64 |             </button>
 65 |           </div>
 66 |         </div>
 67 |         <div id="sidebarContent">
 68 |           <div id="thumbnailView">
 69 |           </div>
 70 |           <div id="outlineView" class="hidden">
 71 |           </div>
 72 |           <div id="attachmentsView" class="hidden">
 73 |           </div>
 74 |         </div>
 75 |       </div>  <!-- sidebarContainer -->
 76 | 
 77 |       <div id="mainContainer">
 78 |         <div class="findbar hidden doorHanger hiddenSmallView" id="findbar">
 79 |           <label for="findInput" class="toolbarLabel" data-l10n-id="find_label">Find:</label>
 80 |           <input id="findInput" class="toolbarField" tabindex="91">
 81 |           <div class="splitToolbarButton">
 82 |             <button class="toolbarButton findPrevious" title="" id="findPrevious" tabindex="92" data-l10n-id="find_previous">
 83 |               <span data-l10n-id="find_previous_label">Previous</span>
 84 |             </button>
 85 |             <div class="splitToolbarButtonSeparator"></div>
 86 |             <button class="toolbarButton findNext" title="" id="findNext" tabindex="93" data-l10n-id="find_next">
 87 |               <span data-l10n-id="find_next_label">Next</span>
 88 |             </button>
 89 |           </div>
 90 |           <input type="checkbox" id="findHighlightAll" class="toolbarField" tabindex="94">
 91 |           <label for="findHighlightAll" class="toolbarLabel" data-l10n-id="find_highlight">Highlight all</label>
 92 |           <input type="checkbox" id="findMatchCase" class="toolbarField" tabindex="95">
 93 |           <label for="findMatchCase" class="toolbarLabel" data-l10n-id="find_match_case_label">Match case</label>
 94 |           <span id="findResultsCount" class="toolbarLabel hidden"></span>
 95 |           <span id="findMsg" class="toolbarLabel"></span>
 96 |         </div>  <!-- findbar -->
 97 | 
 98 |         <div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight">
 99 |           <div id="secondaryToolbarButtonContainer">
100 |             <button id="secondaryPresentationMode" class="secondaryToolbarButton presentationMode visibleLargeView" title="Switch to Presentation Mode" tabindex="51" data-l10n-id="presentation_mode">
101 |               <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
102 |             </button>
103 | 
104 |             <button id="secondaryOpenFile" class="secondaryToolbarButton openFile visibleLargeView" title="Open File" tabindex="52" data-l10n-id="open_file">
105 |               <span data-l10n-id="open_file_label">Open</span>
106 |             </button>
107 | 
108 |             <button id="secondaryPrint" class="secondaryToolbarButton print visibleMediumView" title="Print" tabindex="53" data-l10n-id="print">
109 |               <span data-l10n-id="print_label">Print</span>
110 |             </button>
111 | 
112 |             <button id="secondaryDownload" class="secondaryToolbarButton download visibleMediumView" title="Download" tabindex="54" data-l10n-id="download">
113 |               <span data-l10n-id="download_label">Download</span>
114 |             </button>
115 | 
116 |             <a href="#" id="secondaryViewBookmark" class="secondaryToolbarButton bookmark visibleSmallView" title="Current view (copy or open in new window)" tabindex="55" data-l10n-id="bookmark">
117 |               <span data-l10n-id="bookmark_label">Current View</span>
118 |             </a>
119 | 
120 |             <div class="horizontalToolbarSeparator visibleLargeView"></div>
121 | 
122 |             <button id="firstPage" class="secondaryToolbarButton firstPage" title="Go to First Page" tabindex="56" data-l10n-id="first_page">
123 |               <span data-l10n-id="first_page_label">Go to First Page</span>
124 |             </button>
125 |             <button id="lastPage" class="secondaryToolbarButton lastPage" title="Go to Last Page" tabindex="57" data-l10n-id="last_page">
126 |               <span data-l10n-id="last_page_label">Go to Last Page</span>
127 |             </button>
128 | 
129 |             <div class="horizontalToolbarSeparator"></div>
130 | 
131 |             <button id="pageRotateCw" class="secondaryToolbarButton rotateCw" title="Rotate Clockwise" tabindex="58" data-l10n-id="page_rotate_cw">
132 |               <span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span>
133 |             </button>
134 |             <button id="pageRotateCcw" class="secondaryToolbarButton rotateCcw" title="Rotate Counterclockwise" tabindex="59" data-l10n-id="page_rotate_ccw">
135 |               <span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwise</span>
136 |             </button>
137 | 
138 |             <div class="horizontalToolbarSeparator"></div>
139 | 
140 |             <button id="toggleHandTool" class="secondaryToolbarButton handTool" title="Enable hand tool" tabindex="60" data-l10n-id="hand_tool_enable">
141 |               <span data-l10n-id="hand_tool_enable_label">Enable hand tool</span>
142 |             </button>
143 | 
144 |             <div class="horizontalToolbarSeparator"></div>
145 | 
146 |             <button id="documentProperties" class="secondaryToolbarButton documentProperties" title="Document Properties…" tabindex="61" data-l10n-id="document_properties">
147 |               <span data-l10n-id="document_properties_label">Document Properties…</span>
148 |             </button>
149 |           </div>
150 |         </div>  <!-- secondaryToolbar -->
151 | 
152 |         <div class="toolbar">
153 |           <div id="toolbarContainer">
154 |             <div id="toolbarViewer">
155 |               <div id="toolbarViewerLeft">
156 |                 <button id="sidebarToggle" class="toolbarButton" title="Toggle Sidebar" tabindex="11" data-l10n-id="toggle_sidebar">
157 |                   <span data-l10n-id="toggle_sidebar_label">Toggle Sidebar</span>
158 |                 </button>
159 |                 <div class="toolbarButtonSpacer"></div>
160 |                 <button id="viewFind" class="toolbarButton group hiddenSmallView" title="Find in Document" tabindex="12" data-l10n-id="findbar">
161 |                    <span data-l10n-id="findbar_label">Find</span>
162 |                 </button>
163 |                 <div class="splitToolbarButton">
164 |                   <button class="toolbarButton pageUp" title="Previous Page" id="previous" tabindex="13" data-l10n-id="previous">
165 |                     <span data-l10n-id="previous_label">Previous</span>
166 |                   </button>
167 |                   <div class="splitToolbarButtonSeparator"></div>
168 |                   <button class="toolbarButton pageDown" title="Next Page" id="next" tabindex="14" data-l10n-id="next">
169 |                     <span data-l10n-id="next_label">Next</span>
170 |                   </button>
171 |                 </div>
172 |                 <label id="pageNumberLabel" class="toolbarLabel" for="pageNumber" data-l10n-id="page_label">Page: </label>
173 |                 <input type="number" id="pageNumber" class="toolbarField pageNumber" value="1" size="4" min="1" tabindex="15">
174 |                 <span id="numPages" class="toolbarLabel"></span>
175 |               </div>
176 |               <div id="toolbarViewerRight">
177 |                 <button id="presentationMode" class="toolbarButton presentationMode hiddenLargeView" title="Switch to Presentation Mode" tabindex="31" data-l10n-id="presentation_mode">
178 |                   <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
179 |                 </button>
180 | 
181 |                 <button id="openFile" class="toolbarButton openFile hiddenLargeView" title="Open File" tabindex="32" data-l10n-id="open_file">
182 |                   <span data-l10n-id="open_file_label">Open</span>
183 |                 </button>
184 | 
185 |                 <button id="print" class="toolbarButton print hiddenMediumView" title="Print" tabindex="33" data-l10n-id="print">
186 |                   <span data-l10n-id="print_label">Print</span>
187 |                 </button>
188 | 
189 |                 <button id="download" class="toolbarButton download hiddenMediumView" title="Download" tabindex="34" data-l10n-id="download">
190 |                   <span data-l10n-id="download_label">Download</span>
191 |                 </button>
192 |                 <a href="#" id="viewBookmark" class="toolbarButton bookmark hiddenSmallView" title="Current view (copy or open in new window)" tabindex="35" data-l10n-id="bookmark">
193 |                   <span data-l10n-id="bookmark_label">Current View</span>
194 |                 </a>
195 | 
196 |                 <div class="verticalToolbarSeparator hiddenSmallView"></div>
197 | 
198 |                 <button id="secondaryToolbarToggle" class="toolbarButton" title="Tools" tabindex="36" data-l10n-id="tools">
199 |                   <span data-l10n-id="tools_label">Tools</span>
200 |                 </button>
201 |               </div>
202 |               <div class="outerCenter">
203 |                 <div class="innerCenter" id="toolbarViewerMiddle">
204 |                   <div class="splitToolbarButton">
205 |                     <button id="zoomOut" class="toolbarButton zoomOut" title="Zoom Out" tabindex="21" data-l10n-id="zoom_out">
206 |                       <span data-l10n-id="zoom_out_label">Zoom Out</span>
207 |                     </button>
208 |                     <div class="splitToolbarButtonSeparator"></div>
209 |                     <button id="zoomIn" class="toolbarButton zoomIn" title="Zoom In" tabindex="22" data-l10n-id="zoom_in">
210 |                       <span data-l10n-id="zoom_in_label">Zoom In</span>
211 |                      </button>
212 |                   </div>
213 |                   <span id="scaleSelectContainer" class="dropdownToolbarButton">
214 |                      <select id="scaleSelect" title="Zoom" tabindex="23" data-l10n-id="zoom">
215 |                       <option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoom</option>
216 |                       <option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual Size</option>
217 |                       <option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">Fit Page</option>
218 |                       <option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Full Width</option>
219 |                       <option id="customScaleOption" title="" value="custom"></option>
220 |                       <option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>50%</option>
221 |                       <option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>75%</option>
222 |                       <option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>100%</option>
223 |                       <option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%</option>
224 |                       <option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%</option>
225 |                       <option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>200%</option>
226 |                       <option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>300%</option>
227 |                       <option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>400%</option>
228 |                     </select>
229 |                   </span>
230 |                 </div>
231 |               </div>
232 |             </div>
233 |             <div id="loadingBar">
234 |               <div class="progress">
235 |                 <div class="glimmer">
236 |                 </div>
237 |               </div>
238 |             </div>
239 |           </div>
240 |         </div>
241 | 
242 |         <menu type="context" id="viewerContextMenu">
243 |           <menuitem id="contextFirstPage" label="First Page"
244 |                     data-l10n-id="first_page"></menuitem>
245 |           <menuitem id="contextLastPage" label="Last Page"
246 |                     data-l10n-id="last_page"></menuitem>
247 |           <menuitem id="contextPageRotateCw" label="Rotate Clockwise"
248 |                     data-l10n-id="page_rotate_cw"></menuitem>
249 |           <menuitem id="contextPageRotateCcw" label="Rotate Counter-Clockwise"
250 |                     data-l10n-id="page_rotate_ccw"></menuitem>
251 |         </menu>
252 | 
253 |         <div id="viewerContainer" tabindex="0">
254 |           <div id="viewer" class="pdfViewer"></div>
255 |         </div>
256 | 
257 |         <div id="errorWrapper" hidden='true'>
258 |           <div id="errorMessageLeft">
259 |             <span id="errorMessage"></span>
260 |             <button id="errorShowMore" data-l10n-id="error_more_info">
261 |               More Information
262 |             </button>
263 |             <button id="errorShowLess" data-l10n-id="error_less_info" hidden='true'>
264 |               Less Information
265 |             </button>
266 |           </div>
267 |           <div id="errorMessageRight">
268 |             <button id="errorClose" data-l10n-id="error_close">
269 |               Close
270 |             </button>
271 |           </div>
272 |           <div class="clearBoth"></div>
273 |           <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
274 |         </div>
275 |       </div> <!-- mainContainer -->
276 | 
277 |       <div id="overlayContainer" class="hidden">
278 |         <div id="passwordOverlay" class="container hidden">
279 |           <div class="dialog">
280 |             <div class="row">
281 |               <p id="passwordText" data-l10n-id="password_label">Enter the password to open this PDF file:</p>
282 |             </div>
283 |             <div class="row">
284 |               <!-- The type="password" attribute is set via script, to prevent warnings in Firefox for all http:// documents. -->
285 |               <input id="password" class="toolbarField" />
286 |             </div>
287 |             <div class="buttonRow">
288 |               <button id="passwordCancel" class="overlayButton"><span data-l10n-id="password_cancel">Cancel</span></button>
289 |               <button id="passwordSubmit" class="overlayButton"><span data-l10n-id="password_ok">OK</span></button>
290 |             </div>
291 |           </div>
292 |         </div>
293 |         <div id="documentPropertiesOverlay" class="container hidden">
294 |           <div class="dialog">
295 |             <div class="row">
296 |               <span data-l10n-id="document_properties_file_name">File name:</span> <p id="fileNameField">-</p>
297 |             </div>
298 |             <div class="row">
299 |               <span data-l10n-id="document_properties_file_size">File size:</span> <p id="fileSizeField">-</p>
300 |             </div>
301 |             <div class="separator"></div>
302 |             <div class="row">
303 |               <span data-l10n-id="document_properties_title">Title:</span> <p id="titleField">-</p>
304 |             </div>
305 |             <div class="row">
306 |               <span data-l10n-id="document_properties_author">Author:</span> <p id="authorField">-</p>
307 |             </div>
308 |             <div class="row">
309 |               <span data-l10n-id="document_properties_subject">Subject:</span> <p id="subjectField">-</p>
310 |             </div>
311 |             <div class="row">
312 |               <span data-l10n-id="document_properties_keywords">Keywords:</span> <p id="keywordsField">-</p>
313 |             </div>
314 |             <div class="row">
315 |               <span data-l10n-id="document_properties_creation_date">Creation Date:</span> <p id="creationDateField">-</p>
316 |             </div>
317 |             <div class="row">
318 |               <span data-l10n-id="document_properties_modification_date">Modification Date:</span> <p id="modificationDateField">-</p>
319 |             </div>
320 |             <div class="row">
321 |               <span data-l10n-id="document_properties_creator">Creator:</span> <p id="creatorField">-</p>
322 |             </div>
323 |             <div class="separator"></div>
324 |             <div class="row">
325 |               <span data-l10n-id="document_properties_producer">PDF Producer:</span> <p id="producerField">-</p>
326 |             </div>
327 |             <div class="row">
328 |               <span data-l10n-id="document_properties_version">PDF Version:</span> <p id="versionField">-</p>
329 |             </div>
330 |             <div class="row">
331 |               <span data-l10n-id="document_properties_page_count">Page Count:</span> <p id="pageCountField">-</p>
332 |             </div>
333 |             <div class="buttonRow">
334 |               <button id="documentPropertiesClose" class="overlayButton"><span data-l10n-id="document_properties_close">Close</span></button>
335 |             </div>
336 |           </div>
337 |         </div>
338 |       </div>  <!-- overlayContainer -->
339 | 
340 |     </div> <!-- outerContainer -->
341 |     <div id="printContainer"></div>
342 | <div id="mozPrintCallback-shim" hidden>
343 |   <style>
344 | @media print {
345 |   #printContainer div {
346 |     page-break-after: always;
347 |     page-break-inside: avoid;
348 |   }
349 | }
350 |   </style>
351 |   <style scoped>
352 | #mozPrintCallback-shim {
353 |   position: fixed;
354 |   top: 0;
355 |   left: 0;
356 |   height: 100%;
357 |   width: 100%;
358 |   z-index: 9999999;
359 | 
360 |   display: block;
361 |   text-align: center;
362 |   background-color: rgba(0, 0, 0, 0.5);
363 | }
364 | #mozPrintCallback-shim[hidden] {
365 |   display: none;
366 | }
367 | @media print {
368 |   #mozPrintCallback-shim {
369 |     display: none;
370 |   }
371 | }
372 | 
373 | #mozPrintCallback-shim .mozPrintCallback-dialog-box {
374 |   display: inline-block;
375 |   margin: -50px auto 0;
376 |   position: relative;
377 |   top: 45%;
378 |   left: 0;
379 |   min-width: 220px;
380 |   max-width: 400px;
381 | 
382 |   padding: 9px;
383 | 
384 |   border: 1px solid hsla(0, 0%, 0%, .5);
385 |   border-radius: 2px;
386 |   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
387 | 
388 |   background-color: #474747;
389 | 
390 |   color: hsl(0, 0%, 85%);
391 |   font-size: 16px;
392 |   line-height: 20px;
393 | }
394 | #mozPrintCallback-shim .progress-row {
395 |   clear: both;
396 |   padding: 1em 0;
397 | }
398 | #mozPrintCallback-shim progress {
399 |   width: 100%;
400 | }
401 | #mozPrintCallback-shim .relative-progress {
402 |   clear: both;
403 |   float: right;
404 | }
405 | #mozPrintCallback-shim .progress-actions {
406 |   clear: both;
407 | }
408 |   </style>
409 |   <div class="mozPrintCallback-dialog-box">
410 |     <!-- TODO: Localise the following strings -->
411 |     Preparing document for printing...
412 |     <div class="progress-row">
413 |       <progress value="0" max="100"></progress>
414 |       <span class="relative-progress">0%</span>
415 |     </div>
416 |     <div class="progress-actions">
417 |       <input type="button" value="Cancel" class="mozPrintCallback-cancel">
418 |     </div>
419 |   </div>
420 | </div>
421 | 
422 |   </body>
423 | </html>
424 | 
425 | 


--------------------------------------------------------------------------------
/app/assets/scss/_index.scss:
--------------------------------------------------------------------------------
  1 | // body {
  2 | //   background: #efefef;
  3 | // }
  4 | .border_none {
  5 |   border: none
  6 | }
  7 | .border_bottom {
  8 |   border-bottom: 1px solid #ccc;
  9 | }
 10 | .border_left {
 11 |   border-left: 1px solid #ddd;
 12 | }
 13 | .border_radius {
 14 |   border-radius: 0px;
 15 | }
 16 | // //.border_left_none {
 17 | //   border-right: none;
 18 | // }
 19 | .width100 {
 20 |   width: 100%;
 21 | }
 22 | .font-default {
 23 |   font-size: 16px;
 24 | }
 25 | .font_18 {
 26 |   font-size: 18px;
 27 | }
 28 | .color_red {
 29 |   color: #ff5858;
 30 | }
 31 | .color_white {
 32 |   color: #fff;
 33 | }
 34 | .color_blue {
 35 |   color: #17bddf
 36 | }
 37 | .float_none {
 38 |   float: none;
 39 | }
 40 | .background_red {
 41 |   background: #ff5858;
 42 | }
 43 | .background_blue {
 44 |   background: #17bddf;
 45 | }
 46 | .background_white {
 47 |   background: #fff;
 48 | }
 49 | .margin_auto {
 50 |   margin: auto;
 51 | }
 52 | .margin_top {
 53 |   margin-top: 10px;
 54 | }
 55 | .margin-top_6 {
 56 |   margin-top: 6px;
 57 | }
 58 | .margin_bottom_20 {
 59 |   margin-bottom: 20px;
 60 | }
 61 | .margin_bottom_59 {
 62 |   margin-bottom: 59px;
 63 | }
 64 | 
 65 | /**********登录界面的样式  开始
 66 | .login_body{
 67 |             @extend .font-default;
 68 |             width: 80%;
 69 |             margin:auto;
 70 |             .top_im{
 71 |                         width:60%;
 72 |                         margin:2.5em auto;
 73 |                         img{
 74 |                                     @extend .width100;
 75 |                         }
 76 |             }
 77 |             .input_detail{
 78 |                         input{
 79 |                                     @extend .border_radius;
 80 |                                     border-bottom:1px solid #ddd;
 81 |                                     padding: 28px 4px;
 82 |                         }
 83 |                         .code{
 84 |                                     @extend .border_bottom;
 85 |                                     input{
 86 |                                                 @extend .float_none;
 87 |                                                 @extend .border_none;
 88 |                                                 display: inline-block;
 89 |                                     }
 90 |                                     button{
 91 |                                                 @extend .float_none;
 92 |                                                 @extend .border_none;
 93 |                                                 @extend .color_red;
 94 |                                                 @extend .border_radius;
 95 |                                                 @extend .background_white;
 96 |                                                 margin-top:2px;
 97 |                                                 border-left:1px solid #dddddd !important;
 98 |                                                 display: inline-block;
 99 |                                     }
100 |                         }
101 |             }
102 |             .login_btn{
103 |                         @extend .background_blue;
104 |                         @extend .border_none;
105 |                         @extend .border_radius;
106 |                         color:#fff;
107 |                         letter-spacing: 3px;
108 |                         margin-top:3em;
109 |                         //padding:12px 18px;
110 |             }
111 | }
112 | //******************登录界面的样式  结束
113 | 
114 | //******************badge 样式
115 | .sub_title{
116 |             margin-top:8px;
117 |             position: relative;
118 |             font-size:17px;
119 | }
120 | .num{
121 |             @extend .background_red;
122 |             position: absolute;
123 |             font-size:15px;
124 |             border-radius:50%;
125 |             color:#fff;
126 |             width:21px;
127 |             height: 21px;
128 |             top:-9px;
129 | }
130 | //*******************
131 | 
132 | //***************  登录页标题样式
133 | .body_bar{
134 |             @extend .border_bottom;
135 |             @extend .font-default;
136 |             @extend .background_white;
137 |             padding:12px 6px 2px;
138 |             .back{
139 |                         padding: 0 0.8em;
140 |             }
141 |             .top_title{
142 |                         font-size:18px;
143 |                         margin-top:-28px;
144 |             }
145 | }
146 | //*********************
147 | 
148 | //间隔样式
149 | .gap{height:20px;background:#efefef;}
150 | //间隔样式
151 | 
152 | //****************   配送端标题样式
153 | .delivery_bar{
154 |             @extend .font-default;
155 |             @extend .background_white;
156 |             padding:13px 6px 2px;
157 |             position:fixed;
158 |             width:100%;
159 |             top:0;
160 |             z-index: 9999;
161 |             border-top:1px solid #ddd;
162 |             .top_title1{
163 |                         font-size:18px;
164 |                         margin-top:-26px;
165 |                         width:65%;
166 |                         position: relative;
167 |                         display:inline-block;
168 |             }
169 |             .badge{
170 |                         @extend .background_red;
171 |                         @extend .color_white;
172 |                         position: absolute;
173 |                         top:-7px;
174 |             }
175 |             .search{
176 |                         margin-top:-2.4em;
177 |                         padding: 0 0.8em;
178 |                         img{
179 |                                     width:1.5em;
180 |                         }
181 |             }
182 |             .btn_search{
183 |                         margin-top:-8px;
184 |                         float: right;
185 |                         img{
186 |                                     width:1.5em;
187 |                         }
188 |             }
189 | }
190 | 
191 | .back_arrow{
192 |             padding: 0.8em 1.5em 0.8em 0.8em;
193 |             img{
194 |                         width:0.6em;
195 |             }
196 | }
197 | //****************
198 | 
199 | //配送端选择标题样式
200 | .choose_bar{
201 |             @extend .background_white;
202 |             text-align: center;
203 |             padding:1em 0;
204 |             div{
205 |                         display:inline-block;
206 |                         margin-left:2.4em;
207 |                         img{
208 |                                     width:1em;
209 |                                     margin-left:0.8em;
210 |                         }
211 |             }
212 | }
213 | //配送端选择标题样式
214 | 
215 | //*********角标样式
216 | .img_mark{
217 |             width: 30%;
218 |             position: absolute;
219 |             top:-6px;
220 | }
221 | .img_mark_title{
222 |             @extend .color_white;
223 |             position: absolute;
224 |             top:-5px;
225 |             left:10px;
226 |             letter-spacing: 3px;
227 | }
228 | //*********角标样式
229 | 
230 | //********放格内容样式
231 | .lists_details {
232 |             @extend .border_left;
233 |             padding:25px 0;
234 |             border:1px solid #ccc;
235 |             div img{
236 |                         width:2.5em;
237 |                         margin-top:12px;
238 |             }
239 | }
240 | //********方格内容样式
241 | 
242 | .default{
243 |             position: relative;
244 |             @extend .margin_bottom_20;
245 |             .body_lists{
246 |                         @extend .margin_auto;
247 |                         @extend .background_white;
248 |             }
249 | }
250 | .water{
251 |             position: relative;
252 |             @extend .background_white;
253 |             @extend .margin_bottom_20;
254 | }
255 | .wash{
256 |             position:relative;
257 |             @extend .background_white;
258 |             @extend .margin_bottom_20;
259 | }
260 | //************************
261 | 
262 | //首页底部菜单选择样式
263 | .tabs-red > .tabs,
264 | .tabs.tabs-red {
265 |             border-color: #fff;
266 |             background-color: #fff;
267 |             background-image: linear-gradient(0deg, #fff, #fff 50%, transparent 50%);
268 |   color: #ff5858; }
269 | .tabs-red > .tabs .tab-item .badge,
270 | .tabs.tabs-red .tab-item .badge {
271 |             background-color: #fff;
272 |   color: #ff5858; }
273 | .tabs-striped.tabs-red .tabs {
274 |   background-color: #fff; }
275 | 
276 | .tabs-striped.tabs-red .tab-item {
277 |             color: rgba(0, 0, 0, 0.6);
278 |   opacity: 1; }
279 | .tabs-striped.tabs-red .tab-item .badge {
280 |   opacity: 0.4; }
281 | .tabs-striped.tabs-red .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated {
282 |             margin-top: -2px;
283 |             color: #ff5858;
284 |             border-style: solid;
285 |             border-width: 4px 0 0 0;
286 |   border-color: #ff5858; }
287 | 
288 | 
289 | /*公用样式*/
290 | .txt-center {
291 |   text-align: center;
292 | }
293 | .clear {
294 |   clear: both;
295 | }
296 | .button.button-block2 {
297 |   margin-top: 0px;
298 |   margin-bottom: 0px;
299 |   font-size: 14px;
300 | }
301 | 
302 | /*定位*/
303 | .position-ab {
304 |   position: absolute;
305 | }
306 | .position-rt {
307 |   position: relative;
308 | }
309 | 
310 | /*浮动*/
311 | .float-lt {
312 |   float: left;
313 | }
314 | .float-rt {
315 |   float: right;
316 | }
317 | 
318 | /*宽度*/
319 | .width15 {
320 |   width: 15px;
321 | }
322 | .width35 {
323 | 
324 |   /* width: 35%;*/
325 |   width: 60px;
326 | }
327 | .width60 {
328 |   width: 60%;
329 | }
330 | .width100 {
331 |   width: 100%;
332 | }
333 | .width125 {
334 |   width: 125px;
335 | }
336 | 
337 | /* 高度 */
338 | .height60 {
339 |   height: 60px;
340 |   line-height: 60px;
341 | }
342 | .height44 {
343 |   height: 44px;
344 |   line-height: 44px;
345 | }
346 | .height10 {
347 |   height: 10px;
348 | }
349 | .height1 {
350 |   height: 2px;
351 | }
352 | 
353 | /* 行高 */
354 | .line-height50 {
355 |   margin: 0;
356 |   line-height: 50px;
357 | }
358 | 
359 | /*间距*/
360 | .margin25 {
361 |   margin: 0 25px;
362 | }
363 | .margin-lt5 {
364 |   margin-left: 5px;
365 | }
366 | .margin-lt6 {
367 |   margin-left: 6%;
368 | }
369 | .margin-lt13 {
370 |   margin-left: 13px;
371 | }
372 | .margin-lt15 {
373 |   margin-left: 15px;
374 | }
375 | .margin-lt20 {
376 |   margin-left: 20px;
377 | }
378 | .margin-lt40 {
379 |   margin-left: 40px;
380 | }
381 | .margin-lt60 {
382 |   margin-left: 60px;
383 | }
384 | .margin-rt5 {
385 |   margin-right: 5px;
386 | }
387 | .margin-rt10 {
388 |   margin-right: 10%;
389 | }
390 | .margin-rt10px {
391 |   margin-right: 10px;
392 | }
393 | .margin-rt40 {
394 |   margin-right: 40px;
395 | }
396 | .margin-top4 {
397 |   margin-top: 4px;
398 | }
399 | .margin-top2 {
400 |   margin-top: 2px;
401 | }
402 | .margin-top5 {
403 |   margin-top: 5px;
404 | }
405 | .margin-top10 {
406 |   margin-top: 10px;
407 | }
408 | .margin-top-10 {
409 |   margin-top: 10%;
410 | }
411 | .margin-top70 {
412 |   margin-top: 70px;
413 |   z-index: 66;
414 | }
415 | .margin-bt10 {
416 |   margin-bottom: 10px;
417 | }
418 | .margin-bt44 {
419 |   margin-bottom: 44px;
420 | }
421 | .padding-lt10 {
422 |   padding-left: 10px;
423 | }
424 | .item .padding-lt10 {
425 |   padding-left: 10px;
426 | }
427 | .padding-rt10 {
428 |   padding-right: 10px;
429 | }
430 | .padding5 {
431 |   padding-top: 5px;
432 |   padding-bottom: 5px;
433 | }
434 | .padding-bt20 {
435 |   padding-bottom: 20px;
436 | }
437 | .paddingS {
438 |   padding-top: 10px;
439 |   padding-bottom: 5px;
440 | }
441 | .padding10 {
442 |   padding: 10px 16px;
443 | }
444 | .padding15 {
445 |   padding: 0px 15px;
446 | }
447 | .padding25 {
448 |   padding: 0px 25px;
449 | }
450 | .item-button-right > .top4 {
451 |   top: 4px;
452 | }
453 | 
454 | /*字体大小*/
455 | .font-size16 {
456 |   font-size: 16px;
457 | }
458 | #font-size14 {
459 |   font-size: 14px;
460 | }
461 | .bar .font-size16 {
462 |   font-size: 16px;
463 | }
464 | .font-size10 {
465 |   font-size: 10px;
466 | }
467 | 
468 | /*顶2格*/
469 | .text-indent2 {
470 |   text-indent: 2em;
471 | }
472 | 
473 | /*字体颜色*/
474 | .button-active {
475 |   color: #17bddf;
476 | }
477 | .color-gray {
478 |   color: #626262;
479 | }
480 | .color-gray2 {
481 |   color: #aaa;
482 | }
483 | .color-blue {
484 |   color: #17bddf;
485 | }
486 | 
487 | /*主题色*/
488 | 
489 | /*列表样式*/
490 | .item-h2 {
491 |   vertical-align: middle;
492 |   line-height: 50px;
493 | }
494 | .item-avatar > img:first-child {
495 |   max-width: 50px;
496 |   max-height: 50px;
497 | }
498 | .item-avatar .item-content > img:first-child {
499 |   max-width: 50px;
500 |   max-height: 50px;
501 | }
502 | 
503 | /*背景色*/
504 | .bg-gray2 {
505 |   background: #f0f0f0;
506 | }
507 | .bg-gray3 {
508 |   background: #f8f8f8;
509 | }
510 | .bg-white {
511 |   background-color: #fff;
512 | }
513 | .bg-blue {
514 |   background-color: #00abec;
515 | }
516 | 
517 | /*滚动条样式*/
518 | .ion-scroll-style {
519 |   width: 100%;
520 |   height: 4em;
521 |   white-space: nowrap;
522 | }
523 | .ion-scroll-div {
524 |   width: 100.5%;
525 |   height: 4em;
526 |   cursor: pointer;
527 | }
528 | .ion-scroll-box {
529 |   overflow: hidden;
530 |   margin: 0;
531 |   padding: 0;
532 |   line-height: 44px;
533 |   vertical-align: middle;
534 | }
535 | .bar .btn-scroll {
536 |   background: none;
537 |   border: none;
538 |   font-size: 16px;
539 |   vertical-align: middle;
540 |   color: #626262;
541 | }
542 | .bar .color-blue {
543 |   color: #17bddf;
544 | }
545 | 
546 | /*描边*/
547 | .border-top {
548 |   border-top: #ddd 1px solid;
549 |   overflow: hidden;
550 | }
551 | .border-top2 {
552 |   border-top: 1px #dcdcdc solid;
553 | }
554 | .border-lt5 {
555 |   border-left: 3px solid #17bddf;
556 |   padding-left: 10px;
557 | }
558 | /*我的工作待随访*/
559 | .border-lt {
560 |   border-left: 1px solid #b4b4b4;
561 |   height: 100%;
562 |   position: absolute;
563 |   top: 0;
564 |   left: 50px;
565 |   z-index: 2;
566 |   overflow: hidden;
567 | }
568 | .border-top-none {
569 |   border-top: none;
570 | }
571 | .border-bt-none {
572 |   border-bottom: none;
573 | }
574 | 
575 | /*按钮*/
576 | .button2 {
577 |   border-color: #626262;
578 |   background-color: #f8f8f8;
579 |   color: #626262;
580 |   position: relative;
581 |   display: inline-block;
582 |   margin: 0;
583 |   padding: 0 12px;
584 |   min-width: 52px;
585 |   min-height: 30px;
586 |   border-width: 1px;
587 |   border-style: solid;
588 |   border-radius: 4px;
589 |   vertical-align: top;
590 |   text-align: center;
591 |   text-overflow: ellipsis;
592 |   font-size: 16px;
593 |   line-height: 30px;
594 |   cursor: pointer;
595 | }
596 | .bar .button3 {
597 |   font-size: 16px;
598 | }
599 | .bar .button3:hover, .button3:hover {
600 |   color: #17bddf;
601 | }
602 | .button4 {
603 |   min-height: 34px;
604 |   line-height: 34px;
605 |   margin: 5px 20px;
606 | }
607 | .button5 {
608 |   min-height: 34px;
609 |   line-height: 34px;
610 |   margin: 5px 10px;
611 | }
612 | .button-phone {
613 |   border: none;
614 |   background: url(../images/phone_icon.png) no-repeat;
615 |   background-size: 100%;
616 |   min-width: 25px;
617 |   min-height: 25px;
618 | }
619 | .button-edit {
620 |   border: none;
621 |   background: url(../images/icon_edit.png) no-repeat;
622 |   background-size: 100%;
623 |   min-width: 25px;
624 |   min-height: 25px; }
625 | .button-tb {
626 |   border: none;
627 |   background: url(../images/refresh.png) no-repeat;
628 |   background-size: 100%;
629 |   min-width: 25px;
630 |   min-height: 25px;
631 | }
632 | .button-add {
633 |   border: none;
634 |   background: url(../images/icon_add.png) no-repeat;
635 |   background-size: 100%;
636 |   min-width: 25px;
637 |   min-height: 25px; }
638 | .arrow-down-button, .arrow-up-button {
639 |   background-size: 100%;
640 |   width: 30px;
641 |   height: 30px;
642 |   margin: auto;
643 |   position: absolute;
644 |   left: 50%;
645 |   margin-left: -15px;
646 |   bottom: 5px;
647 | }
648 | .arrow-down-button {
649 |   background: url(../images/list_arrow_down.png) no-repeat;
650 |   background-size: 100%;
651 | }
652 | .arrow-up-button {
653 |   background: url(../images/list_arrow_up.png) no-repeat;
654 |   background-size: 100%;
655 | }
656 | .add-img {
657 |   width: 25px;
658 |   margin-top: -8px;
659 |   margin-left: 10px;
660 | }
661 | 
662 | /*我的工作*/
663 | .timer {
664 |   position: absolute;
665 |   left: 5px;
666 |   z-index: 3;
667 |   line-height: 82px;
668 | }
669 | .timer-img {
670 |   position: absolute;
671 |   left: 45px;
672 |   top: 0;
673 |   z-index: 3;
674 | }
675 | .item2 {
676 |   padding-left: 110px;
677 |   border-color: #fff;
678 | }
679 | 
680 | /*弹出框背景*/
681 | .popup-box-bg {
682 |   position: absolute;
683 |   left: 0;
684 |   top: 0;
685 |   background-color: #000;
686 |   opacity: 0.5;
687 |   height: 100%;
688 |   width: 100%;
689 | }
690 | 
691 | /* 未创建家庭信息提示框 */
692 | .prompt-box {
693 |   background: url(../images/cjjt_bg.png) no-repeat;
694 |   background-size: 320px;
695 |   position: absolute;
696 |   left: 0;
697 |   top: 170px;
698 |   left: 50%;
699 |   margin-left: -160px;
700 |   z-index: 66;
701 |   width: 100%;
702 |   height: 100%;
703 | }
704 | 
705 | /* 确定弹出框 */
706 | .popup-box {
707 |   width: 251px;
708 |   height: auto;
709 |   background-color: #fff;
710 |   position: fixed;
711 |   margin: -60px auto auto -125px;
712 |   top: 50%;
713 |   left: 50%;
714 |   border-radius: 4px;
715 |   z-index: 66;
716 | }
717 | .popup-button {
718 |   border: none;
719 |   background-color: #fff;
720 |   height: 45px;
721 |   width: 125px;
722 |   color: #17bddf;
723 |   float: left;
724 | }
725 | .popup-button:hover {
726 |   background-color: #dcdcdc;
727 | }
728 | .popup-radius-lt {
729 |   border-bottom-left-radius: 4px;
730 |   border-right: 1px #dcdcdc solid;
731 | }
732 | 
733 | /*就诊信息*/
734 | .item-input2 {
735 |   padding: 6px 0 5px 0px;
736 |   font-size: 16px;
737 | }
738 | .item-padding {
739 |   padding: 6px 16px 5px 16px;
740 | }
741 | 
742 | /*底部*/
743 | .footer-div {
744 |   background: #fff;
745 |   line-height: 44px;
746 |   text-align: center;
747 |   position: absolute;
748 |   left: 0;
749 |   bottom: 0;
750 |   width: 100%;
751 | }
752 | 
753 | /*我的工作——用药情况*/
754 | .footer-btn3 li {
755 |   width: 30%;
756 |   display: inline-block;
757 | }
758 | 
759 | /* 副标题 */
760 | .bar-subheader2 {
761 |   top: 44px;
762 |   display: block;
763 |   height: auto;
764 |   margin: 0;
765 |   padding: 0;
766 | }
767 | .has-subheader2 {
768 |   top: 180px;
769 | }
770 | .has-subheader3 {
771 |   top: 141px;
772 | }
773 | .has-subheader4 {
774 |   top: 223px;
775 | }
776 | .has-subheader5 {
777 |   top: 200px;
778 | }
779 | /*不良生活习惯*/
780 | .ul-box li {
781 |   float: left;
782 |   width: 30%;
783 | }
784 | .popup-radius-rt {
785 |   border-bottom-right-radius: 4px;
786 | }


--------------------------------------------------------------------------------
/app/assets/scss/_mainInterface.scss:
--------------------------------------------------------------------------------
 1 | .bg-gray{background:#959595}
 2 | #three_icons{
 3 | 	div img{
 4 | 	margin:0 auto;
 5 | 	}
 6 | 	div p{
 7 | 	text-align:center;
 8 | 	}
 9 | }
10 | #subheader_button{
11 |   text-align: center;
12 |   button{
13 |   margin:0 1.2em;}
14 | }


--------------------------------------------------------------------------------
/app/assets/scss/main.scss:
--------------------------------------------------------------------------------
1 | @import
2 | "index",
3 | "mainInterface"
4 | ;


--------------------------------------------------------------------------------
/app/config.route.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = routeConfig ;
 3 | 
 4 | 
 5 | function routeConfig($stateProvider, $urlRouterProvider) {
 6 | 
 7 |     var routes, setRoutes;
 8 | 
 9 |     routes = [ {
10 |             name: 'root',
11 |             ctrl: 'mainCtrl',
12 |             url: 'main',
13 |             tpl: './modules/business/main/main'
14 |         }
15 |     ];
16 |     setRoutes = function (route) {
17 | 
18 |         var config, name;
19 |         config = {
20 |             url: "/" + route.url,
21 |             template: require(route.tpl + '.html'),
22 |             controller: route.ctrl
23 |         };
24 |         $stateProvider.state(route.name, config);
25 |         return $stateProvider;
26 |     };
27 |     routes.forEach(function (route) {
28 |         return setRoutes(route);
29 |     });
30 | 
31 | }
32 | 
33 | 


--------------------------------------------------------------------------------
/app/index.js:
--------------------------------------------------------------------------------
 1 | angular = require('angular');
 2 | var ionic = require('./assets/lib/ionic/release/js/ionic.bundle.min');
 3 | const bussiness = require('./modules/business');
 4 | require('./assets/styles/ionic.min.css');
 5 | require('./assets/lib/calendar-pk/release/css/calendar_pk.min.css');
 6 | require('./assets/lib/ionic-filter-bar/release/ionic.filter.bar.min.css');
 7 | ngCache = require('angular-cache');
 8 | ngCookies = require('angular-cookies');
 9 | angular.module("app",[ionic,bussiness.name ,'calendar_pk',ngCookies,ngCache])
10 |     .config(['$stateProvider', '$urlRouterProvider', require('./config.route')])
11 |     .controller("AppCtrl",  require('./app.controller'));
12 | const appConfig = require('./app.config');


--------------------------------------------------------------------------------
/app/modules/business/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | require('../../assets/lib/ionic-filter-bar/release/ionic.filter.bar.min.css');
 3 | var filterBar = require('../../assets/lib/ionic-filter-bar/release/ionic.filter.bar.min');
 4 | 
 5 | module.exports = angular.module("app.business",
 6 |     [filterBar.name,'ionic-datepicker']);
 7 | 
 8 | 
 9 | //把所有js文件引入
10 | function importAll (r) {
11 |     r.keys().forEach(r);
12 | }
13 | importAll(require.context('./', true, /\.js$/));
14 | 


--------------------------------------------------------------------------------
/app/modules/business/main/main.controller.js:
--------------------------------------------------------------------------------
 1 | module.exports = angular.module('app.business')
 2 |     .controller('mainCtrl', ['$scope', '$http', '$stateParams', '$state', '$rootScope', '$filter', appointmentManagementCtrl])
 3 | 
 4 | 
 5 | function appointmentManagementCtrl($scope, $http, $stateParams, $state, $rootScope, $filter) {
 6 | 
 7 |     $scope.eventSource = [];
 8 |     $scope.currentMonth = new Date().getMonth()+1; //日历控件参数
 9 |     $scope.morning = ['9:00', '9:30', '10:00', '10:30', '11:00', '11:30', '12:00'];
10 |     $scope.afternoon = ['2:00', '2:30', '3:00', '3:30', "4:00", "4:30", '5:00', '5:30'];
11 |     $scope.evening = ['7:00', '7:30', '8:00', '8:30', '9:00', '9:30', '10:00'];
12 |     $scope.appointmentNumList = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'];
13 | 
14 |     $scope.onTimeSelected = function (selectedTime) {
15 |         $scope.currentDate = $filter('date')(selectedTime, 'yyyy-MM-dd');
16 |         loadData($scope.currentDate);
17 |     };
18 | 
19 |     $scope.onMonthChanged = function (startTime, endTime, display) {
20 |         $scope.currentMonth = display;
21 |         loadEvents();
22 |         console.log('Changed month : ' + display);
23 |     };
24 | 
25 | }
26 | 
27 | 
28 | 
29 | 


--------------------------------------------------------------------------------
/app/modules/business/main/main.html:
--------------------------------------------------------------------------------
 1 | <ion-view cache-view="false" class="item-text-wrap">
 2 |     <ion-side-menus>
 3 |         <ion-side-menu-content drag-content="false">
 4 |             <ion-view>
 5 |                 <ion-header-bar class="bar-light">
 6 |                     <div class="buttons">
 7 |                         <button class="button button-icon ion-ios-arrow-left" ng-click="goBack()"></button>
 8 |                     </div>
 9 |                     <h1 class="title">angular-ionic-on-webpack</h1>
10 |                 </ion-header-bar>
11 |                 <ion-content class="">
12 |                     <div>
13 |                     </div>
14 |                     <div>
15 |                         <span style="font-size: 1.2em;margin: 5px">如果你看到这个页面，说明项目成功运行了</span>
16 |                     </div>
17 |                 </ion-content>
18 |             </ion-view>
19 |         </ion-side-menu-content>
20 |     </ion-side-menus>
21 | </ion-view>
22 | 


--------------------------------------------------------------------------------
/build/configDevServer.js:
--------------------------------------------------------------------------------
 1 | const server={
 2 |     contentBase:'/dist/',
 3 |     host: 'localhost',
 4 |     port: 8089,
 5 |     inline: true, // 可以监控js变化
 6 |     hot: true, // 热启动
 7 |     compress: true,
 8 |     watchContentBase: true,
 9 |     proxy: {//设置代理服务器，用于调试接口
10 |         '/api':{
11 |             target:'http://www.baidu.com',
12 |             pathRewrite:{"^/api": "/api"}
13 |         }
14 |     }
15 | };
16 | module.exports= server;
17 | 


--------------------------------------------------------------------------------
/build/webpack.base.config.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | var root = path.resolve(__dirname, '../');
 3 | 
 4 | module.exports = {
 5 |     entry: {
 6 |         'main': root + '\\app\\index.js',
 7 |         jquery:['jquery'],
 8 |         ionic:root+'\\app\\assets\\lib\\ionic\\release\\js\\ionic.bundle.min.js',
 9 |         datepicker:root+'\\app\\assets\\lib\\ionic-datepicker\\release\\ionic-datepicker.bundle.min.js',
10 |         calendar_pk:root+'\\app\\assets\\lib\\calendar-pk\\release\\js\\calendar_pk.min.js'
11 |     },
12 |     module: {
13 |         rules: [
14 |             {
15 |                 test: /\.(png|jpe?g|gif|woff|svg|eot|ttf)(\?.*)?$/,
16 |                 loader: 'url-loader',
17 |                 query: {
18 |                     limit: 10000,
19 |                 }
20 |             },
21 |             {
22 |                 test: /\.html$/,
23 |                 loader: 'html-loader'
24 |             }
25 | 
26 |         ]
27 |     },
28 |     resolve: {
29 |         extensions: ['.js', '.json']
30 |     }
31 | 
32 | };
33 | 


--------------------------------------------------------------------------------
/build/webpack.dev.config.js:
--------------------------------------------------------------------------------
 1 | var baseconf = require('./webpack.base.config');
 2 | var merge = require('webpack-merge');
 3 | var HtmlWebpackPlugin = require('html-webpack-plugin');
 4 | var webpack = require('webpack');
 5 | var server = require('./configDevServer');
 6 | var path = require('path');
 7 | var root = path.resolve(__dirname, '../');
 8 | 
 9 | var plugins = [
10 |     new webpack.DefinePlugin({
11 |         'process.env': {
12 |             NODE_ENV: JSON.stringify("development")
13 |         }
14 |     }),
15 |     new webpack.ProvidePlugin({
16 |         $: 'jquery',
17 |         jQuery: 'jquery',
18 |         'window.jQuery': 'jquery',
19 |         'window.$': 'jquery'
20 |     }),
21 |     new webpack.optimize.CommonsChunkPlugin({
22 |         name: 'vendor', // 这公共代码的chunk名为'commons'
23 |         filename: '[name].bundle.js', // 生成后的文件名，虽说用了[name]，但实际上就是'commons.bundle.js'了
24 |         minChunks: 3, // 设定要有4个chunk（即4个页面）加载的js模块才会被纳入公共代码。这数目自己考虑吧，我认为3-5比较合适。
25 |     }),
26 |     new HtmlWebpackPlugin({
27 |             filename: 'index.html',
28 |             template: 'index.html',
29 |             inject: true
30 |     }),
31 |     new webpack.HotModuleReplacementPlugin()
32 | ];
33 | baseconf.module.rules.push(
34 |     {
35 |         test: /\.css$/,
36 |         loader: ['style-loader','css-loader'],
37 |     }
38 | );
39 | module.exports = merge(baseconf, {
40 |     output: {
41 |         path: root+"/dist",
42 |         publicPath: "/",
43 |         filename: "./js/[name].[chunkhash].js"
44 |     },
45 |     devtool: 'cheap-module-eval-source-map',
46 |     devServer: server,
47 |     plugins: plugins,
48 | });
49 | 


--------------------------------------------------------------------------------
/build/webpack.prod.config.js:
--------------------------------------------------------------------------------
 1 | var baseconf = require('./webpack.base.config');
 2 | var path = require('path');
 3 | var root = path.resolve(__dirname, '../');
 4 | var merge = require('webpack-merge');
 5 | var HtmlWebpackPlugin = require('html-webpack-plugin');
 6 | var webpack = require('webpack');
 7 | var ExtractTextPlugin = require('extract-text-webpack-plugin');
 8 | var ManifestPlugin = require('webpack-manifest-plugin');
 9 | var plugins = [
10 |     new webpack.DefinePlugin({
11 |         'process.env': {
12 |             NODE_ENV: JSON.stringify("development")
13 |         }
14 |     }),
15 |     new webpack.optimize.UglifyJsPlugin({
16 |         compress: {
17 |             warnings: false
18 |         }
19 |     }),
20 |     new HtmlWebpackPlugin({
21 |         filename: 'index.html',
22 |         template: 'index.html',
23 |         inject: true
24 |     }),
25 |     new ExtractTextPlugin({
26 |         filename: './[name].css?[contenthash:8]',
27 |         allChunks: true,
28 |     }),
29 |     new webpack.ProvidePlugin({
30 |         $: 'jquery',
31 |         jQuery: 'jquery',
32 |         'window.jQuery': 'jquery',
33 |         'window.$': 'jquery',
34 |     }),
35 |     new webpack.optimize.CommonsChunkPlugin({
36 |         name: 'commons', // 这公共代码的chunk名为'commons'
37 |         filename: './js/[name].bundle.js', // 生成后的文件名，虽说用了[name]，但实际上就是'commons.bundle.js'了
38 |         minChunks: 3, // 设定要有4个chunk（即4个页面）加载的js模块才会被纳入公共代码。这数目自己考虑吧，我认为3-5比较合适。
39 |     }),
40 |     new ManifestPlugin(path.join('dist', 'manifest.json'))
41 | ];
42 | baseconf.module.rules.push(
43 |     {
44 |         test: /\.css$/,
45 |         use: ExtractTextPlugin.extract({
46 |             fallback: "style-loader",
47 |             use: "css-loader"
48 |         })
49 |     }
50 | );
51 | module.exports = merge(baseconf, {
52 |     output: {
53 |         path: root + "/dist",
54 |         publicPath: "./",
55 |         filename: "./js/[name].[chunkhash].js"
56 |     },
57 |     devtool: false,
58 |     plugins: plugins
59 | });
60 | 


--------------------------------------------------------------------------------
/docs/angular-m-part.md:
--------------------------------------------------------------------------------
  1 | # 基于webpack构建的angular 1.x工程（angular篇）  
  2 | 
  3 | &emsp;&emsp;上一篇[基于webpack构建的angular 1.x 工程（一）webpack篇](./webpack-part.md)里我们已经成功构建了整个项目的打包配置。
  4 | 接下来我们要继续让angular在工程里跑起来。
  5 | ## 首先要知道怎么改写
  6 | 之前的工程由于是用gulp打包的，具体原理我不太懂，不过貌似会把所有的js自动注入到index.html中。
  7 | 由于js很多，所以为了不互相干扰，产生全局变量污染的问题，它里面所有angular都是用立即执行函数表达式（IIFE）来写的：
  8 | ```
  9 | (function(){
 10 |     'use strict';
 11 | 
 12 |     angular.module("app.core",[ 
 13 |         'ngCookies',
 14 |         'angular-cache'
 15 |     ]);
 16 | })();
 17 | ```
 18 | &emsp;&emsp;这样的写法在webpack是不必要的了，webpack是根据js之间的依赖关系来加载打包项目的。
 19 | 不同的模块之间webpack都会有标识来标志，所以不会说存在干扰和污染的问题。那我们应该怎么写呢？
 20 | 要写成AMD/CMD规范形式的。为了方便理解，我们把立即执行函数表达式去掉，改成这样的：
 21 | ```
 22 | const ngCookies = require('angular-cookies')
 23 | const ngCache = require('angular-cache')
 24 | module.exports = angular.module("app.core",[ 
 25 |                          ngCookies,
 26 |                          ngCache
 27 |                      ]);
 28 | ```
 29 | &emsp;&emsp;这个是符合webpack要求的写法。首先先引入我们需要的模块，然后编写我们的模块，最后输出我们要暴露给外部调用的接口。
 30 | 于是我就把所有IIFE都改成了这种形式。
 31 | ## controller那些要怎么办？
 32 | 接下来问题就来了，在同一个angular应用模块（module）中，各个控制器（controller）、过滤器（filters）、服务（services）等之间都是并列的兄弟关系，都是从属于模块。
 33 | 那我们应该来处理这些关系呢？
 34 | 经过查阅过别人的项目之后，我发现其实有两种写法：
 35 | 1. 把各个从属的具体方法都写成一个模块，然后在模块声明时进行引入并声明，就像这样：
 36 | >main.controller.js
 37 | ```
 38 | module.exports =function mainCtrl($scope, $http, $stateParams, $state, $rootScope, $filter) {
 39 |     // your controller goes here
 40 | }
 41 | ```
 42 | >index.js
 43 | ```
 44 | angular.module("app",[])
 45 |     .controller("mainCtrl",  [$scope, $http, $stateParams, $state, $rootScope, $filter,require('./main.controller')]);
 46 | ```
 47 | &emsp;&emsp;这样的其实也可以输出一个数组，像这样：
 48 | >main.controller.js
 49 | ```
 50 | module.exports =[[$scope, $http, $stateParams, $state, $rootScope, $filter, function mainCtrl($scope, $http, $stateParams, $state, $rootScope, $filter) {
 51 |     // your controller goes here
 52 | }]
 53 | ```
 54 | &emsp;&emsp;相对应的，主要入口要这样写：
 55 | >index.js
 56 | ```
 57 | angular.module("app",[])
 58 |     .controller("mainCtrl",  require('./main.controller'));
 59 | ```
 60 | &emsp;&emsp;这样的写法适合从头开始的项目，好处是分的比较清晰。
 61 | 但是对于我这个重构的项目，就会有麻烦：要改写的文件有太多了。
 62 | 这么麻烦，我只能抛弃这种方式。
 63 | 
 64 | 2. 每个模块都直接输出的是模块声明，然后只要把这个文件引入即可。
 65 | &emsp;&emsp;熟悉angular的都知道，angular在整个应用中其实一个全局定义的对象。
 66 | 每个模块在angular里注册之后，都会在angular里找得到。
 67 | 这样的话，只要确保运行下面这段代码即可：
 68 | ```
 69 | angular.module("app")
 70 |     .controller("mainCtrl",  [$scope,mainCtrl($scope){
 71 |       // your controller goes here
 72 |     }]);
 73 | ```
 74 | &emsp;&emsp;也就是说，我只要引用了这段代码，也算把这段代码运行了。
 75 | 那这样的我就可以这样写：
 76 | >main.controller.js
 77 | ```
 78 | module.exports = angular.module("app")
 79 |     .controller("mainCtrl",  [$scope,mainCtrl($scope){
 80 |       // your controller goes here
 81 |     }]);
 82 | ```
 83 | >index.js
 84 | ```
 85 | angular.module("app",[])
 86 | require('./main.controller')
 87 | ```
 88 | &emsp;&emsp;在`main.controller.js`我直接输出的是angular声明app模块的controller，然后在`index.js`定义模块之后,把这个文件引入之后，就相当于同时声明了这个controller，免去大量改动代码的麻烦。
 89 | 不过另一个问题出现了：我这里虽然免去了大量改动代码的麻烦，但是我那么多的controller，真的要一一写路径来引用吗？这样还是麻烦啊。
 90 | 不要惊慌。webpack已经预想到你这有这个问题了，特意写了一个可以引用大量文件的方法给你：`require.context`。
 91 | 这个方法可以让你查询指定路径的指定文件类型，然后引用进来。
 92 | 我们这里由于已经分类放好了，所有的controller都放在`/app/module`目录下面，因此查找也是轻而易举的事。所以我们的`index.js`可以写成这样：
 93 | ```
 94 | module.exports = angular.module("app",[]);
 95 | 
 96 | //把所有js文件引入
 97 | function importAll (r) {
 98 |     r.keys().forEach(r);
 99 | }
100 | importAll(require.context('./', true, /\.js$/));
101 | 
102 | ```
103 | &emsp;&emsp;这样就解决了那些controller，filters等的问题。具体`require.context`的用法[参考这里]()
104 | ## 模块之间引用的问题
105 | &emsp;&emsp;当我们往我们的模块注入其他模块（自己写的或者angular插件）的时候，这个环节也有些要注意的地方。  
106 | &emsp;&emsp;首先，我们知道，angular注入其他模块的时候，其实只需要写注入模块的名字就可以了，angular可以自行去寻找相应的模块。
107 | 这样的话，我们像上面那样写的模块声明，直接输出其实会有问题：
108 | >app.core.module.js
109 | ```
110 | module.exports = angular.module("app.core",[])
111 | ```
112 | &emsp;&emsp;这里其实输出的是angular的模块，并不是模块的名字。如果我们直接引用的话，像这样：
113 | >index.js
114 | ```
115 | var appCore = require('./modules/appCore.module.js')
116 | module.exports = angular.module("app",[appCore]);
117 | ```
118 | &emsp;&emsp;这样的话，angular就会报错：
119 | ```
120 | Error: [ng:areq] Argument 'module' is not a function, got Object
121 | ```
122 | &emsp;&emsp;要解决这个问题其实很简单，只要调用angular的`.name`方法就可以了，所以上面可以改写成这样：
123 | >app.core.module.js
124 | ```
125 | module.exports = angular.module("app.core",[]).name
126 | ```
127 | &emsp;&emsp;或者这样改：
128 | >index.js
129 | ```
130 | var appCore = require('./modules/appCore.module.js')
131 | module.exports = angular.module("app",[appCore.name]);
132 | ```
133 | &emsp;&emsp;两种方法选一个执行即可。 
134 | 
135 | &emsp;&emsp;其实如果是插件的话，你在`npm`安装的插件一般都不用担心这个问题，毕竟人家早就想到会有这个问题了。
136 | 但是如果是其他途径弄来的话，这个就复杂了。
137 | 
138 | ## 插件注入的另一种问题
139 | &emsp;&emsp;上面提到的是插件注入可能会遇到的问题之一。然而还有一种情况。
140 | 这种情况就是插件也使用了IIFE（立即执行函数表达式）。
141 | 听起来就很烦。自己的代码，自己知道怎么写的，所以改起来不会怎么出问题，但是别人的代码的话就不一定了。
142 | 为了避免错误，我选择不改动插件的代码。而是，直接在打包的时候分开打包，然后直接注入的时候写上插件名字即可以注入成功。详细可以看我的webpack配置。
143 |  
144 | 以上就是用webpack打包angular 1.x 的时候写angular所需要注意的地方。如果想看webpack的配置可以查看我前一篇文章： 
145 |   
146 |   
147 | [基于webpack构建的angular 1.x 工程（一）webpack篇](./webpack-part.md)
148 |   
149 | 用于参考的一位前辈的类似项目,让大家也参考一下：  
150 | [https://github.com/IamBusy/webpack-angular](https://github.com/IamBusy/webpack-angular)  
151 |  
152 |   
153 | 想看详细代码，可以访问我的项目地址  
154 | [https://github.com/homerious/angular-ionic-webpack](https://github.com/homerious/angular-ionic-webpack)
155 | 
156 | 有什么问题或者不对的地方欢迎指出，谢谢阅读！  
157 | 
158 | 本文原创，未经授权请勿转载。
159 | 


--------------------------------------------------------------------------------
/docs/webpack-part.md:
--------------------------------------------------------------------------------
  1 | # 基于webpack构建的angular 1.x 工程（一）webpack篇
  2 | 
  3 | &emsp;&emsp;现在[Angular](https://angularjs.org/)都已经出到4.x的版本了，可我对它的认识还是停留在Angularjs1.x。  
  4 | &emsp;&emsp;之前用它是为了搭配[ionic](http://ionicframework.com/docs/)来写[web手机天气 应用](https://github.com/homerious/homerWeather)（用来应付我大学里一门学科的课设的︿(￣︶￣)︿）。之后就因为它太难学而没有继续深入下去。  
  5 | &emsp;&emsp;现在就职的公司也有个项目是做混合式的手机app的，居然也是用[AngularJS](https://angularjs.org/)+[ionic](http://ionicframework.com/docs/)来做的，而且也是用1.x的版本。  
  6 | &emsp;&emsp;本来没我什么事的，我这段时间都在用[Vuejs](https://cn.vuejs.org/v2/)。然后上头发现那个项目加载是在太慢了，问我有没有优化的方法。我看了下项目工程结构，发现是用[gulp](https://gulpjs.com/)打包的一个工程。可能刚开始做这个项目的时候没掌握好要点，导致整个项目臃肿不堪。[gulp](https://gulpjs.com/)我是不会的了，由于一直在用[Vuejs](https://cn.vuejs.org/v2/)，官方cli提供的模板就是用[webpack](http://webpack.github.io/docs/)打包的，而且我之前写[ReactJS](http://react-china.org/)用的也是[webpack](http://webpack.github.io/docs/)来打包的。因此，我就用了[webpack](http://webpack.github.io/docs/)来重构一下工程。然后写下这篇详细的文章，想给可能会同样遇到的这种问题的朋友做一个参考( • ̀ω•́ )✧。 
  7 | 另外，本文也可以当做webpack的一篇入门文章。 
  8 | #### 首先，要先配置好工程文件。
  9 | &emsp;&emsp;我先列一下我的`package.json`里的配置：
 10 | ```
 11 | {
 12 |   "name": "angular-ionic-webpack",
 13 |   "version": "1.0.0",
 14 |   "description": "a project base on angular 1.x and webpack",
 15 |   "main": "index.js",
 16 |   "scripts": {
 17 |     "build": "webpack --config ./build/webpack.prod.config.js",
 18 |     "dev": "set NODE_ENV=dev&& webpack-dev-server --config ./build/webpack.dev.config.js"
 19 |   },
 20 |   "devDependencies": {
 21 |     "css-loader": "^0.26.4",
 22 |     "extract-text-webpack-plugin": "^3.0.1",
 23 |     "html-loader": "^0.4.4",
 24 |     "html-webpack-plugin": "^2.24.1",
 25 |     "style-loader": "^0.13.1",
 26 |     "url-loader": "^0.5.7",
 27 |     "webpack": "^3.1.0",
 28 |     "webpack-dev-server": "^2.9.2",
 29 |     "webpack-manifest-plugin": "^1.3.2",
 30 |     "webpack-merge": "^4.1.0"
 31 |   },
 32 |   "dependencies": {
 33 |     "angular": "1.4.3",
 34 |     "angular-cache": "^4.5.0",
 35 |     "angular-cookies": "1.4.12",
 36 |     "angular-ui-router": "^0.3.2",
 37 |     "jquery": "^3.2.1"
 38 |   },
 39 |   "author": "homer",
 40 |   "license": "MIT"
 41 | }
 42 | 
 43 | ```
 44 | &emsp;&emsp;第一个首先是项目直接用到的依赖，也就是`dependencies`里的东西  
 45 | 分别有：
 46 | ```
 47 |  "dependencies": {
 48 |     "angular": "1.4.3", 
 49 |     "angular-cache": "^4.5.0",
 50 |     "angular-cookies": "1.4.12",
 51 |     "angular-ui-router": "^0.3.2",
 52 |     "jquery": "^3.2.1"
 53 |   }
 54 | ```
 55 | &emsp;&emsp;我这里的`angular`和`angular-cookies`都用了具体的版本（就是版本号前面没有用符号`^`，直接写数字`1.4.3`），因为不合版本的这两个东西会跟`ionic`里的`angular-ui-router`发生冲突导致渲染失败。  
 56 | &emsp;&emsp;而我这里也没有装`ionic`，是因为我直接引用的时候会报`can't resolve 'ionic'`的错误，我也不知道为什么，所以我是直接调用了`/app/assets/lib`里的`ionic.bundle.min.js`来引入的。请有找到原因的朋友麻烦告知一下我是为什么。  
 57 | 
 58 | 
 59 | &emsp;&emsp;接下来是开发时用到的依赖：
 60 | ```
 61 | "devDependencies": {
 62 |     "css-loader": "^0.26.4",
 63 |     "extract-text-webpack-plugin": "^3.0.1",
 64 |     "html-loader": "^0.4.4",
 65 |     "html-webpack-plugin": "^2.24.1",
 66 |     "style-loader": "^0.13.1",
 67 |     "url-loader": "^0.5.7",
 68 |     "webpack": "^3.1.0",
 69 |     "webpack-dev-server": "^2.9.2",
 70 |     "webpack-manifest-plugin": "^1.3.2",
 71 |     "webpack-merge": "^4.1.0"
 72 |   },
 73 | ```
 74 | &emsp;&emsp;各种loader是必要的，因为webpack在打包的时候会把你项目里的非js文件转换出来然后打包在一起。
 75 | 我们常用的loader有`css-loader`,`url-loader`,这两个分别是解析css和图片的。然后其他的loader我们要看项目需求来按需选取，比如我这里因为是angular 1.x的项目，里面还有挺多的html模板，所以我这里用到了`html-loader`来解析html。  
 76 | &emsp;&emsp;其次是`webpack`——说句题外话，其实`webpack`一般都是用最新的，因为打包的环境跟所用的框架其实没有太多互相干扰的地方。我一开始想着用的1.x的`webpack`发现用起来不怎么方便，于是又改回最新的3.x。这也算是个人的一个小小心得吧。然后我们还用了`webpack-dev-server`。
 77 | 这个是在我们开发的时候用的服务器，可以热替换更新代码。很方便，至于怎么用我后面会详细讲。然后就是`webpack-merge`这个东西是用来合并webpack配置，这个是在vue项目里看到，感觉还挺好用，就也模仿着用了。
 78 | 最后就是各种插件，`extract-text-webpack-plugin`这个用来把css样式独立打包成一个css文件的插件，没有它的话，样式只会注入`index.html`做内联样式；`html-webpack-plugin`是用于把js注入到`index.html`里；`webpack-manifest-plugin`是用来生成网页的manifest文件的。     
 79 | &emsp;&emsp;然后是写启动webpack的命令行，也就是上面的：
 80 | ```
 81 | "scripts": {
 82 |     "build": "webpack --config ./build/webpack.prod.config.js",
 83 |     "dev": "set NODE_ENV=dev&& webpack-dev-server --config ./build/webpack.dev.config.js"
 84 |   },
 85 | ```
 86 | 这样写的意思是，当你输入`npm run ` + 你的命令名字就会让npm执行你对应命令的语句。
 87 | 比如输入`npm run dev`，相当于你执行了上面那条`dev`对应的`set NODE_ENV=dev&& webpack-dev-server --config ./build/webpack.dev.config.js"`这条语句。
 88 | 这里`dev`命令执行的是开发版本打包并生成开发的服务器；`build`命令执行的则是生产版本打包。
 89 | 在打包开发版本的时候，用的是`webpack-dev-server`，我们让它按照`./build/webpack.dev.config.js`里的配置（下文会提到）来执行。
 90 | 在打包生产环境，是直接运行`webpack`,让它按照`./build/webpack.prod.config.js`里的配置来执行。  
 91 | 
 92 | &emsp;&emsp;关于这份`package.json`里其他的配置有问题的可以在issue里提哈~~
 93 | 
 94 | ### 然后来写webpack的配置文件
 95 | #### 概述
 96 | &emsp;&emsp;安装了webpack，我们要配置好，让它按照我们的期望来工作。
 97 | 一般我们都会用 `webpack.config.js`来命名webpack的配置文件，以免和其他配置文件搞混。
 98 | 但是由于我们一般都会分开开发环境和生产环境，而对于这个两个环境打包我们要求会有点不一样。
 99 | 开发环境我们希望它可以直接模仿生产环境放上服务器测试；
100 | 然后又想它可以一有改动就会自动打包更新显示在页面，不用我们手动刷新浏览器；
101 | 不希望它打包花的时间太长；如果出错会有相应的提示等等。
102 | 而生产环境我们想尽量压缩文件大小，生成manifest文件等等。
103 | 因此，我们就需要把开发打包和生产打包的配置分开来。这里我们就分开了 `webpack.dev.config.js`和`webpack.prod.config.js`两个文件。
104 | 但是还是有些配置是两个文件都会用到的，本着复用的精神，所以我们还有一个 `webapck.base.config.js`来记录公共的配置。
105 | 
106 | #### webpack基本结构
107 | &emsp;&emsp;webpack的配置主要分为几个部分：
108 | 1. webpack打包文件的入口（entry）。
109 | 2. webpack打包完文件后输出的出口（output）。
110 | 3. webpack在打包文件时的模块配置（module）。
111 | 4. webpack在打包文件时用到的插件（plugin）。
112 | 
113 | &emsp;&emsp;这四个是webpack配置的基本部分，写好了这四个基本可以打包成功了。
114 | 还有其他要用的配置后面会说到，其他配置没用到的可以看一下官方的文档[(3.x的官网)](http://webpack.github.io/docs/)/ [(个人觉得翻译的比较好的中文文档)](http://www.css88.com/doc/webpack/)。
115 | 接下来我们先来分析下开发环境和生成环境共用的部分配置。
116 | 首先入口文件一般都是一样的吧？然后打包时模块配置也是一样的，因为你打包时的文件都是一样的，所以设置也是一样的。
117 | 所以我们的 `webpack.base.config.js`是这样写的：
118 | ```
119 | var path = require('path');
120 | var root = path.resolve(__dirname, '../');
121 | 
122 | module.exports = {
123 |     entry: {
124 |         'main': root + '\\app\\index.js',
125 |         jquery:['jquery'],
126 |         ionic:root+'\\app\\assets\\lib\\ionic\\release\\js\\ionic.bundle.min.js',
127 |         datepicker:root+'\\app\\assets\\lib\\ionic-datepicker\\release\\ionic-datepicker.bundle.min.js',
128 |         calendar_pk:root+'\\app\\assets\\lib\\calendar-pk\\release\\js\\calendar_pk.min.js'
129 |     },
130 |     module: {
131 |         loaders: [
132 |             {
133 |                 test: /\.(png|jpe?g|gif|woff|svg|eot|ttf)(\?.*)?$/,
134 |                 loader: 'url-loader',
135 |                 query: {
136 |                     limit: 10000,
137 |                 }
138 |             },
139 |             {
140 |                 test: /\.html$/,
141 |                 loader: 'html-loader'
142 |             }
143 | 
144 |         ]
145 |     },
146 |     resolve: {
147 |         extensions: ['.js', '.json']
148 |     }
149 | 
150 | };
151 | ```
152 | &emsp;&emsp;入口（entry）文件其实不一定是只有一个，我这里就有多个。只要路径分开写正确就可以了。
153 | &emsp;&emsp;然后是模块（module）配置，webpack的思想是把工程所有的js都是模块，然后全部打包在一起。
154 | 所以遇到一些非js会有麻烦。但是他们早就预料这种情况，做出了一些系列的loader（加载器）来把一些非js文件做成webpack能打包的东西。
155 | 一般都会用到的是`css-loader`, `url-loader`。这两个分别用来解析项目里.css和图片字体之类的文件。
156 | 上面说过，由于项目中会有较多的.html文件要引用，所以我们还用了 `html-loader`。
157 | 我这里还有一个 `resolve`（解析）的配置，这个是用来js里引用文件的时候，不写后缀的话，webpack就会自动为其加上.js或.json的后缀，可以省一些写后缀的时间(✧◡✧)。
158 | 
159 | #### 开发打包配置
160 | &emsp;&emsp;我们的开发打包配置是这样的：
161 | ```
162 | var baseconf = require('./webpack.base.config');
163 | var merge = require('webpack-merge');
164 | var HtmlWebpackPlugin = require('html-webpack-plugin');
165 | var webpack = require('webpack');
166 | var server = require('./configDevServer');
167 | var path = require('path');
168 | var root = path.resolve(__dirname, '../');
169 | 
170 | var plugins = [
171 |     new webpack.DefinePlugin({
172 |         'process.env': {
173 |             NODE_ENV: JSON.stringify("development")
174 |         }
175 |     }),
176 |     new webpack.optimize.UglifyJsPlugin({
177 |         compress: {
178 |             warnings: false
179 |         }
180 |     }),
181 |     new webpack.ProvidePlugin({
182 |         $: 'jquery',
183 |         jQuery: 'jquery',
184 |         'window.jQuery': 'jquery',
185 |         'window.$': 'jquery'
186 |     }),
187 |     new webpack.optimize.CommonsChunkPlugin({
188 |         name: 'vendor', // 这公共代码的chunk名为'commons'
189 |         filename: '[name].bundle.js', // 生成后的文件名，虽说用了[name]，但实际上就是'commons.bundle.js'了
190 |         minChunks: 3, // 设定要有4个chunk（即4个页面）加载的js模块才会被纳入公共代码。这数目自己考虑吧，我认为3-5比较合适。
191 |     }),
192 |     new HtmlWebpackPlugin({
193 |             filename: 'index.html',
194 |             template: 'index.html',
195 |             inject: true
196 |     }),
197 |     new webpack.HotModuleReplacementPlugin()
198 | ];
199 | baseconf.module.loaders.push(
200 |     {
201 |         test: /\.css$/,
202 |         loader: ['style-loader','css-loader'],
203 |     }
204 | );
205 | module.exports = merge(baseconf, {
206 |     output: {
207 |         path: root+"/dist",
208 |         publicPath: "/",
209 |         filename: "./js/[name].[chunkhash].js"
210 |     },
211 |     devtool: 'cheap-module-eval-source-map',
212 |     devServer: server,
213 |     plugins: plugins,
214 | });
215 | 
216 | ```
217 | &emsp;&emsp;我们首先把基本的配置引进来。然后写插件（plugin），毕竟我们开发配置想实现的功能有部分需要插件来做。 
218 | `webpack.DefinePlugin`是用来让webpack知道正在准备的是开发环境打包。某些框架会识别开发和生产环境，然后在我们开发的时候会给出相应的警告和提示，而在生产环境则会屏蔽这些内容。
219 | `webpack.ProvidePlugin`是当我们用到 `jQuery`之类的js库的时候，用到的相关符号都会自动进行引用，不会导致报错。
220 | `webpack.optimize.CommonsChunkPlugin`是用来提取我们代码里的公共用到的部分，避免代码重复打包，减少代码体积。
221 | `webpack.HotModuleReplacementPlugin`是用来启用我们的代码热替换功能，在我们改了代码之后开发服务器可以重新打包更新，浏览器自动刷新，把我们的改动显示在页面。
222 | `HtmlWebpackPlugin`是我们自己安装的插件，用来把生成的js自动插入到我们的html模板里面。
223 | &emsp;&emsp;写完了插件之后，我们还要写输出（output）。这里指定下输出文件夹和输出的js名字即可。
224 | 然后是是开发工具（devtool）和开发服务器（dev-server），开发工具的意思是，webpack会根据打包的文件做出一个标识的map文件，如果代码出错的话，它会找出来，然后提示在什么地方。方便修改代码。
225 | 开发服务器是一个建立在本地的服务器，上面就是你的项目。搭配热替换功能，开发会很方便。这里顺带简单介绍下，开发服务器配置 `./build/configDevServer.js`：
226 | ```
227 | const server={
228 |     contentBase:'/dist/',
229 |     host: 'localhost',//服务主机
230 |     port: 8089,//端口
231 |     inline: true, // 可以监控js变化
232 |     hot: true, // 热启动
233 |     compress: true,
234 |     watchContentBase: true,
235 |     proxy: {//设置代理服务器，用于调试接口
236 |         '/api':{
237 |             target:'http://www.baidu.com',
238 |             pathRewrite:{"^/api": "/api"}//重写路径
239 |         }
240 |     }
241 | };
242 | module.exports= server;
243 | ```
244 | &emsp;&emsp;可以看上面的备注来理解对应的配置项的意思。
245 | &emsp;&emsp;上文我们装了个 `webpack-merge`这时就发挥作用了。正如它的名字一样，它会把两个webpack配置合并起来。然后输出。
246 | 这样我们的开发环境配置写好了
247 | 
248 | #### 生产环境配置
249 | &emsp;&emsp;同样，先上配置：
250 | ```
251 | var baseconf = require('./webpack.base.config');
252 | var path = require('path');
253 | var root = path.resolve(__dirname, '../');
254 | var merge = require('webpack-merge');
255 | var HtmlWebpackPlugin = require('html-webpack-plugin');
256 | var webpack=require('webpack');
257 | var ExtractTextPlugin = require('extract-text-webpack-plugin');
258 | var ManifestPlugin = require('webpack-manifest-plugin');
259 | var plugins = [
260 |     new webpack.DefinePlugin({
261 |         'process.env': {
262 |             NODE_ENV:JSON.stringify("development")
263 |         }
264 |     }),
265 |     new webpack.optimize.UglifyJsPlugin({
266 |         compress: {
267 |             warnings: false
268 |         }
269 |     }),
270 |     new HtmlWebpackPlugin({
271 |         filename: 'index.html',
272 |         template: 'index.html',
273 |         inject: true
274 |     }),
275 |     new ExtractTextPlugin({
276 |         filename: './css/[name].css?[contenthash:8]',
277 |         allChunks: true,
278 |     }),
279 |     new webpack.ProvidePlugin({
280 |         $: 'jquery',
281 |         jQuery: 'jquery',
282 |         'window.jQuery': 'jquery',
283 |         'window.$': 'jquery',
284 |     }),
285 |     new webpack.optimize.CommonsChunkPlugin({
286 |         name: 'commons', // 这公共代码的chunk名为'commons'
287 |         filename: './js/[name].bundle.js', // 生成后的文件名，虽说用了[name]，但实际上就是'commons.bundle.js'了
288 |         minChunks: 3, // 设定要有4个chunk（即4个页面）加载的js模块才会被纳入公共代码。这数目自己考虑吧，我认为3-5比较合适。
289 |     }),
290 |     new ManifestPlugin(path.join('dist', 'manifest.json'))
291 | ];
292 | baseconf.module.rules.push(
293 |     { test: /\.css$/,
294 |         loader: ['style-loader','css-loader'] }
295 | );
296 | module.exports=merge(baseconf,{
297 |     output: {
298 |     path: root+"/dist",
299 |         publicPath: "./",
300 |         filename: "./js/[name].[chunkhash].js"
301 | },
302 |     devtool: false,
303 |     plugins: plugins
304 | });
305 | 
306 | ```
307 | &emsp;&emsp;重复的插件我们就不说了，我们说说几个上面没有的插件。 `webpack.optimize.UglifyJsPlugin`是用来压缩混淆js代码的。
308 | `ExtractTextPlugin`是我们另外安装的，用来把打包的css独立出来成一个css文件。使用这个插件的时候，css的loader要相应做一下设置，所以可以看到 `css-loader`我没有放到公共配置，里面而是分开了。
309 | `ManifestPlugin`也是另外安装的，用来生成manifest缓存文件，使网站可以减少对静态资源的重复请求。
310 | 另外你可以发现这里devtool设成了false，没有设置devserver，因为不是生产所需要的，所以没有设置。
311 | 
312 | #### 来跑一遍吧！
313 | 在你的入口的地方建立一个配置里的entry规定名字的js文件，就可以先跑一遍webpack。
314 | 如果webpack没有报错，就说明你的配置基本是对的。
315 | 
316 | 接下来，我会就angular 1.x 用webpack打包打包遇到的坑来说一说，请看下一篇文章： 
317 | 
318 | [基于webpack构建的angular 1.x工程（angular篇）](./angular-m-part.md)
319 | 
320 | 想看详细代码，可以访问我的项目地址 
321 | [https://github.com/homerious/angular-ionic-webpack](https://github.com/homerious/angular-ionic-webpack)  
322 | 
323 | 有什么问题或者不对的地方欢迎指出，谢谢阅读！  
324 | 
325 | 本文原创，未经授权请勿转载。


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en" >
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Title</title>
 6 |     <meta name="description" />
 7 |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 8 |     <meta charset="utf-8">
 9 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
10 |     <meta name="apple-touch-fullscreen" content="yes">
11 |     <meta name="apple-mobile-web-app-capable" content="yes">
12 |     <meta name="apple-mobile-web-app-status-bar-style" content="black">
13 |     <link rel="manifest" href="manifest.json">
14 |     <script>
15 |         function onDeviceReady() {
16 |             if (navigator.splashscreen)
17 |                 setTimeout(function() {
18 |                     navigator.splashscreen.hide();
19 |                 });
20 |         }
21 |         document.addEventListener('deviceready', onDeviceReady, false);
22 | 
23 |         function getSignImg(url) {
24 | //        alert(url);
25 | //通过controller来获取Angular应用
26 |             var appElement = document.querySelector('[ng-controller=AppCtrl]');
27 |             //获取$scope变量
28 |             var $scope = angular.element(appElement).scope();
29 | //调用msg变量，并改变msg的值
30 |             $scope.tt = url;
31 |             //上一行改变了msg的值，如果想同步到Angular控制器中，则需要调用$apply()方法即可
32 |             $scope.$apply();
33 |             //调用控制器中的getData()方法
34 |             // console.log($scope.tt);
35 |         }
36 | 
37 |     </script>
38 | </head>
39 | <body id="app" ng-app="app" ng-controller="AppCtrl" >
40 | <ion-nav-view animation="slide-right-left"></ion-nav-view>
41 | </body>
42 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "angular-ionic-webpack",
 3 |   "version": "1.0.0",
 4 |   "description": "a project base on angular 1.x and webpack",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "build": "webpack --config ./build/webpack.prod.config.js",
 8 |     "dev": "set NODE_ENV=dev&& webpack-dev-server --config ./build/webpack.dev.config.js"
 9 |   },
10 |   "devDependencies": {
11 |     "css-loader": "^0.26.4",
12 |     "extract-text-webpack-plugin": "^3.0.1",
13 |     "html-loader": "^0.4.4",
14 |     "html-webpack-plugin": "^2.24.1",
15 |     "style-loader": "^0.13.1",
16 |     "url-loader": "^0.5.7",
17 |     "webpack": "^3.1.0",
18 |     "webpack-dev-server": "^2.9.2",
19 |     "webpack-manifest-plugin": "^1.3.2",
20 |     "webpack-merge": "^4.1.0"
21 |   },
22 |   "dependencies": {
23 |     "angular": "1.4.3",
24 |     "angular-cache": "^4.5.0",
25 |     "angular-cookies": "1.4.12",
26 |     "angular-ui-router": "^0.3.2",
27 |     "jquery": "^3.2.1"
28 |   },
29 |   "author": "homer",
30 |   "license": "MIT"
31 | }
32 | 


--------------------------------------------------------------------------------