picturehouse_uk 3.0.14 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +6 -3
  3. data/CHANGELOG.md +19 -0
  4. data/{LICENSE.txt → COMM-LICENSE} +0 -0
  5. data/LICENSE +617 -0
  6. data/README.md +5 -4
  7. data/Rakefile +12 -0
  8. data/lib/picturehouse_uk.rb +2 -4
  9. data/lib/picturehouse_uk/cinema.rb +133 -124
  10. data/lib/picturehouse_uk/internal/parser/address.rb +20 -8
  11. data/lib/picturehouse_uk/internal/parser/screenings.rb +70 -28
  12. data/lib/picturehouse_uk/internal/title_sanitizer.rb +61 -65
  13. data/lib/picturehouse_uk/performance.rb +60 -0
  14. data/lib/picturehouse_uk/version.rb +2 -2
  15. data/picturehouse_uk.gemspec +5 -6
  16. data/rake/fixture_creator.rb +42 -0
  17. data/test/fixtures/Duke_Of_Yorks/cinema.html +3408 -0
  18. data/test/fixtures/{info/Duke_Of_Yorks.html → Duke_Of_Yorks/info.html} +192 -185
  19. data/test/fixtures/Duke_Of_Yorks/whats_on.html +3159 -0
  20. data/test/fixtures/Dukes_At_Komedia/cinema.html +4764 -0
  21. data/test/fixtures/{info/Dukes_At_Komedia.html → Dukes_At_Komedia/info.html} +161 -172
  22. data/test/fixtures/Dukes_At_Komedia/whats_on.html +4429 -0
  23. data/test/fixtures/National_Media_Museum/cinema.html +9200 -0
  24. data/test/fixtures/National_Media_Museum/info.html +606 -0
  25. data/test/fixtures/National_Media_Museum/whats_on.html +8850 -0
  26. data/test/fixtures/Phoenix_Picturehouse/cinema.html +8274 -0
  27. data/test/fixtures/{info/Phoenix_Picturehouse.html → Phoenix_Picturehouse/info.html} +165 -176
  28. data/test/fixtures/Phoenix_Picturehouse/whats_on.html +7986 -0
  29. data/test/fixtures/home.html +148 -157
  30. data/test/lib/picturehouse_uk/cinema_test.rb +107 -136
  31. data/test/lib/picturehouse_uk/internal/parser/{address_parser_test.rb → address_test.rb} +3 -3
  32. data/test/lib/picturehouse_uk/internal/parser/screenings_test.rb +8 -10
  33. data/test/lib/picturehouse_uk/internal/website_test.rb +6 -3
  34. data/test/lib/picturehouse_uk/{screening_test.rb → performance_test.rb} +20 -44
  35. data/test/live/integration_test.rb +8 -25
  36. data/test/support/fake_website.rb +24 -0
  37. data/test/test_helper.rb +12 -2
  38. metadata +50 -49
  39. data/.rdoc_options +0 -16
  40. data/lib/picturehouse_uk/film.rb +0 -59
  41. data/lib/picturehouse_uk/screening.rb +0 -70
  42. data/test/fixture_updater.rb +0 -73
  43. data/test/fixtures/cinema/Duke_Of_Yorks.html +0 -2984
  44. data/test/fixtures/cinema/Dukes_At_Komedia.html +0 -5518
  45. data/test/fixtures/cinema/National_Media_Museum.html +0 -10266
  46. data/test/fixtures/cinema/Phoenix_Picturehouse.html +0 -5202
  47. data/test/fixtures/whats_on/Duke_Of_Yorks.html +0 -2737
  48. data/test/fixtures/whats_on/Dukes_At_Komedia.html +0 -5132
  49. data/test/fixtures/whats_on/National_Media_Museum.html +0 -9690
  50. data/test/fixtures/whats_on/Phoenix_Picturehouse.html +0 -4916
  51. data/test/lib/picturehouse_uk/film_test.rb +0 -141
data/test/fixtures/home.html CHANGED
@@ -6,10 +6,9 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <meta name="description" content="Picturehouse Cinemas are located in city centres and are architecturally unique venues that provide café bars, restaurants and live events alongside the traditional movie-going experience.">
8
8
  <title>Picturehouses - Home page</title>
9
- <link href="/css/picturehouse.min.css?v=1.3.5" rel="stylesheet">
10
- <link type="image/x-icon" href="/images/icons/favicon.gif" rel="shortcut icon"/>
11
- <link type="image/x-icon" href="/images/icons/favicon.gif" rel="icon"/>
9
+ <link href="/css/picturehouse.min.css?v=1.7.8" rel="stylesheet">
12
10
  <!--[if lt IE 9]>
11
+ <script src="https://cdn.polyfill.io/v1/polyfill.min.js?features=default|always"></script>
13
12
  <script src="/js/vendor/html5shiv.min.js"></script>
14
13
  <script src="/js/vendor/respond.min.js"></script>
15
14
  <![endif]-->
@@ -42,11 +41,11 @@
42
41
  ga('send', 'pageview');
43
42
  </script>
44
43
  </head>
45
- <body class="body cinema-global">
44
+ <body class="body cinema-global takeover">
46
45
  <script>document.getElementsByTagName("body")[0].className += " js-enabled";</script>
47
46
  <a href="#main" class="sr-only">Skip to main content</a>
48
47
 
49
- <div class="interim-banner container-fluid">
48
+ <div class="interim-banner container-fluid hidden-print">
50
49
  <div class="container">
51
50
  <form method="post" action="/dismiss/cookies">
52
51
  <button type="submit" class="pull-right close" aria-label="Close">
@@ -61,6 +60,12 @@
61
60
  <div class="component header">
62
61
  <div class="container navbar-global-offset hidden-xs">
63
62
  <div class="row">
63
+ <form class="form-inline pull-right top-mg-xs" role="form">
64
+ <div class="form-group">
65
+ <label class="sr-only" for="search-site">Search</label>
66
+ <input type="text" class="form-control form-control-sm search-site top-mg-xs" id="search-site" placeholder="Film search">
67
+ </div>
68
+ </form>
64
69
  <nav class="pull-right">
65
70
  <!--
66
71
  <ul class="list-inline list-icons pull-left hidden-sm">
@@ -68,8 +73,6 @@
68
73
  <li><a href="#" data-icon="}" class="icon"><span class="sr-only">Email us</span></a></li>
69
74
  </ul>-->
70
75
 
71
- <ul class="spaced-list pull-left hide">
72
- </ul>
73
76
 
74
77
  <ul class="list-inline list-icons pull-left hidden-sm left-mg">
75
78
  <li><a href="https://www.facebook.com/picturehouses" data-icon="@" class="icon" target="_blank"><span class="sr-only">Picturehouse on Facebook</span></a></li>
@@ -83,10 +86,10 @@
83
86
  <li><a href="/">Home</a></li>
84
87
  <li><a href="/cinemas/">Cinemas</a></li>
85
88
  <li><a href="/Picturehouse_Recommends">Recommends</a></li>
86
- <li><a href="/Picturehouse_Membership">Membership</a></li>
87
- <li><a href="http://picturehouseblog.co.uk/" target="_blank">Picturehouse Blog</a></li>
88
- <li><a href="http://corporate.picturehouses.co.uk/" target="_blank">Corporate</a></li>
89
+ <li><a href="http://picturehouseblog.co.uk/" target="_blank">Blog</a></li>
90
+ <li><a href="http://www.picturehouseeducation.blogspot.co.uk/#!http://picturehouseeducation.blogspot.com/p/about-us.html" target="_blank">Education</a></li>
89
91
  <li><a href="http://www.picturehouseentertainment.co.uk/" target="_blank">Picturehouse Entertainment</a></li>
92
+ <li><a href="/Picturehouse_Membership">Membership</a></li>
90
93
  </ul>
91
94
  </nav>
92
95
  </div>
@@ -115,24 +118,13 @@
115
118
  </div>
116
119
  <nav id="burger-menu" class="collapse clear">
117
120
  <ul class="nav nav-pills nav-stacked">
118
- <li class="nav-dark">
119
- <div class="navbar-inverse">
120
- <form class="form-inline text-right" role="form">
121
- <div class="form-group">
122
- <label class="sr-only" for="searchSiteMobile">Search</label>
123
- <input type="text" class="form-control form-control-sm" id="searchSiteMobile" placeholder="Search">
124
- </div>
125
- <button data-icon='"' class="icon icon-inverse btn-link"></button>
126
- </form>
127
- </div>
128
- </li>
129
121
  <li><a href="/">Home</a></li>
130
122
  <li><a href="/cinemas/">Cinemas</a></li>
131
123
  <li><a href="/Picturehouse_Recommends">Recommends</a></li>
132
- <li><a href="/Picturehouse_Membership">Membership</a></li>
133
- <li><a href="http://picturehouseblog.co.uk/" target="_blank">Picturehouse Blog</a></li>
134
- <li><a href="http://corporate.picturehouses.co.uk/" target="_blank">Corporate</a></li>
124
+ <li><a href="http://picturehouseblog.co.uk/" target="_blank">Blog</a></li>
125
+ <li><a href="http://www.picturehouseeducation.blogspot.co.uk/#!http://picturehouseeducation.blogspot.com/p/about-us.html" target="_blank">Education</a></li>
135
126
  <li><a href="http://www.picturehouseentertainment.co.uk/" target="_blank">Picturehouse Entertainment</a></li>
127
+ <li><a href="/Picturehouse_Membership">Membership</a></li>
136
128
  </ul>
137
129
  </nav>
138
130
  </div>
@@ -159,29 +151,29 @@
159
151
  >
160
152
 
161
153
  <div>
162
- <a class="text-center" href="/cinema/Picturehouse_Central#become-a-founder-member">
163
- <img src="/assets/feature/banners/central-coming-summer.jpg" alt="" class="img-responsive" />
154
+ <a class="text-center" href="filmcompetition">
155
+ <img src="/assets/feature/banners/Film-Comp-Stage-1.jpg" alt="" class="img-responsive" />
164
156
  <div class="slide-content">
165
- <h2>Picturehouse Central</h2>
157
+ <h2>Picturehouse Members&#x27; Film Competition</h2>
166
158
  <div class="hidden-xs">
167
- <p class="feature-area-date">Summer 2015</p>
159
+
168
160
  <div class="visible-lg">
169
- <p>Get your name permanently installed in the West End. Limited to the first 2,000 sign-ups</p>
161
+ <p>Win the chance to make your own short film, fully funded and showcased on cinema screens around the country</p>
170
162
  </div>
171
- <span class="btn btn-md btn-primary hidden-xs">More info <span data-icon=">" class="icon"></span></span>
163
+ <span class="btn btn-md btn-primary hidden-xs">Find out more <span data-icon=">" class="icon"></span></span>
172
164
  </div>
173
165
  </div>
174
166
  </a>
175
167
  </div>
176
168
  <div>
177
- <a class="text-center" href="/film/phoenix">
178
- <img src="/assets/feature/banners/phoenix.jpg" alt="" class="img-responsive" />
169
+ <a class="text-center" href="/film/youth">
170
+ <img src="/assets/feature/banners/Youth.jpg" alt="" class="img-responsive" />
179
171
  <div class="slide-content">
180
- <h2>Phoenix </h2>
172
+ <h2>Youth</h2>
181
173
  <div class="hidden-xs">
182
- <p class="feature-area-date">From Fri 8 May</p>
174
+ <p class="feature-area-date">Now playing</p>
183
175
  <div class="visible-lg">
184
- <p>A noirish and complex emotional thriller. ★★★★</p><p>– Time Out London</p>
176
+ <p>Michael Caine and Harvey Keitel star in Paolo Sorrentino's lush visual symphony about life, loss and love</p>
185
177
  </div>
186
178
  <span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
187
179
  </div>
@@ -189,29 +181,29 @@
189
181
  </a>
190
182
  </div>
191
183
  <div>
192
- <a class="text-center" href="/film/girlhood-bande-de-filles">
193
- <img src="/assets/feature/banners/girlhood.jpg" alt="" class="img-responsive" />
184
+ <a class="text-center" href="/film/ill-see-you-in-my-dreams">
185
+ <img src="/assets/feature/banners/Ill-See-You-In-My-Dreams.jpg" alt="" class="img-responsive" />
194
186
  <div class="slide-content">
195
- <h2>Girlhood</h2>
187
+ <h2>I&#x27;ll See You In My Dreams</h2>
196
188
  <div class="hidden-xs">
197
- <p class="feature-area-date">From Fri 8 May</p>
189
+ <p class="feature-area-date">From Fri 12 Feb</p>
198
190
  <div class="visible-lg">
199
- <p>Empathetic, powerful, gripping. ★★★★</p><p>– Empire</p>
191
+ <p>Seeking fresh challenges, a long-time widow begins relationships with two very different men</p>
200
192
  </div>
201
- <span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
193
+ <span class="btn btn-md btn-primary hidden-xs">Watch the trailer <span data-icon=">" class="icon"></span></span>
202
194
  </div>
203
195
  </div>
204
196
  </a>
205
197
  </div>
206
198
  <div>
207
- <a class="text-center" href="/film/the-beat-beneath-my-feet">
208
- <img src="/assets/feature/banners/beat-beneath.jpg" alt="" class="img-responsive" />
199
+ <a class="text-center" href="/film/casablanca-valentines-special">
200
+ <img src="/assets/feature/banners/Casablanca-VS.jpg" alt="" class="img-responsive" />
209
201
  <div class="slide-content">
210
- <h2>The Beat Beneath My Feet</h2>
202
+ <h2>Casablanca Valentine&#x27;s Special</h2>
211
203
  <div class="hidden-xs">
212
- <p class="feature-area-date">Tue 12 May</p>
204
+ <p class="feature-area-date">Sun 14 Feb</p>
213
205
  <div class="visible-lg">
214
- <p>A toe-tapping indie that is, quite simply, lovely.</p><p>– i-Flicks</p>
206
+ <p>'Here's looking at you, kid.' Join us on Valentine's Day for one of the most romantic films of all time</p>
215
207
  </div>
216
208
  <span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
217
209
  </div>
@@ -219,14 +211,14 @@
219
211
  </a>
220
212
  </div>
221
213
  <div>
222
- <a class="text-center" href="/film/mad-max-fury-road-3d">
223
- <img src="/assets/feature/banners/mad-max.jpg" alt="" class="img-responsive" />
214
+ <a class="text-center" href="/film/ted-16-dream-opening-night">
215
+ <img src="/assets/feature/banners/TED-2016-Dream-Opening-Night.jpg" alt="" class="img-responsive" />
224
216
  <div class="slide-content">
225
- <h2>Mad Max: Fury Road 3D</h2>
217
+ <h2>TED 2016: Dream Opening Night</h2>
226
218
  <div class="hidden-xs">
227
- <p class="feature-area-date">From Thu 14 May</p>
219
+ <p class="feature-area-date">Tue 16 Feb, 7.00</p>
228
220
  <div class="visible-lg">
229
- <p>Book now for a chance to win a 3D TV with RealD</p>
221
+ <p>Join Bill T. Jones, Astro Teller, Riccardo Sabatini and other great thinkers, captured live at the opening night of TED’s annual conference</p>
230
222
  </div>
231
223
  <span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
232
224
  </div>
@@ -239,11 +231,11 @@
239
231
  </div>
240
232
  <div class="hidden-xs">
241
233
  <ul id="no-template-pager" class="nav-justified cycle-pager pager-list external list-inline clearfix no-mg">
242
- <li><img src="/assets/feature/thumbnails/central-coming-summer.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Picturehouse Central</li>
243
- <li><img src="/assets/feature/thumbnails/phoenix.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Phoenix </li>
244
- <li><img src="/assets/feature/thumbnails/girlhood.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Girlhood</li>
245
- <li><img src="/assets/feature/thumbnails/beat-beneath.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />The Beat Beneath My Feet</li>
246
- <li><img src="/assets/feature/thumbnails/mad-max.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Mad Max: Fury Road 3D</li>
234
+ <li><img src="/assets/feature/thumbnails/Film-Comp-Stage-1.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Picturehouse Members&#x27; Film Competition</li>
235
+ <li><img src="/assets/feature/thumbnails/Youth.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Youth</li>
236
+ <li><img src="/assets/feature/thumbnails/Ill-See-You-In-My-Dreams.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />I&#x27;ll See You In My Dreams</li>
237
+ <li><img src="/assets/feature/thumbnails/Casablanca-VS.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Casablanca Valentine&#x27;s Special</li>
238
+ <li><img src="/assets/feature/thumbnails/TED-2016-Dream-Opening-Night.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />TED 2016: Dream Opening Night</li>
247
239
  </ul>
248
240
  </div>
249
241
  </div>
@@ -252,6 +244,7 @@
252
244
 
253
245
  <!-- Main content -->
254
246
  <div role="main" id="main" class="main home transparent container">
247
+ <h1 class="sr-only">Picturehouses - Home page</h1>
255
248
  <div class="row hidden-xs btm-mg-60">
256
249
  <div class="col-xs-12">
257
250
  <section class="component top-mg box-inverse">
@@ -271,6 +264,7 @@
271
264
  data-carousel-hops="5"
272
265
  >
273
266
  <a class="hover-link" href="/cinema/Clapham_Picturehouse"><img class="img-responsive" src="/images/icons/square/Clapham_Picturehouse.gif" alt="Clapham Picturehouse landing page" /></a>
267
+ <a class="hover-link" href="/cinema/Crouch_End_Picturehouse"><img class="img-responsive" src="/images/icons/square/Crouch_End_Picturehouse.gif" alt="Crouch End Picturehouse landing page" /></a>
274
268
  <a class="hover-link" href="/cinema/East_Dulwich_Picturehouse"><img class="img-responsive" src="/images/icons/square/East_Dulwich_Picturehouse.gif" alt="East Dulwich landing page" /></a>
275
269
  <a class="hover-link" href="/cinema/Gate_Picturehouse"><img class="img-responsive" src="/images/icons/square/Gate_Picturehouse.gif" alt="Gate Picturehouse landing page" /></a>
276
270
  <a class="hover-link" href="/cinema/Greenwich_Picturehouse"><img class="img-responsive" src="/images/icons/square/Greenwich_Picturehouse.gif" alt="Greenwich Picturehouse landing page" /></a>
@@ -327,8 +321,9 @@
327
321
  <div class="row">
328
322
  <div class="col-xs-6 col-sm-12">
329
323
  <div class="component">
330
- <p><a class="hover-link" href="/Jameson"><img src="/assets/mpu/MPU_Jameson_2015_03.gif" class="img-responsive" alt="" /></a></p>
331
- </div> </div>
324
+ <p><a class="hover-link" href="/film/ill-see-you-in-my-dreams"><img src="/assets/mpu/ill-see-you-in-my-dreams-friday.gif" class="img-responsive" alt="" /></a></p>
325
+ </div>
326
+ </div>
332
327
  <div class="col-xs-6 col-sm-12">
333
328
  <div class="embed-responsive embed-responsive-ad">
334
329
  <div id='div-gpt-ad-996397954946313344-1'>
@@ -354,7 +349,7 @@
354
349
  </div>
355
350
  </section> </div>
356
351
  <div class="col-xs-12 col-sm-4">
357
- <div class="component ph-box">
352
+ <div class="component">
358
353
  <a href="/Picturehouse_Recommends" target="_blank" class="hover-link">
359
354
  <img src="/images/global-homepage/ph-recommends.png" alt="" class="img-responsive" />
360
355
  </a>
@@ -396,27 +391,29 @@
396
391
  <div class="container">
397
392
  <div class="row">
398
393
  <div class="col-xs-12 col-sm-9">
399
- <ul class="spaced-list">
394
+ <ul class="spaced-list btm-mg-sm">
400
395
  <li><a href="/Privacy" target="_blank">Privacy &amp; Data Protection</a></li>
401
- <li><a href="/Terms/Terms_And_Conditions" target="_blank">Terms &amp; Conditions</a></li>
396
+ <li><a href="/Terms/Terms_And_Conditions" target="_blank">Competition T&amp;Cs</a></li>
402
397
  <li><a href="/Terms" target="_blank">Terms of Admission</a></li>
403
398
  <li><a href="/Contact">Contact Us</a></li>
404
399
  <li><a href="/Contact#jobs" target="_blank">Jobs</a></li>
405
400
  <li><a href="/FAQs" target="_blank">FAQs</a></li>
406
- <li><a href="http://corporate.picturehouses.co.uk/venue-hire/" target="_blank">Venue hire</a></li>
401
+ <li><a href="http://corporate.picturehouses.co.uk/venue-hire/" target="_blank">Venue Hire</a></li>
402
+ <li><a href="http://corporate.picturehouses.co.uk/" target="_blank">Corporate</a></li>
407
403
  </ul>
408
404
  </div>
409
405
  <div class="col-xs-12 col-sm-3 pull-right">
410
406
  <select name="select-cinema" title="Select cinema" id="select-cinema" class="form-control btm-mg" data-auto-link="true">
411
407
  <option value="">Select a cinema</option>
412
408
  <option data-href="/cinema/Clapham_Picturehouse">London — Clapham Picturehouse</option>
409
+ <option data-href="/cinema/Crouch_End_Picturehouse">London — Crouch End Picturehouse</option>
413
410
  <option data-href="/cinema/East_Dulwich_Picturehouse">London — East Dulwich</option>
414
411
  <option data-href="/cinema/Gate_Picturehouse">London — Gate Picturehouse</option>
415
412
  <option data-href="/cinema/Greenwich_Picturehouse">London — Greenwich Picturehouse</option>
416
413
  <option data-href="/cinema/Hackney_Picturehouse">London — Hackney Picturehouse</option>
417
414
  <option data-href="/cinema/Picturehouse_Central">London — Picturehouse Central</option>
418
415
  <option data-href="/cinema/Ritzy_Picturehouse">London — The Ritzy</option>
419
- <option data-href="/cinema/Stratford_London">London — Stratford Picturehouse</option>
416
+ <option data-href="/cinema/Stratford_London">Stratford, London — Stratford Picturehouse</option>
420
417
  <option data-href="/cinema/The_Little">Bath — Little Theatre Cinema</option>
421
418
  <option data-href="/cinema/National_Media_Museum">Bradford — Bradford at National Media Museum</option>
422
419
  <option data-href="/cinema/Duke_Of_Yorks">Brighton — Duke of York&#x27;s Picturehouse</option>
@@ -438,7 +435,7 @@
438
435
  <p>Picturehouse Cinemas Limited is a limited company registered in England as company number 2310403 and its registered office is Power Road Studios, 114 Power Road, Chiswick, London, W4 5PY.</p>
439
436
  <p>&copy; 2015 Picturehouse Cinemas Ltd.</p>
440
437
  </div>
441
-
438
+
442
439
  </div>
443
440
  </div>
444
441
  </div>
@@ -446,106 +443,72 @@
446
443
 
447
444
  <!-- TODO: Server side include modal window if needed -->
448
445
 
449
- <script src="/js/vendor/jquery-1.11.1.min.js"></script>
450
- <script src="/js/vendor/jquery-ui.min.js"></script><!-- TODO: Only use what's needed -->
451
- <script src="/js/picturehouse/index.js?v=1.3.5"></script>
452
- <script src="/js/vendor/jquery.rateit.min.js"></script>
453
- <script src="/js/vendor/jquery.cycle2.min.js"></script>
446
+ <!-- CDN links -->
447
+ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
448
+ <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
449
+ <script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
450
+ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js"></script>
454
451
  <script src="/js/vendor/jquery.cycle2.carousel.min.js"></script>
455
452
  <script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
456
453
 
454
+ <script src="/js/vendor/jquery.rateit.min.js"></script>
455
+ <script src="/js/vendor/jquery-ui.min.js"></script>
456
+ <script src="/js/vendor/bind.js"></script>
457
+ <script>
458
+ var cinemaId = parseInt("", 10);
459
+ </script>
460
+
461
+ <script src="/js/picturehouse.min.js?v=1.7.8"></script>
462
+
463
+
457
464
  <!-- KnockoutJS ViewModels -->
458
- <script src="/js/viewmodels/basket.js"></script>
459
- <script src="/js/viewmodels/seating.js"></script>
465
+ <script src="/js/viewmodels/basket.js?v=1.7.8"></script>
466
+ <script src="/js/viewmodels/seating.js?v=1.7.8"></script>
460
467
 
461
468
  <script type="text/javascript">
462
469
  // Create closure.
463
470
  (function( $ ) {
471
+ 'user strict';
464
472
 
465
- // Init tooltips
466
- $('[data-toggle="tooltip"]').tooltip({});
467
-
468
- $('.nav-collapse')
469
- .on('show.bs.collapse', function () {
470
- var $element = $(this);
471
- var $parent = $element.parent();
472
- $parent.prev().css("width", "0");
473
- $parent.removeClass("col-sm-9");
474
-
475
- // If there is a data-iframe attribute, then load this in to an iframe
476
- if ($element.find("[data-iframe]").length > 0) {
477
- var $iframeContainer = $element.find("[data-iframe]");
478
- var iframe = $('<iframe>', {
479
- "src": $iframeContainer.data("iframe"),
480
- "frameborder": "0",
481
- "allowfullscreen": ""
482
- });
483
- $iframeContainer.append(iframe);
484
- $iframeContainer.removeAttr("data-iframe");
485
- }
486
- })
487
- .on('hide.bs.collapse', function () {
488
- var $parent = $(this).parent();
489
- $parent.prev().css("width", "");
490
- $parent.addClass("col-sm-9");
491
- });
492
-
493
- if ($( "#cinema-search" ).length) {
473
+ if ($( '#cinema-search' ).length) {
494
474
  // TODO: Will this be dynamically pulled from db?
495
475
  var availableTags = [
496
- { id: "Clapham_Picturehouse", label: "London - Clapham Picturehouse" },
497
- { id: "East_Dulwich_Picturehouse", label: "London - East Dulwich" },
498
- { id: "Gate_Picturehouse", label: "London - Gate Picturehouse" },
499
- { id: "Greenwich_Picturehouse", label: "London - Greenwich Picturehouse" },
500
- { id: "Hackney_Picturehouse", label: "London - Hackney Picturehouse" },
501
- { id: "Picturehouse_Central", label: "London - Picturehouse Central" },
502
- { id: "Ritzy_Picturehouse", label: "London - The Ritzy" },
503
- { id: "Stratford_London", label: "London - Stratford Picturehouse" },
504
- { id: "The_Little", label: "Bath - Little Theatre Cinema" },
505
- { id: "National_Media_Museum", label: "Bradford - Bradford at National Media Museum" },
506
- { id: "Duke_Of_Yorks", label: "Brighton - Duke of York&#x27;s Picturehouse" },
507
- { id: "Dukes_At_Komedia", label: "Brighton - Duke&#x27;s at Komedia" },
508
- { id: "Arts_Picturehouse_Cambridge", label: "Cambridge - Arts Picturehouse Cambridge" },
509
- { id: "Cameo_Picturehouse", label: "Edinburgh - The Cameo" },
510
- { id: "Exeter_Picturehouse", label: "Exeter - Exeter Picturehouse" },
511
- { id: "Regal_Picturehouse", label: "Henley - Regal Picturehouse" },
512
- { id: "Cinema_City", label: "Norwich - Cinema City" },
513
- { id: "Picturehouse_At_Fact", label: "Liverpool - Picturehouse at FACT" },
514
- { id: "Phoenix_Picturehouse", label: "Oxford - Phoenix Picturehouse" },
515
- { id: "Harbour_Lights", label: "Southampton - Harbour Lights" },
516
- { id: "Stratford_Upon_Avon", label: "Stratford Upon Avon - Stratford Upon Avon" },
517
- { id: "York_Picturehouse", label: "York - City Screen Picturehouse" },
518
- ];
519
- $( "#cinema-search" ).autocomplete({
520
- source: availableTags,
521
- select: function( event, ui ) {
522
- window.location = "/cinema/" + ui.item.id;
523
- }
524
- });
525
- }
526
-
527
- $('#quickbook-popover').popover({
528
- html : true,
529
- content: function() {
530
- return $("#quickbook-popover-content").html();
531
- }
532
- });
533
-
534
- $('[data-hide-element]').each(function() {
535
- var $element = $(this);
536
- var tabToHide = $element.data("hideElement");
537
-
538
-
539
- setTimeout(
540
- function(){ $element.children().eq(tabToHide - 1).removeClass("active"); },
541
- 1
542
- );
543
- });
476
+ { id: "Clapham_Picturehouse", label: "London - Clapham Picturehouse" },
477
+ { id: "Crouch_End_Picturehouse", label: "London - Crouch End Picturehouse" },
478
+ { id: "East_Dulwich_Picturehouse", label: "London - East Dulwich" },
479
+ { id: "Gate_Picturehouse", label: "London - Gate Picturehouse" },
480
+ { id: "Greenwich_Picturehouse", label: "London - Greenwich Picturehouse" },
481
+ { id: "Hackney_Picturehouse", label: "London - Hackney Picturehouse" },
482
+ { id: "Picturehouse_Central", label: "London - Picturehouse Central" },
483
+ { id: "Ritzy_Picturehouse", label: "London - The Ritzy" },
484
+ { id: "Stratford_London", label: "Stratford, London - Stratford Picturehouse" },
485
+ { id: "The_Little", label: "Bath - Little Theatre Cinema" },
486
+ { id: "National_Media_Museum", label: "Bradford - Bradford at National Media Museum" },
487
+ { id: "Duke_Of_Yorks", label: "Brighton - Duke of York&#x27;s Picturehouse" },
488
+ { id: "Dukes_At_Komedia", label: "Brighton - Duke&#x27;s at Komedia" },
489
+ { id: "Arts_Picturehouse_Cambridge", label: "Cambridge - Arts Picturehouse Cambridge" },
490
+ { id: "Cameo_Picturehouse", label: "Edinburgh - The Cameo" },
491
+ { id: "Exeter_Picturehouse", label: "Exeter - Exeter Picturehouse" },
492
+ { id: "Regal_Picturehouse", label: "Henley - Regal Picturehouse" },
493
+ { id: "Cinema_City", label: "Norwich - Cinema City" },
494
+ { id: "Picturehouse_At_Fact", label: "Liverpool - Picturehouse at FACT" },
495
+ { id: "Phoenix_Picturehouse", label: "Oxford - Phoenix Picturehouse" },
496
+ { id: "Harbour_Lights", label: "Southampton - Harbour Lights" },
497
+ { id: "Stratford_Upon_Avon", label: "Stratford Upon Avon - Stratford Upon Avon" },
498
+ { id: "York_Picturehouse", label: "York - City Screen Picturehouse" },
499
+ ];
500
+ $( "#cinema-search" ).autocomplete({
501
+ source: availableTags,
502
+ select: function( event, ui ) {
503
+ window.location = "/cinema/" + ui.item.id;
504
+ }
505
+ });
506
+ }
544
507
 
545
508
  })( jQuery );
546
509
  </script>
547
510
 
548
- <div class="modal fade in" id="sign-in-modal" aria-hidden="false">
511
+ <div class="modal fade in" id="sign-in-modal" aria-hidden="false">
549
512
  <div class="modal-dialog">
550
513
  <div class="modal-content">
551
514
  <div class="modal-header">
@@ -555,14 +518,17 @@
555
518
  <div class="modal-body">
556
519
  <form method="post" action="/sign-in">
557
520
  <div class="form-group">
558
- <label for="account-email">Membership number:</label>
559
- <input type="text" name="number" id="number" class="form-control" value="" placeholder="Enter your membership card number..." required />
521
+ <label for="number">Email:</label>
522
+ <input type="text" name="number" id="number" class="form-control" value="" required />
560
523
  </div>
561
524
  <div class="form-group">
562
- <label for="account-password">Password:</label>
563
- <input type="password" name="membership-password" id="membership-password" class="form-control" placeholder="Enter your password..." required />
525
+ <label for="membership-password">
526
+ Password:<br />
527
+ <small>This may be your surname if you have not set a password before.</small>
528
+ </label>
529
+ <input type="password" name="membership-password" id="membership-password" class="form-control" required />
564
530
  </div>
565
- <p class="text-right"><a href="mailto:customerservice@picturehouses.co.uk?subject=Reset password&amp;body=Please provide your membership number and registered email address, and we'll email you back your new password.">Request a new password</a></p>
531
+ <p class="text-right"><a target="_blank" href="http://ticketing.picturehouses.com/Browsing/Loyalty/ForgotPassword">Forgotten password?</a></p>
566
532
  <!-- <div class="form-group">
567
533
  <div class="checkbox">
568
534
  <label for="account-remember">
@@ -575,9 +541,34 @@
575
541
  <button type="submit" class="btn btn-primary pull-right">Sign in</button>
576
542
  </div>
577
543
  </form>
578
- </div> </div>
544
+ </div>
545
+ </div>
546
+ </div>
547
+ </div>
548
+
549
+ <div class="modal fade in" id="member-priority-modal" aria-hidden="false">
550
+ <div class="modal-dialog">
551
+ <div class="modal-content">
552
+ <div class="modal-header">
553
+ <p class="h2 display-inline">Verify membership number</p>
554
+ <a href="#" data-icon="V" class="icon pull-right" data-dismiss="modal"><span class="sr-only">Close</span></a>
555
+ </div>
556
+ <div class="modal-body">
557
+ <form method="post" action="/verify-member">
558
+ <div class="form-group">
559
+ <label for="number">Membership number:</label>
560
+ <input type="text" name="number" id="number" class="form-control" value="" required />
561
+ </div>
562
+
563
+ <div class="clearfix top-mg-lg">
564
+ <button type="submit" class="btn btn-primary pull-right">Verify</button>
565
+ </div>
566
+ </form>
567
+ </div>
568
+ </div>
579
569
  </div>
580
570
  </div>
581
-
571
+
572
+
582
573
  </body>
583
- </html>
574
+ </html>