├── .gitignore
├── Gruntfile.js
├── README.md
├── assets
    ├── css
    │   ├── bootstrap-2.3.0.css
    │   ├── bootstrap-2.3.0.min.css
    │   ├── bootstrap-narrow-0.0.1.css
    │   ├── bootstrap-narrow-0.0.1.min.css
    │   ├── bootstrap-responsive-2.3.0.css
    │   └── bootstrap-responsive.-2.3.0min.css
    ├── img
    │   ├── glyphicons-halflings-white.png
    │   └── glyphicons-halflings.png
    └── js
    │   ├── backbone-0.9.10.js
    │   ├── backbone-0.9.10.min.js
    │   ├── backbone.localStorage-1.1.0.js
    │   ├── backbone.localStorage-1.1.0.min.js
    │   ├── bootstrap-2.3.0.js
    │   ├── bootstrap-2.3.0.min.js
    │   ├── handlebars-1.0.0-rc.3.js
    │   ├── moment-2.0.0.js
    │   ├── moment.-2.0.0.min.js
    │   ├── twitter-text.js
    │   ├── underscore-1.4.4.js
    │   └── underscore-1.4.4.min.js
├── css
    ├── main.css
    └── styl
    │   ├── color_thema.styl
    │   └── main.styl
├── docs
    ├── 01.intro.md
    ├── 02.pageStructure.md
    ├── 03.viewManagePolicies.md
    ├── 04.eventManagePolicies.md
    ├── 05.makeWireframe.md
    ├── 06.searchToHistory.md
    ├── 07.searchToResult.md
    ├── 08.historyToResult.md
    ├── 09.tabToOther.md
    └── 10.complate.md
├── hbs
    ├── footer.hbs
    ├── history.hbs
    ├── hotpepper.hbs
    ├── layout.hbs
    ├── search_bar.hbs
    ├── tabs.hbs
    └── twitter.hbs
├── img
    ├── event.png
    ├── phase-1.png
    ├── phase-2.png
    ├── phase-2_event.png
    ├── phase-3.png
    ├── phase-3_event.png
    ├── phase-4_event.png
    ├── phase-5_event.png
    ├── view.png
    └── wireframe.png
├── index.html
├── js
    ├── app.js
    ├── collections
    │   ├── hotpepper_list.js
    │   ├── search_history_list.js
    │   └── twitter_list.js
    ├── models
    │   ├── hotpepper.js
    │   └── twitter.js
    ├── namespace.js
    ├── templates
    │   └── layout.js
    └── views
    │   ├── footer.js
    │   ├── history.js
    │   ├── search_bar.js
    │   ├── search_results.js
    │   └── tabs.js
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | /* for Cloud9 */
2 | .c9revisions/
3 | .idea
4 | 
5 | node_modules
6 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function (grunt) {
 2 | 
 3 | 	grunt.initConfig({
 4 | 
 5 | 		jshint: {
 6 | 			all: ['Gruntfile.js',
 7 | 				'js/*.js',
 8 | 				'js/models/**/*.js',
 9 | 				'js/collections/**/*.js',
10 | 				'js/views/**/*.js']
11 | 		},
12 | 		watch: {
13 | 			scripts: {
14 | 				files: ['js/**/*.js'],
15 | 				tasks: ['jshint']
16 | 			},
17 | 			stylus: {
18 | 				files: ['css/styl/*.styl'],
19 | 				tasks: ['stylus']
20 | 			},
21 | 			handlebars: {
22 | 				files: ['hbs/**/*.hbs'],
23 | 				tasks: ['handlebars']
24 | 			},
25 | 			md: {
26 | 				files: ['docs/**/*.md'],
27 | 				tasks: ['concat:md']
28 | 			}
29 | 		},
30 | 		stylus: {
31 | 			options: {
32 | 				compress: false
33 | 			},
34 | 			compile: {
35 | 				files: {
36 | 					'css/main.css': ['css/styl/*.styl']
37 | 				}
38 | 			}
39 | 		},
40 | 		handlebars: {
41 | 			compile: {
42 | 				options: {
43 | 					namespace: "MyApp.Templates",
44 | 					processName: function (filename) {
45 | 						var pieces = filename.split("/");
46 | 						return pieces[pieces.length - 1].replace(/.hbs$/, '');
47 | 					}
48 | 				},
49 | 				files: {
50 | 					"js/templates/layout.js": "hbs/*.hbs"
51 | 				}
52 | 			}
53 | 		},
54 | 		concat: {
55 | 			md: {
56 | 				options: {
57 | 					separator: '\r\n\r\n',
58 | 					process: function(src, filepath) {
59 | 						return src.replace(/..\/img/gi, './img');
60 | 					}
61 | 				},
62 | 				src: ['docs/**/*.md'],
63 | 				dest: 'README.md'
64 | 			}
65 | 		}
66 | 	});
67 | 
68 | 	// Load the plugin.
69 | 	grunt.loadNpmTasks('grunt-contrib-jshint');
70 | 	grunt.loadNpmTasks('grunt-contrib-watch');
71 | 	grunt.loadNpmTasks('grunt-contrib-stylus');
72 | 	grunt.loadNpmTasks('grunt-contrib-handlebars');
73 | 	grunt.loadNpmTasks('grunt-contrib-concat');
74 | 
75 | 	// Default task(s).
76 | 	grunt.registerTask('default', ['watch']);
77 | 
78 | };


--------------------------------------------------------------------------------
/assets/css/bootstrap-narrow-0.0.1.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap-narrow v0.0.1
  3 |  *
  4 |  * Copyright 2012 @mitsuruog(https://github.com/mitsuruog/bootstrap-narrow)
  5 |  * Licensed under the Apache License v2.0
  6 |  * http://www.apache.org/licenses/LICENSE-2.0
  7 |  *
  8 |  * Bootstrap is designed and built with @twitter by @mdo and @fat. Great works!!
  9 |  */
 10 | .breadcrumb {
 11 |   padding: 2px 7px;
 12 | }
 13 | .btn {
 14 |   padding: 0 12px;
 15 | }
 16 | .btn-large {
 17 |   padding: 1px 19px;
 18 | }
 19 | .btn-large [class^="icon-"],
 20 | .btn-large [class*=" icon-"] {
 21 |   margin-top: 2px;
 22 | }
 23 | code {
 24 |   padding: 0 4px;
 25 | }
 26 | pre {
 27 |   padding: 3.5px;
 28 |   margin: 0;
 29 | }
 30 | .dropdown-menu {
 31 |   padding: 2px 0;
 32 | }
 33 | .dropdown-menu li > a {
 34 |   padding: 0 10px;
 35 | }
 36 | .dropdown-menu .divider {
 37 |   margin: 4px 1px 2px 1px;
 38 | }
 39 | label {
 40 |   margin-bottom: 0;
 41 | }
 42 | select,
 43 | textarea,
 44 | input[type="text"],
 45 | input[type="password"],
 46 | input[type="datetime"],
 47 | input[type="datetime-local"],
 48 | input[type="date"],
 49 | input[type="month"],
 50 | input[type="time"],
 51 | input[type="week"],
 52 | input[type="number"],
 53 | input[type="email"],
 54 | input[type="url"],
 55 | input[type="search"],
 56 | input[type="tel"],
 57 | input[type="color"],
 58 | .uneditable-input {
 59 |   padding: 0 7px;
 60 |   margin-bottom: 0;
 61 | }
 62 | select,
 63 | input[type="file"] {
 64 |   height: 22px;
 65 | }
 66 | .input-append,
 67 | .input-prepend {
 68 |   margin-bottom: 0;
 69 | }
 70 | .input-append .add-on,
 71 | .input-prepend .add-on {
 72 |   height: 19px;
 73 |   padding: 1px 5px 0 5px;
 74 | }
 75 | .control-group {
 76 |   margin-bottom: 0;
 77 | }
 78 | .hero-unit {
 79 |   padding: 30px;
 80 | }
 81 | .modal-header {
 82 |   padding: 3px 15px;
 83 | }
 84 | .modal-body {
 85 |   padding: 3px 15px 3px;
 86 | }
 87 | .modal-footer {
 88 |   padding: 6px 15px 6px;
 89 | }
 90 | .navbar-inner {
 91 |   min-height: 28px;
 92 |   padding-left: 10px;
 93 |   padding-right: 10px;
 94 | }
 95 | .navbar .brand {
 96 |   padding: 4px 20px 4px;
 97 | }
 98 | .navbar .divider-vertical {
 99 |   height: 28px;
100 | }
101 | .navbar .btn,
102 | .navbar .btn-group {
103 |   margin-top: 3px;
104 | }
105 | .navbar-form input,
106 | .navbar-form select,
107 | .navbar-form .radio,
108 | .navbar-form .checkbox {
109 |   margin-top: 3px;
110 | }
111 | .navbar .nav > li > a {
112 |   padding: 4px 15px 4px;
113 | }
114 | .navbar .btn-navbar {
115 |   padding: 2px 10px 5px;
116 | }
117 | .navbar-search {
118 |   margin-top: 3px;
119 | }
120 | .navbar-search .search-query {
121 |   padding: 0 7px;
122 | }
123 | .navbar-inverse .navbar-search .search-query:focus,
124 | .navbar-inverse .navbar-search .search-query.focused {
125 |   padding: 0 4px;
126 | }
127 | .nav {
128 |   margin-bottom: 3px;
129 | }
130 | .nav-header {
131 |   padding: 2px 7px;
132 | }
133 | .nav li + .nav-header {
134 |   margin-top: 1px;
135 | }
136 | .nav-list {
137 |   padding-left: 7px;
138 |   padding-right: 7px;
139 | }
140 | .nav-list > li > a,
141 | .nav-list .nav-header {
142 |   margin-left: -7px;
143 |   margin-right: -7px;
144 | }
145 | .nav-list > li > a {
146 |   padding: 1px 7px;
147 | }
148 | .nav-list .divider {
149 |   margin: 4px 1px 2px 1px;
150 | }
151 | .nav-tabs > li > a,
152 | .nav-pills > li > a {
153 |   padding-top: 1px;
154 |   padding-bottom: 3px;
155 | }
156 | .pager li > a,
157 | .pager li > span {
158 |   padding: 0 14px;
159 | }
160 | .pagination-large ul > li > a,
161 | .pagination-large ul > li > span {
162 |   padding: 7px 14px;
163 | }
164 | .table {
165 |   margin-bottom: 7px;
166 | }
167 | .table th,
168 | .table td {
169 |   padding: 1px;
170 | }
171 | .well {
172 |   padding: 9px;
173 | }
174 | .well-large {
175 |   padding: 18px;
176 | }
177 | .well-small {
178 |   padding: 4.5px;
179 | }
180 | 


--------------------------------------------------------------------------------
/assets/css/bootstrap-narrow-0.0.1.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap-narrow v0.0.1
3 |  *
4 |  * Copyright 2012 @mitsuruog(https://github.com/mitsuruog/bootstrap-narrow)
5 |  * Licensed under the Apache License v2.0
6 |  * http://www.apache.org/licenses/LICENSE-2.0
7 |  *
8 |  * Bootstrap is designed and built with @twitter by @mdo and @fat. Great works!!
9 |  */.breadcrumb{padding:2px 7px}.btn{padding:0 12px}.btn-large{padding:1px 19px}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:2px}code{padding:0 4px}pre{padding:3.5px;margin:0}.dropdown-menu{padding:2px 0}.dropdown-menu li>a{padding:0 10px}.dropdown-menu .divider{margin:4px 1px 2px}label{margin-bottom:0}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{padding:0 7px;margin-bottom:0}select,input[type="file"]{height:22px}.input-append,.input-prepend{margin-bottom:0}.input-append .add-on,.input-prepend .add-on{height:19px;padding:1px 5px 0}.control-group{margin-bottom:0}.hero-unit{padding:30px}.modal-header,.modal-body{padding:3px 15px}.modal-footer{padding:6px 15px}.navbar-inner{min-height:28px;padding-left:10px;padding-right:10px}.navbar .brand{padding:4px 20px}.navbar .divider-vertical{height:28px}.navbar .btn,.navbar .btn-group,.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:3px}.navbar .nav>li>a{padding:4px 15px}.navbar .btn-navbar{padding:2px 10px 5px}.navbar-search{margin-top:3px}.navbar-search .search-query{padding:0 7px}.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:0 4px}.nav{margin-bottom:3px}.nav-header{padding:2px 7px}.nav li+.nav-header{margin-top:1px}.nav-list{padding-left:7px;padding-right:7px}.nav-list>li>a,.nav-list .nav-header{margin-left:-7px;margin-right:-7px}.nav-list>li>a{padding:1px 7px}.nav-list .divider{margin:4px 1px 2px}.nav-tabs>li>a,.nav-pills>li>a{padding-top:1px;padding-bottom:3px}.pager li>a,.pager li>span{padding:0 14px}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:7px 14px}.table{margin-bottom:7px}.table th,.table td{padding:1px}.well{padding:9px}.well-large{padding:18px}.well-small{padding:4.5px}


--------------------------------------------------------------------------------
/assets/css/bootstrap-responsive-2.3.0.css:
--------------------------------------------------------------------------------
   1 | /*!
   2 |  * Bootstrap Responsive v2.3.0
   3 |  *
   4 |  * Copyright 2012 Twitter, Inc
   5 |  * Licensed under the Apache License v2.0
   6 |  * http://www.apache.org/licenses/LICENSE-2.0
   7 |  *
   8 |  * Designed and built with all the love in the world @twitter by @mdo and @fat.
   9 |  */
  10 | 
  11 | .clearfix {
  12 |   *zoom: 1;
  13 | }
  14 | 
  15 | .clearfix:before,
  16 | .clearfix:after {
  17 |   display: table;
  18 |   line-height: 0;
  19 |   content: "";
  20 | }
  21 | 
  22 | .clearfix:after {
  23 |   clear: both;
  24 | }
  25 | 
  26 | .hide-text {
  27 |   font: 0/0 a;
  28 |   color: transparent;
  29 |   text-shadow: none;
  30 |   background-color: transparent;
  31 |   border: 0;
  32 | }
  33 | 
  34 | .input-block-level {
  35 |   display: block;
  36 |   width: 100%;
  37 |   min-height: 30px;
  38 |   -webkit-box-sizing: border-box;
  39 |      -moz-box-sizing: border-box;
  40 |           box-sizing: border-box;
  41 | }
  42 | 
  43 | @-ms-viewport {
  44 |   width: device-width;
  45 | }
  46 | 
  47 | .hidden {
  48 |   display: none;
  49 |   visibility: hidden;
  50 | }
  51 | 
  52 | .visible-phone {
  53 |   display: none !important;
  54 | }
  55 | 
  56 | .visible-tablet {
  57 |   display: none !important;
  58 | }
  59 | 
  60 | .hidden-desktop {
  61 |   display: none !important;
  62 | }
  63 | 
  64 | .visible-desktop {
  65 |   display: inherit !important;
  66 | }
  67 | 
  68 | @media (min-width: 768px) and (max-width: 979px) {
  69 |   .hidden-desktop {
  70 |     display: inherit !important;
  71 |   }
  72 |   .visible-desktop {
  73 |     display: none !important ;
  74 |   }
  75 |   .visible-tablet {
  76 |     display: inherit !important;
  77 |   }
  78 |   .hidden-tablet {
  79 |     display: none !important;
  80 |   }
  81 | }
  82 | 
  83 | @media (max-width: 767px) {
  84 |   .hidden-desktop {
  85 |     display: inherit !important;
  86 |   }
  87 |   .visible-desktop {
  88 |     display: none !important;
  89 |   }
  90 |   .visible-phone {
  91 |     display: inherit !important;
  92 |   }
  93 |   .hidden-phone {
  94 |     display: none !important;
  95 |   }
  96 | }
  97 | 
  98 | .visible-print {
  99 |   display: none !important;
 100 | }
 101 | 
 102 | @media print {
 103 |   .visible-print {
 104 |     display: inherit !important;
 105 |   }
 106 |   .hidden-print {
 107 |     display: none !important;
 108 |   }
 109 | }
 110 | 
 111 | @media (min-width: 1200px) {
 112 |   .row {
 113 |     margin-left: -30px;
 114 |     *zoom: 1;
 115 |   }
 116 |   .row:before,
 117 |   .row:after {
 118 |     display: table;
 119 |     line-height: 0;
 120 |     content: "";
 121 |   }
 122 |   .row:after {
 123 |     clear: both;
 124 |   }
 125 |   [class*="span"] {
 126 |     float: left;
 127 |     min-height: 1px;
 128 |     margin-left: 30px;
 129 |   }
 130 |   .container,
 131 |   .navbar-static-top .container,
 132 |   .navbar-fixed-top .container,
 133 |   .navbar-fixed-bottom .container {
 134 |     width: 1170px;
 135 |   }
 136 |   .span12 {
 137 |     width: 1170px;
 138 |   }
 139 |   .span11 {
 140 |     width: 1070px;
 141 |   }
 142 |   .span10 {
 143 |     width: 970px;
 144 |   }
 145 |   .span9 {
 146 |     width: 870px;
 147 |   }
 148 |   .span8 {
 149 |     width: 770px;
 150 |   }
 151 |   .span7 {
 152 |     width: 670px;
 153 |   }
 154 |   .span6 {
 155 |     width: 570px;
 156 |   }
 157 |   .span5 {
 158 |     width: 470px;
 159 |   }
 160 |   .span4 {
 161 |     width: 370px;
 162 |   }
 163 |   .span3 {
 164 |     width: 270px;
 165 |   }
 166 |   .span2 {
 167 |     width: 170px;
 168 |   }
 169 |   .span1 {
 170 |     width: 70px;
 171 |   }
 172 |   .offset12 {
 173 |     margin-left: 1230px;
 174 |   }
 175 |   .offset11 {
 176 |     margin-left: 1130px;
 177 |   }
 178 |   .offset10 {
 179 |     margin-left: 1030px;
 180 |   }
 181 |   .offset9 {
 182 |     margin-left: 930px;
 183 |   }
 184 |   .offset8 {
 185 |     margin-left: 830px;
 186 |   }
 187 |   .offset7 {
 188 |     margin-left: 730px;
 189 |   }
 190 |   .offset6 {
 191 |     margin-left: 630px;
 192 |   }
 193 |   .offset5 {
 194 |     margin-left: 530px;
 195 |   }
 196 |   .offset4 {
 197 |     margin-left: 430px;
 198 |   }
 199 |   .offset3 {
 200 |     margin-left: 330px;
 201 |   }
 202 |   .offset2 {
 203 |     margin-left: 230px;
 204 |   }
 205 |   .offset1 {
 206 |     margin-left: 130px;
 207 |   }
 208 |   .row-fluid {
 209 |     width: 100%;
 210 |     *zoom: 1;
 211 |   }
 212 |   .row-fluid:before,
 213 |   .row-fluid:after {
 214 |     display: table;
 215 |     line-height: 0;
 216 |     content: "";
 217 |   }
 218 |   .row-fluid:after {
 219 |     clear: both;
 220 |   }
 221 |   .row-fluid [class*="span"] {
 222 |     display: block;
 223 |     float: left;
 224 |     width: 100%;
 225 |     min-height: 30px;
 226 |     margin-left: 2.564102564102564%;
 227 |     *margin-left: 2.5109110747408616%;
 228 |     -webkit-box-sizing: border-box;
 229 |        -moz-box-sizing: border-box;
 230 |             box-sizing: border-box;
 231 |   }
 232 |   .row-fluid [class*="span"]:first-child {
 233 |     margin-left: 0;
 234 |   }
 235 |   .row-fluid .controls-row [class*="span"] + [class*="span"] {
 236 |     margin-left: 2.564102564102564%;
 237 |   }
 238 |   .row-fluid .span12 {
 239 |     width: 100%;
 240 |     *width: 99.94680851063829%;
 241 |   }
 242 |   .row-fluid .span11 {
 243 |     width: 91.45299145299145%;
 244 |     *width: 91.39979996362975%;
 245 |   }
 246 |   .row-fluid .span10 {
 247 |     width: 82.90598290598291%;
 248 |     *width: 82.8527914166212%;
 249 |   }
 250 |   .row-fluid .span9 {
 251 |     width: 74.35897435897436%;
 252 |     *width: 74.30578286961266%;
 253 |   }
 254 |   .row-fluid .span8 {
 255 |     width: 65.81196581196582%;
 256 |     *width: 65.75877432260411%;
 257 |   }
 258 |   .row-fluid .span7 {
 259 |     width: 57.26495726495726%;
 260 |     *width: 57.21176577559556%;
 261 |   }
 262 |   .row-fluid .span6 {
 263 |     width: 48.717948717948715%;
 264 |     *width: 48.664757228587014%;
 265 |   }
 266 |   .row-fluid .span5 {
 267 |     width: 40.17094017094017%;
 268 |     *width: 40.11774868157847%;
 269 |   }
 270 |   .row-fluid .span4 {
 271 |     width: 31.623931623931625%;
 272 |     *width: 31.570740134569924%;
 273 |   }
 274 |   .row-fluid .span3 {
 275 |     width: 23.076923076923077%;
 276 |     *width: 23.023731587561375%;
 277 |   }
 278 |   .row-fluid .span2 {
 279 |     width: 14.52991452991453%;
 280 |     *width: 14.476723040552828%;
 281 |   }
 282 |   .row-fluid .span1 {
 283 |     width: 5.982905982905983%;
 284 |     *width: 5.929714493544281%;
 285 |   }
 286 |   .row-fluid .offset12 {
 287 |     margin-left: 105.12820512820512%;
 288 |     *margin-left: 105.02182214948171%;
 289 |   }
 290 |   .row-fluid .offset12:first-child {
 291 |     margin-left: 102.56410256410257%;
 292 |     *margin-left: 102.45771958537915%;
 293 |   }
 294 |   .row-fluid .offset11 {
 295 |     margin-left: 96.58119658119658%;
 296 |     *margin-left: 96.47481360247316%;
 297 |   }
 298 |   .row-fluid .offset11:first-child {
 299 |     margin-left: 94.01709401709402%;
 300 |     *margin-left: 93.91071103837061%;
 301 |   }
 302 |   .row-fluid .offset10 {
 303 |     margin-left: 88.03418803418803%;
 304 |     *margin-left: 87.92780505546462%;
 305 |   }
 306 |   .row-fluid .offset10:first-child {
 307 |     margin-left: 85.47008547008548%;
 308 |     *margin-left: 85.36370249136206%;
 309 |   }
 310 |   .row-fluid .offset9 {
 311 |     margin-left: 79.48717948717949%;
 312 |     *margin-left: 79.38079650845607%;
 313 |   }
 314 |   .row-fluid .offset9:first-child {
 315 |     margin-left: 76.92307692307693%;
 316 |     *margin-left: 76.81669394435352%;
 317 |   }
 318 |   .row-fluid .offset8 {
 319 |     margin-left: 70.94017094017094%;
 320 |     *margin-left: 70.83378796144753%;
 321 |   }
 322 |   .row-fluid .offset8:first-child {
 323 |     margin-left: 68.37606837606839%;
 324 |     *margin-left: 68.26968539734497%;
 325 |   }
 326 |   .row-fluid .offset7 {
 327 |     margin-left: 62.393162393162385%;
 328 |     *margin-left: 62.28677941443899%;
 329 |   }
 330 |   .row-fluid .offset7:first-child {
 331 |     margin-left: 59.82905982905982%;
 332 |     *margin-left: 59.72267685033642%;
 333 |   }
 334 |   .row-fluid .offset6 {
 335 |     margin-left: 53.84615384615384%;
 336 |     *margin-left: 53.739770867430444%;
 337 |   }
 338 |   .row-fluid .offset6:first-child {
 339 |     margin-left: 51.28205128205128%;
 340 |     *margin-left: 51.175668303327875%;
 341 |   }
 342 |   .row-fluid .offset5 {
 343 |     margin-left: 45.299145299145295%;
 344 |     *margin-left: 45.1927623204219%;
 345 |   }
 346 |   .row-fluid .offset5:first-child {
 347 |     margin-left: 42.73504273504273%;
 348 |     *margin-left: 42.62865975631933%;
 349 |   }
 350 |   .row-fluid .offset4 {
 351 |     margin-left: 36.75213675213675%;
 352 |     *margin-left: 36.645753773413354%;
 353 |   }
 354 |   .row-fluid .offset4:first-child {
 355 |     margin-left: 34.18803418803419%;
 356 |     *margin-left: 34.081651209310785%;
 357 |   }
 358 |   .row-fluid .offset3 {
 359 |     margin-left: 28.205128205128204%;
 360 |     *margin-left: 28.0987452264048%;
 361 |   }
 362 |   .row-fluid .offset3:first-child {
 363 |     margin-left: 25.641025641025642%;
 364 |     *margin-left: 25.53464266230224%;
 365 |   }
 366 |   .row-fluid .offset2 {
 367 |     margin-left: 19.65811965811966%;
 368 |     *margin-left: 19.551736679396257%;
 369 |   }
 370 |   .row-fluid .offset2:first-child {
 371 |     margin-left: 17.094017094017094%;
 372 |     *margin-left: 16.98763411529369%;
 373 |   }
 374 |   .row-fluid .offset1 {
 375 |     margin-left: 11.11111111111111%;
 376 |     *margin-left: 11.004728132387708%;
 377 |   }
 378 |   .row-fluid .offset1:first-child {
 379 |     margin-left: 8.547008547008547%;
 380 |     *margin-left: 8.440625568285142%;
 381 |   }
 382 |   input,
 383 |   textarea,
 384 |   .uneditable-input {
 385 |     margin-left: 0;
 386 |   }
 387 |   .controls-row [class*="span"] + [class*="span"] {
 388 |     margin-left: 30px;
 389 |   }
 390 |   input.span12,
 391 |   textarea.span12,
 392 |   .uneditable-input.span12 {
 393 |     width: 1156px;
 394 |   }
 395 |   input.span11,
 396 |   textarea.span11,
 397 |   .uneditable-input.span11 {
 398 |     width: 1056px;
 399 |   }
 400 |   input.span10,
 401 |   textarea.span10,
 402 |   .uneditable-input.span10 {
 403 |     width: 956px;
 404 |   }
 405 |   input.span9,
 406 |   textarea.span9,
 407 |   .uneditable-input.span9 {
 408 |     width: 856px;
 409 |   }
 410 |   input.span8,
 411 |   textarea.span8,
 412 |   .uneditable-input.span8 {
 413 |     width: 756px;
 414 |   }
 415 |   input.span7,
 416 |   textarea.span7,
 417 |   .uneditable-input.span7 {
 418 |     width: 656px;
 419 |   }
 420 |   input.span6,
 421 |   textarea.span6,
 422 |   .uneditable-input.span6 {
 423 |     width: 556px;
 424 |   }
 425 |   input.span5,
 426 |   textarea.span5,
 427 |   .uneditable-input.span5 {
 428 |     width: 456px;
 429 |   }
 430 |   input.span4,
 431 |   textarea.span4,
 432 |   .uneditable-input.span4 {
 433 |     width: 356px;
 434 |   }
 435 |   input.span3,
 436 |   textarea.span3,
 437 |   .uneditable-input.span3 {
 438 |     width: 256px;
 439 |   }
 440 |   input.span2,
 441 |   textarea.span2,
 442 |   .uneditable-input.span2 {
 443 |     width: 156px;
 444 |   }
 445 |   input.span1,
 446 |   textarea.span1,
 447 |   .uneditable-input.span1 {
 448 |     width: 56px;
 449 |   }
 450 |   .thumbnails {
 451 |     margin-left: -30px;
 452 |   }
 453 |   .thumbnails > li {
 454 |     margin-left: 30px;
 455 |   }
 456 |   .row-fluid .thumbnails {
 457 |     margin-left: 0;
 458 |   }
 459 | }
 460 | 
 461 | @media (min-width: 768px) and (max-width: 979px) {
 462 |   .row {
 463 |     margin-left: -20px;
 464 |     *zoom: 1;
 465 |   }
 466 |   .row:before,
 467 |   .row:after {
 468 |     display: table;
 469 |     line-height: 0;
 470 |     content: "";
 471 |   }
 472 |   .row:after {
 473 |     clear: both;
 474 |   }
 475 |   [class*="span"] {
 476 |     float: left;
 477 |     min-height: 1px;
 478 |     margin-left: 20px;
 479 |   }
 480 |   .container,
 481 |   .navbar-static-top .container,
 482 |   .navbar-fixed-top .container,
 483 |   .navbar-fixed-bottom .container {
 484 |     width: 724px;
 485 |   }
 486 |   .span12 {
 487 |     width: 724px;
 488 |   }
 489 |   .span11 {
 490 |     width: 662px;
 491 |   }
 492 |   .span10 {
 493 |     width: 600px;
 494 |   }
 495 |   .span9 {
 496 |     width: 538px;
 497 |   }
 498 |   .span8 {
 499 |     width: 476px;
 500 |   }
 501 |   .span7 {
 502 |     width: 414px;
 503 |   }
 504 |   .span6 {
 505 |     width: 352px;
 506 |   }
 507 |   .span5 {
 508 |     width: 290px;
 509 |   }
 510 |   .span4 {
 511 |     width: 228px;
 512 |   }
 513 |   .span3 {
 514 |     width: 166px;
 515 |   }
 516 |   .span2 {
 517 |     width: 104px;
 518 |   }
 519 |   .span1 {
 520 |     width: 42px;
 521 |   }
 522 |   .offset12 {
 523 |     margin-left: 764px;
 524 |   }
 525 |   .offset11 {
 526 |     margin-left: 702px;
 527 |   }
 528 |   .offset10 {
 529 |     margin-left: 640px;
 530 |   }
 531 |   .offset9 {
 532 |     margin-left: 578px;
 533 |   }
 534 |   .offset8 {
 535 |     margin-left: 516px;
 536 |   }
 537 |   .offset7 {
 538 |     margin-left: 454px;
 539 |   }
 540 |   .offset6 {
 541 |     margin-left: 392px;
 542 |   }
 543 |   .offset5 {
 544 |     margin-left: 330px;
 545 |   }
 546 |   .offset4 {
 547 |     margin-left: 268px;
 548 |   }
 549 |   .offset3 {
 550 |     margin-left: 206px;
 551 |   }
 552 |   .offset2 {
 553 |     margin-left: 144px;
 554 |   }
 555 |   .offset1 {
 556 |     margin-left: 82px;
 557 |   }
 558 |   .row-fluid {
 559 |     width: 100%;
 560 |     *zoom: 1;
 561 |   }
 562 |   .row-fluid:before,
 563 |   .row-fluid:after {
 564 |     display: table;
 565 |     line-height: 0;
 566 |     content: "";
 567 |   }
 568 |   .row-fluid:after {
 569 |     clear: both;
 570 |   }
 571 |   .row-fluid [class*="span"] {
 572 |     display: block;
 573 |     float: left;
 574 |     width: 100%;
 575 |     min-height: 30px;
 576 |     margin-left: 2.7624309392265194%;
 577 |     *margin-left: 2.709239449864817%;
 578 |     -webkit-box-sizing: border-box;
 579 |        -moz-box-sizing: border-box;
 580 |             box-sizing: border-box;
 581 |   }
 582 |   .row-fluid [class*="span"]:first-child {
 583 |     margin-left: 0;
 584 |   }
 585 |   .row-fluid .controls-row [class*="span"] + [class*="span"] {
 586 |     margin-left: 2.7624309392265194%;
 587 |   }
 588 |   .row-fluid .span12 {
 589 |     width: 100%;
 590 |     *width: 99.94680851063829%;
 591 |   }
 592 |   .row-fluid .span11 {
 593 |     width: 91.43646408839778%;
 594 |     *width: 91.38327259903608%;
 595 |   }
 596 |   .row-fluid .span10 {
 597 |     width: 82.87292817679558%;
 598 |     *width: 82.81973668743387%;
 599 |   }
 600 |   .row-fluid .span9 {
 601 |     width: 74.30939226519337%;
 602 |     *width: 74.25620077583166%;
 603 |   }
 604 |   .row-fluid .span8 {
 605 |     width: 65.74585635359117%;
 606 |     *width: 65.69266486422946%;
 607 |   }
 608 |   .row-fluid .span7 {
 609 |     width: 57.18232044198895%;
 610 |     *width: 57.12912895262725%;
 611 |   }
 612 |   .row-fluid .span6 {
 613 |     width: 48.61878453038674%;
 614 |     *width: 48.56559304102504%;
 615 |   }
 616 |   .row-fluid .span5 {
 617 |     width: 40.05524861878453%;
 618 |     *width: 40.00205712942283%;
 619 |   }
 620 |   .row-fluid .span4 {
 621 |     width: 31.491712707182323%;
 622 |     *width: 31.43852121782062%;
 623 |   }
 624 |   .row-fluid .span3 {
 625 |     width: 22.92817679558011%;
 626 |     *width: 22.87498530621841%;
 627 |   }
 628 |   .row-fluid .span2 {
 629 |     width: 14.3646408839779%;
 630 |     *width: 14.311449394616199%;
 631 |   }
 632 |   .row-fluid .span1 {
 633 |     width: 5.801104972375691%;
 634 |     *width: 5.747913483013988%;
 635 |   }
 636 |   .row-fluid .offset12 {
 637 |     margin-left: 105.52486187845304%;
 638 |     *margin-left: 105.41847889972962%;
 639 |   }
 640 |   .row-fluid .offset12:first-child {
 641 |     margin-left: 102.76243093922652%;
 642 |     *margin-left: 102.6560479605031%;
 643 |   }
 644 |   .row-fluid .offset11 {
 645 |     margin-left: 96.96132596685082%;
 646 |     *margin-left: 96.8549429881274%;
 647 |   }
 648 |   .row-fluid .offset11:first-child {
 649 |     margin-left: 94.1988950276243%;
 650 |     *margin-left: 94.09251204890089%;
 651 |   }
 652 |   .row-fluid .offset10 {
 653 |     margin-left: 88.39779005524862%;
 654 |     *margin-left: 88.2914070765252%;
 655 |   }
 656 |   .row-fluid .offset10:first-child {
 657 |     margin-left: 85.6353591160221%;
 658 |     *margin-left: 85.52897613729868%;
 659 |   }
 660 |   .row-fluid .offset9 {
 661 |     margin-left: 79.8342541436464%;
 662 |     *margin-left: 79.72787116492299%;
 663 |   }
 664 |   .row-fluid .offset9:first-child {
 665 |     margin-left: 77.07182320441989%;
 666 |     *margin-left: 76.96544022569647%;
 667 |   }
 668 |   .row-fluid .offset8 {
 669 |     margin-left: 71.2707182320442%;
 670 |     *margin-left: 71.16433525332079%;
 671 |   }
 672 |   .row-fluid .offset8:first-child {
 673 |     margin-left: 68.50828729281768%;
 674 |     *margin-left: 68.40190431409427%;
 675 |   }
 676 |   .row-fluid .offset7 {
 677 |     margin-left: 62.70718232044199%;
 678 |     *margin-left: 62.600799341718584%;
 679 |   }
 680 |   .row-fluid .offset7:first-child {
 681 |     margin-left: 59.94475138121547%;
 682 |     *margin-left: 59.838368402492065%;
 683 |   }
 684 |   .row-fluid .offset6 {
 685 |     margin-left: 54.14364640883978%;
 686 |     *margin-left: 54.037263430116376%;
 687 |   }
 688 |   .row-fluid .offset6:first-child {
 689 |     margin-left: 51.38121546961326%;
 690 |     *margin-left: 51.27483249088986%;
 691 |   }
 692 |   .row-fluid .offset5 {
 693 |     margin-left: 45.58011049723757%;
 694 |     *margin-left: 45.47372751851417%;
 695 |   }
 696 |   .row-fluid .offset5:first-child {
 697 |     margin-left: 42.81767955801105%;
 698 |     *margin-left: 42.71129657928765%;
 699 |   }
 700 |   .row-fluid .offset4 {
 701 |     margin-left: 37.01657458563536%;
 702 |     *margin-left: 36.91019160691196%;
 703 |   }
 704 |   .row-fluid .offset4:first-child {
 705 |     margin-left: 34.25414364640884%;
 706 |     *margin-left: 34.14776066768544%;
 707 |   }
 708 |   .row-fluid .offset3 {
 709 |     margin-left: 28.45303867403315%;
 710 |     *margin-left: 28.346655695309746%;
 711 |   }
 712 |   .row-fluid .offset3:first-child {
 713 |     margin-left: 25.69060773480663%;
 714 |     *margin-left: 25.584224756083227%;
 715 |   }
 716 |   .row-fluid .offset2 {
 717 |     margin-left: 19.88950276243094%;
 718 |     *margin-left: 19.783119783707537%;
 719 |   }
 720 |   .row-fluid .offset2:first-child {
 721 |     margin-left: 17.12707182320442%;
 722 |     *margin-left: 17.02068884448102%;
 723 |   }
 724 |   .row-fluid .offset1 {
 725 |     margin-left: 11.32596685082873%;
 726 |     *margin-left: 11.219583872105325%;
 727 |   }
 728 |   .row-fluid .offset1:first-child {
 729 |     margin-left: 8.56353591160221%;
 730 |     *margin-left: 8.457152932878806%;
 731 |   }
 732 |   input,
 733 |   textarea,
 734 |   .uneditable-input {
 735 |     margin-left: 0;
 736 |   }
 737 |   .controls-row [class*="span"] + [class*="span"] {
 738 |     margin-left: 20px;
 739 |   }
 740 |   input.span12,
 741 |   textarea.span12,
 742 |   .uneditable-input.span12 {
 743 |     width: 710px;
 744 |   }
 745 |   input.span11,
 746 |   textarea.span11,
 747 |   .uneditable-input.span11 {
 748 |     width: 648px;
 749 |   }
 750 |   input.span10,
 751 |   textarea.span10,
 752 |   .uneditable-input.span10 {
 753 |     width: 586px;
 754 |   }
 755 |   input.span9,
 756 |   textarea.span9,
 757 |   .uneditable-input.span9 {
 758 |     width: 524px;
 759 |   }
 760 |   input.span8,
 761 |   textarea.span8,
 762 |   .uneditable-input.span8 {
 763 |     width: 462px;
 764 |   }
 765 |   input.span7,
 766 |   textarea.span7,
 767 |   .uneditable-input.span7 {
 768 |     width: 400px;
 769 |   }
 770 |   input.span6,
 771 |   textarea.span6,
 772 |   .uneditable-input.span6 {
 773 |     width: 338px;
 774 |   }
 775 |   input.span5,
 776 |   textarea.span5,
 777 |   .uneditable-input.span5 {
 778 |     width: 276px;
 779 |   }
 780 |   input.span4,
 781 |   textarea.span4,
 782 |   .uneditable-input.span4 {
 783 |     width: 214px;
 784 |   }
 785 |   input.span3,
 786 |   textarea.span3,
 787 |   .uneditable-input.span3 {
 788 |     width: 152px;
 789 |   }
 790 |   input.span2,
 791 |   textarea.span2,
 792 |   .uneditable-input.span2 {
 793 |     width: 90px;
 794 |   }
 795 |   input.span1,
 796 |   textarea.span1,
 797 |   .uneditable-input.span1 {
 798 |     width: 28px;
 799 |   }
 800 | }
 801 | 
 802 | @media (max-width: 767px) {
 803 |   body {
 804 |     padding-right: 20px;
 805 |     padding-left: 20px;
 806 |   }
 807 |   .navbar-fixed-top,
 808 |   .navbar-fixed-bottom,
 809 |   .navbar-static-top {
 810 |     margin-right: -20px;
 811 |     margin-left: -20px;
 812 |   }
 813 |   .container-fluid {
 814 |     padding: 0;
 815 |   }
 816 |   .dl-horizontal dt {
 817 |     float: none;
 818 |     width: auto;
 819 |     clear: none;
 820 |     text-align: left;
 821 |   }
 822 |   .dl-horizontal dd {
 823 |     margin-left: 0;
 824 |   }
 825 |   .container {
 826 |     width: auto;
 827 |   }
 828 |   .row-fluid {
 829 |     width: 100%;
 830 |   }
 831 |   .row,
 832 |   .thumbnails {
 833 |     margin-left: 0;
 834 |   }
 835 |   .thumbnails > li {
 836 |     float: none;
 837 |     margin-left: 0;
 838 |   }
 839 |   [class*="span"],
 840 |   .uneditable-input[class*="span"],
 841 |   .row-fluid [class*="span"] {
 842 |     display: block;
 843 |     float: none;
 844 |     width: 100%;
 845 |     margin-left: 0;
 846 |     -webkit-box-sizing: border-box;
 847 |        -moz-box-sizing: border-box;
 848 |             box-sizing: border-box;
 849 |   }
 850 |   .span12,
 851 |   .row-fluid .span12 {
 852 |     width: 100%;
 853 |     -webkit-box-sizing: border-box;
 854 |        -moz-box-sizing: border-box;
 855 |             box-sizing: border-box;
 856 |   }
 857 |   .row-fluid [class*="offset"]:first-child {
 858 |     margin-left: 0;
 859 |   }
 860 |   .input-large,
 861 |   .input-xlarge,
 862 |   .input-xxlarge,
 863 |   input[class*="span"],
 864 |   select[class*="span"],
 865 |   textarea[class*="span"],
 866 |   .uneditable-input {
 867 |     display: block;
 868 |     width: 100%;
 869 |     min-height: 30px;
 870 |     -webkit-box-sizing: border-box;
 871 |        -moz-box-sizing: border-box;
 872 |             box-sizing: border-box;
 873 |   }
 874 |   .input-prepend input,
 875 |   .input-append input,
 876 |   .input-prepend input[class*="span"],
 877 |   .input-append input[class*="span"] {
 878 |     display: inline-block;
 879 |     width: auto;
 880 |   }
 881 |   .controls-row [class*="span"] + [class*="span"] {
 882 |     margin-left: 0;
 883 |   }
 884 |   .modal {
 885 |     position: fixed;
 886 |     top: 20px;
 887 |     right: 20px;
 888 |     left: 20px;
 889 |     width: auto;
 890 |     margin: 0;
 891 |   }
 892 |   .modal.fade {
 893 |     top: -100px;
 894 |   }
 895 |   .modal.fade.in {
 896 |     top: 20px;
 897 |   }
 898 | }
 899 | 
 900 | @media (max-width: 480px) {
 901 |   .nav-collapse {
 902 |     -webkit-transform: translate3d(0, 0, 0);
 903 |   }
 904 |   .page-header h1 small {
 905 |     display: block;
 906 |     line-height: 20px;
 907 |   }
 908 |   input[type="checkbox"],
 909 |   input[type="radio"] {
 910 |     border: 1px solid #ccc;
 911 |   }
 912 |   .form-horizontal .control-label {
 913 |     float: none;
 914 |     width: auto;
 915 |     padding-top: 0;
 916 |     text-align: left;
 917 |   }
 918 |   .form-horizontal .controls {
 919 |     margin-left: 0;
 920 |   }
 921 |   .form-horizontal .control-list {
 922 |     padding-top: 0;
 923 |   }
 924 |   .form-horizontal .form-actions {
 925 |     padding-right: 10px;
 926 |     padding-left: 10px;
 927 |   }
 928 |   .media .pull-left,
 929 |   .media .pull-right {
 930 |     display: block;
 931 |     float: none;
 932 |     margin-bottom: 10px;
 933 |   }
 934 |   .media-object {
 935 |     margin-right: 0;
 936 |     margin-left: 0;
 937 |   }
 938 |   .modal {
 939 |     top: 10px;
 940 |     right: 10px;
 941 |     left: 10px;
 942 |   }
 943 |   .modal-header .close {
 944 |     padding: 10px;
 945 |     margin: -10px;
 946 |   }
 947 |   .carousel-caption {
 948 |     position: static;
 949 |   }
 950 | }
 951 | 
 952 | @media (max-width: 979px) {
 953 |   body {
 954 |     padding-top: 0;
 955 |   }
 956 |   .navbar-fixed-top,
 957 |   .navbar-fixed-bottom {
 958 |     position: static;
 959 |   }
 960 |   .navbar-fixed-top {
 961 |     margin-bottom: 20px;
 962 |   }
 963 |   .navbar-fixed-bottom {
 964 |     margin-top: 20px;
 965 |   }
 966 |   .navbar-fixed-top .navbar-inner,
 967 |   .navbar-fixed-bottom .navbar-inner {
 968 |     padding: 5px;
 969 |   }
 970 |   .navbar .container {
 971 |     width: auto;
 972 |     padding: 0;
 973 |   }
 974 |   .navbar .brand {
 975 |     padding-right: 10px;
 976 |     padding-left: 10px;
 977 |     margin: 0 0 0 -5px;
 978 |   }
 979 |   .nav-collapse {
 980 |     clear: both;
 981 |   }
 982 |   .nav-collapse .nav {
 983 |     float: none;
 984 |     margin: 0 0 10px;
 985 |   }
 986 |   .nav-collapse .nav > li {
 987 |     float: none;
 988 |   }
 989 |   .nav-collapse .nav > li > a {
 990 |     margin-bottom: 2px;
 991 |   }
 992 |   .nav-collapse .nav > .divider-vertical {
 993 |     display: none;
 994 |   }
 995 |   .nav-collapse .nav .nav-header {
 996 |     color: #777777;
 997 |     text-shadow: none;
 998 |   }
 999 |   .nav-collapse .nav > li > a,
1000 |   .nav-collapse .dropdown-menu a {
1001 |     padding: 9px 15px;
1002 |     font-weight: bold;
1003 |     color: #777777;
1004 |     -webkit-border-radius: 3px;
1005 |        -moz-border-radius: 3px;
1006 |             border-radius: 3px;
1007 |   }
1008 |   .nav-collapse .btn {
1009 |     padding: 4px 10px 4px;
1010 |     font-weight: normal;
1011 |     -webkit-border-radius: 4px;
1012 |        -moz-border-radius: 4px;
1013 |             border-radius: 4px;
1014 |   }
1015 |   .nav-collapse .dropdown-menu li + li a {
1016 |     margin-bottom: 2px;
1017 |   }
1018 |   .nav-collapse .nav > li > a:hover,
1019 |   .nav-collapse .nav > li > a:focus,
1020 |   .nav-collapse .dropdown-menu a:hover,
1021 |   .nav-collapse .dropdown-menu a:focus {
1022 |     background-color: #f2f2f2;
1023 |   }
1024 |   .navbar-inverse .nav-collapse .nav > li > a,
1025 |   .navbar-inverse .nav-collapse .dropdown-menu a {
1026 |     color: #999999;
1027 |   }
1028 |   .navbar-inverse .nav-collapse .nav > li > a:hover,
1029 |   .navbar-inverse .nav-collapse .nav > li > a:focus,
1030 |   .navbar-inverse .nav-collapse .dropdown-menu a:hover,
1031 |   .navbar-inverse .nav-collapse .dropdown-menu a:focus {
1032 |     background-color: #111111;
1033 |   }
1034 |   .nav-collapse.in .btn-group {
1035 |     padding: 0;
1036 |     margin-top: 5px;
1037 |   }
1038 |   .nav-collapse .dropdown-menu {
1039 |     position: static;
1040 |     top: auto;
1041 |     left: auto;
1042 |     display: none;
1043 |     float: none;
1044 |     max-width: none;
1045 |     padding: 0;
1046 |     margin: 0 15px;
1047 |     background-color: transparent;
1048 |     border: none;
1049 |     -webkit-border-radius: 0;
1050 |        -moz-border-radius: 0;
1051 |             border-radius: 0;
1052 |     -webkit-box-shadow: none;
1053 |        -moz-box-shadow: none;
1054 |             box-shadow: none;
1055 |   }
1056 |   .nav-collapse .open > .dropdown-menu {
1057 |     display: block;
1058 |   }
1059 |   .nav-collapse .dropdown-menu:before,
1060 |   .nav-collapse .dropdown-menu:after {
1061 |     display: none;
1062 |   }
1063 |   .nav-collapse .dropdown-menu .divider {
1064 |     display: none;
1065 |   }
1066 |   .nav-collapse .nav > li > .dropdown-menu:before,
1067 |   .nav-collapse .nav > li > .dropdown-menu:after {
1068 |     display: none;
1069 |   }
1070 |   .nav-collapse .navbar-form,
1071 |   .nav-collapse .navbar-search {
1072 |     float: none;
1073 |     padding: 10px 15px;
1074 |     margin: 10px 0;
1075 |     border-top: 1px solid #f2f2f2;
1076 |     border-bottom: 1px solid #f2f2f2;
1077 |     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1078 |        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1079 |             box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1080 |   }
1081 |   .navbar-inverse .nav-collapse .navbar-form,
1082 |   .navbar-inverse .nav-collapse .navbar-search {
1083 |     border-top-color: #111111;
1084 |     border-bottom-color: #111111;
1085 |   }
1086 |   .navbar .nav-collapse .nav.pull-right {
1087 |     float: none;
1088 |     margin-left: 0;
1089 |   }
1090 |   .nav-collapse,
1091 |   .nav-collapse.collapse {
1092 |     height: 0;
1093 |     overflow: hidden;
1094 |   }
1095 |   .navbar .btn-navbar {
1096 |     display: block;
1097 |   }
1098 |   .navbar-static .navbar-inner {
1099 |     padding-right: 10px;
1100 |     padding-left: 10px;
1101 |   }
1102 | }
1103 | 
1104 | @media (min-width: 980px) {
1105 |   .nav-collapse.collapse {
1106 |     height: auto !important;
1107 |     overflow: visible !important;
1108 |   }
1109 | }
1110 | 


--------------------------------------------------------------------------------
/assets/css/bootstrap-responsive.-2.3.0min.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Responsive v2.3.0
 3 |  *
 4 |  * Copyright 2012 Twitter, Inc
 5 |  * Licensed under the Apache License v2.0
 6 |  * http://www.apache.org/licenses/LICENSE-2.0
 7 |  *
 8 |  * Designed and built with all the love in the world @twitter by @mdo and @fat.
 9 |  */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}
10 | 


--------------------------------------------------------------------------------
/assets/img/glyphicons-halflings-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/assets/img/glyphicons-halflings-white.png


--------------------------------------------------------------------------------
/assets/img/glyphicons-halflings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/assets/img/glyphicons-halflings.png


--------------------------------------------------------------------------------
/assets/js/backbone-0.9.10.min.js:
--------------------------------------------------------------------------------
 1 | // Backbone.js 0.9.10
 2 | 
 3 | // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc.
 4 | // Backbone may be freely distributed under the MIT license.
 5 | // For all details and documentation:
 6 | // http://backbonejs.org
 7 | (function(){var n=this,B=n.Backbone,h=[],C=h.push,u=h.slice,D=h.splice,g;g="undefined"!==typeof exports?exports:n.Backbone={};g.VERSION="0.9.10";var f=n._;!f&&"undefined"!==typeof require&&(f=require("underscore"));g.$=n.jQuery||n.Zepto||n.ender;g.noConflict=function(){n.Backbone=B;return this};g.emulateHTTP=!1;g.emulateJSON=!1;var v=/\s+/,q=function(a,b,c,d){if(!c)return!0;if("object"===typeof c)for(var e in c)a[b].apply(a,[e,c[e]].concat(d));else if(v.test(c)){c=c.split(v);e=0;for(var f=c.length;e<
 8 | f;e++)a[b].apply(a,[c[e]].concat(d))}else return!0},w=function(a,b){var c,d=-1,e=a.length;switch(b.length){case 0:for(;++d<e;)(c=a[d]).callback.call(c.ctx);break;case 1:for(;++d<e;)(c=a[d]).callback.call(c.ctx,b[0]);break;case 2:for(;++d<e;)(c=a[d]).callback.call(c.ctx,b[0],b[1]);break;case 3:for(;++d<e;)(c=a[d]).callback.call(c.ctx,b[0],b[1],b[2]);break;default:for(;++d<e;)(c=a[d]).callback.apply(c.ctx,b)}},h=g.Events={on:function(a,b,c){if(!q(this,"on",a,[b,c])||!b)return this;this._events||(this._events=
 9 | {});(this._events[a]||(this._events[a]=[])).push({callback:b,context:c,ctx:c||this});return this},once:function(a,b,c){if(!q(this,"once",a,[b,c])||!b)return this;var d=this,e=f.once(function(){d.off(a,e);b.apply(this,arguments)});e._callback=b;this.on(a,e,c);return this},off:function(a,b,c){var d,e,t,g,j,l,k,h;if(!this._events||!q(this,"off",a,[b,c]))return this;if(!a&&!b&&!c)return this._events={},this;g=a?[a]:f.keys(this._events);j=0;for(l=g.length;j<l;j++)if(a=g[j],d=this._events[a]){t=[];if(b||
10 | c){k=0;for(h=d.length;k<h;k++)e=d[k],(b&&b!==e.callback&&b!==e.callback._callback||c&&c!==e.context)&&t.push(e)}this._events[a]=t}return this},trigger:function(a){if(!this._events)return this;var b=u.call(arguments,1);if(!q(this,"trigger",a,b))return this;var c=this._events[a],d=this._events.all;c&&w(c,b);d&&w(d,arguments);return this},listenTo:function(a,b,c){var d=this._listeners||(this._listeners={}),e=a._listenerId||(a._listenerId=f.uniqueId("l"));d[e]=a;a.on(b,"object"===typeof b?this:c,this);
11 | return this},stopListening:function(a,b,c){var d=this._listeners;if(d){if(a)a.off(b,"object"===typeof b?this:c,this),!b&&!c&&delete d[a._listenerId];else{"object"===typeof b&&(c=this);for(var e in d)d[e].off(b,c,this);this._listeners={}}return this}}};h.bind=h.on;h.unbind=h.off;f.extend(g,h);var r=g.Model=function(a,b){var c,d=a||{};this.cid=f.uniqueId("c");this.attributes={};b&&b.collection&&(this.collection=b.collection);b&&b.parse&&(d=this.parse(d,b)||{});if(c=f.result(this,"defaults"))d=f.defaults({},
12 | d,c);this.set(d,b);this.changed={};this.initialize.apply(this,arguments)};f.extend(r.prototype,h,{changed:null,idAttribute:"id",initialize:function(){},toJSON:function(){return f.clone(this.attributes)},sync:function(){return g.sync.apply(this,arguments)},get:function(a){return this.attributes[a]},escape:function(a){return f.escape(this.get(a))},has:function(a){return null!=this.get(a)},set:function(a,b,c){var d,e,g,p,j,l,k;if(null==a)return this;"object"===typeof a?(e=a,c=b):(e={})[a]=b;c||(c={});
13 | if(!this._validate(e,c))return!1;g=c.unset;p=c.silent;a=[];j=this._changing;this._changing=!0;j||(this._previousAttributes=f.clone(this.attributes),this.changed={});k=this.attributes;l=this._previousAttributes;this.idAttribute in e&&(this.id=e[this.idAttribute]);for(d in e)b=e[d],f.isEqual(k[d],b)||a.push(d),f.isEqual(l[d],b)?delete this.changed[d]:this.changed[d]=b,g?delete k[d]:k[d]=b;if(!p){a.length&&(this._pending=!0);b=0;for(d=a.length;b<d;b++)this.trigger("change:"+a[b],this,k[a[b]],c)}if(j)return this;
14 | if(!p)for(;this._pending;)this._pending=!1,this.trigger("change",this,c);this._changing=this._pending=!1;return this},unset:function(a,b){return this.set(a,void 0,f.extend({},b,{unset:!0}))},clear:function(a){var b={},c;for(c in this.attributes)b[c]=void 0;return this.set(b,f.extend({},a,{unset:!0}))},hasChanged:function(a){return null==a?!f.isEmpty(this.changed):f.has(this.changed,a)},changedAttributes:function(a){if(!a)return this.hasChanged()?f.clone(this.changed):!1;var b,c=!1,d=this._changing?
15 | this._previousAttributes:this.attributes,e;for(e in a)if(!f.isEqual(d[e],b=a[e]))(c||(c={}))[e]=b;return c},previous:function(a){return null==a||!this._previousAttributes?null:this._previousAttributes[a]},previousAttributes:function(){return f.clone(this._previousAttributes)},fetch:function(a){a=a?f.clone(a):{};void 0===a.parse&&(a.parse=!0);var b=a.success;a.success=function(a,d,e){if(!a.set(a.parse(d,e),e))return!1;b&&b(a,d,e)};return this.sync("read",this,a)},save:function(a,b,c){var d,e,g=this.attributes;
16 | null==a||"object"===typeof a?(d=a,c=b):(d={})[a]=b;if(d&&(!c||!c.wait)&&!this.set(d,c))return!1;c=f.extend({validate:!0},c);if(!this._validate(d,c))return!1;d&&c.wait&&(this.attributes=f.extend({},g,d));void 0===c.parse&&(c.parse=!0);e=c.success;c.success=function(a,b,c){a.attributes=g;var k=a.parse(b,c);c.wait&&(k=f.extend(d||{},k));if(f.isObject(k)&&!a.set(k,c))return!1;e&&e(a,b,c)};a=this.isNew()?"create":c.patch?"patch":"update";"patch"===a&&(c.attrs=d);a=this.sync(a,this,c);d&&c.wait&&(this.attributes=
17 | g);return a},destroy:function(a){a=a?f.clone(a):{};var b=this,c=a.success,d=function(){b.trigger("destroy",b,b.collection,a)};a.success=function(a,b,e){(e.wait||a.isNew())&&d();c&&c(a,b,e)};if(this.isNew())return a.success(this,null,a),!1;var e=this.sync("delete",this,a);a.wait||d();return e},url:function(){var a=f.result(this,"urlRoot")||f.result(this.collection,"url")||x();return this.isNew()?a:a+("/"===a.charAt(a.length-1)?"":"/")+encodeURIComponent(this.id)},parse:function(a){return a},clone:function(){return new this.constructor(this.attributes)},
18 | isNew:function(){return null==this.id},isValid:function(a){return!this.validate||!this.validate(this.attributes,a)},_validate:function(a,b){if(!b.validate||!this.validate)return!0;a=f.extend({},this.attributes,a);var c=this.validationError=this.validate(a,b)||null;if(!c)return!0;this.trigger("invalid",this,c,b||{});return!1}});var s=g.Collection=function(a,b){b||(b={});b.model&&(this.model=b.model);void 0!==b.comparator&&(this.comparator=b.comparator);this.models=[];this._reset();this.initialize.apply(this,
19 | arguments);a&&this.reset(a,f.extend({silent:!0},b))};f.extend(s.prototype,h,{model:r,initialize:function(){},toJSON:function(a){return this.map(function(b){return b.toJSON(a)})},sync:function(){return g.sync.apply(this,arguments)},add:function(a,b){a=f.isArray(a)?a.slice():[a];b||(b={});var c,d,e,g,p,j,l,k,h,m;l=[];k=b.at;h=this.comparator&&null==k&&!1!=b.sort;m=f.isString(this.comparator)?this.comparator:null;c=0;for(d=a.length;c<d;c++)(e=this._prepareModel(g=a[c],b))?(p=this.get(e))?b.merge&&(p.set(g===
20 | e?e.attributes:g,b),h&&(!j&&p.hasChanged(m))&&(j=!0)):(l.push(e),e.on("all",this._onModelEvent,this),this._byId[e.cid]=e,null!=e.id&&(this._byId[e.id]=e)):this.trigger("invalid",this,g,b);l.length&&(h&&(j=!0),this.length+=l.length,null!=k?D.apply(this.models,[k,0].concat(l)):C.apply(this.models,l));j&&this.sort({silent:!0});if(b.silent)return this;c=0;for(d=l.length;c<d;c++)(e=l[c]).trigger("add",e,this,b);j&&this.trigger("sort",this,b);return this},remove:function(a,b){a=f.isArray(a)?a.slice():[a];
21 | b||(b={});var c,d,e,g;c=0;for(d=a.length;c<d;c++)if(g=this.get(a[c]))delete this._byId[g.id],delete this._byId[g.cid],e=this.indexOf(g),this.models.splice(e,1),this.length--,b.silent||(b.index=e,g.trigger("remove",g,this,b)),this._removeReference(g);return this},push:function(a,b){a=this._prepareModel(a,b);this.add(a,f.extend({at:this.length},b));return a},pop:function(a){var b=this.at(this.length-1);this.remove(b,a);return b},unshift:function(a,b){a=this._prepareModel(a,b);this.add(a,f.extend({at:0},
22 | b));return a},shift:function(a){var b=this.at(0);this.remove(b,a);return b},slice:function(a,b){return this.models.slice(a,b)},get:function(a){if(null!=a)return this._idAttr||(this._idAttr=this.model.prototype.idAttribute),this._byId[a.id||a.cid||a[this._idAttr]||a]},at:function(a){return this.models[a]},where:function(a){return f.isEmpty(a)?[]:this.filter(function(b){for(var c in a)if(a[c]!==b.get(c))return!1;return!0})},sort:function(a){if(!this.comparator)throw Error("Cannot sort a set without a comparator");
23 | a||(a={});f.isString(this.comparator)||1===this.comparator.length?this.models=this.sortBy(this.comparator,this):this.models.sort(f.bind(this.comparator,this));a.silent||this.trigger("sort",this,a);return this},pluck:function(a){return f.invoke(this.models,"get",a)},update:function(a,b){b=f.extend({add:!0,merge:!0,remove:!0},b);b.parse&&(a=this.parse(a,b));var c,d,e,g,h=[],j=[],l={};f.isArray(a)||(a=a?[a]:[]);if(b.add&&!b.remove)return this.add(a,b);d=0;for(e=a.length;d<e;d++)c=a[d],g=this.get(c),
24 | b.remove&&g&&(l[g.cid]=!0),(b.add&&!g||b.merge&&g)&&h.push(c);if(b.remove){d=0;for(e=this.models.length;d<e;d++)c=this.models[d],l[c.cid]||j.push(c)}j.length&&this.remove(j,b);h.length&&this.add(h,b);return this},reset:function(a,b){b||(b={});b.parse&&(a=this.parse(a,b));for(var c=0,d=this.models.length;c<d;c++)this._removeReference(this.models[c]);b.previousModels=this.models.slice();this._reset();a&&this.add(a,f.extend({silent:!0},b));b.silent||this.trigger("reset",this,b);return this},fetch:function(a){a=
25 | a?f.clone(a):{};void 0===a.parse&&(a.parse=!0);var b=a.success;a.success=function(a,d,e){a[e.update?"update":"reset"](d,e);b&&b(a,d,e)};return this.sync("read",this,a)},create:function(a,b){b=b?f.clone(b):{};if(!(a=this._prepareModel(a,b)))return!1;b.wait||this.add(a,b);var c=this,d=b.success;b.success=function(a,b,f){f.wait&&c.add(a,f);d&&d(a,b,f)};a.save(null,b);return a},parse:function(a){return a},clone:function(){return new this.constructor(this.models)},_reset:function(){this.length=0;this.models.length=
26 | 0;this._byId={}},_prepareModel:function(a,b){if(a instanceof r)return a.collection||(a.collection=this),a;b||(b={});b.collection=this;var c=new this.model(a,b);return!c._validate(a,b)?!1:c},_removeReference:function(a){this===a.collection&&delete a.collection;a.off("all",this._onModelEvent,this)},_onModelEvent:function(a,b,c,d){("add"===a||"remove"===a)&&c!==this||("destroy"===a&&this.remove(b,d),b&&a==="change:"+b.idAttribute&&(delete this._byId[b.previous(b.idAttribute)],null!=b.id&&(this._byId[b.id]=
27 | b)),this.trigger.apply(this,arguments))},sortedIndex:function(a,b,c){b||(b=this.comparator);var d=f.isFunction(b)?b:function(a){return a.get(b)};return f.sortedIndex(this.models,a,d,c)}});f.each("forEach each map collect reduce foldl inject reduceRight foldr find detect filter select reject every all some any include contains invoke max min toArray size first head take initial rest tail drop last without indexOf shuffle lastIndexOf isEmpty chain".split(" "),function(a){s.prototype[a]=function(){var b=
28 | u.call(arguments);b.unshift(this.models);return f[a].apply(f,b)}});f.each(["groupBy","countBy","sortBy"],function(a){s.prototype[a]=function(b,c){var d=f.isFunction(b)?b:function(a){return a.get(b)};return f[a](this.models,d,c)}});var y=g.Router=function(a){a||(a={});a.routes&&(this.routes=a.routes);this._bindRoutes();this.initialize.apply(this,arguments)},E=/\((.*?)\)/g,F=/(\(\?)?:\w+/g,G=/\*\w+/g,H=/[\-{}\[\]+?.,\\\^$|#\s]/g;f.extend(y.prototype,h,{initialize:function(){},route:function(a,b,c){f.isRegExp(a)||
29 | (a=this._routeToRegExp(a));c||(c=this[b]);g.history.route(a,f.bind(function(d){d=this._extractParameters(a,d);c&&c.apply(this,d);this.trigger.apply(this,["route:"+b].concat(d));this.trigger("route",b,d);g.history.trigger("route",this,b,d)},this));return this},navigate:function(a,b){g.history.navigate(a,b);return this},_bindRoutes:function(){if(this.routes)for(var a,b=f.keys(this.routes);null!=(a=b.pop());)this.route(a,this.routes[a])},_routeToRegExp:function(a){a=a.replace(H,"\\$&").replace(E,"(?:$1)?").replace(F,
30 | function(a,c){return c?a:"([^/]+)"}).replace(G,"(.*?)");return RegExp("^"+a+"$")},_extractParameters:function(a,b){return a.exec(b).slice(1)}});var m=g.History=function(){this.handlers=[];f.bindAll(this,"checkUrl");"undefined"!==typeof window&&(this.location=window.location,this.history=window.history)},z=/^[#\/]|\s+$/g,I=/^\/+|\/+$/g,J=/msie [\w.]+/,K=/\/$/;m.started=!1;f.extend(m.prototype,h,{interval:50,getHash:function(a){return(a=(a||this).location.href.match(/#(.*)$/))?a[1]:""},getFragment:function(a,
31 | b){if(null==a)if(this._hasPushState||!this._wantsHashChange||b){a=this.location.pathname;var c=this.root.replace(K,"");a.indexOf(c)||(a=a.substr(c.length))}else a=this.getHash();return a.replace(z,"")},start:function(a){if(m.started)throw Error("Backbone.history has already been started");m.started=!0;this.options=f.extend({},{root:"/"},this.options,a);this.root=this.options.root;this._wantsHashChange=!1!==this.options.hashChange;this._wantsPushState=!!this.options.pushState;this._hasPushState=!(!this.options.pushState||
32 | !this.history||!this.history.pushState);a=this.getFragment();var b=document.documentMode,b=J.exec(navigator.userAgent.toLowerCase())&&(!b||7>=b);this.root=("/"+this.root+"/").replace(I,"/");b&&this._wantsHashChange&&(this.iframe=g.$('<iframe src="javascript:0" tabindex="-1" />').hide().appendTo("body")[0].contentWindow,this.navigate(a));if(this._hasPushState)g.$(window).on("popstate",this.checkUrl);else if(this._wantsHashChange&&"onhashchange"in window&&!b)g.$(window).on("hashchange",this.checkUrl);
33 | else this._wantsHashChange&&(this._checkUrlInterval=setInterval(this.checkUrl,this.interval));this.fragment=a;a=this.location;b=a.pathname.replace(/[^\/]$/,"$&/")===this.root;if(this._wantsHashChange&&this._wantsPushState&&!this._hasPushState&&!b)return this.fragment=this.getFragment(null,!0),this.location.replace(this.root+this.location.search+"#"+this.fragment),!0;this._wantsPushState&&(this._hasPushState&&b&&a.hash)&&(this.fragment=this.getHash().replace(z,""),this.history.replaceState({},document.title,
34 | this.root+this.fragment+a.search));if(!this.options.silent)return this.loadUrl()},stop:function(){g.$(window).off("popstate",this.checkUrl).off("hashchange",this.checkUrl);clearInterval(this._checkUrlInterval);m.started=!1},route:function(a,b){this.handlers.unshift({route:a,callback:b})},checkUrl:function(){var a=this.getFragment();a===this.fragment&&this.iframe&&(a=this.getFragment(this.getHash(this.iframe)));if(a===this.fragment)return!1;this.iframe&&this.navigate(a);this.loadUrl()||this.loadUrl(this.getHash())},
35 | loadUrl:function(a){var b=this.fragment=this.getFragment(a);return f.any(this.handlers,function(a){if(a.route.test(b))return a.callback(b),!0})},navigate:function(a,b){if(!m.started)return!1;if(!b||!0===b)b={trigger:b};a=this.getFragment(a||"");if(this.fragment!==a){this.fragment=a;var c=this.root+a;if(this._hasPushState)this.history[b.replace?"replaceState":"pushState"]({},document.title,c);else if(this._wantsHashChange)this._updateHash(this.location,a,b.replace),this.iframe&&a!==this.getFragment(this.getHash(this.iframe))&&
36 | (b.replace||this.iframe.document.open().close(),this._updateHash(this.iframe.location,a,b.replace));else return this.location.assign(c);b.trigger&&this.loadUrl(a)}},_updateHash:function(a,b,c){c?(c=a.href.replace(/(javascript:|#).*$/,""),a.replace(c+"#"+b)):a.hash="#"+b}});g.history=new m;var A=g.View=function(a){this.cid=f.uniqueId("view");this._configure(a||{});this._ensureElement();this.initialize.apply(this,arguments);this.delegateEvents()},L=/^(\S+)\s*(.*)$/,M="model collection el id attributes className tagName events".split(" ");
37 | f.extend(A.prototype,h,{tagName:"div",$:function(a){return this.$el.find(a)},initialize:function(){},render:function(){return this},remove:function(){this.$el.remove();this.stopListening();return this},setElement:function(a,b){this.$el&&this.undelegateEvents();this.$el=a instanceof g.$?a:g.$(a);this.el=this.$el[0];!1!==b&&this.delegateEvents();return this},delegateEvents:function(a){if(a||(a=f.result(this,"events"))){this.undelegateEvents();for(var b in a){var c=a[b];f.isFunction(c)||(c=this[a[b]]);
38 | if(!c)throw Error('Method "'+a[b]+'" does not exist');var d=b.match(L),e=d[1],d=d[2],c=f.bind(c,this),e=e+(".delegateEvents"+this.cid);if(""===d)this.$el.on(e,c);else this.$el.on(e,d,c)}}},undelegateEvents:function(){this.$el.off(".delegateEvents"+this.cid)},_configure:function(a){this.options&&(a=f.extend({},f.result(this,"options"),a));f.extend(this,f.pick(a,M));this.options=a},_ensureElement:function(){if(this.el)this.setElement(f.result(this,"el"),!1);else{var a=f.extend({},f.result(this,"attributes"));
39 | this.id&&(a.id=f.result(this,"id"));this.className&&(a["class"]=f.result(this,"className"));a=g.$("<"+f.result(this,"tagName")+">").attr(a);this.setElement(a,!1)}}});var N={create:"POST",update:"PUT",patch:"PATCH","delete":"DELETE",read:"GET"};g.sync=function(a,b,c){var d=N[a];f.defaults(c||(c={}),{emulateHTTP:g.emulateHTTP,emulateJSON:g.emulateJSON});var e={type:d,dataType:"json"};c.url||(e.url=f.result(b,"url")||x());if(null==c.data&&b&&("create"===a||"update"===a||"patch"===a))e.contentType="application/json",
40 | e.data=JSON.stringify(c.attrs||b.toJSON(c));c.emulateJSON&&(e.contentType="application/x-www-form-urlencoded",e.data=e.data?{model:e.data}:{});if(c.emulateHTTP&&("PUT"===d||"DELETE"===d||"PATCH"===d)){e.type="POST";c.emulateJSON&&(e.data._method=d);var h=c.beforeSend;c.beforeSend=function(a){a.setRequestHeader("X-HTTP-Method-Override",d);if(h)return h.apply(this,arguments)}}"GET"!==e.type&&!c.emulateJSON&&(e.processData=!1);var m=c.success;c.success=function(a){m&&m(b,a,c);b.trigger("sync",b,a,c)};
41 | var j=c.error;c.error=function(a){j&&j(b,a,c);b.trigger("error",b,a,c)};a=c.xhr=g.ajax(f.extend(e,c));b.trigger("request",b,a,c);return a};g.ajax=function(){return g.$.ajax.apply(g.$,arguments)};r.extend=s.extend=y.extend=A.extend=m.extend=function(a,b){var c=this,d;d=a&&f.has(a,"constructor")?a.constructor:function(){return c.apply(this,arguments)};f.extend(d,c,b);var e=function(){this.constructor=d};e.prototype=c.prototype;d.prototype=new e;a&&f.extend(d.prototype,a);d.__super__=c.prototype;return d};
42 | var x=function(){throw Error('A "url" property or function must be specified');}}).call(this);
43 | 


--------------------------------------------------------------------------------
/assets/js/backbone.localStorage-1.1.0.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Backbone localStorage Adapter
  3 |  * Version 1.1.0
  4 |  *
  5 |  * https://github.com/jeromegn/Backbone.localStorage
  6 |  */
  7 | (function (root, factory) {
  8 |    if (typeof define === "function" && define.amd) {
  9 |       // AMD. Register as an anonymous module.
 10 |       define(["underscore","backbone"], function(_, Backbone) {
 11 |         // Use global variables if the locals are undefined.
 12 |         return factory(_ || root._, Backbone || root.Backbone);
 13 |       });
 14 |    } else {
 15 |       // RequireJS isn't being used. Assume underscore and backbone are loaded in <script> tags
 16 |       factory(_, Backbone);
 17 |    }
 18 | }(this, function(_, Backbone) {
 19 | // A simple module to replace `Backbone.sync` with *localStorage*-based
 20 | // persistence. Models are given GUIDS, and saved into a JSON object. Simple
 21 | // as that.
 22 | 
 23 | // Hold reference to Underscore.js and Backbone.js in the closure in order
 24 | // to make things work even if they are removed from the global namespace
 25 | 
 26 | // Generate four random hex digits.
 27 | function S4() {
 28 |    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
 29 | };
 30 | 
 31 | // Generate a pseudo-GUID by concatenating random hexadecimal.
 32 | function guid() {
 33 |    return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
 34 | };
 35 | 
 36 | // Our Store is represented by a single JS object in *localStorage*. Create it
 37 | // with a meaningful name, like the name you'd give a table.
 38 | // window.Store is deprectated, use Backbone.LocalStorage instead
 39 | Backbone.LocalStorage = window.Store = function(name) {
 40 |   this.name = name;
 41 |   var store = this.localStorage().getItem(this.name);
 42 |   this.records = (store && store.split(",")) || [];
 43 | };
 44 | 
 45 | _.extend(Backbone.LocalStorage.prototype, {
 46 | 
 47 |   // Save the current state of the **Store** to *localStorage*.
 48 |   save: function() {
 49 |     this.localStorage().setItem(this.name, this.records.join(","));
 50 |   },
 51 | 
 52 |   // Add a model, giving it a (hopefully)-unique GUID, if it doesn't already
 53 |   // have an id of it's own.
 54 |   create: function(model) {
 55 |     if (!model.id) {
 56 |       model.id = guid();
 57 |       model.set(model.idAttribute, model.id);
 58 |     }
 59 |     this.localStorage().setItem(this.name+"-"+model.id, JSON.stringify(model));
 60 |     this.records.push(model.id.toString());
 61 |     this.save();
 62 |     return this.find(model);
 63 |   },
 64 | 
 65 |   // Update a model by replacing its copy in `this.data`.
 66 |   update: function(model) {
 67 |     this.localStorage().setItem(this.name+"-"+model.id, JSON.stringify(model));
 68 |     if (!_.include(this.records, model.id.toString()))
 69 |       this.records.push(model.id.toString()); this.save();
 70 |     return this.find(model);
 71 |   },
 72 | 
 73 |   // Retrieve a model from `this.data` by id.
 74 |   find: function(model) {
 75 |     return this.jsonData(this.localStorage().getItem(this.name+"-"+model.id));
 76 |   },
 77 | 
 78 |   // Return the array of all models currently in storage.
 79 |   findAll: function() {
 80 |     return _(this.records).chain()
 81 |       .map(function(id){
 82 |         return this.jsonData(this.localStorage().getItem(this.name+"-"+id));
 83 |       }, this)
 84 |       .compact()
 85 |       .value();
 86 |   },
 87 | 
 88 |   // Delete a model from `this.data`, returning it.
 89 |   destroy: function(model) {
 90 |     if (model.isNew())
 91 |       return false
 92 |     this.localStorage().removeItem(this.name+"-"+model.id);
 93 |     this.records = _.reject(this.records, function(id){
 94 |       return id === model.id.toString();
 95 |     });
 96 |     this.save();
 97 |     return model;
 98 |   },
 99 | 
100 |   localStorage: function() {
101 |     return localStorage;
102 |   },
103 |   
104 |   // fix for "illegal access" error on Android when JSON.parse is passed null
105 |   jsonData: function (data) {
106 |       return data && JSON.parse(data);
107 |   }
108 | 
109 | });
110 | 
111 | // localSync delegate to the model or collection's
112 | // *localStorage* property, which should be an instance of `Store`.
113 | // window.Store.sync and Backbone.localSync is deprectated, use Backbone.LocalStorage.sync instead
114 | Backbone.LocalStorage.sync = window.Store.sync = Backbone.localSync = function(method, model, options) {
115 |   var store = model.localStorage || model.collection.localStorage;
116 | 
117 |   var resp, errorMessage, syncDfd = $.Deferred && $.Deferred(); //If $ is having Deferred - use it. 
118 | 
119 |   try {
120 | 
121 |     switch (method) {
122 |       case "read":
123 |         resp = model.id != undefined ? store.find(model) : store.findAll();
124 |         break;
125 |       case "create":
126 |         resp = store.create(model);
127 |         break;
128 |       case "update":
129 |         resp = store.update(model);
130 |         break;
131 |       case "delete":
132 |         resp = store.destroy(model);
133 |         break;
134 |     }
135 | 
136 |   } catch(error) {
137 |     if (error.code === DOMException.QUOTA_EXCEEDED_ERR && window.localStorage.length === 0)
138 |       errorMessage = "Private browsing is unsupported";
139 |     else
140 |       errorMessage = error.message;
141 |   }
142 | 
143 |   if (resp) {
144 |     model.trigger("sync", model, resp, options);
145 |     if (options && options.success)
146 |       if (Backbone.VERSION === "0.9.10") {
147 |         options.success(model, resp, options);
148 |       } else {
149 |         options.success(resp);
150 |       }
151 |     if (syncDfd)
152 |       syncDfd.resolve(resp);
153 | 
154 |   } else {
155 |     errorMessage = errorMessage ? errorMessage
156 |                                 : "Record Not Found";
157 |     
158 |     model.trigger("error", model, errorMessage, options);
159 |     if (options && options.error)
160 |       if (Backbone.VERSION === "0.9.10") {
161 |         options.error(model, errorMessage, options);
162 |       } else {
163 |         options.error(errorMessage);
164 |       }
165 |       
166 |     if (syncDfd)
167 |       syncDfd.reject(errorMessage);
168 |   }
169 |   
170 |   // add compatibility with $.ajax
171 |   // always execute callback for success and error
172 |   if (options && options.complete) options.complete(resp);
173 | 
174 |   return syncDfd && syncDfd.promise();
175 | };
176 | 
177 | Backbone.ajaxSync = Backbone.sync;
178 | 
179 | Backbone.getSyncMethod = function(model) {
180 |   if(model.localStorage || (model.collection && model.collection.localStorage)) {
181 |     return Backbone.localSync;
182 |   }
183 | 
184 |   return Backbone.ajaxSync;
185 | };
186 | 
187 | // Override 'Backbone.sync' to default to localSync,
188 | // the original 'Backbone.sync' is still available in 'Backbone.ajaxSync'
189 | Backbone.sync = function(method, model, options) {
190 |   return Backbone.getSyncMethod(model).apply(this, [method, model, options]);
191 | };
192 | 
193 | return Backbone.LocalStorage;
194 | }));


--------------------------------------------------------------------------------
/assets/js/backbone.localStorage-1.1.0.min.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * Backbone localStorage Adapter
3 |  * Version 1.1.0
4 |  *
5 |  * https://github.com/jeromegn/Backbone.localStorage
6 |  */(function(a,b){typeof define=="function"&&define.amd?define(["underscore","backbone"],function(c,d){return b(c||a._,d||a.Backbone)}):b(_,Backbone)})(this,function(a,b){function c(){return((1+Math.random())*65536|0).toString(16).substring(1)}function d(){return c()+c()+"-"+c()+"-"+c()+"-"+c()+"-"+c()+c()+c()}return b.LocalStorage=window.Store=function(a){this.name=a;var b=this.localStorage().getItem(this.name);this.records=b&&b.split(",")||[]},a.extend(b.LocalStorage.prototype,{save:function(){this.localStorage().setItem(this.name,this.records.join(","))},create:function(a){return a.id||(a.id=d(),a.set(a.idAttribute,a.id)),this.localStorage().setItem(this.name+"-"+a.id,JSON.stringify(a)),this.records.push(a.id.toString()),this.save(),this.find(a)},update:function(b){return this.localStorage().setItem(this.name+"-"+b.id,JSON.stringify(b)),a.include(this.records,b.id.toString())||this.records.push(b.id.toString()),this.save(),this.find(b)},find:function(a){return this.jsonData(this.localStorage().getItem(this.name+"-"+a.id))},findAll:function(){return a(this.records).chain().map(function(a){return this.jsonData(this.localStorage().getItem(this.name+"-"+a))},this).compact().value()},destroy:function(b){return b.isNew()?!1:(this.localStorage().removeItem(this.name+"-"+b.id),this.records=a.reject(this.records,function(a){return a===b.id.toString()}),this.save(),b)},localStorage:function(){return localStorage},jsonData:function(a){return a&&JSON.parse(a)}}),b.LocalStorage.sync=window.Store.sync=b.localSync=function(a,c,d){var e=c.localStorage||c.collection.localStorage,f,g,h=$.Deferred&&$.Deferred();try{switch(a){case"read":f=c.id!=undefined?e.find(c):e.findAll();break;case"create":f=e.create(c);break;case"update":f=e.update(c);break;case"delete":f=e.destroy(c)}}catch(i){i.code===DOMException.QUOTA_EXCEEDED_ERR&&window.localStorage.length===0?g="Private browsing is unsupported":g=i.message}return f?(c.trigger("sync",c,f,d),d&&d.success&&(b.VERSION==="0.9.10"?d.success(c,f,d):d.success(f)),h&&h.resolve(f)):(g=g?g:"Record Not Found",c.trigger("error",c,g,d),d&&d.error&&(b.VERSION==="0.9.10"?d.error(c,g,d):d.error(g)),h&&h.reject(g)),d&&d.complete&&d.complete(f),h&&h.promise()},b.ajaxSync=b.sync,b.getSyncMethod=function(a){return a.localStorage||a.collection&&a.collection.localStorage?b.localSync:b.ajaxSync},b.sync=function(a,c,d){return b.getSyncMethod(c).apply(this,[a,c,d])},b.LocalStorage});


--------------------------------------------------------------------------------
/assets/js/bootstrap-2.3.0.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap.js by @fat & @mdo
3 | * Copyright 2012 Twitter, Inc.
4 | * http://www.apache.org/licenses/LICENSE-2.0.txt
5 | */
6 | !function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(t){var n=this.getActiveIndex(),r=this;if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){r.to(t)}):n==t?this.pause().cycle():this.slide(t>n?"next":"prev",e(this.$items[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f<s.length-1&&f++,~f||(f=0),s.eq(f).focus()}};var s=e.fn.dropdown;e.fn.dropdown=function(t){return this.each(function(){var r=e(this),i=r.data("dropdown");i||r.data("dropdown",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.dropdown.Constructor=n,e.fn.dropdown.noConflict=function(){return e.fn.dropdown=s,this},e(document).on("click.dropdown.data-api",r).on("click.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on(".dropdown-menu",function(e){e.stopPropagation()}).on("click.dropdown.data-api",t,n.prototype.toggle).on("keydown.dropdown.data-api",t+", [role=menu]",n.prototype.keydown)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t).delegate('[data-dismiss="modal"]',"click.dismiss.modal",e.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};t.prototype={constructor:t,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var t=this,n=e.Event("show");this.$element.trigger(n);if(this.isShown||n.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var n=e.support.transition&&t.$element.hasClass("fade");t.$element.parent().length||t.$element.appendTo(document.body),t.$element.show(),n&&t.$element[0].offsetWidth,t.$element.addClass("in").attr("aria-hidden",!1),t.enforceFocus(),n?t.$element.one(e.support.transition.end,function(){t.$element.focus().trigger("shown")}):t.$element.focus().trigger("shown")})},hide:function(t){t&&t.preventDefault();var n=this;t=e.Event("hide"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),e.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},enforceFocus:function(){var t=this;e(document).on("focusin.modal",function(e){t.$element[0]!==e.target&&!t.$element.has(e.target).length&&t.$element.focus()})},escape:function(){var e=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(t){t.which==27&&e.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var t=this,n=setTimeout(function(){t.$element.off(e.support.transition.end),t.hideModal()},500);this.$element.one(e.support.transition.end,function(){clearTimeout(n),t.hideModal()})},hideModal:function(){var e=this;this.$element.hide(),this.backdrop(function(){e.removeBackdrop(),e.$element.trigger("hidden")})},removeBackdrop:function(){this.$backdrop.remove(),this.$backdrop=null},backdrop:function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('<div class="modal-backdrop '+r+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);if(!n.options.delay||!n.options.delay.show)return n.show();clearTimeout(this.timeout),n.hoverState="in",this.timeout=setTimeout(function(){n.hoverState=="in"&&n.show()},n.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parent(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parent("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=e(this.options.menu),this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:t.top+t.height,left:t.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length<this.options.minLength?this.shown?this.hide():this:(n=e.isFunction(this.source)?this.source(this.query,e.proxy(this.process,this)):this.source,n?this.process(n):this)},process:function(t){var n=this;return t=e.grep(t,function(e){return n.matcher(e)}),t=this.sorter(t),t.length?this.render(t.slice(0,this.options.items)).show():this.shown?this.hide():this},matcher:function(e){return~e.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(e){var t=[],n=[],r=[],i;while(i=e.shift())i.toLowerCase().indexOf(this.query.toLowerCase())?~i.indexOf(this.query)?n.push(i):r.push(i):t.push(i);return t.concat(n,r)},highlighter:function(e){var t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),function(e,t){return"<strong>"+t+"</strong>"})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("focus",e.proxy(this.focus,this)).on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this)).on("mouseleave","li",e.proxy(this.mouseleave,this))},eventSupported:function(e){var t=e in this.$element;return t||(this.$element.setAttribute(e,"return;"),t=typeof this.$element[e]=="function"),t},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},focus:function(e){this.focused=!0},blur:function(e){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(e){e.stopPropagation(),e.preventDefault(),this.select(),this.$element.focus()},mouseenter:function(t){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")},mouseleave:function(e){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var n=e.fn.typeahead;e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>',minLength:1},e.fn.typeahead.Constructor=t,e.fn.typeahead.noConflict=function(){return e.fn.typeahead=n,this},e(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;n.typeahead(n.data())})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery);


--------------------------------------------------------------------------------
/assets/js/moment.-2.0.0.min.js:
--------------------------------------------------------------------------------
1 | // moment.js
2 | // version : 2.0.0
3 | // author : Tim Wood
4 | // license : MIT
5 | // momentjs.com
6 | (function(e){function O(e,t){return function(n){return j(e.call(this,n),t)}}function M(e){return function(t){return this.lang().ordinal(e.call(this,t))}}function _(){}function D(e){H(this,e)}function P(e){var t=this._data={},n=e.years||e.year||e.y||0,r=e.months||e.month||e.M||0,i=e.weeks||e.week||e.w||0,s=e.days||e.day||e.d||0,o=e.hours||e.hour||e.h||0,u=e.minutes||e.minute||e.m||0,a=e.seconds||e.second||e.s||0,f=e.milliseconds||e.millisecond||e.ms||0;this._milliseconds=f+a*1e3+u*6e4+o*36e5,this._days=s+i*7,this._months=r+n*12,t.milliseconds=f%1e3,a+=B(f/1e3),t.seconds=a%60,u+=B(a/60),t.minutes=u%60,o+=B(u/60),t.hours=o%24,s+=B(o/24),s+=i*7,t.days=s%30,r+=B(s/30),t.months=r%12,n+=B(r/12),t.years=n}function H(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}function B(e){return e<0?Math.ceil(e):Math.floor(e)}function j(e,t){var n=e+"";while(n.length<t)n="0"+n;return n}function F(e,t,n){var r=t._milliseconds,i=t._days,s=t._months,o;r&&e._d.setTime(+e+r*n),i&&e.date(e.date()+i*n),s&&(o=e.date(),e.date(1).month(e.month()+s*n).date(Math.min(o,e.daysInMonth())))}function I(e){return Object.prototype.toString.call(e)==="[object Array]"}function q(e,t){var n=Math.min(e.length,t.length),r=Math.abs(e.length-t.length),i=0,s;for(s=0;s<n;s++)~~e[s]!==~~t[s]&&i++;return i+r}function R(e,t){return t.abbr=e,s[e]||(s[e]=new _),s[e].set(t),s[e]}function U(e){return e?(!s[e]&&o&&require("./lang/"+e),s[e]):t.fn._lang}function z(e){return e.match(/\[.*\]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"")}function W(e){var t=e.match(a),n,r;for(n=0,r=t.length;n<r;n++)A[t[n]]?t[n]=A[t[n]]:t[n]=z(t[n]);return function(i){var s="";for(n=0;n<r;n++)s+=typeof t[n].call=="function"?t[n].call(i,e):t[n];return s}}function X(e,t){function r(t){return e.lang().longDateFormat(t)||t}var n=5;while(n--&&f.test(t))t=t.replace(f,r);return C[t]||(C[t]=W(t)),C[t](e)}function V(e){switch(e){case"DDDD":return p;case"YYYY":return d;case"YYYYY":return v;case"S":case"SS":case"SSS":case"DDD":return h;case"MMM":case"MMMM":case"dd":case"ddd":case"dddd":case"a":case"A":return m;case"X":return b;case"Z":case"ZZ":return g;case"T":return y;case"MM":case"DD":case"YY":case"HH":case"hh":case"mm":case"ss":case"M":case"D":case"d":case"H":case"h":case"m":case"s":return c;default:return new RegExp(e.replace("\\",""))}}function $(e,t,n){var r,i,s=n._a;switch(e){case"M":case"MM":s[1]=t==null?0:~~t-1;break;case"MMM":case"MMMM":r=U(n._l).monthsParse(t),r!=null?s[1]=r:n._isValid=!1;break;case"D":case"DD":case"DDD":case"DDDD":t!=null&&(s[2]=~~t);break;case"YY":s[0]=~~t+(~~t>68?1900:2e3);break;case"YYYY":case"YYYYY":s[0]=~~t;break;case"a":case"A":n._isPm=(t+"").toLowerCase()==="pm";break;case"H":case"HH":case"h":case"hh":s[3]=~~t;break;case"m":case"mm":s[4]=~~t;break;case"s":case"ss":s[5]=~~t;break;case"S":case"SS":case"SSS":s[6]=~~(("0."+t)*1e3);break;case"X":n._d=new Date(parseFloat(t)*1e3);break;case"Z":case"ZZ":n._useUTC=!0,r=(t+"").match(x),r&&r[1]&&(n._tzh=~~r[1]),r&&r[2]&&(n._tzm=~~r[2]),r&&r[0]==="+"&&(n._tzh=-n._tzh,n._tzm=-n._tzm)}t==null&&(n._isValid=!1)}function J(e){var t,n,r=[];if(e._d)return;for(t=0;t<7;t++)e._a[t]=r[t]=e._a[t]==null?t===2?1:0:e._a[t];r[3]+=e._tzh||0,r[4]+=e._tzm||0,n=new Date(0),e._useUTC?(n.setUTCFullYear(r[0],r[1],r[2]),n.setUTCHours(r[3],r[4],r[5],r[6])):(n.setFullYear(r[0],r[1],r[2]),n.setHours(r[3],r[4],r[5],r[6])),e._d=n}function K(e){var t=e._f.match(a),n=e._i,r,i;e._a=[];for(r=0;r<t.length;r++)i=(V(t[r]).exec(n)||[])[0],i&&(n=n.slice(n.indexOf(i)+i.length)),A[t[r]]&&$(t[r],i,e);e._isPm&&e._a[3]<12&&(e._a[3]+=12),e._isPm===!1&&e._a[3]===12&&(e._a[3]=0),J(e)}function Q(e){var t,n,r,i=99,s,o,u;while(e._f.length){t=H({},e),t._f=e._f.pop(),K(t),n=new D(t);if(n.isValid()){r=n;break}u=q(t._a,n.toArray()),u<i&&(i=u,r=n)}H(e,r)}function G(e){var t,n=e._i;if(w.exec(n)){e._f="YYYY-MM-DDT";for(t=0;t<4;t++)if(S[t][1].exec(n)){e._f+=S[t][0];break}g.exec(n)&&(e._f+=" Z"),K(e)}else e._d=new Date(n)}function Y(t){var n=t._i,r=u.exec(n);n===e?t._d=new Date:r?t._d=new Date(+r[1]):typeof n=="string"?G(t):I(n)?(t._a=n.slice(0),J(t)):t._d=n instanceof Date?new Date(+n):new Date(n)}function Z(e,t,n,r,i){return i.relativeTime(t||1,!!n,e,r)}function et(e,t,n){var i=r(Math.abs(e)/1e3),s=r(i/60),o=r(s/60),u=r(o/24),a=r(u/365),f=i<45&&["s",i]||s===1&&["m"]||s<45&&["mm",s]||o===1&&["h"]||o<22&&["hh",o]||u===1&&["d"]||u<=25&&["dd",u]||u<=45&&["M"]||u<345&&["MM",r(u/30)]||a===1&&["y"]||["yy",a];return f[2]=t,f[3]=e>0,f[4]=n,Z.apply({},f)}function tt(e,n,r){var i=r-n,s=r-e.day();return s>i&&(s-=7),s<i-7&&(s+=7),Math.ceil(t(e).add("d",s).dayOfYear()/7)}function nt(e){var n=e._i,r=e._f;return n===null||n===""?null:(typeof n=="string"&&(e._i=n=U().preparse(n)),t.isMoment(n)?(e=H({},n),e._d=new Date(+n._d)):r?I(r)?Q(e):K(e):Y(e),new D(e))}function rt(e,n){t.fn[e]=t.fn[e+"s"]=function(e){var t=this._isUTC?"UTC":"";return e!=null?(this._d["set"+t+n](e),this):this._d["get"+t+n]()}}function it(e){t.duration.fn[e]=function(){return this._data[e]}}function st(e,n){t.duration.fn["as"+e]=function(){return+this/n}}var t,n="2.0.0",r=Math.round,i,s={},o=typeof module!="undefined"&&module.exports,u=/^\/?Date\((\-?\d+)/i,a=/(\[[^\[]*\])|(\\)?(Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|YYYYY|YYYY|YY|a|A|hh?|HH?|mm?|ss?|SS?S?|X|zz?|ZZ?|.)/g,f=/(\[[^\[]*\])|(\\)?(LT|LL?L?L?|l{1,4})/g,l=/([0-9a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)/gi,c=/\d\d?/,h=/\d{1,3}/,p=/\d{3}/,d=/\d{1,4}/,v=/[+\-]?\d{1,6}/,m=/[0-9]*[a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF]+\s*?[\u0600-\u06FF]+/i,g=/Z|[\+\-]\d\d:?\d\d/i,y=/T/i,b=/[\+\-]?\d+(\.\d{1,3})?/,w=/^\s*\d{4}-\d\d-\d\d((T| )(\d\d(:\d\d(:\d\d(\.\d\d?\d?)?)?)?)?([\+\-]\d\d:?\d\d)?)?/,E="YYYY-MM-DDTHH:mm:ssZ",S=[["HH:mm:ss.S",/(T| )\d\d:\d\d:\d\d\.\d{1,3}/],["HH:mm:ss",/(T| )\d\d:\d\d:\d\d/],["HH:mm",/(T| )\d\d:\d\d/],["HH",/(T| )\d\d/]],x=/([\+\-]|\d\d)/gi,T="Month|Date|Hours|Minutes|Seconds|Milliseconds".split("|"),N={Milliseconds:1,Seconds:1e3,Minutes:6e4,Hours:36e5,Days:864e5,Months:2592e6,Years:31536e6},C={},k="DDD w W M D d".split(" "),L="M D H h m s w W".split(" "),A={M:function(){return this.month()+1},MMM:function(e){return this.lang().monthsShort(this,e)},MMMM:function(e){return this.lang().months(this,e)},D:function(){return this.date()},DDD:function(){return this.dayOfYear()},d:function(){return this.day()},dd:function(e){return this.lang().weekdaysMin(this,e)},ddd:function(e){return this.lang().weekdaysShort(this,e)},dddd:function(e){return this.lang().weekdays(this,e)},w:function(){return this.week()},W:function(){return this.isoWeek()},YY:function(){return j(this.year()%100,2)},YYYY:function(){return j(this.year(),4)},YYYYY:function(){return j(this.year(),5)},a:function(){return this.lang().meridiem(this.hours(),this.minutes(),!0)},A:function(){return this.lang().meridiem(this.hours(),this.minutes(),!1)},H:function(){return this.hours()},h:function(){return this.hours()%12||12},m:function(){return this.minutes()},s:function(){return this.seconds()},S:function(){return~~(this.milliseconds()/100)},SS:function(){return j(~~(this.milliseconds()/10),2)},SSS:function(){return j(this.milliseconds(),3)},Z:function(){var e=-this.zone(),t="+";return e<0&&(e=-e,t="-"),t+j(~~(e/60),2)+":"+j(~~e%60,2)},ZZ:function(){var e=-this.zone(),t="+";return e<0&&(e=-e,t="-"),t+j(~~(10*e/6),4)},X:function(){return this.unix()}};while(k.length)i=k.pop(),A[i+"o"]=M(A[i]);while(L.length)i=L.pop(),A[i+i]=O(A[i],2);A.DDDD=O(A.DDD,3),_.prototype={set:function(e){var t,n;for(n in e)t=e[n],typeof t=="function"?this[n]=t:this["_"+n]=t},_months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),months:function(e){return this._months[e.month()]},_monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),monthsShort:function(e){return this._monthsShort[e.month()]},monthsParse:function(e){var n,r,i,s;this._monthsParse||(this._monthsParse=[]);for(n=0;n<12;n++){this._monthsParse[n]||(r=t([2e3,n]),i="^"+this.months(r,"")+"|^"+this.monthsShort(r,""),this._monthsParse[n]=new RegExp(i.replace(".",""),"i"));if(this._monthsParse[n].test(e))return n}},_weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdays:function(e){return this._weekdays[e.day()]},_weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysShort:function(e){return this._weekdaysShort[e.day()]},_weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),weekdaysMin:function(e){return this._weekdaysMin[e.day()]},_longDateFormat:{LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D YYYY",LLL:"MMMM D YYYY LT",LLLL:"dddd, MMMM D YYYY LT"},longDateFormat:function(e){var t=this._longDateFormat[e];return!t&&this._longDateFormat[e.toUpperCase()]&&(t=this._longDateFormat[e.toUpperCase()].replace(/MMMM|MM|DD|dddd/g,function(e){return e.slice(1)}),this._longDateFormat[e]=t),t},meridiem:function(e,t,n){return e>11?n?"pm":"PM":n?"am":"AM"},_calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[last] dddd [at] LT",sameElse:"L"},calendar:function(e,t){var n=this._calendar[e];return typeof n=="function"?n.apply(t):n},_relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},relativeTime:function(e,t,n,r){var i=this._relativeTime[n];return typeof i=="function"?i(e,t,n,r):i.replace(/%d/i,e)},pastFuture:function(e,t){var n=this._relativeTime[e>0?"future":"past"];return typeof n=="function"?n(t):n.replace(/%s/i,t)},ordinal:function(e){return this._ordinal.replace("%d",e)},_ordinal:"%d",preparse:function(e){return e},postformat:function(e){return e},week:function(e){return tt(e,this._week.dow,this._week.doy)},_week:{dow:0,doy:6}},t=function(e,t,n){return nt({_i:e,_f:t,_l:n,_isUTC:!1})},t.utc=function(e,t,n){return nt({_useUTC:!0,_isUTC:!0,_l:n,_i:e,_f:t})},t.unix=function(e){return t(e*1e3)},t.duration=function(e,n){var r=t.isDuration(e),i=typeof e=="number",s=r?e._data:i?{}:e,o;return i&&(n?s[n]=e:s.milliseconds=e),o=new P(s),r&&e.hasOwnProperty("_lang")&&(o._lang=e._lang),o},t.version=n,t.defaultFormat=E,t.lang=function(e,n){var r;if(!e)return t.fn._lang._abbr;n?R(e,n):s[e]||U(e),t.duration.fn._lang=t.fn._lang=U(e)},t.langData=function(e){return e&&e._lang&&e._lang._abbr&&(e=e._lang._abbr),U(e)},t.isMoment=function(e){return e instanceof D},t.isDuration=function(e){return e instanceof P},t.fn=D.prototype={clone:function(){return t(this)},valueOf:function(){return+this._d},unix:function(){return Math.floor(+this._d/1e3)},toString:function(){return this.format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},toDate:function(){return this._d},toJSON:function(){return t.utc(this).format("YYYY-MM-DD[T]HH:mm:ss.SSS[Z]")},toArray:function(){var e=this;return[e.year(),e.month(),e.date(),e.hours(),e.minutes(),e.seconds(),e.milliseconds()]},isValid:function(){return this._isValid==null&&(this._a?this._isValid=!q(this._a,(this._isUTC?t.utc(this._a):t(this._a)).toArray()):this._isValid=!isNaN(this._d.getTime())),!!this._isValid},utc:function(){return this._isUTC=!0,this},local:function(){return this._isUTC=!1,this},format:function(e){var n=X(this,e||t.defaultFormat);return this.lang().postformat(n)},add:function(e,n){var r;return typeof e=="string"?r=t.duration(+n,e):r=t.duration(e,n),F(this,r,1),this},subtract:function(e,n){var r;return typeof e=="string"?r=t.duration(+n,e):r=t.duration(e,n),F(this,r,-1),this},diff:function(e,n,r){var i=this._isUTC?t(e).utc():t(e).local(),s=(this.zone()-i.zone())*6e4,o,u;return n&&(n=n.replace(/s$/,"")),n==="year"||n==="month"?(o=(this.daysInMonth()+i.daysInMonth())*432e5,u=(this.year()-i.year())*12+(this.month()-i.month()),u+=(this-t(this).startOf("month")-(i-t(i).startOf("month")))/o,n==="year"&&(u/=12)):(o=this-i-s,u=n==="second"?o/1e3:n==="minute"?o/6e4:n==="hour"?o/36e5:n==="day"?o/864e5:n==="week"?o/6048e5:o),r?u:B(u)},from:function(e,n){return t.duration(this.diff(e)).lang(this.lang()._abbr).humanize(!n)},fromNow:function(e){return this.from(t(),e)},calendar:function(){var e=this.diff(t().startOf("day"),"days",!0),n=e<-6?"sameElse":e<-1?"lastWeek":e<0?"lastDay":e<1?"sameDay":e<2?"nextDay":e<7?"nextWeek":"sameElse";return this.format(this.lang().calendar(n,this))},isLeapYear:function(){var e=this.year();return e%4===0&&e%100!==0||e%400===0},isDST:function(){return this.zone()<t([this.year()]).zone()||this.zone()<t([this.year(),5]).zone()},day:function(e){var t=this._isUTC?this._d.getUTCDay():this._d.getDay();return e==null?t:this.add({d:e-t})},startOf:function(e){e=e.replace(/s$/,"");switch(e){case"year":this.month(0);case"month":this.date(1);case"week":case"day":this.hours(0);case"hour":this.minutes(0);case"minute":this.seconds(0);case"second":this.milliseconds(0)}return e==="week"&&this.day(0),this},endOf:function(e){return this.startOf(e).add(e.replace(/s?$/,"s"),1).subtract("ms",1)},isAfter:function(e,n){return n=typeof n!="undefined"?n:"millisecond",+this.clone().startOf(n)>+t(e).startOf(n)},isBefore:function(e,n){return n=typeof n!="undefined"?n:"millisecond",+this.clone().startOf(n)<+t(e).startOf(n)},isSame:function(e,n){return n=typeof n!="undefined"?n:"millisecond",+this.clone().startOf(n)===+t(e).startOf(n)},zone:function(){return this._isUTC?0:this._d.getTimezoneOffset()},daysInMonth:function(){return t.utc([this.year(),this.month()+1,0]).date()},dayOfYear:function(e){var n=r((t(this).startOf("day")-t(this).startOf("year"))/864e5)+1;return e==null?n:this.add("d",e-n)},isoWeek:function(e){var t=tt(this,1,4);return e==null?t:this.add("d",(e-t)*7)},week:function(e){var t=this.lang().week(this);return e==null?t:this.add("d",(e-t)*7)},lang:function(t){return t===e?this._lang:(this._lang=U(t),this)}};for(i=0;i<T.length;i++)rt(T[i].toLowerCase().replace(/s$/,""),T[i]);rt("year","FullYear"),t.fn.days=t.fn.day,t.fn.weeks=t.fn.week,t.fn.isoWeeks=t.fn.isoWeek,t.duration.fn=P.prototype={weeks:function(){return B(this.days()/7)},valueOf:function(){return this._milliseconds+this._days*864e5+this._months*2592e6},humanize:function(e){var t=+this,n=et(t,!e,this.lang());return e&&(n=this.lang().pastFuture(t,n)),this.lang().postformat(n)},lang:t.fn.lang};for(i in N)N.hasOwnProperty(i)&&(st(i,N[i]),it(i.toLowerCase()));st("Weeks",6048e5),t.lang("en",{ordinal:function(e){var t=e%10,n=~~(e%100/10)===1?"th":t===1?"st":t===2?"nd":t===3?"rd":"th";return e+n}}),o&&(module.exports=t),typeof ender=="undefined"&&(this.moment=t),typeof define=="function"&&define.amd&&define("moment",[],function(){return t})}).call(this);


--------------------------------------------------------------------------------
/assets/js/underscore-1.4.4.min.js:
--------------------------------------------------------------------------------
1 | (function(){var n=this,t=n._,r={},e=Array.prototype,u=Object.prototype,i=Function.prototype,a=e.push,o=e.slice,c=e.concat,l=u.toString,f=u.hasOwnProperty,s=e.forEach,p=e.map,h=e.reduce,v=e.reduceRight,d=e.filter,g=e.every,m=e.some,y=e.indexOf,b=e.lastIndexOf,x=Array.isArray,_=Object.keys,j=i.bind,w=function(n){return n instanceof w?n:this instanceof w?(this._wrapped=n,void 0):new w(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=w),exports._=w):n._=w,w.VERSION="1.4.4";var A=w.each=w.forEach=function(n,t,e){if(null!=n)if(s&&n.forEach===s)n.forEach(t,e);else if(n.length===+n.length){for(var u=0,i=n.length;i>u;u++)if(t.call(e,n[u],u,n)===r)return}else for(var a in n)if(w.has(n,a)&&t.call(e,n[a],a,n)===r)return};w.map=w.collect=function(n,t,r){var e=[];return null==n?e:p&&n.map===p?n.map(t,r):(A(n,function(n,u,i){e[e.length]=t.call(r,n,u,i)}),e)};var O="Reduce of empty array with no initial value";w.reduce=w.foldl=w.inject=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),h&&n.reduce===h)return e&&(t=w.bind(t,e)),u?n.reduce(t,r):n.reduce(t);if(A(n,function(n,i,a){u?r=t.call(e,r,n,i,a):(r=n,u=!0)}),!u)throw new TypeError(O);return r},w.reduceRight=w.foldr=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),v&&n.reduceRight===v)return e&&(t=w.bind(t,e)),u?n.reduceRight(t,r):n.reduceRight(t);var i=n.length;if(i!==+i){var a=w.keys(n);i=a.length}if(A(n,function(o,c,l){c=a?a[--i]:--i,u?r=t.call(e,r,n[c],c,l):(r=n[c],u=!0)}),!u)throw new TypeError(O);return r},w.find=w.detect=function(n,t,r){var e;return E(n,function(n,u,i){return t.call(r,n,u,i)?(e=n,!0):void 0}),e},w.filter=w.select=function(n,t,r){var e=[];return null==n?e:d&&n.filter===d?n.filter(t,r):(A(n,function(n,u,i){t.call(r,n,u,i)&&(e[e.length]=n)}),e)},w.reject=function(n,t,r){return w.filter(n,function(n,e,u){return!t.call(r,n,e,u)},r)},w.every=w.all=function(n,t,e){t||(t=w.identity);var u=!0;return null==n?u:g&&n.every===g?n.every(t,e):(A(n,function(n,i,a){return(u=u&&t.call(e,n,i,a))?void 0:r}),!!u)};var E=w.some=w.any=function(n,t,e){t||(t=w.identity);var u=!1;return null==n?u:m&&n.some===m?n.some(t,e):(A(n,function(n,i,a){return u||(u=t.call(e,n,i,a))?r:void 0}),!!u)};w.contains=w.include=function(n,t){return null==n?!1:y&&n.indexOf===y?n.indexOf(t)!=-1:E(n,function(n){return n===t})},w.invoke=function(n,t){var r=o.call(arguments,2),e=w.isFunction(t);return w.map(n,function(n){return(e?t:n[t]).apply(n,r)})},w.pluck=function(n,t){return w.map(n,function(n){return n[t]})},w.where=function(n,t,r){return w.isEmpty(t)?r?null:[]:w[r?"find":"filter"](n,function(n){for(var r in t)if(t[r]!==n[r])return!1;return!0})},w.findWhere=function(n,t){return w.where(n,t,!0)},w.max=function(n,t,r){if(!t&&w.isArray(n)&&n[0]===+n[0]&&65535>n.length)return Math.max.apply(Math,n);if(!t&&w.isEmpty(n))return-1/0;var e={computed:-1/0,value:-1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;a>=e.computed&&(e={value:n,computed:a})}),e.value},w.min=function(n,t,r){if(!t&&w.isArray(n)&&n[0]===+n[0]&&65535>n.length)return Math.min.apply(Math,n);if(!t&&w.isEmpty(n))return 1/0;var e={computed:1/0,value:1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;e.computed>a&&(e={value:n,computed:a})}),e.value},w.shuffle=function(n){var t,r=0,e=[];return A(n,function(n){t=w.random(r++),e[r-1]=e[t],e[t]=n}),e};var k=function(n){return w.isFunction(n)?n:function(t){return t[n]}};w.sortBy=function(n,t,r){var e=k(t);return w.pluck(w.map(n,function(n,t,u){return{value:n,index:t,criteria:e.call(r,n,t,u)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index<t.index?-1:1}),"value")};var F=function(n,t,r,e){var u={},i=k(t||w.identity);return A(n,function(t,a){var o=i.call(r,t,a,n);e(u,o,t)}),u};w.groupBy=function(n,t,r){return F(n,t,r,function(n,t,r){(w.has(n,t)?n[t]:n[t]=[]).push(r)})},w.countBy=function(n,t,r){return F(n,t,r,function(n,t){w.has(n,t)||(n[t]=0),n[t]++})},w.sortedIndex=function(n,t,r,e){r=null==r?w.identity:k(r);for(var u=r.call(e,t),i=0,a=n.length;a>i;){var o=i+a>>>1;u>r.call(e,n[o])?i=o+1:a=o}return i},w.toArray=function(n){return n?w.isArray(n)?o.call(n):n.length===+n.length?w.map(n,w.identity):w.values(n):[]},w.size=function(n){return null==n?0:n.length===+n.length?n.length:w.keys(n).length},w.first=w.head=w.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:o.call(n,0,t)},w.initial=function(n,t,r){return o.call(n,0,n.length-(null==t||r?1:t))},w.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:o.call(n,Math.max(n.length-t,0))},w.rest=w.tail=w.drop=function(n,t,r){return o.call(n,null==t||r?1:t)},w.compact=function(n){return w.filter(n,w.identity)};var R=function(n,t,r){return A(n,function(n){w.isArray(n)?t?a.apply(r,n):R(n,t,r):r.push(n)}),r};w.flatten=function(n,t){return R(n,t,[])},w.without=function(n){return w.difference(n,o.call(arguments,1))},w.uniq=w.unique=function(n,t,r,e){w.isFunction(t)&&(e=r,r=t,t=!1);var u=r?w.map(n,r,e):n,i=[],a=[];return A(u,function(r,e){(t?e&&a[a.length-1]===r:w.contains(a,r))||(a.push(r),i.push(n[e]))}),i},w.union=function(){return w.uniq(c.apply(e,arguments))},w.intersection=function(n){var t=o.call(arguments,1);return w.filter(w.uniq(n),function(n){return w.every(t,function(t){return w.indexOf(t,n)>=0})})},w.difference=function(n){var t=c.apply(e,o.call(arguments,1));return w.filter(n,function(n){return!w.contains(t,n)})},w.zip=function(){for(var n=o.call(arguments),t=w.max(w.pluck(n,"length")),r=Array(t),e=0;t>e;e++)r[e]=w.pluck(n,""+e);return r},w.object=function(n,t){if(null==n)return{};for(var r={},e=0,u=n.length;u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},w.indexOf=function(n,t,r){if(null==n)return-1;var e=0,u=n.length;if(r){if("number"!=typeof r)return e=w.sortedIndex(n,t),n[e]===t?e:-1;e=0>r?Math.max(0,u+r):r}if(y&&n.indexOf===y)return n.indexOf(t,r);for(;u>e;e++)if(n[e]===t)return e;return-1},w.lastIndexOf=function(n,t,r){if(null==n)return-1;var e=null!=r;if(b&&n.lastIndexOf===b)return e?n.lastIndexOf(t,r):n.lastIndexOf(t);for(var u=e?r:n.length;u--;)if(n[u]===t)return u;return-1},w.range=function(n,t,r){1>=arguments.length&&(t=n||0,n=0),r=arguments[2]||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=0,i=Array(e);e>u;)i[u++]=n,n+=r;return i},w.bind=function(n,t){if(n.bind===j&&j)return j.apply(n,o.call(arguments,1));var r=o.call(arguments,2);return function(){return n.apply(t,r.concat(o.call(arguments)))}},w.partial=function(n){var t=o.call(arguments,1);return function(){return n.apply(this,t.concat(o.call(arguments)))}},w.bindAll=function(n){var t=o.call(arguments,1);return 0===t.length&&(t=w.functions(n)),A(t,function(t){n[t]=w.bind(n[t],n)}),n},w.memoize=function(n,t){var r={};return t||(t=w.identity),function(){var e=t.apply(this,arguments);return w.has(r,e)?r[e]:r[e]=n.apply(this,arguments)}},w.delay=function(n,t){var r=o.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},w.defer=function(n){return w.delay.apply(w,[n,1].concat(o.call(arguments,1)))},w.throttle=function(n,t){var r,e,u,i,a=0,o=function(){a=new Date,u=null,i=n.apply(r,e)};return function(){var c=new Date,l=t-(c-a);return r=this,e=arguments,0>=l?(clearTimeout(u),u=null,a=c,i=n.apply(r,e)):u||(u=setTimeout(o,l)),i}},w.debounce=function(n,t,r){var e,u;return function(){var i=this,a=arguments,o=function(){e=null,r||(u=n.apply(i,a))},c=r&&!e;return clearTimeout(e),e=setTimeout(o,t),c&&(u=n.apply(i,a)),u}},w.once=function(n){var t,r=!1;return function(){return r?t:(r=!0,t=n.apply(this,arguments),n=null,t)}},w.wrap=function(n,t){return function(){var r=[n];return a.apply(r,arguments),t.apply(this,r)}},w.compose=function(){var n=arguments;return function(){for(var t=arguments,r=n.length-1;r>=0;r--)t=[n[r].apply(this,t)];return t[0]}},w.after=function(n,t){return 0>=n?t():function(){return 1>--n?t.apply(this,arguments):void 0}},w.keys=_||function(n){if(n!==Object(n))throw new TypeError("Invalid object");var t=[];for(var r in n)w.has(n,r)&&(t[t.length]=r);return t},w.values=function(n){var t=[];for(var r in n)w.has(n,r)&&t.push(n[r]);return t},w.pairs=function(n){var t=[];for(var r in n)w.has(n,r)&&t.push([r,n[r]]);return t},w.invert=function(n){var t={};for(var r in n)w.has(n,r)&&(t[n[r]]=r);return t},w.functions=w.methods=function(n){var t=[];for(var r in n)w.isFunction(n[r])&&t.push(r);return t.sort()},w.extend=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]=t[r]}),n},w.pick=function(n){var t={},r=c.apply(e,o.call(arguments,1));return A(r,function(r){r in n&&(t[r]=n[r])}),t},w.omit=function(n){var t={},r=c.apply(e,o.call(arguments,1));for(var u in n)w.contains(r,u)||(t[u]=n[u]);return t},w.defaults=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)null==n[r]&&(n[r]=t[r])}),n},w.clone=function(n){return w.isObject(n)?w.isArray(n)?n.slice():w.extend({},n):n},w.tap=function(n,t){return t(n),n};var I=function(n,t,r,e){if(n===t)return 0!==n||1/n==1/t;if(null==n||null==t)return n===t;n instanceof w&&(n=n._wrapped),t instanceof w&&(t=t._wrapped);var u=l.call(n);if(u!=l.call(t))return!1;switch(u){case"[object String]":return n==t+"";case"[object Number]":return n!=+n?t!=+t:0==n?1/n==1/t:n==+t;case"[object Date]":case"[object Boolean]":return+n==+t;case"[object RegExp]":return n.source==t.source&&n.global==t.global&&n.multiline==t.multiline&&n.ignoreCase==t.ignoreCase}if("object"!=typeof n||"object"!=typeof t)return!1;for(var i=r.length;i--;)if(r[i]==n)return e[i]==t;r.push(n),e.push(t);var a=0,o=!0;if("[object Array]"==u){if(a=n.length,o=a==t.length)for(;a--&&(o=I(n[a],t[a],r,e)););}else{var c=n.constructor,f=t.constructor;if(c!==f&&!(w.isFunction(c)&&c instanceof c&&w.isFunction(f)&&f instanceof f))return!1;for(var s in n)if(w.has(n,s)&&(a++,!(o=w.has(t,s)&&I(n[s],t[s],r,e))))break;if(o){for(s in t)if(w.has(t,s)&&!a--)break;o=!a}}return r.pop(),e.pop(),o};w.isEqual=function(n,t){return I(n,t,[],[])},w.isEmpty=function(n){if(null==n)return!0;if(w.isArray(n)||w.isString(n))return 0===n.length;for(var t in n)if(w.has(n,t))return!1;return!0},w.isElement=function(n){return!(!n||1!==n.nodeType)},w.isArray=x||function(n){return"[object Array]"==l.call(n)},w.isObject=function(n){return n===Object(n)},A(["Arguments","Function","String","Number","Date","RegExp"],function(n){w["is"+n]=function(t){return l.call(t)=="[object "+n+"]"}}),w.isArguments(arguments)||(w.isArguments=function(n){return!(!n||!w.has(n,"callee"))}),"function"!=typeof/./&&(w.isFunction=function(n){return"function"==typeof n}),w.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},w.isNaN=function(n){return w.isNumber(n)&&n!=+n},w.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"==l.call(n)},w.isNull=function(n){return null===n},w.isUndefined=function(n){return n===void 0},w.has=function(n,t){return f.call(n,t)},w.noConflict=function(){return n._=t,this},w.identity=function(n){return n},w.times=function(n,t,r){for(var e=Array(n),u=0;n>u;u++)e[u]=t.call(r,u);return e},w.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))};var M={escape:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","/":"&#x2F;"}};M.unescape=w.invert(M.escape);var S={escape:RegExp("["+w.keys(M.escape).join("")+"]","g"),unescape:RegExp("("+w.keys(M.unescape).join("|")+")","g")};w.each(["escape","unescape"],function(n){w[n]=function(t){return null==t?"":(""+t).replace(S[n],function(t){return M[n][t]})}}),w.result=function(n,t){if(null==n)return null;var r=n[t];return w.isFunction(r)?r.call(n):r},w.mixin=function(n){A(w.functions(n),function(t){var r=w[t]=n[t];w.prototype[t]=function(){var n=[this._wrapped];return a.apply(n,arguments),D.call(this,r.apply(w,n))}})};var N=0;w.uniqueId=function(n){var t=++N+"";return n?n+t:t},w.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var T=/(.)^/,q={"'":"'","\\":"\\","\r":"r","\n":"n","	":"t","\u2028":"u2028","\u2029":"u2029"},B=/\\|'|\r|\n|\t|\u2028|\u2029/g;w.template=function(n,t,r){var e;r=w.defaults({},r,w.templateSettings);var u=RegExp([(r.escape||T).source,(r.interpolate||T).source,(r.evaluate||T).source].join("|")+"|$","g"),i=0,a="__p+='";n.replace(u,function(t,r,e,u,o){return a+=n.slice(i,o).replace(B,function(n){return"\\"+q[n]}),r&&(a+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'"),e&&(a+="'+\n((__t=("+e+"))==null?'':__t)+\n'"),u&&(a+="';\n"+u+"\n__p+='"),i=o+t.length,t}),a+="';\n",r.variable||(a="with(obj||{}){\n"+a+"}\n"),a="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+a+"return __p;\n";try{e=Function(r.variable||"obj","_",a)}catch(o){throw o.source=a,o}if(t)return e(t,w);var c=function(n){return e.call(this,n,w)};return c.source="function("+(r.variable||"obj")+"){\n"+a+"}",c},w.chain=function(n){return w(n).chain()};var D=function(n){return this._chain?w(n).chain():n};w.mixin(w),A(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=e[n];w.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!=n&&"splice"!=n||0!==r.length||delete r[0],D.call(this,r)}}),A(["concat","join","slice"],function(n){var t=e[n];w.prototype[n]=function(){return D.call(this,t.apply(this._wrapped,arguments))}}),w.extend(w.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this);


--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
  1 | 
  2 | @charset "utf-8";
  3 | body {
  4 |   margin: 0;
  5 |   padding: 0;
  6 |   font-family: 'Roboto Condensed', sans-serif;
  7 |   color: #333;
  8 |   background: #2d335b;
  9 | }
 10 | ul,
 11 | ol {
 12 |   margin: 0;
 13 | }
 14 | #header-wrap {
 15 |   position: fixed;
 16 |   top: 0;
 17 |   left: 0;
 18 |   width: 100%;
 19 | }
 20 | #header-container {
 21 |   height: 34px;
 22 |   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292c3e), color-stop(1, #13152a));
 23 |   background: -webkit-linear-gradient(top, #292c3e 0%, #13152a 100%);
 24 |   background: -moz-linear-gradient(top, #292c3e 0%, #13152a 100%);
 25 |   background: -o-linear-gradient(top, #292c3e 0%, #13152a 100%);
 26 |   background: -ms-linear-gradient(top, #292c3e 0%, #13152a 100%);
 27 |   background: linear-gradient(top, #292c3e 0%, #13152a 100%);
 28 |   color: #bfbfbf;
 29 | }
 30 | #header {
 31 |   width: 100%;
 32 |   margin: 0 auto;
 33 |   position: relative;
 34 | }
 35 | .brand {
 36 |   font-family: 'Averia Gruesa Libre', cursive;
 37 | }
 38 | #search_types {
 39 |   margin-left: 10px;
 40 |   display: inline;
 41 | }
 42 | .search-query {
 43 |   -webkit-border-radius: 4px;
 44 |   border-radius: 4px;
 45 | }
 46 | .navbar-inverse .navbar-inner {
 47 |   background: transparent;
 48 |   border: none;
 49 | }
 50 | #container {
 51 |   margin: 0 auto;
 52 |   overflow: auto;
 53 |   padding-top: 35px;
 54 |   padding-bottom: 25px;
 55 | }
 56 | #history {
 57 |   float: left;
 58 |   width: 30%;
 59 |   background: #2d335b;
 60 |   color: #aaa;
 61 | }
 62 | #history_title {
 63 |   background-color: #1f203b;
 64 |   height: 23px;
 65 |   padding: 4px;
 66 | }
 67 | .history {
 68 |   border-bottom: 1px solid rgba(0,0,0,0.2);
 69 |   -webkit-box-shadow: rgba(170,170,170,0.3) 0 1px 0 inset;
 70 |   box-shadow: rgba(170,170,170,0.3) 0 1px 0 inset;
 71 |   padding: 9px 4px;
 72 | }
 73 | .history:hover {
 74 |   background-color: #1f203b;
 75 | }
 76 | .history .btn_delete {
 77 |   visibility: hidden;
 78 | }
 79 | .history:hover .btn_delete {
 80 |   visibility: visible;
 81 | }
 82 | .history {
 83 |   zoom: 1;
 84 | }
 85 | .history:before,
 86 | .history:after {
 87 |   content: "";
 88 |   display: table;
 89 | }
 90 | .history:after {
 91 |   clear: both;
 92 | }
 93 | #history_list li {
 94 |   list-style-type: none;
 95 |   float: left;
 96 | }
 97 | .history_buttons {
 98 |   float: right !important;
 99 | }
100 | /* .btn_delete
101 | position absolute
102 |  margin-top 5px
103 |  margin-left 5px*/
104 | .history_contents,
105 | .btn_delete {
106 |   cursor: pointer;
107 | }
108 | #search_results {
109 |   float: right;
110 |   width: 70%;
111 |   background: #f9f9f9;
112 | }
113 | #tab-content li {
114 |   border-bottom: 1px solid rgba(0,0,0,0.1);
115 |   -webkit-box-shadow: #fff 0 1px 0;
116 |   box-shadow: #fff 0 1px 0;
117 | }
118 | #footer-wrap {
119 |   position: fixed;
120 |   bottom: 0;
121 |   left: 0;
122 |   width: 100%;
123 | }
124 | #footer-container {
125 |   height: 24px;
126 |   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292c3e), color-stop(1, #13152a));
127 |   background: -webkit-linear-gradient(top, #292c3e 0%, #13152a 100%);
128 |   background: -moz-linear-gradient(top, #292c3e 0%, #13152a 100%);
129 |   background: -o-linear-gradient(top, #292c3e 0%, #13152a 100%);
130 |   background: -ms-linear-gradient(top, #292c3e 0%, #13152a 100%);
131 |   background: linear-gradient(top, #292c3e 0%, #13152a 100%);
132 |   color: #bfbfbf;
133 | }
134 | #footer {
135 |   width: 100%;
136 |   margin: 0 auto;
137 |   position: relative;
138 | }
139 | /*----------- bootstrap-narrowバグ（？） ---------------*/
140 | .btn-mini [class^="icon-"],
141 | .btn-mini [class*=" icon-"] {
142 |   margin-top: 0;
143 | }
144 | .btn {
145 |   line-height: 19px;
146 | }
147 | input[type="radio"],
148 | input[type="checkbox"] {
149 |   margin: 0;
150 | }
151 | .navbar-inverse .navbar-search .search-query:focus,
152 | .navbar-inverse .navbar-search .search-query.focused {
153 |   padding: 0 7px;
154 |   border: 1px solid #111;
155 | }
156 | 


--------------------------------------------------------------------------------
/css/styl/color_thema.styl:
--------------------------------------------------------------------------------
 1 | thema_blue_color()
 2 |  color #333
 3 | 
 4 | thema_blue_body()
 5 |  background #2D335B
 6 | 
 7 | thema_blue_special_container()
 8 |  background linear-gradient(top, #292C3E, #13152A)
 9 |  color #bfbfbf
10 | 
11 | thema_blue_container()
12 |  background linear-gradient(top, #FFFFFF, #EEEEEE)
13 |  
14 | thema_blue_sidebar_active()
15 |  background linear-gradient(top, #17162A, #272541)
16 | 
17 | thema_blue_sidebar_hover()
18 |  background-color #1F203B
19 | 
20 | thema_blue_sidebar_color()
21 |  color #AAAAAA
22 | 
23 | thema_blue_sidebar_border()
24 |  border-bottom 1px solid rgba(0, 0, 0, .2)
25 |  box-shadow(rgba(170, 170, 170, .3), 0 1px 0 inset)
26 | 
27 | thema_blue_results_border()
28 |  border-bottom 1px solid rgba(0, 0, 0, .1)
29 |  box-shadow(rgba(255, 255, 255, 1), 0 1px 0)
30 | 
31 | thema_blue_results_background()
32 |  background #F9F9F9


--------------------------------------------------------------------------------
/css/styl/main.styl:
--------------------------------------------------------------------------------
  1 | @import "nib"
  2 | @import "color_thema.styl"
  3 | @charset"utf-8";
  4 | 
  5 | $conteiner_width = 100%
  6 | 
  7 | body
  8 |  margin 0
  9 |  padding 0
 10 |  font-family 'Roboto Condensed', sans-serif;
 11 |  thema_blue_color()
 12 |  thema_blue_body()
 13 |  
 14 | ul,
 15 | ol
 16 |  margin 0
 17 | 
 18 | #header-wrap
 19 |  fixed(top left)
 20 |  width 100%
 21 | 
 22 | #header-container
 23 |  height 34px
 24 |  thema_blue_special_container()
 25 | 
 26 | #header
 27 |  width $conteiner_width
 28 |  margin 0 auto
 29 |  position relative
 30 | 
 31 | .brand
 32 |  font-family 'Averia Gruesa Libre', cursive;
 33 | 
 34 | #search_types
 35 |  margin-left 10px
 36 |  display inline
 37 | 
 38 | .search-query
 39 |  border-radius(4px)
 40 |  
 41 | .navbar-inverse .navbar-inner
 42 |  background transparent
 43 |  border none
 44 | 
 45 | #container
 46 |  margin 0 auto
 47 |  overflow auto
 48 |  padding-top 35px
 49 |  padding-bottom 25px
 50 |  
 51 | #history
 52 |  float left
 53 |  width 30%
 54 |  thema_blue_body()
 55 |  thema_blue_sidebar_color()
 56 |  
 57 | #history_title
 58 |  thema_blue_sidebar_hover()
 59 |  height: 23px;
 60 |  padding: 4px;
 61 |  
 62 | .history
 63 |  thema_blue_sidebar_border()
 64 |  padding 9px 4px
 65 | 
 66 | .history:hover
 67 |  thema_blue_sidebar_hover()
 68 | 
 69 | .history .btn_delete
 70 |  visibility hidden
 71 | 
 72 | .history:hover .btn_delete
 73 |  visibility visible
 74 | 
 75 | .history
 76 |   clearfix()
 77 |  
 78 | #history_list li
 79 |  list-style-type none
 80 |  float left
 81 | 
 82 | .history_buttons
 83 |  float right !important
 84 | 
 85 | /* .btn_delete
 86 | position absolute
 87 |  margin-top 5px
 88 |  margin-left 5px*/
 89 | 
 90 | .history_contents,
 91 | .btn_delete
 92 |  cursor pointer
 93 | 
 94 | #search_results
 95 |  float right
 96 |  width 70%
 97 |  thema_blue_results_background()
 98 | 
 99 | #tab-content li
100 |  thema_blue_results_border()
101 | 
102 | #footer-wrap
103 |  fixed(bottom left)
104 |  width 100%
105 |  
106 | #footer-container
107 |  height 24px
108 |  thema_blue_special_container()
109 |  
110 | #footer
111 |  width $conteiner_width
112 |  margin 0 auto
113 |  position relative
114 | 
115 | 
116 | /*----------- bootstrap-narrowバグ（？） ---------------*/
117 | 
118 | .btn-mini [class^="icon-"],
119 | .btn-mini [class*=" icon-"] {
120 |   margin-top: 0;
121 | }
122 | .btn {
123 |   line-height: 19px;
124 | }
125 | input[type="radio"],
126 | input[type="checkbox"] {
127 |   margin: 0;
128 | }
129 | .navbar-inverse .navbar-search .search-query:focus,
130 | .navbar-inverse .navbar-search .search-query.focused {
131 |   padding: 0 7px;
132 |   border: 1px solid #111111;
133 | }


--------------------------------------------------------------------------------
/docs/01.intro.md:
--------------------------------------------------------------------------------
 1 | <img src="http://backbonejs.org/docs/images/backbone.png" alt="Backbone.js" style="width:600px;"/>
 2 | 
 3 | # Backbone.jsでSingle page アプリケーションを作る方法
 4 | ### How to build single page application with Backbone.js
 5 | 
 6 | **:warning::warning:一部動作しないコードがあります。ご理解の上利用してください。:warning::warning:**
 7 | 
 8 | 詳細はこちらのBlog記事で紹介されていますので、利用する前に一読することをオススメします。
 9 | 
10 | [Backbone.js入門 – 初学者の為のロードマップ@mawatari](http://mawatari.jp/archives/roadmap-for-backbonejs-beginners#step-4)
11 | 
12 | 
13 | =================
14 | ## <a name='mokuji'>目次</a>
15 | 1. [はじめに](#intro)
16 | 1. [ディレクトリ構成・使用ライブラリ](#pageStructure)
17 | 1. [View分割ポリシー](#viewManagePolicies)
18 | 1. [イベント連携ポリシー](#eventManagePolicies)
19 | 1. [ワイアーフレーム作成](#makeWireframe)
20 | 1. [SearchBarからHistoryへのイベント連携](#searchToHistory)
21 | 1. [SearchBarからSearchResultsへのイベント連携](#searchToResult)
22 | 1. [HistoryからSearchResultsへのイベント連携](#historyToResult)
23 | 1. [Tabから他のViewへのイベント連携](#tabToOther)
24 | 1. [完成](#complate)
25 | 
26 | ## <a name='intro'>1.はじめに</a>
27 | 
28 | このチュートリアルでは、最近話題のクライアントサイドMVCフレームワークのひとつ[Backbone.js](http://backbonejs.org/)を使って、
29 | Gmailのようなシングルページで動作するWebアプリケーションの作成方法について紹介します。
30 | 
31 | 特に、Backbone.jsを作成する際に悩む人が多いとされている、
32 | Viewの分割とViewの間のイベントのやり取りについて重点的に説明します。
33 | 
34 | > **日本語訳ドキュメントについて**
35 | 
36 | > backbone.jsのドキュメントは[enjaによる日本語訳版](https://github.com/enja-oss/Backbone/tree/master/docs)もあります。
37 | よろしければ参考にしてください。
38 | 
39 | ### <a name='wireframe'>ワイアーフレーム</a>
40 | 
41 | このチュートリアルで作成するアプリケーションは、
42 | TwitterなどのWebAPIに対して検索条件を指定して検索結果を表示する単純なアプリケーションです。
43 | 
44 | 画面のイメージは次の通りで、5つのViewで分割しています。（分割ポリシーについては後述します。）
45 | 
46 | <img src="../img/wireframe.png">
47 | 
48 | 画面の次のような機能があるとします。
49 | 
50 | * 検索：Webサービスに対してキーワード検索する。検索した場合、検索履歴が追加され、検索結果が表示される。
51 | * 履歴検索：検索履歴をクリックすることで再検索する。
52 | * タブ切り替え：タブを切り替えた場合、その検索サービスで直近に検索されたキーワードで再検索を行う。
53 | * 検索結果の表示：検索サービスごとにタブを分けて表示する。
54 | * 検索履歴の表示：検索されたキーワードを表示する。
55 | 
56 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/02.pageStructure.md:
--------------------------------------------------------------------------------
 1 | ## <a name='pageStructure'>ディレクトリ構成・使用ライブラリ</a>
 2 | 
 3 | ### ディレクトリ構成
 4 | 
 5 | ディレクトリ構成は以下の通りです。
 6 | 
 7 | ````
 8 | App root
 9 | │
10 | │  index.html
11 | │
12 | ├─assets
13 | │
14 | ├─css
15 | │  │  main.css
16 | │  └─styl
17 | │          color_thema.styl
18 | │          main.styl
19 | │
20 | ├─hbs
21 | │      footer.hbs
22 | │      history.hbs
23 | │      hotpepper.hbs
24 | │      layout.hbs
25 | │      search_bar.hbs
26 | │      tabs.hbs
27 | │      twitter.hbs
28 | │
29 | └─js
30 |    │  app.js
31 |    │  namespace.js
32 |    │
33 |    ├─collections
34 |    │      hotpepper_list.js
35 |    │      search_history_list.js
36 |    │      twitter_list.js
37 |    │
38 |    ├─models
39 |    │      hotpepper.js
40 |    │      twitter.js
41 |    │
42 |    ├─templates
43 |    │      layout.js
44 |    │
45 |    └─views
46 |            footer.js
47 |            history.js
48 |            search_bar.js
49 |            search_results.js
50 |            tabs.js
51 | ````
52 | 
53 | ### 使用ライブラリ
54 | 
55 | 以下のライブラリを使用しています。
56 | （任意）となっているライブラリについては、アプリケーションを動かす上で必須ではありませんので、
57 | 使用しない、または他のライブラリを採用していただいても結構です。
58 | 
59 | * javascript
60 |  * Backbone.js
61 |  * Underscore.js
62 |  * jQuery
63 |  * backbone.localStorage.js
64 |  * handlebars.js（任意）
65 |  * moment.js（任意）
66 |  * twitter-text.js（任意）
67 | * css
68 |  * bootstrap.css（任意）
69 |  * bootstrap-narrow.css（任意）
70 | 
71 | > **ビルドプロセスについて**
72 | 
73 | > このチュートリアルでは、handlebarsとstylusを使用しています。これらはGrunt.jsを使ってビルドしていますが、このチュートリアルでは詳しく説明しません。
74 | Gruntの設定については、[Gruntfile.js](https://github.com/mitsuruog/SPA-with-Backbone/blob/master/Gruntfile.js)または、
75 | [package.json](https://github.com/mitsuruog/SPA-with-Backbone/blob/master/package.json)を参考にしてください。


--------------------------------------------------------------------------------
/docs/03.viewManagePolicies.md:
--------------------------------------------------------------------------------
 1 | ## <a name='viewManagePolicies'>View分割ポリシー</a>
 2 | 
 3 | <img src="../img/view.png">
 4 | 
 5 | 画面を幾つかのパートに分割しSubViewとします。分割する際のポイントは次の通りです。
 6 | 
 7 | 1. 画面を構造（ヘッダーフッターなど）で分けてSubViewとする。
 8 | 1. （リストなど）繰り返し項目となるものをSubViewとする。
 9 | 1. 部分的にコンテンツが置き換わる部分をSubViewとする。
10 | 1. コントローラロジックが複雑になりそうな部分を（予め設計して）SubViewとして分割する。
11 | 
12 | いくつかのSubViewを管理する中間的なViewが必要な場合は、ManagerViewを作成します。
13 | 
14 | 最後に、アプリケーションのトップレベルに1つ、ManagerViewやSubViewを統括するPresidentViewを作成します。
15 | 
16 | 基本的にBackbone.CollecitionやBackbone.ModelはSubViewが所有し、ManagerViewやPresidentViewでは所有しません。
17 | これと逆に、ManagerViewやPresidentViewは、管理対象のViewを所有しますが、SubViewは他のViewを所有しません。
18 | 
19 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/04.eventManagePolicies.md:
--------------------------------------------------------------------------------
 1 | ## <a name='eventManagePolicies'>イベント連携ポリシー</a>
 2 | 
 3 | <img src="../img/event.png">
 4 | 
 5 | View間の連携はイベントを起点に行います。イベントは大きくLocalイベントとGlobalイベントの2つに分類します。
 6 | 
 7 | Localイベントは、イベントが発生したView内部で処理が完結するイベントです。それに対して、他のViewに対して連携する必要があるものをGlobalイベントとします。
 8 | 
 9 | Localイベントのハンドリングについては、Backbone.View内のeventsオブジェト内に定義します。
10 | 
11 | 例）
12 | ````javascript
13 | events: {
14 |   'click #btn_search': 'search'
15 | },
16 | ````
17 | 
18 | Globalイベントは、Backbone.Eventsを複製したオブジェクト（以下、Mediatorオブジェクト）をアプリケーションにて1つ持ち、Mediatorオブジェクトから発生するイベントをハンドリングします。
19 | 
20 | 例）
21 | ````javascript
22 | //　Mediatorオブジェクトの複製
23 | _.extend(MyApp.mediator, Backbone.Events);
24 | 
25 | //　イベント通知
26 | App.mediator.trigger('globalChange');
27 | 
28 | //　イベントハンドリング
29 | App.mediator.on('globalChange', someFunction);
30 | ````
31 | 
32 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/05.makeWireframe.md:
--------------------------------------------------------------------------------
  1 | ## <a name='makeWireframe'>ワイアーフレーム作成</a>
  2 | 
  3 | では、早速ワイアーフレームを実装していきます。ソースコードは次の通りです。
  4 | 
  5 | **index.html**
  6 | ````html
  7 | <!DOCTYPE html>
  8 | <!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
  9 | <!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
 10 | <!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
 11 | <!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
 12 | <!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
 13 | <head>
 14 |   <meta charset="utf-8" />
 15 |   <meta name="description" content="" />
 16 |   <meta name="author" content="" />
 17 |   <title>How to build single page application with Backbone.js</title>
 18 |   <link href="css/main.css" rel="stylesheet" media="screen" />
 19 | </head>
 20 | <body>
 21 | 
 22 |   <a href="https://github.com/mitsuruog/SPA-with-Backbone.git"><img style="position: fixed; top: 0; right: 0; border: 0;z-index: 999;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
 23 |   <!--app root  -->
 24 |   <div id="app"></div>
 25 | 
 26 |   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 27 |   <!--[if lt IE 9]>
 28 |     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 29 |   <![endif]-->
 30 |   <script type="text/javascript" src="assets/js/underscore-1.4.4.js"></script>
 31 |   <script type="text/javascript" src="assets/js/backbone-0.9.10.js"></script>
 32 |   <script type="text/javascript" src="assets/js/handlebars-1.0.0-rc.3.js"></script>
 33 | 
 34 |   <script type="text/javascript" src="js/namespace.js"></script>
 35 |   <script type="text/javascript" src="js/templates/layout.js"></script>
 36 |   <script type="text/javascript" src="js/views/search_bar.js"></script>
 37 |   <script type="text/javascript" src="js/views/tabs.js"></script>
 38 |   <script type="text/javascript" src="js/views/search_results.js"></script>
 39 |   <script type="text/javascript" src="js/views/history.js"></script>
 40 |   <script type="text/javascript" src="js/views/footer.js"></script>
 41 |   <script type="text/javascript" src="js/app.js"></script>
 42 | 
 43 | </body>
 44 | </html>
 45 | ````
 46 | **js/namespace.js**
 47 | ````javascript
 48 | var MyApp = {
 49 |   Models: {},
 50 |   Collections: {},
 51 |   Vews: {},
 52 |   App: {},
 53 |   Templates: {}
 54 | };
 55 | ````
 56 | **js/app.js**
 57 | 
 58 | `App`では、アプリケーションを構築するSubViewやManagerViewを初期化して保持します。
 59 | このフェーズでは初期化する際に、各Viewが管理を担当するセレクタを渡すのみです。
 60 | 
 61 | 
 62 | ````javascript
 63 | MyApp.App = Backbone.View.extend({
 64 | 
 65 |   el: '#app',
 66 | 
 67 |   tmpl: MyApp.Templates.layout,
 68 | 
 69 |   initialize: function () {
 70 | 
 71 |     this.$el.html(this.tmpl());
 72 | 
 73 |     this.history = new MyApp.Views.History({
 74 |       el: this.$el.find('#history_list')
 75 |     });
 76 | 
 77 |     this.searchBar = new MyApp.Views.SearchBar({
 78 |       el: this.$el.find('#header')
 79 |     });
 80 | 
 81 |     this.tabs = new MyApp.Views.Tabs({
 82 |       el: this.$el.find('#search_results')
 83 |     });
 84 | 
 85 |     this.footer = new MyApp.Views.Footer({
 86 |       el: this.$el.find('#footer')
 87 |     });
 88 | 
 89 |   }
 90 | 
 91 | });
 92 | 
 93 | new MyApp.App();
 94 | ````
 95 | **js/views/search_bar.js**
 96 | ````javascript
 97 | MyApp.Views.SearchBar = Backbone.View.extend({
 98 | 
 99 |   tmpl: MyApp.Templates.search_bar,
100 | 
101 |   initialize: function() {
102 |     this.$el.html(this.tmpl());
103 |   }
104 | 
105 | });
106 | ````
107 | 
108 | **js/views/history.js**
109 | ````javascript
110 | MyApp.Views.History = Backbone.View.extend({
111 | 
112 |  tmpl: MyApp.Templates.history,
113 | 
114 |   initialize: function () {
115 |     this.$el.html(this.tmpl());
116 |   }
117 | 
118 | });
119 | ````
120 | 
121 | **js/views/tabs.js**
122 | 
123 | `SearchResults`を初期化する際に依存するオブジェクトを渡しています。
124 | これにより`SearchResults`が持つ機能とデータを分離して、検索Webサービスを追加することを容易にします。
125 | 
126 | ````javascript
127 | MyApp.Views.Tabs = Backbone.View.extend({
128 | 
129 |  tmpl: MyApp.Templates.tabs,
130 | 
131 |   initialize: function () {
132 | 
133 |     this.$el.html(this.tmpl());
134 | 
135 |     this.twitters = new MyApp.Views.SearchResults({
136 |       el: this.$el.find('#twitter_list'),
137 |       tmpl: MyApp.Templates.twitter
138 |     });
139 | 
140 |     this.hotppepers = new MyApp.Views.SearchResults({
141 |       el: this.$el.find('#hotpepper_list'),
142 |       tmpl: MyApp.Templates.hotpepper
143 |     });
144 | 
145 |   }
146 | 
147 | });
148 | ````
149 | 
150 | **js/views/search_result.js**
151 | 
152 | `Tabs`から渡されたテンプレート関数`tmpl`を実行し、管理セレクタ`el`配下にDOMを構築します。
153 | 
154 | ````javascript
155 | MyApp.Views.SearchResults = Backbone.View.extend({
156 | 
157 |  initialize: function () {
158 |     this.$el.html(this.options.tmpl());
159 |   }
160 | 
161 | });
162 | ````
163 | 
164 | **js/views/footer.js**
165 | ````javascript
166 | MyApp.Views.Footer = Backbone.View.extend({
167 | 
168 |   tmpl: MyApp.Templates.footer,
169 | 
170 |   initialize: function() {
171 |     this.$el.html(this.tmpl());
172 |   }
173 | 
174 | });
175 | ````
176 | 
177 | **hbs/layput.hbs**
178 | ````html
179 | <header id="header-wrap">
180 |  <div id="header-container">
181 |     <div id="header">
182 |     </div>
183 |   </div>
184 | </header>
185 | 
186 | <div id="container">
187 | 
188 |   <div id="history">
189 |     <div id="history_title"></div>
190 |     <div id="history_list"></div>
191 |   </div>
192 | 
193 |   <div id="search_results">
194 |   </div>
195 | 
196 | </div>
197 | 
198 | <footer id="footer-wrap">
199 |   <div id="footer-container">
200 |     <div id="footer"></div>
201 |   </div>
202 | </footer>
203 | ````
204 | 
205 | **hbs/search_bar.hbs**
206 | ````html
207 | Search Bar
208 | ````
209 | 
210 | **hbs/history.hbs**
211 | ````html
212 | History
213 | ````
214 | 
215 | **hbs/tabs.hbs**
216 | ````html
217 | Tab
218 | <div id="twitter_list"></div>
219 | <div id="hotpepper_list"></div>
220 | ````
221 | 
222 | **hbs/twitter.hbs**
223 | ````html
224 | Twitter
225 | ````
226 | 
227 | **hbs/hotpepper.hbs**
228 | ````html
229 | Hotppeper
230 | ````
231 | 
232 | **hbs/footer.hbs**
233 | ````html
234 | Footer
235 | ````
236 | 
237 | **css/main.css**
238 | ````css
239 | @charset "utf-8";
240 | body {
241 |   margin: 0;
242 |   padding: 0;
243 | }
244 | #header-wrap {
245 |   position: fixed;
246 |   top: 0;
247 |   left: 0;
248 |   width: 100%;
249 | }
250 | #header-container {
251 |   height: 34px;
252 | }
253 | #header {
254 |   width: 100%;
255 |   margin: 0 auto;
256 |   position: relative;
257 | }
258 | #container {
259 |   margin: 0 auto;
260 |   overflow: auto;
261 |   padding-top: 35px;
262 |   padding-bottom: 25px;
263 | }
264 | #history {
265 |   float: left;
266 |   width: 30%;
267 | }
268 | #search_results {
269 |   float: right;
270 |   width: 70%;
271 | }
272 | #footer-wrap {
273 |   position: fixed;
274 |   bottom: 0;
275 |   left: 0;
276 |   width: 100%;
277 | }
278 | #footer-container {
279 |   height: 24px;
280 | }
281 | #footer {
282 |   width: 100%;
283 |   margin: 0 auto;
284 |   position: relative;
285 | }
286 | header,
287 | footer {
288 |   border: 1px solid #000;
289 | }
290 | ````
291 | これらをブラウザで表示させると、次のようなワイアーフレームが表示されるはずです。
292 | 
293 | <img src="../img/phase-1.png">
294 | 
295 | ソースコード一式は[こちらのブランチ](https://github.com/mitsuruog/SPA-with-Backbone/tree/phase-1)で参照できます。
296 | 
297 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/06.searchToHistory.md:
--------------------------------------------------------------------------------
  1 | ## <a name='searchToHistory'>SearchBarからHistoryへのイベント連携</a>
  2 | 
  3 | これから説明する異なるView間のイベント連携は、イベト連携ポリシーの通りMediatorオブジェクトを仲介して行います。
  4 | 
  5 | まず、`SearchBar`から`History`へのイベント連携から説明していきます。
  6 | 
  7 | ユーザが検索ボタンをクリックした場合、`SearchBar`は`click`イベントをハンドリングし、Globalイベント`search`を発火します。
  8 | `History`では`search`イベントをハンドリングして、localStorageに検索キーワードなどを記録します。
  9 | 
 10 | これらを図にしたものが次の図です。
 11 | 
 12 | <img src="../img/phase-2_event.png">
 13 | 
 14 | **js/app.js**
 15 | 
 16 | Mediatorオブジェクトを作成して保有します。
 17 | 
 18 | `History`を初期化する際に、永続化用のCollectionオブジェクトを渡します。
 19 | これは、後々永続化方法をLocalStorageからRDBMSなどに置き換える必要が出た場合、容易に置き換えるためです。
 20 | 
 21 | ````javascript
 22 | MyApp.App = Backbone.View.extend({
 23 | 
 24 |   el: '#app',
 25 | 
 26 |   tmpl: MyApp.Templates.layout,
 27 | 
 28 |   initialize: function () {
 29 | 
 30 |     //Mediatorオブジェクト作成
 31 |     MyApp.mediator = {};
 32 |     _.extend(MyApp.mediator, Backbone.Events);
 33 | 
 34 |     this.$el.html(this.tmpl());
 35 | 
 36 |     this.history = new MyApp.Views.History({
 37 |       el: this.$el.find('#history_list'),
 38 |       searches: new MyApp.Collections.SearchHistoryList()
 39 |     });
 40 | 
 41 |   // some...
 42 | 
 43 |   }
 44 | 
 45 | });
 46 | 
 47 | new MyApp.App();
 48 | ````
 49 | 
 50 | **js/views/search_bar.js**
 51 | 
 52 | 検索ボタンがクリックされた際に発生する`click`イベントをハンドリングして`search()`を呼び出します。
 53 | 
 54 | `search()`の内部でGlobalレベルのイベント`search`を発火します。
 55 | 
 56 | ````javascript
 57 | MyApp.Views.SearchBar = Backbone.View.extend({
 58 | 
 59 |  tmpl: MyApp.Templates.search_bar,
 60 | 
 61 |  //Localイベントのハンドリング
 62 |   events: {
 63 |     'click #btn_search': 'search'
 64 |   },
 65 | 
 66 |   // some...
 67 | 
 68 |   search: function (e) {
 69 | 
 70 |     var $checked = this.$el.find('input[type=radio]:checked'),
 71 |       query = $('#query').val(),
 72 |       service = $checked.val(),
 73 |       search = {};
 74 | 
 75 |     e.preventDefault();
 76 | 
 77 |     search.query = query;
 78 |     search.service = service;
 79 | 
 80 |    //「search」イベントを発火する
 81 |    MyApp.mediator.trigger('search', search);
 82 | 
 83 |   }
 84 | 
 85 | });
 86 | ````
 87 | 
 88 | **js/views/History.js**
 89 | 
 90 | Globalのイベント`search`をハンドリングして`addHistory()`を呼び出し、
 91 | その中でCollectionに検索キーワードなどを1件追加します。
 92 | Collectionは内部でLocalStorageと自動的に同期しています。
 93 | 
 94 | Collectionを追加すると`add`イベントが発火するので、これをハンドリングして`render()`を呼び出し、画面に描画を行います。
 95 | 
 96 | ここでは、`initialize()`で`_.bindAll(this)`を行っています。
 97 | これは、異なるViewの連携をMediatorオブジェクトを介したイベント駆動型で実装した場合、javascript特有のthisの喪失が多発します。
 98 | _.bindAll()することで、常にthisはViewオブジェクトを指し示します。
 99 | 
100 | また、ユーザの操作からレンダリング`render()`までの処理の流れについては、
101 | 一貫して、`ユーザの操作→Collection（またはModel）の更新→レンダリング`の順で処理を行います。
102 | これは、ユーザの操作とレンダリングの間に、Collection（またはModel）の更新を挟むことによって、
103 | ユーザの操作とレンダリングが1つにまとまったスパゲティfunctionの作成を防止するためです。
104 | 
105 | ユーザの操作、Collection（またはModel）の更新、レンダリングの各処理を疎結合にすることで、
106 | それぞれ依存することなく単独でテストしやすくなります。
107 | 
108 | _検索履歴の削除ボタンをクリックした際に、LocalStorageから履歴を削除する実装を行っています。
109 | Localイベントを、View自身で処理する際の実装の参考としてください。_
110 | 
111 | ````javascript
112 | MyApp.Views.History = Backbone.View.extend({
113 | 
114 |   tmpl: MyApp.Templates.history,
115 | 
116 |   //Localイベントのハンドリング
117 |   events: {
118 |     'click .btn_delete': 'removeHistory'
119 |   },
120 | 
121 |   initialize: function () {
122 | 
123 |     _.bindAll(this);
124 | 
125 |     this.searches = this.options.searches;
126 | 
127 |     this.searches.fetch();
128 |     this.render();
129 | 
130 |     //Globalイベントをハンドリング
131 |     MyApp.mediator.on('search', this.addHistory);
132 | 
133 |     //Localイベントをハンドリング
134 |     this.listenTo(this.searches, 'add remove', this.render);
135 | 
136 |   },
137 | 
138 |   addHistory: function (search) {
139 | 
140 |     search.id = +new Date();
141 |     this.searches.create(search);
142 | 
143 |   },
144 | 
145 |   removeHistory: function (e) {
146 | 
147 |     var id = this._getHistory(e).id;
148 |     this.searches.get(id).destroy();
149 | 
150 |   },
151 | 
152 |   render: function () {
153 | 
154 |     this.$el.html(this.tmpl({
155 |       history: this.searches.toJSON()
156 |     }));
157 | 
158 |   },
159 | 
160 |   _getHistory: function (e) {
161 | 
162 |     var history = {},
163 |     $target = $(e.target).closest('.history');
164 | 
165 |     history.id = $target.attr('data-id');
166 |     history.service = $target.find('.service').text().replace(/^\(|\)$/g, '');
167 |     history.query = $target.find('.query').text();
168 | 
169 |     return history;
170 | 
171 |   }
172 | 
173 | });
174 | ````
175 | 
176 | **js/collections/search_history_list.js**
177 | 
178 | Collectionの中身はLocalStorageに記録するユニークなキーを設定します。
179 | 
180 | ````javascript
181 | MyApp.Collections.SearchHistoryList = Backbone.Collection.extend({
182 | 
183 |  localStorage: new Backbone.LocalStorage('mitsuruog_SPA_searchHistory')
184 | 
185 | });
186 | ````
187 | 
188 | **hbs/search_bar.hbs**
189 | 
190 | 検索条件欄のテンプレートです。ここではTwitter Bootstrapを使用しています。
191 | 
192 | ````html
193 | <div class="navbar navbar-inverse">
194 |   <div class="navbar-inner">
195 |    <a class="brand" href="#" title="How to build single page application with Backbone.js">SPA-with-Backbone.js</a>
196 |    <div class="nav-collapse collapse navbar-inverse-collapse">
197 |      <form class="form-search navbar-search pull-left" action="">
198 |        <div class="input-append">
199 |          <input type="text" name="query" id="query" value="" class="search-query" />
200 |          <button id="btn_search" class="btn btn-inverse">
201 |            <i class="icon-search icon-white"></i>
202 |          </button>
203 |        </div>
204 |        <div id="search_types">
205 |          <input type="radio" name="service" id="twitter" value="twitter" />
206 |          <label for="twitter" class="inline">Twitter</label>
207 |          <input type="radio" name="service" id="hotpepper" value="hotpepper" />
208 |          <label for="hotpepper">Hotpepper</label>
209 |        </div>
210 |      </form>
211 |    </div>
212 |   </div>
213 | </div>
214 | ````
215 | 
216 | **hbs/history.hbs**
217 | 
218 | handlebars.jsでの繰り返し処理です。
219 | template関数に渡された引数オブジェクトの中の`history`を繰り返します。
220 | 
221 | ````html
222 | {{#each history}}
223 | <ul class="history" data-id="{{this.id}}">
224 |   <li class="history_contents">
225 |     <span class="query">{{this.query}}</span>
226 |     <span class="service">({{this.service}})</span>
227 |   </li>
228 |   <li class="history_buttons">
229 |     <i class="icon-remove-sign icon-white btn_delete"></i>
230 |   </li>
231 | </ul>
232 | {{/each}}
233 | ````
234 | 
235 | **css/main.css**
236 | ````css
237 |  @charset  "utf-8";
238 | body {
239 |   margin: 0;
240 |   padding: 0;
241 |   color: #333;
242 |   background: #2d335b;
243 | }
244 | ul,
245 | ol {
246 |   margin: 0;
247 | }
248 | #header-wrap  {
249 |   position: fixed;
250 |   top: 0;
251 |   left: 0;
252 |   width: 100%;
253 | }
254 | #header-container  {
255 |   height: 34px;
256 |   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292c3e), color-stop(1, #13152a));
257 |   background: -webkit-linear-gradient(top, #292c3e 0%, #13152a 100%);
258 |   background: -moz-linear-gradient(top, #292c3e 0%, #13152a 100%);
259 |   background: -o-linear-gradient(top, #292c3e 0%, #13152a 100%);
260 |   background: -ms-linear-gradient(top, #292c3e 0%, #13152a 100%);
261 |   background: linear-gradient(top, #292c3e 0%, #13152a 100%);
262 |   color:  #bfbfbf ;
263 | }
264 | #header  {
265 |   width: 100%;
266 |   margin: 0 auto;
267 |   position: relative;
268 | }
269 | #search_types  {
270 |   margin-left: 10px;
271 |   display: inline;
272 | }
273 | .search-query {
274 |   -webkit-border-radius: 4px;
275 |   border-radius: 4px;
276 | }
277 | .navbar-inverse .navbar-inner {
278 |   background: transparent;
279 |   border: none;
280 | }
281 | #container  {
282 |   margin: 0 auto;
283 |   overflow: auto;
284 |   padding-top: 35px;
285 |   padding-bottom: 25px;
286 | }
287 | #history  {
288 |   float: left;
289 |   width: 30%;
290 |   background: #2d335b;
291 |   color:  #aaa ;
292 | }
293 | #history_title  {
294 |   background-color: #1f203b;
295 |   height: 23px;
296 |   padding: 4px;
297 | }
298 | .history {
299 |   border-bottom: 1px solid rgba(0,0,0,0.2);
300 |   -webkit-box-shadow: rgba(170,170,170,0.3) 0 1px 0 inset;
301 |   box-shadow: rgba(170,170,170,0.3) 0 1px 0 inset;
302 |   padding: 9px 4px;
303 | }
304 | .history:hover {
305 |   background-color: #1f203b;
306 | }
307 | .history .btn_delete {
308 |   visibility: hidden;
309 | }
310 | .history:hover .btn_delete {
311 |   visibility: visible;
312 | }
313 | .history {
314 |   zoom: 1;
315 | }
316 | .history:before,
317 | .history:after {
318 |   content: "";
319 |   display: table;
320 | }
321 | .history:after {
322 |   clear: both;
323 | }
324 | #history_list  li {
325 |   list-style-type: none;
326 |   float: left;
327 | }
328 | .history_buttons {
329 |   float: right !important;
330 | }
331 | #search_results  {
332 |   float: right;
333 |   width: 70%;
334 |   background:  #f9f9f9 ;
335 | }
336 | #footer-wrap  {
337 |   position: fixed;
338 |   bottom: 0;
339 |   left: 0;
340 |   width: 100%;
341 | }
342 | #footer-container  {
343 |   height: 24px;
344 |   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292c3e), color-stop(1, #13152a));
345 |   background: -webkit-linear-gradient(top, #292c3e 0%, #13152a 100%);
346 |   background: -moz-linear-gradient(top, #292c3e 0%, #13152a 100%);
347 |   background: -o-linear-gradient(top, #292c3e 0%, #13152a 100%);
348 |   background: -ms-linear-gradient(top, #292c3e 0%, #13152a 100%);
349 |   background: linear-gradient(top, #292c3e 0%, #13152a 100%);
350 |   color:  #bfbfbf ;
351 | }
352 | #footer  {
353 |   width: 100%;
354 |   margin: 0 auto;
355 |   position: relative;
356 | }
357 | ````
358 | これらをブラウザで表示させると、次のような画面が表示されるはずです。
359 | 
360 | <img src="../img/phase-2.png">
361 | 
362 | ソースコード一式は[こちらのブランチ](https://github.com/mitsuruog/SPA-with-Backbone/tree/phase-1)で参照できます。
363 | 
364 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/07.searchToResult.md:
--------------------------------------------------------------------------------
  1 | ## <a name='searchToResult'>SearchBarからSearchResultsへのイベント連携</a>
  2 | 
  3 | このパートでは、`SearchBar`から`SearchResults`への連携について説明します。
  4 | 
  5 | _Hotpepperの検索サービスも実装していますが、冗長なので今回はTwitterに絞って説明します。ご了承ください。_
  6 | 
  7 | 検索ボタンをクリックした際に`search:{{サービス名}}`イベントを新たに発火するようにします。
  8 | このイベントは`SearchResults`にてハンドリングし、WebAPIを呼び出して結果をレンダリング処理を行います。
  9 | 
 10 | `Tabs`では、前のパートで発火した`search`イベントをハンドリングして、タブの表示制御を行います。
 11 | 
 12 | これらの流れを図にしたものが以下の図です。
 13 | 
 14 | <img src="../img/phase-3_event.png">
 15 | 
 16 | **js/views/search_bar.js**
 17 | 
 18 | 新たに`search:{{サービス名}}`イベントを発火します。
 19 | 
 20 | ````javascript
 21 | MyApp.Views.SearchBar = Backbone.View.extend({
 22 | 
 23 |   // some...
 24 | 
 25 |   search: function (e) {
 26 | 
 27 |     // some...
 28 | 
 29 |     //「search」「search:{{サービス名}}」イベントを発火する
 30 |     MyApp.mediator.trigger('search', search);
 31 |     MyApp.mediator.trigger('search:' + service, search);
 32 | 
 33 |   }
 34 | 
 35 | });
 36 | ````
 37 | 
 38 | **js/views/tabs.js**
 39 | 
 40 | 配下の`SearchResults`を作成して保有しておきます。
 41 | `SearchResults`を初期化する際に、依存するオブジェクトを引数で渡します。
 42 | これにより、`SearchResults`の内部実装を変えることなく、検索サービスを増やすことが出来ます。
 43 | 
 44 | ここでは、Globalレベルの`search`イベントをハンドリングして`selectTab()`にてタブ表示の切り替えを行います。
 45 | 
 46 | ````javascript
 47 | MyApp.Views.Tabs = Backbone.View.extend({
 48 | 
 49 |  tmpl: MyApp.Templates.tabs,
 50 | 
 51 |   initialize: function () {
 52 | 
 53 |     this.$el.html(this.tmpl());
 54 | 
 55 |     this.twitters = new MyApp.Views.SearchResults({
 56 | 
 57 |       el: this.$el.find('#twitter_list'),
 58 |       tmpl: MyApp.Templates.twitter,
 59 |       collections: new MyApp.Collections.TwitterList(),
 60 |       service: 'twitter'
 61 | 
 62 |     });
 63 | 
 64 |     this.hotppepers = new MyApp.Views.SearchResults({
 65 | 
 66 |       el: this.$el.find('#hotpepper_list'),
 67 |       tmpl: MyApp.Templates.hotpepper,
 68 |       collections: new MyApp.Collections.HotpepperList(),
 69 |       service: 'hotpepper'
 70 | 
 71 |     });
 72 | 
 73 |     //Globalイベントをハンドリング
 74 |     MyApp.mediator.on('search', this.selectTab);
 75 | 
 76 |   },
 77 | 
 78 |   selectTab: function(search){
 79 | 
 80 |     $('a[href^=#' + search.service + ']').tab('show');
 81 | 
 82 |   }
 83 | 
 84 | });
 85 | ````
 86 | 
 87 | **js/views/search_results.js**
 88 | 
 89 | Globalイベントの`search:{{サービス名}}`イベントをハンドリングして`search()`を呼び出します。
 90 | `search()`は`SearchResults`内のCollection共通インターフェースを抽象化したもので、
 91 | 実際の処理は各Collectionの`search()`にて記述します。
 92 | 
 93 | `search()`の内部ではWebAPIを呼び出して結果をCollectionに格納します。その際に`reset`イベントが発火されるので、
 94 | これをハンドリングして`render()`を呼び出しレンダリングします。
 95 | レンダリングする際のテンプレートは上位の`Tabs`から渡されます。
 96 | 
 97 | ````javascript
 98 | MyApp.Views.SearchResults = Backbone.View.extend({
 99 | 
100 |  initialize: function () {
101 | 
102 |     _.bindAll(this);
103 | 
104 |     this.collections = this.options.collections;
105 |     this.tmpl = this.options.tmpl;
106 |     this.service = this.options.service;
107 | 
108 |     //Globalイベントをハンドリング
109 |     MyApp.mediator.on('search:' + this.service, this.search);
110 | 
111 |     //Localイベントをハンドリング
112 |     this.listenTo(this.collections, 'reset', this.render);
113 | 
114 |   },
115 | 
116 | 
117 |   search: function(search){
118 | 
119 |     this.collections.search(search);
120 | 
121 |   },
122 | 
123 |   render: function () {
124 | 
125 |     this.$el.html(this.tmpl({
126 |       models: this.collections.toJSON()
127 |     }));
128 | 
129 |   }
130 | 
131 | });
132 | ````
133 | 
134 | **js/collections/twitter_list.js**
135 | 
136 | Collectionでは実際のWebAPIを使用するための様々な情報を定義します。
137 | 
138 | Twitterの検索APIでは`response.results`にtweetの配列が格納されています。
139 | 取得したJSONが（ネストしている場合など）そのままではCollectionとして利用できない場合、
140 | `parse()`にてJSONオブジェトから必要な部分を抜き出し、後方のメソッドに渡します。
141 | 
142 | _時々、Viewで同じような行う実装を見かけますが、ロジックが分散してしまうのであまりお勧めしません。_
143 | 
144 | 
145 | ````javascript
146 | MyApp.Collections.TwitterList = Backbone.Collection.extend({
147 | 
148 |   url: 'http://search.twitter.com/search.json',
149 | 
150 |   model: MyApp.Models.Twitter,
151 | 
152 |   search: function (param) {
153 | 
154 |     this.fetch({
155 |       data: {
156 |         q: encodeURIComponent(param.query)
157 |       },
158 |       dataType: 'jsonp'
159 |     });
160 | 
161 |   },
162 | 
163 |   parse: function (response, options) {
164 | 
165 |     this.response = response;
166 | 
167 |     return response.results;
168 | 
169 |   }
170 | 
171 | });
172 | ````
173 | 
174 | **js/models/twitter.js**
175 | 
176 | Modelではtweetの中のリンク（っぽい）文字列のリンク化と日付のフォーマットを行っています。
177 | 
178 | ````javascript
179 | MyApp.Models.Twitter = Backbone.Model.extend({
180 | 
181 |  set: function (attrs, options) {
182 | 
183 |     if (attrs.text) {
184 |       attrs.text_linked = twttr.txt.autoLink(attrs.text);
185 |     }
186 |     if (attrs.created_at) {
187 |       attrs.created_at = moment(attrs.created_at).format('YYYY/MM/DD HH:MM:SS');
188 |     }
189 | 
190 |     return Backbone.Model.prototype.set.call(this, attrs, options);
191 |   }
192 | 
193 | });
194 | ````
195 | 
196 | **hbs/tabs.hbs**
197 | 
198 | TwitterとHotpepperタブのテンプレートです。
199 | 
200 | ````html
201 | <ul id="tab" class="nav nav-tabs">
202 |   <li class="active" data-toggle="tab" data-service="twitter">
203 |     <a href="#twitter_list">Twitter</a>
204 |   </li>
205 |   <li class="" data-toggle="tab" data-service="hotpepper">
206 |     <a href="#hotpepper_list">Hotpepper</a>
207 |   </li>
208 | </ul>
209 | <div id="tab-content" class="tab-content">
210 |   <div class="tab-pane active" id="twitter_list" data-service="twitter"></div>
211 |   <div class="tab-pane" id="hotpepper_list" data-service="hotpepper"></div>
212 | </div>
213 | ````
214 | 
215 | **hbs/tabs.twitter.hbs**
216 | 
217 | ここでは`models`を繰り返しています。
218 | 
219 | ````html
220 | <ul id="twitter_list">
221 |   {{#each models}}
222 |     <li>
223 |       <span class="img">
224 |         <img src="{{this.profile_image_url}}">
225 |       </span>
226 |       <span class="author">
227 |         <a href="https://twitter.com/{{this.from_user}}" target="_blank">@{{this.from_user}}</a></span>
228 |         <span class="body">{{{this.text_linked}}}</span>
229 |         <span class="time"><a href="https://twitter.com/{{this.from_user}}/status/{{this.id_str}}" target="_blank">{{this.created_at}}</a>
230 |       </span>
231 |     </li>
232 |     {{/each}}
233 | </ul>
234 | ````
235 | これで、検索ボタンをクリックしてから、結果を表示するまでの一連の機能が実装できました。
236 | アプリケーションを実行した場合、次のように表示されるはずです。
237 | 
238 | <img src="../img/phase-3.png">
239 | 
240 | ソースコード一式は[こちらのブランチ](https://github.com/mitsuruog/SPA-with-Backbone/tree/phase-3)で参照できます。
241 | 
242 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/08.historyToResult.md:
--------------------------------------------------------------------------------
 1 | ## <a name='historyToResult'>HistoryからSearchResultsへのイベント連携</a>
 2 | 
 3 | 続いて、`History`から`SearchResults`へのイベント連携部分について説明していきます。
 4 | 
 5 | `History`にて検索履歴をクリックしたした際に、Globalイベント`historySearch`と`historySearch:{{サービス名}}`を発火します。
 6 | `Tabs`では`historySearch`を、`SearchResults`では`historySearch:serviceName`をハンドリングしてそれぞれ処理を行います。
 7 | 処理は`SearchBar`から`SearchResults`へのイベント連携で作成したものをそのまま流用します。
 8 | 
 9 | <img src="../img/phase-4_event.png">
10 | 
11 | **js/views/history.js**
12 | 
13 | 検索履歴の`click`イベントを監視して、`historySearch`と`historySearch:{{サービス名}}`を発火させます。
14 | 
15 | ````javascript
16 | MyApp.Views.History = Backbone.View.extend({
17 | 
18 |   tmpl: MyApp.Templates.history,
19 | 
20 |   events: {
21 |     'click .btn_delete': 'removeHistory',
22 | 
23 |     //履歴クリック時のLocalイベントを監視して、searchHistory()を呼び出す
24 |     'click .history_contents': 'searchHistory'
25 |   },
26 | 
27 |   // some ...
28 | 
29 |   searchHistory: function(e){
30 | 
31 |     var history = this._getHistory(e);
32 | 
33 |     //Globalイベント「historySearch」を発火する
34 |     MyApp.mediator.trigger('historySearch', history);
35 |     MyApp.mediator.trigger('historySearch:' + history.service, history);
36 |   },
37 | 
38 |   // some ...
39 | 
40 | });
41 | ````
42 | 
43 | **js/views/tabs.js**
44 | 
45 | Globalイベント`historySearch`をハンドリングして`selectTab()`を呼び出します。
46 | 
47 | ````javascript
48 | MyApp.Views.Tabs = Backbone.View.extend({
49 | 
50 |   tmpl: MyApp.Templates.tabs,
51 | 
52 |   initialize: function () {
53 | 
54 |     // some ...
55 | 
56 |     //履歴クリック時のGlobalイベントを監視して、selectTab()を呼び出す
57 |     MyApp.mediator.on('search historySearch', this.selectTab);
58 | 
59 |   },
60 | 
61 |   // some ...
62 | 
63 | });
64 | ````
65 | 
66 | **js/views/search_results.js**
67 | 
68 | Globalイベント`historySearch:{{サービス名}}`をハンドリングして`search()`を呼び出します。
69 | 
70 | ````javascript
71 | MyApp.Views.SearchResults = Backbone.View.extend({
72 | 
73 |   initialize: function () {
74 | 
75 |     // some ...
76 | 
77 |     MyApp.mediator.on('search:' + this.service, this.search);
78 | 
79 |     //履歴クリック時のGlobalイベントをハンドリングして、search()を呼び出す
80 |     MyApp.mediator.on('historySearch:' + this.service, this.search);
81 | 
82 |     this.listenTo(this.collections, 'reset', this.render);
83 | 
84 |   },
85 | 
86 |   // some ...
87 | 
88 | ````
89 | 
90 | これで、検索履歴から再検索できるようになりました。
91 | 
92 | それぞれのViewの連携をイベントで行うことで部品の再利用が進みます。
93 | 
94 | ソースコード一式は[こちらのブランチ](https://github.com/mitsuruog/SPA-with-Backbone/tree/phase-4)で参照できます。
95 | 
96 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/09.tabToOther.md:
--------------------------------------------------------------------------------
  1 | ## <a name='tabToOther'>Tabsから他のViewへのイベント連携</a>
  2 | 
  3 | 最後は、`Tabs`から他のViewへのイベント連携の部分を説明していきます。
  4 | 
  5 | タブをクリックした際にGlobalイベント`changeTab`を発火します。
  6 | `History`では`changeTab`をハンドリングし、検索履歴のCollection内から該当するサービスの最も直近に検索したキーワードを探し出します。
  7 | その後は、`History`から`SearchResults`へのイベント連携部分をそのまま使います。
  8 | 
  9 | <img src="../img/phase-5_event.png">
 10 | 
 11 | **js/views/tabs.js**
 12 | 
 13 | タブの`click`イベントをハンドリングして、Globalイベント`changeTab`を発火します。
 14 | 
 15 | ````javascript
 16 | MyApp.Views.Tabs = Backbone.View.extend({
 17 | 
 18 |   tmpl: MyApp.Templates.tabs,
 19 | 
 20 |   //Tabクリック時のLocalイベントをハンドリングして、changeTab()を呼び出す
 21 |   events: {
 22 |     'click #tab>li': 'changeTab'
 23 |   },
 24 | 
 25 |   // some ..
 26 | 
 27 |   changeTab: function (e) {
 28 | 
 29 |     var service = this._getService(e.currentTarget);
 30 | 
 31 |     //Globalイベント「changeTab」を発火する
 32 |     MyApp.mediator.trigger('changeTab', service);
 33 | 
 34 |   },
 35 | 
 36 |   // some ...
 37 | 
 38 |   _getService: function (tab) {
 39 | 
 40 |     return $(tab).data('service');
 41 | 
 42 |   }
 43 | 
 44 | });
 45 | 
 46 | ````
 47 | 
 48 | **js/views/tabs.js**
 49 | 
 50 | Globalイベント`chnageTab`をハンドリングして、直近の検索のキーワードと共に、
 51 | Globalイベント`historySearch`と`historySearch:{{サービス名}}`を発火します。
 52 | 
 53 | ````javascript
 54 | MyApp.Views.History = Backbone.View.extend({
 55 | 
 56 |   // some ...
 57 | 
 58 |   initialize: function () {
 59 | 
 60 |     // some ...
 61 | 
 62 |     //Tabクリック時のLocalイベントをハンドリングして、searchCurrentHistory()を呼び出す
 63 |     MyApp.mediator.on('changeTab', this.searchCurrentHistory);
 64 | 
 65 |     this.listenTo(this.searches, 'add remove', this.render);
 66 | 
 67 |   },
 68 | 
 69 |   // some ...
 70 | 
 71 |   searchCurrentHistory: function (service) {
 72 | 
 73 |     var historys = [],
 74 |       history;
 75 | 
 76 |     historys = this.searches.where({
 77 |       service: service
 78 |     });
 79 | 
 80 |     if (historys.length) {
 81 | 
 82 |       history = historys[0].attributes;
 83 | 
 84 |       //Globalイベント「historySearch」を発火する
 85 |       MyApp.mediator.trigger('historySearch', history);
 86 |       MyApp.mediator.trigger('historySearch:' + history.service, history);
 87 | 
 88 |     }
 89 | 
 90 |   },
 91 | 
 92 |   // some ...
 93 | 
 94 | });
 95 | ````
 96 | 
 97 | これで、タブをクリックした際に、再検索できるようになりました。ここでも部品の再利用が効いています。Backbone素敵！
 98 | 
 99 | ソースコード一式は[こちらのブランチ](https://github.com/mitsuruog/SPA-with-Backbone/tree/phase-5)で参照できます。
100 | 
101 | <a href='#mokuji'>[:point_up:]</a>


--------------------------------------------------------------------------------
/docs/10.complate.md:
--------------------------------------------------------------------------------
 1 | ## <a name='comlpate'>完成</a>
 2 | 
 3 | 実際に動作するものはこちらで確認できます。
 4 | 
 5 | _（注意）チュートリアルの内容から少しブラッシュした内容となっています。機能や外観が一致しない場合がありますが、ご了承ください。_
 6 | 
 7 | http://mitsuruog.github.com/SPA-with-Backbone
 8 | 
 9 | <a href='#mokuji'>[:point_up:]</a>
10 | 
11 | ## ライセンス
12 | 
13 | MIT


--------------------------------------------------------------------------------
/hbs/footer.hbs:
--------------------------------------------------------------------------------
1 | <div class="copyright">Copyright (C) 2013 <a href="https://twitter.com/mitsuruog" target="_blank">@mitsuruog</a> All Rights Reserved.</div>


--------------------------------------------------------------------------------
/hbs/history.hbs:
--------------------------------------------------------------------------------
 1 | {{#each history}}
 2 | <ul class="history" data-id="{{this.id}}">
 3 |   <li class="history_contents">
 4 |     <span class="query">{{this.query}}</span>
 5 |     <span class="service">({{this.service}})</span>
 6 |   </li>
 7 |   <li class="history_buttons">
 8 |     <button class="btn btn-danger btn_delete">del</button>
 9 |   </li>
10 | </ul>
11 | {{/each}}


--------------------------------------------------------------------------------
/hbs/hotpepper.hbs:
--------------------------------------------------------------------------------
 1 | <ul id="hotpepper_list">
 2 |   {{#each models}}
 3 |     <li>
 4 |       <span class="img">
 5 |         <img src="{{this.logo_image}}">
 6 |       </span>
 7 |       <span class="shop">
 8 |         <a href="{{this.urls.pc}}" target="_blank">{{this.name}}</a>
 9 |         <span class="catch">{{this.catch}}</span>
10 |         <span class="access">{{this.access}}</span>
11 |         <span class="address">{{this.address}}</span>
12 |       </span>
13 |     </li>
14 |     {{/each}}
15 | </ul>


--------------------------------------------------------------------------------
/hbs/layout.hbs:
--------------------------------------------------------------------------------
 1 | <header id="header-wrap">
 2 | 	<div id="header-container">
 3 | 		<div id="header">
 4 | 		</div>
 5 | 	</div>
 6 | </header>
 7 | 
 8 | <div id="container">
 9 | 
10 | 	<div id="history">
11 | 		<div id="history_title">Search History</div>
12 | 		<div id="history_list"></div>
13 | 	</div>
14 | 
15 | 	<div id="search_results">
16 | 	</div>
17 | 
18 | </div>
19 | 
20 | <footer id="footer-wrap">
21 | 	<div id="footer-container">
22 | 		<div id="footer"></div>
23 | 	</div>
24 | </footer>


--------------------------------------------------------------------------------
/hbs/search_bar.hbs:
--------------------------------------------------------------------------------
 1 | <div class="navbar navbar-inverse">
 2 |   <div class="navbar-inner">
 3 |    <a class="brand" href="#" title="How to build single page application with Backbone.js">SPA-with-Backbone.js</a>
 4 |    <div class="nav-collapse collapse navbar-inverse-collapse">
 5 |      <form class="form-search navbar-search pull-left" action="">
 6 |        <div class="input-append">
 7 |          <input type="text" name="query" id="query" value="" class="search-query" />
 8 |          <button id="btn_search" class="btn btn-inverse">
 9 |            <i class="icon-search icon-white"></i>
10 |          </button>
11 |        </div>
12 |        <div id="search_types">
13 |          <input type="radio" name="service" id="twitter" value="twitter" />
14 |          <label for="twitter" class="inline">Twitter</label>
15 |          <input type="radio" name="service" id="hotpepper" value="hotpepper" />
16 |          <label for="hotpepper">Hotpepper</label>
17 |        </div>
18 |      </form>
19 |    </div>
20 |   </div>
21 | </div>


--------------------------------------------------------------------------------
/hbs/tabs.hbs:
--------------------------------------------------------------------------------
 1 | <ul id="tab" class="nav nav-tabs">
 2 |   <li class="active" data-toggle="tab" data-service="twitter">
 3 |     <a href="#twitter_list">Twitter</a>
 4 |   </li>
 5 |   <li class="" data-toggle="tab" data-service="hotpepper">
 6 |     <a href="#hotpepper_list">Hotpepper</a>
 7 |   </li>
 8 | </ul>
 9 | <div id="tab-content" class="tab-content">
10 |   <div class="tab-pane active" id="twitter_list" data-service="twitter"></div>
11 |   <div class="tab-pane" id="hotpepper_list" data-service="hotpepper"></div>
12 | </div>


--------------------------------------------------------------------------------
/hbs/twitter.hbs:
--------------------------------------------------------------------------------
 1 | <ul id="twitter_list">
 2 |   {{#each models}}
 3 |     <li>
 4 |       <span class="img">
 5 |         <img src="{{this.profile_image_url}}">
 6 |       </span>
 7 |       <span class="author">
 8 |         <a href="https://twitter.com/{{this.from_user}}" target="_blank">@{{this.from_user}}</a></span>
 9 |         <span class="body">{{{this.text_linked}}}</span>
10 |         <span class="time"><a href="https://twitter.com/{{this.from_user}}/status/{{this.id_str}}" target="_blank">{{this.created_at}}</a>
11 |       </span>
12 |     </li>
13 |     {{/each}}
14 | </ul>


--------------------------------------------------------------------------------
/img/event.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/event.png


--------------------------------------------------------------------------------
/img/phase-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-1.png


--------------------------------------------------------------------------------
/img/phase-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-2.png


--------------------------------------------------------------------------------
/img/phase-2_event.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-2_event.png


--------------------------------------------------------------------------------
/img/phase-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-3.png


--------------------------------------------------------------------------------
/img/phase-3_event.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-3_event.png


--------------------------------------------------------------------------------
/img/phase-4_event.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-4_event.png


--------------------------------------------------------------------------------
/img/phase-5_event.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/phase-5_event.png


--------------------------------------------------------------------------------
/img/view.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/view.png


--------------------------------------------------------------------------------
/img/wireframe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mitsuruog/SPA-with-Backbone/a3ce10d82ef21f7f0fd1b904041f17a032686b90/img/wireframe.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
 3 | <!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
 4 | <!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
 5 | <!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
 6 | <!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
 7 | <head>
 8 |   <meta charset="utf-8" />
 9 |   <meta name="description" content="" />
10 |   <meta name="author" content="" />
11 |   <title>How to build single page application with Backbone.js</title>
12 |   
13 |   <link href="assets/css/bootstrap-2.3.0.css" rel="stylesheet" media="screen" />
14 |   <link href="assets/css/bootstrap-narrow-0.0.1.css" rel="stylesheet" media="screen" />
15 |   <link href='http://fonts.googleapis.com/css?family=Averia+Gruesa+Libre' rel='stylesheet' type='text/css'>
16 |   <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
17 |   <link href="css/main.css" rel="stylesheet" media="screen" />
18 |  
19 | </head>
20 | <body>
21 | 
22 |   <a href="https://github.com/mitsuruog/SPA-with-Backbone.git"><img style="position: fixed; top: 0; right: 0; border: 0;z-index: 999;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
23 |   <!--app root  -->
24 |   <div id="app"></div>
25 |   
26 |   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
27 |   <!--[if lt IE 9]>
28 |     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
29 |   <![endif]-->
30 |   <script type="text/javascript" src="assets/js/bootstrap-2.3.0.js"></script>
31 |   <script type="text/javascript" src="assets/js/underscore-1.4.4.js"></script>
32 |   <script type="text/javascript" src="assets/js/backbone-0.9.10.js"></script>
33 |   <script type="text/javascript" src="assets/js/backbone.localStorage-1.1.0.js"></script>
34 |   <script type="text/javascript" src="assets/js/moment-2.0.0.js"></script>
35 |   <script type="text/javascript" src="assets/js/handlebars-1.0.0-rc.3.js"></script>
36 |   <script type="text/javascript" src="assets/js/twitter-text.js"></script>
37 |  
38 |   <script type="text/javascript" src="js/namespace.js"></script>
39 |   <script type="text/javascript" src="js/templates/layout.js"></script>
40 |   <script type="text/javascript" src="js/models/twitter.js"></script>
41 |   <script type="text/javascript" src="js/models/hotpepper.js"></script>
42 |   <script type="text/javascript" src="js/collections/search_history_list.js"></script>
43 |   <script type="text/javascript" src="js/collections/twitter_list.js"></script>
44 |   <script type="text/javascript" src="js/collections/hotpepper_list.js"></script>
45 |   <script type="text/javascript" src="js/views/search_bar.js"></script>
46 |   <script type="text/javascript" src="js/views/tabs.js"></script>
47 |   <script type="text/javascript" src="js/views/search_results.js"></script>
48 |   <script type="text/javascript" src="js/views/history.js"></script>
49 |   <script type="text/javascript" src="js/views/footer.js"></script>
50 |   <script type="text/javascript" src="js/app.js"></script> 
51 |  
52 | </body>
53 | </html>


--------------------------------------------------------------------------------
/js/app.js:
--------------------------------------------------------------------------------
 1 | MyApp.App = Backbone.View.extend({
 2 | 
 3 | 	el: '#app',
 4 | 
 5 | 	tmpl: MyApp.Templates.layout,
 6 | 
 7 | 	initialize: function () {
 8 | 
 9 | 		//Mediator作成
10 | 		MyApp.mediator = {};
11 | 		_.extend(MyApp.mediator, Backbone.Events);
12 | 		
13 | 		this.$el.html(this.tmpl());
14 | 
15 | 		this.history = new MyApp.Views.History({
16 | 			el: this.$el.find('#history_list'),
17 | 			searches: new MyApp.Collections.SearchHistoryList()
18 | 		});
19 | 
20 | 		this.searchBar = new MyApp.Views.SearchBar({
21 | 			el: this.$el.find('#header')
22 | 		});
23 | 
24 | 		this.tabs = new MyApp.Views.Tabs({
25 | 			el: this.$el.find('#search_results')
26 | 		});
27 | 
28 | 		this.footer = new MyApp.Views.Footer({
29 | 			el: this.$el.find('#footer')
30 | 		});
31 | 
32 | 	}
33 | 
34 | });
35 | 
36 | new MyApp.App();
37 | 


--------------------------------------------------------------------------------
/js/collections/hotpepper_list.js:
--------------------------------------------------------------------------------
 1 | MyApp.Collections.HotpepperList = Backbone.Collection.extend({
 2 | 
 3 | 	url: 'http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key=7eda427a8147bf43',
 4 | 
 5 | 	model: MyApp.Models.Hotpepper,
 6 | 
 7 | 	search: function (param) {
 8 | 
 9 | 		this.fetch({
10 | 			data: {
11 | 				order: 4,
12 | 				format: 'jsonp',
13 | 				keyword: param.query
14 | 			},
15 | 			dataType: 'jsonp'
16 | 		});
17 | 
18 | 	},
19 | 
20 | 	parse: function (response, options) {
21 | 
22 | 		this.response = response;
23 | 
24 | 		return response.results.shop;
25 | 
26 | 	}
27 | 
28 | });


--------------------------------------------------------------------------------
/js/collections/search_history_list.js:
--------------------------------------------------------------------------------
1 | MyApp.Collections.SearchHistoryList = Backbone.Collection.extend({
2 |   
3 |   localStorage: new Backbone.LocalStorage('mitsuruog_SPA_searchHistory')
4 |   
5 | });


--------------------------------------------------------------------------------
/js/collections/twitter_list.js:
--------------------------------------------------------------------------------
 1 | MyApp.Collections.TwitterList = Backbone.Collection.extend({
 2 | 
 3 | 	url: 'http://search.twitter.com/search.json',
 4 | 
 5 | 	model: MyApp.Models.Twitter,
 6 | 
 7 | 	search: function (param) {
 8 | 
 9 | 		this.fetch({
10 | 			data: {
11 | 				q: encodeURIComponent(param.query)
12 | 			},
13 | 			dataType: 'jsonp'
14 | 		});
15 | 
16 | 	},
17 | 
18 | 	parse: function (response, options) {
19 | 
20 | 		this.response = response;
21 | 
22 | 		return response.results;
23 | 
24 | 	}
25 | 
26 | });


--------------------------------------------------------------------------------
/js/models/hotpepper.js:
--------------------------------------------------------------------------------
1 | MyApp.Models.Hotpepper = Backbone.Model.extend({
2 | 
3 | 	set: function (attrs, options) {
4 | 
5 | 		return Backbone.Model.prototype.set.call(this, attrs, options);
6 | 
7 | 	}
8 | 
9 | });


--------------------------------------------------------------------------------
/js/models/twitter.js:
--------------------------------------------------------------------------------
 1 | MyApp.Models.Twitter = Backbone.Model.extend({
 2 | 
 3 | 	set: function (attrs, options) {
 4 | 
 5 | 		if (attrs.text) {
 6 | 			attrs.text_linked = twttr.txt.autoLink(attrs.text);
 7 | 		}
 8 | 		if (attrs.created_at) {
 9 | 			attrs.created_at = moment(attrs.created_at).format('YYYY/MM/DD HH:MM:SS');
10 | 		}
11 | 
12 | 		return Backbone.Model.prototype.set.call(this, attrs, options);
13 | 	}
14 | 
15 | });


--------------------------------------------------------------------------------
/js/namespace.js:
--------------------------------------------------------------------------------
1 | var MyApp = {
2 |     Models: {},
3 |     Collections: {},
4 |     Views: {},
5 |     App: {},
6 |     Templates: {}
7 | };


--------------------------------------------------------------------------------
/js/templates/layout.js:
--------------------------------------------------------------------------------
  1 | this["MyApp"] = this["MyApp"] || {};
  2 | this["MyApp"]["Templates"] = this["MyApp"]["Templates"] || {};
  3 | 
  4 | this["MyApp"]["Templates"]["footer"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
  5 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
  6 | helpers = helpers || Handlebars.helpers; data = data || {};
  7 |   
  8 | 
  9 | 
 10 |   return "<div class=\"copyright\">Copyright (C) 2013 <a href=\"https://twitter.com/mitsuruog\" target=\"_blank\">@mitsuruog</a> All Rights Reserved.</div>";
 11 |   });
 12 | 
 13 | this["MyApp"]["Templates"]["history"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
 14 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
 15 | helpers = helpers || Handlebars.helpers; data = data || {};
 16 |   var stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
 17 | 
 18 | function program1(depth0,data) {
 19 |   
 20 |   var buffer = "", stack1;
 21 |   buffer += "\r\n<ul class=\"history\" data-id=\""
 22 |     + escapeExpression(((stack1 = depth0.id),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 23 |     + "\">\r\n  <li class=\"history_contents\">\r\n    <span class=\"query\">"
 24 |     + escapeExpression(((stack1 = depth0.query),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 25 |     + "</span>\r\n    <span class=\"service\">("
 26 |     + escapeExpression(((stack1 = depth0.service),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 27 |     + ")</span>\r\n  </li>\r\n  <li class=\"history_buttons\">\r\n    <button class=\"btn btn-danger btn_delete\">del</button>\r\n  </li>\r\n</ul>\r\n";
 28 |   return buffer;
 29 |   }
 30 | 
 31 |   stack1 = helpers.each.call(depth0, depth0.history, {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
 32 |   if(stack1 || stack1 === 0) { return stack1; }
 33 |   else { return ''; }
 34 |   });
 35 | 
 36 | this["MyApp"]["Templates"]["hotpepper"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
 37 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
 38 | helpers = helpers || Handlebars.helpers; data = data || {};
 39 |   var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
 40 | 
 41 | function program1(depth0,data) {
 42 |   
 43 |   var buffer = "", stack1;
 44 |   buffer += "\r\n    <li>\r\n      <span class=\"img\">\r\n        <img src=\""
 45 |     + escapeExpression(((stack1 = depth0.logo_image),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 46 |     + "\">\r\n      </span>\r\n      <span class=\"shop\">\r\n        <a href=\""
 47 |     + escapeExpression(((stack1 = ((stack1 = depth0.urls),stack1 == null || stack1 === false ? stack1 : stack1.pc)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 48 |     + "\" target=\"_blank\">"
 49 |     + escapeExpression(((stack1 = depth0.name),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 50 |     + "</a>\r\n        <span class=\"catch\">"
 51 |     + escapeExpression(((stack1 = depth0['catch']),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 52 |     + "</span>\r\n        <span class=\"access\">"
 53 |     + escapeExpression(((stack1 = depth0.access),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 54 |     + "</span>\r\n        <span class=\"address\">"
 55 |     + escapeExpression(((stack1 = depth0.address),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
 56 |     + "</span>\r\n      </span>\r\n    </li>\r\n    ";
 57 |   return buffer;
 58 |   }
 59 | 
 60 |   buffer += "<ul id=\"hotpepper_list\">\r\n  ";
 61 |   stack1 = helpers.each.call(depth0, depth0.models, {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
 62 |   if(stack1 || stack1 === 0) { buffer += stack1; }
 63 |   buffer += "\r\n</ul>";
 64 |   return buffer;
 65 |   });
 66 | 
 67 | this["MyApp"]["Templates"]["layout"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
 68 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
 69 | helpers = helpers || Handlebars.helpers; data = data || {};
 70 |   
 71 | 
 72 | 
 73 |   return "<header id=\"header-wrap\">\r\n	<div id=\"header-container\">\r\n		<div id=\"header\">\r\n		</div>\r\n	</div>\r\n</header>\r\n\r\n<div id=\"container\">\r\n\r\n	<div id=\"history\">\r\n		<div id=\"history_title\">Search History</div>\r\n		<div id=\"history_list\"></div>\r\n	</div>\r\n\r\n	<div id=\"search_results\">\r\n	</div>\r\n\r\n</div>\r\n\r\n<footer id=\"footer-wrap\">\r\n	<div id=\"footer-container\">\r\n		<div id=\"footer\"></div>\r\n	</div>\r\n</footer>";
 74 |   });
 75 | 
 76 | this["MyApp"]["Templates"]["search_bar"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
 77 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
 78 | helpers = helpers || Handlebars.helpers; data = data || {};
 79 |   
 80 | 
 81 | 
 82 |   return "<div class=\"navbar navbar-inverse\">\r\n  <div class=\"navbar-inner\">\r\n   <a class=\"brand\" href=\"#\" title=\"How to build single page application with Backbone.js\">SPA-with-Backbone.js</a>\r\n   <div class=\"nav-collapse collapse navbar-inverse-collapse\">\r\n     <form class=\"form-search navbar-search pull-left\" action=\"\">\r\n       <div class=\"input-append\">\r\n         <input type=\"text\" name=\"query\" id=\"query\" value=\"\" class=\"search-query\" />\r\n         <button id=\"btn_search\" class=\"btn btn-inverse\">\r\n           <i class=\"icon-search icon-white\"></i>\r\n         </button>\r\n       </div>\r\n       <div id=\"search_types\">\r\n         <input type=\"radio\" name=\"service\" id=\"twitter\" value=\"twitter\" />\r\n         <label for=\"twitter\" class=\"inline\">Twitter</label>\r\n         <input type=\"radio\" name=\"service\" id=\"hotpepper\" value=\"hotpepper\" />\r\n         <label for=\"hotpepper\">Hotpepper</label>\r\n       </div>\r\n     </form>\r\n   </div>\r\n  </div>\r\n</div>";
 83 |   });
 84 | 
 85 | this["MyApp"]["Templates"]["tabs"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
 86 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
 87 | helpers = helpers || Handlebars.helpers; data = data || {};
 88 |   
 89 | 
 90 | 
 91 |   return "<ul id=\"tab\" class=\"nav nav-tabs\">\r\n  <li class=\"active\" data-toggle=\"tab\" data-service=\"twitter\">\r\n    <a href=\"#twitter_list\">Twitter</a>\r\n  </li>\r\n  <li class=\"\" data-toggle=\"tab\" data-service=\"hotpepper\">\r\n    <a href=\"#hotpepper_list\">Hotpepper</a>\r\n  </li>\r\n</ul>\r\n<div id=\"tab-content\" class=\"tab-content\">\r\n  <div class=\"tab-pane active\" id=\"twitter_list\" data-service=\"twitter\"></div>\r\n  <div class=\"tab-pane\" id=\"hotpepper_list\" data-service=\"hotpepper\"></div>\r\n</div>";
 92 |   });
 93 | 
 94 | this["MyApp"]["Templates"]["twitter"] = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
 95 |   this.compilerInfo = [2,'>= 1.0.0-rc.3'];
 96 | helpers = helpers || Handlebars.helpers; data = data || {};
 97 |   var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
 98 | 
 99 | function program1(depth0,data) {
100 |   
101 |   var buffer = "", stack1, stack2;
102 |   buffer += "\r\n    <li>\r\n      <span class=\"img\">\r\n        <img src=\""
103 |     + escapeExpression(((stack1 = depth0.profile_image_url),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
104 |     + "\">\r\n      </span>\r\n      <span class=\"author\">\r\n        <a href=\"https://twitter.com/"
105 |     + escapeExpression(((stack1 = depth0.from_user),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
106 |     + "\" target=\"_blank\">@"
107 |     + escapeExpression(((stack1 = depth0.from_user),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
108 |     + "</a></span>\r\n        <span class=\"body\">";
109 |   stack2 = ((stack1 = depth0.text_linked),typeof stack1 === functionType ? stack1.apply(depth0) : stack1);
110 |   if(stack2 || stack2 === 0) { buffer += stack2; }
111 |   buffer += "</span>\r\n        <span class=\"time\"><a href=\"https://twitter.com/"
112 |     + escapeExpression(((stack1 = depth0.from_user),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
113 |     + "/status/"
114 |     + escapeExpression(((stack1 = depth0.id_str),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
115 |     + "\" target=\"_blank\">"
116 |     + escapeExpression(((stack1 = depth0.created_at),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
117 |     + "</a>\r\n      </span>\r\n    </li>\r\n    ";
118 |   return buffer;
119 |   }
120 | 
121 |   buffer += "<ul id=\"twitter_list\">\r\n  ";
122 |   stack1 = helpers.each.call(depth0, depth0.models, {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
123 |   if(stack1 || stack1 === 0) { buffer += stack1; }
124 |   buffer += "\r\n</ul>";
125 |   return buffer;
126 |   });


--------------------------------------------------------------------------------
/js/views/footer.js:
--------------------------------------------------------------------------------
1 | MyApp.Views.Footer = Backbone.View.extend({
2 | 
3 | 	tmpl: MyApp.Templates.footer,
4 | 
5 | 	initialize: function () {
6 | 		this.$el.html(this.tmpl());
7 | 	}
8 | 
9 | });


--------------------------------------------------------------------------------
/js/views/history.js:
--------------------------------------------------------------------------------
 1 | MyApp.Views.History = Backbone.View.extend({
 2 | 
 3 | 	tmpl: MyApp.Templates.history,
 4 | 
 5 | 	events: {
 6 | 		'click .btn_delete': 'removeHistory',
 7 | 		'click .history_contents': 'searchHistory'
 8 | 	},
 9 | 
10 | 	initialize: function () {
11 | 
12 | 		_.bindAll(this);
13 | 
14 | 		this.searches = this.options.searches;
15 | 
16 | 		this.searches.fetch();
17 | 		this.render();
18 | 
19 | 		MyApp.mediator.on('search', this.addHistory);
20 | 		MyApp.mediator.on('changeTab', this.searchCurrentHistory);
21 | 
22 | 		this.listenTo(this.searches, 'add remove', this.render);
23 | 
24 | 	},
25 | 
26 | 	addHistory: function (search) {
27 | 
28 | 		search.id = +new Date();
29 | 		this.searches.create(search);
30 | 
31 | 	},
32 | 
33 | 	removeHistory: function (e) {
34 | 
35 | 		var id = this._getHistory(e).id;
36 | 		this.searches.get(id).destroy();
37 | 
38 | 	},
39 | 
40 | 	searchHistory: function (e) {
41 | 
42 | 		var history = this._getHistory(e);
43 | 
44 | 		MyApp.mediator.trigger('historySearch', history);
45 | 		MyApp.mediator.trigger('historySearch:' + history.service, history);
46 | 	},
47 | 
48 | 	searchCurrentHistory: function (service) {
49 | 
50 | 		var historys = [],
51 | 			history;
52 | 
53 | 		historys = this.searches.where({
54 | 			service: service
55 | 		});
56 | 		
57 | 		if (historys.length) {
58 | 
59 | 			history = historys[0].attributes;
60 | 			
61 | 			MyApp.mediator.trigger('historySearch', history);
62 | 			MyApp.mediator.trigger('historySearch:' + history.service, history);
63 | 
64 | 		}
65 | 
66 | 	},
67 | 
68 | 	render: function () {
69 | 
70 | 		this.$el.html(this.tmpl({
71 | 			history: this.searches.toJSON()
72 | 		}));
73 | 
74 | 	},
75 | 
76 | 	_getHistory: function (e) {
77 | 
78 | 		var history = {},
79 | 		$target = $(e.target).closest('.history');
80 | 
81 | 		history.id = $target.attr('data-id');
82 | 		history.service = $target.find('.service').text().replace(/^\(|\)$/g, '');
83 | 		history.query = $target.find('.query').text();
84 | 
85 | 		return history;
86 | 
87 | 	}
88 | 
89 | });


--------------------------------------------------------------------------------
/js/views/search_bar.js:
--------------------------------------------------------------------------------
 1 | MyApp.Views.SearchBar = Backbone.View.extend({
 2 | 
 3 | 	tmpl: MyApp.Templates.search_bar,
 4 | 
 5 | 	events: {
 6 | 		'click #btn_search': 'search'
 7 | 	},
 8 | 
 9 | 	initialize: function () {
10 | 
11 | 		this.$el.html(this.tmpl());
12 | 		this.$el.find('#twitter').attr('checked', true);
13 | 
14 | 	},
15 | 
16 | 	search: function (e) {
17 | 
18 | 		var $checked = this.$el.find('input[type=radio]:checked'),
19 | 			query = $('#query').val(),
20 | 			service = $checked.val(),
21 | 			search = {};
22 | 
23 | 		e.preventDefault();
24 | 
25 | 		search.query = query;
26 | 		search.service = service;
27 | 
28 | 		MyApp.mediator.trigger('search', search);
29 | 		MyApp.mediator.trigger('search:' + service, search);
30 | 
31 | 	}
32 | 
33 | });


--------------------------------------------------------------------------------
/js/views/search_results.js:
--------------------------------------------------------------------------------
 1 | MyApp.Views.SearchResults = Backbone.View.extend({
 2 | 
 3 | 	initialize: function () {
 4 | 		
 5 | 		_.bindAll(this);
 6 | 
 7 | 		this.collections = this.options.collections;
 8 | 		this.tmpl = this.options.tmpl;
 9 | 		this.service = this.options.service;
10 | 
11 | 		MyApp.mediator.on('search:' + this.service, this.search);
12 | 		MyApp.mediator.on('historySearch:' + this.service, this.search);
13 | 
14 | 		this.listenTo(this.collections, 'reset', this.render);
15 | 		
16 | 	},
17 | 	
18 | 	
19 | search: function(search){
20 | 
21 | 	this.collections.search(search);
22 | 
23 | },
24 | 
25 | render: function () {
26 | 
27 | 		this.$el.html(this.tmpl({
28 | 			models: this.collections.toJSON()
29 | 		}));
30 | 
31 | 	}
32 | 	
33 | });
34 | 


--------------------------------------------------------------------------------
/js/views/tabs.js:
--------------------------------------------------------------------------------
 1 | MyApp.Views.Tabs = Backbone.View.extend({
 2 | 
 3 | 	tmpl: MyApp.Templates.tabs,
 4 | 
 5 | 	events: {
 6 | 		'click #tab>li': 'changeTab'
 7 | 	},
 8 | 
 9 | 	initialize: function () {
10 | 
11 | 		this.$el.html(this.tmpl());
12 | 
13 | 		this.twitters = new MyApp.Views.SearchResults({
14 | 
15 | 			el: this.$el.find('#twitter_list'),
16 | 			tmpl: MyApp.Templates.twitter,
17 | 			collections: new MyApp.Collections.TwitterList(),
18 | 			service: 'twitter'
19 | 
20 | 		});
21 | 
22 | 		this.hotppepers = new MyApp.Views.SearchResults({
23 | 
24 | 			el: this.$el.find('#hotpepper_list'),
25 | 			tmpl: MyApp.Templates.hotpepper,
26 | 			collections: new MyApp.Collections.HotpepperList(),
27 | 			service: 'hotpepper'
28 | 
29 | 		});
30 | 
31 | 		MyApp.mediator.on('search historySearch', this.selectTab);
32 | 
33 | 	},
34 | 
35 | 	changeTab: function (e) {
36 | 
37 | 		var service = this._getService(e.currentTarget);
38 | 		MyApp.mediator.trigger('changeTab', service);
39 | 
40 | 	},
41 | 
42 | 	selectTab: function (search) {
43 | 
44 | 		$('a[href^=#' + search.service + ']').tab('show');
45 | 
46 | 	},
47 | 
48 | 	_getService: function (tab) {
49 | 
50 | 		return $(tab).data('service');
51 | 
52 | 	}
53 | 
54 | });


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "spa-with-backbone",
 3 |   "description": "Single page application build with Backbone.js",
 4 |   "version": "0.1.0",
 5 |   "url": "https://github.com/mitsuruog/SPA-with-Backbone",
 6 |   "devDependencies": {
 7 |     "grunt": "0.4.1",
 8 |     "grunt-contrib-jshint": "0.2.0",
 9 |     "grunt-contrib-watch": "0.3.1",
10 |     "grunt-contrib-stylus": "0.4.0rc7",
11 |     "grunt-contrib-handlebars": "0.5.5",
12 |     "grunt-contrib-concat": "~0.3.0"
13 |   }
14 | }
15 | 


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