artfully_ose 1.3.0.pre3 → 1.3.0.pre4

data/app/assets/javascripts/show-seat-chart.js

@@ -0,0 +1,17 @@
+// modifications to seat-chart.js which are specific to the show level
+
+$(document).ready(function() {
+  $("#chart-delete-rows-btn").unbind("click")
+  $("#chart-delete-columns-btn").unbind("click")
+
+  $("#chart-delete-rows-btn").click(function () {
+    $("#modifyMultipleSeats").modal("hide")
+    $("#deleteColumsRowsModal").modal("show")
+  })
+
+  $("#chart-delete-columns-btn").click(function () {
+    $("#modifyMultipleSeats").modal("hide")
+    $("#deleteColumsRowsModal").modal("show")
+  })
+})
+

data/app/assets/javascripts/store/store-seat-chart.js

@@ -0,0 +1,76 @@
+$(document).ready(function() {
+  hookupSeatModal();
+  normalizeWidth();
+})
+
+function normalizeWidth() {
+  var columnCount = $($(".seat-chart-layout .seat-row")[0]).find('.seat').length
+  var full = columnCount
+  var width = 0
+  if(columnCount > 15) {
+    width = columnCount * 30
+    scaleDown()
+  } else {
+    width = (columnCount * 37) + 30
+    scaleUp()
+  }
+  $(".seat-chart-layout").width(width);
+}
+
+function scaleDown() {
+  $(".seat-chart-layout .seat").addClass('seat-mini')
+  $(".seat-chart-layout .col").addClass('col-mini')
+}
+
+function scaleUp() {
+  $(".seat-chart-layout .seat").removeClass('seat-mini')
+  $(".seat-chart-layout .col").removeClass('col-mini')
+}
+
+function hookupSeatModal() {
+  $(".seat.available").click( function() {
+    var seatLabel = $(this).attr("data-seat-label")
+    var seatId = $(this).attr('data-seat-id')
+    var chartId = $(this).attr('data-chart-id')
+
+    form = $("form#add-tickets-to-cart-" + chartId)
+    form.find("#seat_id").val(seatId)
+    form.find("#seat-label").html(seatLabel)
+
+    ticketTypeIds = $(this).attr('data-ticket-type-ids')
+    $(".ticket-type-label").hide()
+    console.log(ticketTypeIds)
+    if(ticketTypeIds) {
+      ticketTypeIds = ticketTypeIds.split(",")
+      console.log(ticketTypeIds)
+      $.each(ticketTypeIds, function(index, ticketTypeId) {
+        console.log("#ticket-type-label-" + ticketTypeId)
+        $("#ticket-type-label-" + ticketTypeId).show()
+      })
+    }
+
+    var seatNote = $(this).attr('data-seat-note')
+    var seatQualifier = $(this).attr('data-seat-qualifier')
+    var seatNoteDisplay = $("#seat-modal-" + chartId).find("#seat-note-display")
+    if(seatNote || seatQualifier) {
+      if(seatNote) {
+        seatNoteDisplay.find("#seat-note").html(seatNote)
+      } else {
+        seatNoteDisplay.find("#seat-note").html("")
+      }
+
+      if(seatQualifier) {
+        seatNoteDisplay.find("#seat-qualifier").html(seatQualifier)
+      } else {
+        seatNoteDisplay.find("#seat-qualifier").html("")
+      }
+      seatNoteDisplay.show()
+    } else {
+      seatNoteDisplay.hide()
+      seatNoteDisplay.find("#seat-note").html("")
+      seatNoteDisplay.find("#seat-qualifier").html("")
+    }
+    
+    $("#seat-modal-" + chartId).modal("show")
+  })
+}

data/app/assets/javascripts/store/store.js

@@ -3,9 +3,21 @@ function endsWith(str, suffix) {
 }
 
 $(document).ready(function(){
-
   hookupToggle()
-  //$('#edit-address-modal').modal({show: false});
+
+  $("#loginNagModal .close").click(function () {
+    createCookie("mem-modal-dismiss", "true")
+    $("#loginNagModal").modal("hide")
+  })
+
+  $("#loginNagModal #close-login-nag").click(function () {
+    createCookie("mem-modal-dismiss", "true")
+    $("#loginNagModal").modal("hide")
+  })
+
+  if(readCookie("mem-modal-dismiss") != "true") {
+    $("#loginNagModal").modal("show")
+  }
 
   $(document).locationSelector({
     'countryField' : '#payment_customer_address_country', 
@@ -28,43 +40,6 @@ $(document).ready(function(){
   $('#multi-show-container .title').first().siblings('.sections').slideToggle();
   $('#multi-show-container .title').first().addClass('active');
 
-  // when calendar is clicked
-  $('td.has_show').click(function() {
-    var loadingMessage = $('#loading-container #loading')
-    var errorMessage = $('#loading-container #error')
-    var date = $(this).attr('data-date');
-    var targetLi = $("ul#shows li[data-date='" + date + "']");
-
-    targetLi.hide();
-
-    $.each(targetLi, function (index, targetLiEl) {
-      targetLiEl = $(targetLiEl)
-      var showUuid = targetLiEl.attr('data-show-uuid');
-
-      $.ajax({
-        url: "/store/shows/" + showUuid,
-        beforeSend: function ( xhr ) {
-          //can't use show() because it starts out hidden and show() won't work with that
-          errorMessage.css('display', 'none')
-          loadingMessage.css('visibility', 'visible')
-          
-          $("ul#shows li").parent().attr('style','opacity:.4')
-        }
-      }).done(function ( data ) {
-        loadingMessage.css('visibility', 'hidden')
-        $("ul#shows li").parent().attr('style','opacity:1')
-        $("ul#shows li").hide();  
-        targetLiEl.html(data);  
-        targetLi.fadeIn('slow');
-        hookupToggle() 
-      }).error(function ( data ) {
-        loadingMessage.css('visibility', 'hidden')
-        errorMessage.css('display', 'block')
-        errorMessage.css('visibility', 'visible')
-      });
-    });
-  });
-
   $('#discount-link a').click(function(e) {
     e.preventDefault();
     $('tr#discount-link').hide();

data/app/assets/stylesheets/application.sass

@@ -3,6 +3,7 @@
 @import "./sass/event_list"
 @import "./sass/tags"
 @import "./sass/box-office"
+@import "./sass/seat-chart"
 @import "./sass/campaigns"
 @import "font-awesome"
 @import "./sass/fa-color"
@@ -35,7 +36,7 @@ h4.event-link
   margin: 0px
 
 a
-  font-weight: bold
+  font-weight: normal
 
 a.weak
   font-weight: normal
@@ -159,6 +160,13 @@ ul#memberships
   #text
     padding-top: 50px
 
+#add-a-pass-type
+  text-align: center
+  width: 100%
+  height: 100px
+  #text
+    padding-top: 25px
+
 #no-pass-sales
   text-align: center
   width: 100%
@@ -867,6 +875,15 @@ p.alternate_form_link
 #console-build-order
   margin-top: 12px
 
+.add-holds-to-cart
+  .add-holds-to-cart-message
+    font-size: 20px
+    color: black
+    line-height: 24px
+    padding-top: 4px
+  .add-holds-to-cart-button
+    padding: 5px
+
 .console-button
   height: 100px
   padding: 36px 28px
@@ -879,6 +896,37 @@ p.alternate_form_link
   padding: 30px 28px
   font-size: 18px
 
+#chart-overlay 
+  position: absolute
+  left: 0
+  top: 0
+  bottom: 0
+  right: 0
+  background: #000
+  opacity: 0.2
+  filter: alpha(opacity=20)
+
+#chart-loading 
+  position: absolute
+  top: 50%
+  left: 50%
+  margin: -28px 0 0 -25px
+
+#chart-error  
+  position: absolute
+  top: 50%
+  left: 50%
+  margin-left: auto
+  margin-right: auto
+  display: block
+  padding: 10px
+  text-transform: uppercase
+  font-weight: bold
+  font-size: 14px
+  color: white
+  background-color: red
+  text-align: center
+
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 980px) and (max-width: 1200px)
   .console-button

data/app/assets/stylesheets/bootstrap-overrides.css

@@ -31,7 +31,7 @@
 }
 
 .navbar .nav > li > a {
-  color: #DFDFDF;
+  color: #FFFFFF;
 }
 
 .navbar-inner-admin .nav > li > a {
@@ -375,6 +375,15 @@ input[type="radio"], input[type="checkbox"] {
   background-image:url("/assets/glyphicons-halflings.png") !important
 }
 
+.icon-white {
+  background-image:url("/assets/glyphicons-halflings-white.png") !important
+}
+
+.navbar .nav li.dropdown>.dropdown-toggle .caret {
+  border-top-color: white;
+  border-bottom-color: white;
+}
+
 .add-to-calendar {
   padding-top:10px;
   text-align: center;
@@ -392,5 +401,4 @@ input[type="radio"], input[type="checkbox"] {
 
 .ical-link {
     display: none;
-}
-
+}

data/app/assets/stylesheets/sass/seat-chart.sass

@@ -0,0 +1,311 @@
+.ticket_type_display
+  border: 1px solid #ECECEC
+  padding: 5px
+  margin-top: 5px
+  .name
+    font-size: 16px
+    font-weight: bold
+  .price
+    font-size: 16px
+  .channels-and-edit
+    margin-top: 10px
+
+#show-headline
+  padding: 0px 5px 0px 5px
+
+#stage
+  width: 200px
+  height: 50px
+  border: 1px solid #999
+  margin: 5px auto
+  background-color: #dfdfdf
+  text-align: center
+  #text
+    padding-top: 27px
+    color: #666
+    padding-top: 18px
+
+.seat-chart-creator
+  width: 380px
+  margin: 0px auto
+  padding-left: 40px
+
+#chart-parent
+  position: relative
+  overflow: visible
+  .btn, .btn-success, .btn-primary
+    background-image: none
+    font-weight: normal
+    border-radius: 0px
+  .btn-success, .btn-primary
+    border: 0
+  a
+    font-weight: normal
+  a.big
+    font-size: 24px
+  .action-button
+    padding: 2px
+    z-index: 10
+    position: absolute
+    top: 10px
+    left: 10px
+    background-image: image_url('glyphish/gray/10-medical.png')
+    background-repeat: no-repeat
+    background-position: center
+    height: 30px
+    width: 30px
+  .layers-button
+    padding: 2px
+    z-index: 10
+    position: absolute
+    top: 78px
+    left: 10px
+    background-image: image_url('glyphish/gray/293-database.png')
+    background-repeat: no-repeat
+    background-position: center
+    height: 30px
+    width: 30px
+  .work-with-button
+    padding: 2px
+    z-index: 10
+    position: absolute
+    top: 45px
+    left: 10px
+    background-image: image_url('glyphish/gray/19-gear.png')
+    background-repeat: no-repeat
+    background-position: center
+    height: 30px
+    width: 30px
+  .toggable-container
+    z-index: 10
+    background-color: #FFFFFF
+    padding: 10px
+    border: 2px solid #999
+    display: none
+    position: absolute
+    left: 50px
+    border-radius: 5px
+    label
+      font-weight: bold
+  .actions-container
+    top: 10px
+    .btn-container
+      .btn
+        width: 120px
+  .layers-container
+    top: 80px
+    form
+      margin: 0px
+      label
+        font-weight: normal
+  .seat-chart-layout, .seat-chart-legend
+    position: relative
+    min-height: 300px
+    margin: 0px auto
+    .tip
+      margin-left: 10px
+    .popover
+      width: 350px
+    .column-labels
+      .col
+        width: 28px
+        font-size: 16px
+        font-weight: bold
+        text-align: center
+        margin-left: 8px
+        float: left
+      .col-mini
+        width: 26px
+    .seat-row
+      margin-bottom: 3px
+      #legend
+        margin-top: 10px
+        .seat-label
+          float: left
+          padding-top: 5px
+          font-size: 12pt
+      .row-label
+        font-size: 16px
+        font-weight: bold
+        padding-top: 6px
+        padding-right: 4px
+        width: 20px
+        float: left
+      .delete-button-container
+        width: 20px
+        padding-top: 6px
+        padding-left: 8px
+        float: left
+      .seat-legend
+        height: 22px
+        width: 22px
+        border-radius: 12px
+        border: 1px solid #AEAEAE
+        float: left
+        margin-left: 2px
+        margin-right: 2px
+        background-repeat: no-repeat
+      .seat
+        height: 28px
+        width: 28px
+        border-radius: 18px
+        border: 1px solid #AEAEAE
+        float: left
+        margin-left: 8px
+        background-repeat: no-repeat
+        box-sizing: border-box
+        position: relative
+        .seat-note
+          position: absolute
+          left: 20px
+          top: -5px
+          width: 40px
+          z-index: 10
+          background-image: image_url('/assets/seating_temp/icon_43405_plus.png')
+      .available
+        background-color: #33ADDD
+        border-color: #33ADDD
+      .sold
+        background-color: #4C9C85
+        border-color: #4C9C85
+      .filled
+        background-color: grey
+        background-position: 4px 4px
+      .killed
+        background-image: image_url('glyphish/gray/298-circlex.png')
+        background-position: 3px 3px
+      .noseat
+        border: 0px
+        width: 32px 
+      .seat-mini
+        height: 24px
+        width: 24px
+      .ticket-type-selected
+        border: 3px solid orange
+      .seat-note
+        display: none
+      .seat-selected
+        border-color: #F98132
+        border-width: 3px
+      .seat-in-cart
+        border-color: #F98132
+        border-width: 3px      
+      .hold
+        border: 1px solid #FFCECE
+        background-color: #FFCECE
+      .clear
+        clear: both
+
+  #chart-note-display
+    background-color: #EEE
+    padding: 10px
+    width: 400px
+    margin: 0px auto
+
+  .seat-chart-layout.show-seat-note-layer
+    .seat-note
+      display: block
+
+  .seat-chart-layout.show-aisle-layer, .seat-chart-legend
+    .aisle
+      font-size: 20px
+      text-align: center
+      line-height: 27px
+      background-image: image_url('glyphish/gray/193-location-arrow.png')
+      background-position: 3px 3px
+      background-size: 20px 20px
+
+  .seat-chart-layout.show-hold-layer, .seat-chart-legend
+    .house-hold
+      background-image: image_url('glyphish/gray/53-house.png')
+      background-position: 3px 3px
+      background-color: #FFCECE
+    .tech-hold
+      background-image: image_url('glyphish/gray/51-outlet.png')
+      background-position: 3px 3px
+      background-color: #FFCECE
+    .development-hold
+      background-image: image_url('glyphish/gray/119-piggy-bank.png')
+      background-position: 1px 5px
+      background-color: #FFCECE
+    .press-hold
+      background-image: image_url('glyphish/gray/123-id-card.png')
+      background-position: 3px 3px
+      background-color: #FFCECE
+    .person-hold
+      background-image: image_url('glyphish/gray/253-person.png')
+      background-position: 3px 3px
+      background-color: #FFCECE
+    .contractual-hold
+      background-image: image_url('glyphish/gray/259-list.png')
+      background-position: 3px 3px
+      background-color: #FFCECE
+    .seat-selected
+      border-color: #F98132
+      border-width: 3px
+
+  .seat-chart-layout.show-wheelchair-layer, .seat-chart-legend
+    .wheelchair
+      background-image: image_url('/assets/seating_temp/icon_43405.png')
+      background-position: 5px 3px
+      background-size: 20px 20px
+    .wheelchair-companion
+      background-image: image_url('/assets/seating_temp/icon_43405_plus.png')
+      background-position: -1px -1px
+      background-size: 30px 30px
+
+  .seat-chart-layout.show-ticket-type-layer 
+    .seat
+      background-color: #FFFFFF
+    .ticket-type-on
+      background-color: #F98132 
+
+#seat-note-display
+  background-color: #EEE
+  padding: 10px
+  width: 210px
+
+.whos-coming-layout
+  .seat-row
+    margin-bottom: 3px
+    #legend
+      margin-top: 10px
+      .seat-label
+        float: left
+        padding-top: 5px
+        font-size: 12pt
+    .seat-legend
+      height: 22px
+      width: 22px
+      border-radius: 12px
+      border: 1px solid #AEAEAE
+      float: left
+      margin-left: 2px
+      margin-right: 2px
+      background-repeat: no-repeat
+    .empty
+      background-color: #479FFF
+    .seat
+      height: 28px
+      width: 28px
+      border-radius: 16px
+      border: 1px solid #AEAEAE
+      float: left
+      margin-left: 2px
+      background-repeat: no-repeat
+    .seat-selected
+      border-color: orange
+    .filled
+      background-image: image_url('glyphish/gray/253-person.png')
+      background-position: 4px 4px
+    .killed
+      background-image: image_url('glyphish/gray/298-circlex.png')
+      background-position: 3px 3px
+    .hold
+      border: 1px solid #FFCECE
+      background-color: #FFCECE
+    .noseat
+      border: 0px
+      width: 32px 
+    .clear
+      clear: both