deal_redemptions 0.0.4

data/app/assets/fonts/ss-glyphs.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xe600;" d="M346.777 89.084c-23.93 0-43.332 19.395-43.332 43.325 0 11.974-128.803 173.952-128.803 173.952s160.176-130.613 172.139-130.613c23.938 0 43.339-19.402 43.339-43.339-0.003-23.93-19.406-43.325-43.343-43.325zM325.015 281.752c0-11.96 9.7-21.662 21.666-21.662v0c11.967 0 21.67 9.699 21.67 21.662v46.563c0 11.967-9.703 21.662-21.67 21.662v0c-11.967 0-21.666-9.696-21.666-21.662v-46.563zM539.641 111.652c11.971 0 21.67 9.696 21.67 21.663v0c0 11.974-9.699 21.673-21.67 21.673h-46.553c-11.971 0-21.666-9.7-21.666-21.673v0c0-11.967 9.696-21.663 21.666-21.663h46.553zM494.364 251.588c8.462 8.466 8.459 22.178 0 30.641v0c-8.466 8.466-22.181 8.469-30.64 0l-32.926-32.923c-8.459-8.463-8.459-22.178 0-30.64v0c8.466-8.462 22.185-8.462 30.644 0l32.923 32.923zM197.922 111.652c11.97 0 21.67 9.696 21.67 21.663v0c0 11.974-9.7 21.673-21.67 21.673h-46.556c-11.967 0-21.666-9.7-21.666-21.673v0c0-11.967 9.7-21.663 21.666-21.663h46.556zM651.48-32c26.713 49.14 41.883 105.459 41.883 165.315 0 191.47-155.214 346.685-346.681 346.685s-346.681-155.214-346.681-346.685c0-59.856 15.177-116.175 41.883-165.315h609.597zM346.681 410.178c152.904 0 276.863-123.959 276.863-276.863 0-33.271-5.885-65.176-16.648-94.733h-520.427c-10.762 29.557-16.648 61.462-16.648 94.733 0.004 152.907 123.956 276.863 276.86 276.863z" horiz-adv-x="694" />
+<glyph unicode="&#xe601;" d="M65.171 273.805c-3.224-8.243-0.018-17.79 7.936-22.214l19.543-10.858c-3.915 14.235-13.786 26.46-27.48 33.072zM485.212 124.038c-3.769-4.471-6.654-9.938-8.286-16.539-3.601-14.555 0.855-26.738 9.864-36.068l18.022 32.427c-8.706 4.841-15.339 11.955-19.599 20.18zM575.639 268.313l-376.869 209.422c-8.674 4.819-19.61 1.695-24.43-6.975l-30.404-54.712c23.557-13.095 32.042-42.801 18.955-66.362-0.954-1.717-2.020-3.327-3.142-4.884l388.173-94.457c10.263-2.536 16.529-12.921 13.989-23.186l-8.6-36.004 29.299 52.728c4.823 8.671 1.699 19.61-6.971 24.43zM461.882 110.305c6.904 27.885 35.103 44.899 62.992 37.998l16.026 64.762c2.54 10.27-3.722 20.654-13.989 23.194l-446.113 110.401c-10.267 2.54-20.647-3.722-23.191-13.989l-16.030-64.766c27.889-6.9 44.898-35.102 37.998-62.991s-35.102-44.895-62.988-37.995l-16.030-64.765c-2.54-10.267 3.723-20.647 13.989-23.19l446.116-110.405c10.267-2.54 20.647 3.723 23.19 13.986l16.026 64.769c-27.885 6.904-44.895 35.106-37.998 62.991z" horiz-adv-x="585" />
+<glyph unicode="&#xe602;" d="M584.795 316.571h-89.459l1.243-3.736c0 0 11.639-35.267-19.714-53.819-39.548-23.406-63.677 15.325-63.677 15.325l-27.663 42.23h-165.054l-27.659-42.23c0 0-24.126-38.732-63.677-15.325-31.352 18.552-19.721 53.819-19.721 53.819l1.246 3.736h-85.317c-13.993 0-25.344-11.347-25.344-25.347 0-13.997 11.351-25.348 25.344-25.348h14.385l35.363-273.66c0-13.37 10.838-24.215 24.215-24.215h410.353c13.374 0 24.215 10.845 24.215 24.215l35.359 273.66h15.564c14 0 25.347 11.354 25.347 25.348-0.004 14-11.351 25.347-25.351 25.347zM199.779 34.031c0-12.37-10.026-22.399-22.399-22.399-12.369 0-22.395 10.029-22.395 22.399v151.331c0 12.373 10.026 22.402 22.395 22.402 12.373 0 22.399-10.029 22.399-22.402v-151.331zM272.474 34.031c0-12.37-10.026-22.399-22.395-22.399-12.373 0-22.398 10.029-22.398 22.399v151.331c0 12.373 10.026 22.402 22.399 22.402 12.37 0 22.395-10.029 22.395-22.402v-151.331zM381.519 34.031c0-12.37-10.026-22.399-22.395-22.399-12.373 0-22.399 10.029-22.399 22.399v151.331c0 12.373 10.026 22.402 22.399 22.402 12.37 0 22.395-10.029 22.395-22.402v-151.331zM454.214 34.031c0-12.37-10.026-22.399-22.395-22.399-12.373 0-22.395 10.029-22.395 22.399v151.331c0 12.373 10.022 22.402 22.395 22.402 12.37 0 22.395-10.029 22.395-22.402v-151.331zM180.835 281.948c-9.218-14.745-28.635-19.222-43.38-10.008v0c-14.745 9.218-19.218 28.635-10.008 43.377l93.698 149.885c9.214 14.745 28.631 19.222 43.376 10.008v0c14.745-9.218 19.218-28.635 10.012-43.377l-93.697-149.885zM425.675 281.948c9.217-14.745 28.635-19.222 43.38-10.008v0c14.741 9.218 19.218 28.635 10.008 43.377l-93.701 149.885c-9.21 14.745-28.632 19.222-43.377 10.008v0c-14.741-9.218-19.218-28.635-10.008-43.377l93.697-149.885z" horiz-adv-x="610" />
+<glyph unicode="&#xe603;" d="M418.298 448.759l-193.542 31.238-193.542-31.238c-16.517-2.34-31.216-13.978-31.216-31.216v-387.086c0-17.235 14.7-27.959 31.216-31.216 0 0 166.228-31.238 193.542-31.238s193.542 31.238 193.542 31.238c19.774 3.258 31.216 13.985 31.216 31.216v387.082c0 17.243-11.445 28.88-31.216 31.22zM407.127 66.688c0-13.985-9.286-22.695-25.33-25.334 0 0-134.88-25.348-157.042-25.348-22.165 0-157.042 25.348-157.042 25.348-13.409 2.639-25.33 11.349-25.33 25.334v314.087c0 13.991 12.896 25.327 25.33 25.327s157.042-41.367 157.042-41.367 141.001 41.367 157.042 41.367 25.33-11.339 25.33-25.327v-314.087zM125.885 232.002c0-5.107-3.659-9.824-9.251-9.255l-43.938 11.566c-3.852 0.772-9.247 4.147-9.247 9.255v75.172c0 5.115 3.18 10.794 9.247 9.255l43.938-11.573c5.975-1.633 9.251-4.14 9.251-9.247v-75.172zM172.772-5.681c0-5.115-3.656-9.816-9.247-9.247l-72.082 11.566c-3.859 0.772-9.255 4.133-9.255 9.247v168.899c0 5.115 3.183 10.787 9.255 9.255l71.954-18.687c5.971-1.625 9.247-4.14 9.247-9.247l0.128-161.786zM203.995 213.245c0-5.1-3.667-9.816-9.255-9.24l-43.938 11.559c-3.856 0.772-9.247 4.147-9.247 9.255v75.175c0 5.115 3.183 10.787 9.247 9.255l43.938-11.573c5.975-1.633 9.255-4.14 9.255-9.247v-75.183zM322.615 232.002c0-5.107 3.659-9.824 9.25-9.255l43.938 11.566c3.852 0.772 9.247 4.147 9.247 9.255v75.172c0 5.115-3.176 10.794-9.247 9.255l-43.938-11.573c-5.968-1.633-9.25-4.14-9.25-9.247v-75.172zM244.516 213.245c0-5.1 3.656-9.816 9.247-9.24l43.938 11.559c3.852 0.772 9.247 4.147 9.247 9.255v75.175c0 5.115-3.18 10.787-9.247 9.255l-43.938-11.573c-5.975-1.633-9.247-4.14-9.247-9.247v-75.183zM322.615 107.034c0-5.108 3.659-9.816 9.25-9.255l43.938 11.573c3.852 0.772 9.247 4.14 9.247 9.255v75.172c0 5.108-3.176 10.787-9.247 9.247l-43.938-11.566c-5.968-1.632-9.25-4.14-9.25-9.255v-75.172zM244.516 88.291c0-5.115 3.656-9.83 9.247-9.255l43.938 11.559c3.852 0.786 9.247 4.154 9.247 9.262v75.175c0 5.108-3.18 10.787-9.247 9.247l-43.938-11.566c-5.975-1.632-9.247-4.14-9.247-9.255v-75.168z" horiz-adv-x="450" />
+<glyph unicode="&#xe604;" d="M515.397 387.451l-92.275 92.549-190.248-190.255 92.275-92.542zM170.635 434.909v-295.637h295.641zM343.719 95.417v-36.043c0-15.603-12.651-28.255-28.252-28.255h-224.101c-15.6 0-28.252 12.651-28.252 28.255v224.101c0 15.603 12.652 28.255 28.252 28.255h36.616v63.119h-99.735c-15.6 0-28.252-12.651-28.252-28.258v-350.339c0-15.603 12.652-28.255 28.252-28.255h350.335c15.607 0 28.259 12.651 28.259 28.255v99.166h-63.123z" horiz-adv-x="516" />
+<glyph unicode="&#xe605;" d="M485.787 271.171h-47.019c-4.447 17.289-11.324 33.594-20.169 48.586l33.714 33.711c10.236 10.236 10.232 26.831 0 37.074l-29.654 29.651c-10.236 10.236-26.832 10.236-37.067 0l-33.679-33.686c-15.035 8.896-31.393 15.796-48.736 20.255v47.026c0 14.47-11.736 26.206-26.213 26.206h-41.938c-14.477 0-26.213-11.736-26.213-26.206v-47.026c-17.314-4.459-33.643-11.338-48.661-20.215l-34.219 34.219c-10.236 10.236-26.831 10.236-37.067 0l-29.648-29.647c-10.239-10.243-10.236-26.832 0-37.067l34.22-34.22c-8.87-15.021-15.757-31.343-20.212-48.664h-47.022c-14.477 0-26.213-11.736-26.213-26.206v-41.942c0-14.47 11.736-26.206 26.213-26.206h47.022c4.462-17.339 11.362-33.7 20.255-48.732l-33.121-33.121c-10.236-10.236-10.239-26.832 0-37.067l29.651-29.651c10.236-10.236 26.835-10.236 37.067 0l33.153 33.149c14.996-8.846 31.297-15.721 48.583-20.166v-47.026c0-14.477 11.736-26.206 26.213-26.206h41.934c14.474 0 26.213 11.729 26.213 26.206v47.026c17.314 4.451 33.64 11.337 48.661 20.215l33.181-33.185c10.236-10.236 26.832-10.243 37.067 0l29.654 29.651c10.232 10.236 10.232 26.832 0 37.067l-33.181 33.185c8.87 15.021 15.757 31.343 20.215 48.657h47.019c14.477 0 26.209 11.736 26.209 26.206v41.941c-0.003 14.47-11.74 26.206-26.213 26.206zM255.996 145.368c-43.428 0-78.635 35.204-78.635 78.625 0 43.428 35.204 78.632 78.635 78.632 43.428 0 78.632-35.204 78.632-78.632 0-43.421-35.204-78.625-78.632-78.625z" />
+<glyph unicode="&#xe606;" d="M289.084 480c-140.752 0-254.851-114.103-254.851-254.847 0-140.756 114.103-254.855 254.851-254.855s254.851 114.099 254.851 254.855c0 140.745-114.103 254.847-254.851 254.847zM289.084 18.98c-113.865 0-206.168 92.305-206.168 206.172 0 113.861 92.305 206.165 206.168 206.165s206.165-92.305 206.165-206.165c0-113.868-92.305-206.172-206.165-206.172zM190.157 279.522c0 15.575 2.337 29.74 7.010 42.487s11.474 23.644 20.393 32.713c8.92 9.062 19.682 16.076 32.291 21.030 12.598 4.954 26.692 7.437 42.274 7.437 13.024 0 25.135-1.91 36.327-5.733 11.185-3.824 20.959-9.346 29.317-16.57 8.351-7.223 14.938-16.221 19.757-26.981 4.815-10.766 7.224-22.943 7.224-36.537 0-9.92-1.060-18.48-3.187-25.707-2.123-7.224-4.958-13.454-8.497-18.697-3.546-5.246-7.579-9.916-12.11-14.017-4.534-4.112-9.070-8.148-13.597-12.11-5.385-4.531-10.342-8.923-14.87-13.17-4.534-4.247-8.497-8.995-11.897-14.233-3.4-5.246-6.022-11.406-7.86-18.48-1.846-7.084-2.76-15.72-2.76-25.917h-45.887c0 12.459 0.637 23.011 1.913 31.65 1.274 8.639 3.325 16.214 6.16 22.733 2.827 6.512 6.298 12.245 10.41 17.207 4.104 4.954 8.988 9.841 14.661 14.656 4.527 3.965 8.849 7.647 12.96 11.047 4.101 3.4 7.786 7.153 11.047 11.26 3.255 4.101 5.801 8.707 7.647 13.806 1.839 5.1 2.76 11.189 2.76 18.274 0 8.497-1.486 15.784-4.46 21.877-2.974 6.089-6.587 10.976-10.834 14.66-4.247 3.678-8.781 6.374-13.597 8.074-4.819 1.7-9.070 2.55-12.743 2.55-17.566 0-30.526-5.733-38.877-17.207-8.358-11.474-12.534-26.841-12.534-46.101h-48.441zM257.711 125.717h56.934v-53.111h-56.934v53.111z" horiz-adv-x="562" />
+</font></defs></svg>

data/app/assets/javascripts/deal_redemptions/admin.js.coffee

@@ -0,0 +1,77 @@
+# JS File to handle admin interface
+
+class Validator
+  email_address: (email) ->
+    regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/
+    regex.test email
+
+  form: (options) ->
+    options = options || {}
+    count = 0
+    self = @
+
+    $("#{options.form} input[required]").each(() ->
+      if @.value != ''
+        $(@).parent().removeClass 'has-error'
+      else
+        $(@).parent().addClass 'has-error'
+        count++
+
+      if $(@).prop('type') == 'email'
+        if self.email_address(@.value)
+          $(@).parent().removeClass 'has-error'
+        else
+          $(@).parent().addClass 'has-error'
+          count++
+    )
+
+    if count == 0 then true else false
+
+class Navigation
+  mobile: () ->
+    $('section#mobile-navigation select').bind 'change', () ->
+      window.location.href = @.value
+
+
+$(document).ready ->
+  navigation = new Navigation
+
+  # Responsive mobile navigation
+  navigation.mobile()
+
+  $('i.csv-tip').tooltip({
+    container: 'body'
+    html: true
+    placement: 'right'
+    trigger: 'hover'
+    template: '<img src="/assets/admin/csv-demo.jpg" alt="" />'
+    viewport: 'col-md-4'
+  })
+
+  nowTemp = new Date()
+  now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0)
+
+  checkin = $('input#exportStartDate').datepicker({
+    format: 'yyyy-mm-dd'
+    onRender: (date) ->
+      return date.valueOf() < now.valueOf() ? 'disabled' : ''
+
+  }).on('changeDate', (ev) ->
+    if ev.date.valueOf() > checkout.date.valueOf()
+      newDate = new Date(ev.date)
+      newDate.setDate(newDate.getDate() + 1)
+      checkout.setValue(newDate)
+
+    checkin.hide()
+
+    $('input#exportEndDate').focus()
+  ).data('datepicker')
+
+  checkout = $('#exportEndDate').datepicker({
+    format: 'yyyy-mm-dd'
+    onRender: (date) ->
+      return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''
+
+  }).on('changeDate', (ev) ->
+    checkout.hide()
+  ).data('datepicker')

data/app/assets/javascripts/deal_redemptions/application.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require bootstrap
+//= require bootstrap-datepicker
+//= stub deal_redemptions/admin
+//= require_tree .

data/app/assets/javascripts/deal_redemptions/redeem/redeem.js.coffee

@@ -0,0 +1,49 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+
+# Add duplicate detection on array prototype
+Array.prototype.duplicate_values = () ->
+  sorted = this.sort()
+
+  for i, index in sorted
+    if sorted[index] == sorted[index - 1] || sorted[index] == sorted[index + 1]
+      return true
+
+  return false
+
+$(document).ready () ->
+  # Instantiate redemption class
+  redemption = new Redemption
+  validation = new Validator
+
+  # Add additional redemption codes
+  $('.add-button').bind 'click', () ->
+    redemption.add_redeem_code()
+    false
+
+  # On change event, validate current code fields
+  $(document).on 'change', "input[name^='redeem_codes[]']", () ->
+    self = @
+    redemption.search_for_duplicate_entries("input[name^='redeem_codes[]']", (response) ->
+      if response
+        redemption.display_code_message("Please provide unique redemption codes.")
+      else
+        if self.value != ''
+          validation.validate_code(self.value, (response) ->
+            if response.status == true
+              $(self).parent().removeClass('has-error').addClass('has-success')
+            else
+              $(self).parent().addClass('has-error')
+              redemption.display_code_message("Please provide valid redemption code(s).")
+          )
+    )
+
+  # Form submission
+  $("button[type='submit']").bind 'click', () ->
+    validation.form((data) ->
+      if data == 0
+        return true
+      else
+        redemption.display_code_message('Please fill out all required fields.')
+        return false
+    )

data/app/assets/javascripts/deal_redemptions/redeem/redemption.js.coffee

@@ -0,0 +1,41 @@
+root = exports ? this
+
+class root.Redemption
+  constructor: (@max) ->
+    @number = 0
+    @max = @max || 9
+
+  add_redeem_code: () ->
+    if @number < @max
+      @number++
+      $('.row#redemption_codes').append "<div class=\"col-md-6\"><div class=\"form-group\"><label for=\"redeem_codes[]\">Voucher Code #{@number + 1}</label><input class=\"form-control\" id=\"redeem_codes_#{@number}_code\" name=\"redeem_codes[]\" type=\"text\"></div></div>"
+
+  # Search for duplicate codes in the input form
+  get_inputs_array: (inputs) ->
+    inputArray = []
+
+    $.each($(inputs), (key, input) ->
+      if input.value != ''
+        inputArray.push input.value
+    )
+
+    inputArray
+
+  search_for_duplicate_entries: (inputs, callback) ->
+    inputs = @.get_inputs_array(inputs)
+
+    if typeof callback == 'function'
+      # Find matching values in array if present and return with callback
+      callback inputs.duplicate_values()
+
+  get_company_from_uri: () ->
+    pathArray = window.location.pathname.split('/')
+    pathArray[2]
+
+  display_code_message: (message, timing) ->
+    timing = timing || 8000
+
+    container = $('.code-alert')
+    container.html message
+    container.slideDown()
+    container.delay(timing).slideUp()

data/app/assets/javascripts/deal_redemptions/redeem/validator.js.coffee

@@ -0,0 +1,36 @@
+root = exports ? this
+
+class root.Validator extends Redemption
+  email_address: (email) ->
+    emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/
+
+    if emailReg.test email
+      return true
+
+    return false
+
+  form: (callback) ->
+    self = @
+    count = 0
+
+    $.each($("form[name='redemptionForm'] input"), (key, value) ->
+      if value.value == '' && $(value).prop 'required'
+        count++
+
+      if value.type == 'email' && count == 0
+        if !self.email_address(value.value)
+          self.display_code_message('Please provide a valid email address.')
+    )
+
+    # If all required fields are met
+    # return callback function
+    if typeof callback == 'function'
+      callback(count)
+
+  validate_code: (code, callback) ->
+    $.getJSON("/validate/code/#{@.get_company_from_uri()}/#{code}", (response) ->
+      if typeof callback == 'function'
+        callback response
+    ).error(() ->
+      false
+    )

data/app/assets/javascripts/deal_redemptions/welcome.js.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+

data/app/assets/stylesheets/deal_redemptions/admin.css.scss

@@ -0,0 +1,505 @@
+@import "lib.css.scss";
+// Stylesheet form deal redemptions admin interface
+
+@font-face {
+  font-family: 'ss-glyphs';
+  src:url('/assets/ss-glyphs.eot?k0r2ye');
+  src:url('/assets/ss-glyphs.eot?#iefixk0r2ye') format('embedded-opentype'),
+  url('/assets/ss-glyphs.woff?k0r2ye') format('woff'),
+  url('/assets/ss-glyphs.ttf?k0r2ye') format('truetype'),
+  url('/assets/ss-glyphs.svg?k0r2ye#ss-glyphs') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+html, body {
+  color: #444;
+  font-family: "ProximaNovaLight", "Helvetica Neue", "Helvetica", "sans-serif";
+  margin: 0;
+  padding: 0;
+  display: initial;
+
+  .login {
+    background: #444;
+    color: #FFF;
+  }
+}
+
+// ===============================================================
+// 1.0 Login
+// ===============================================================
+
+// Login form
+.login-heading, .login-subheading {
+  text-align: center;
+  text-shadow: 0 0 4px #000;
+
+  h1 {
+    padding: 30px 0 20px 0;
+    font-size: 30px;
+  }
+
+  h4 {
+    padding: 0 0 20px 0;
+  }
+}
+
+.login-subheading {
+  font-family: 'ProximaNovaRegular';
+  font-size: 12px;
+}
+
+.login-container {
+  max-width: 340px;
+  margin: auto;
+
+  .login-form {
+    background: white;
+    -webkit-border-radius: 10px;
+       -moz-border-radius: 10px;
+         -o-border-radius: 10px;
+            border-radius: 10px;
+    box-shadow: 0 0 8px #000;
+    overflow: hidden;
+
+    form {
+      .form-input {
+        padding: 10px;
+      }
+
+      input[type='text'], input[type='password'] {
+        color: #888;
+        width: 100%;
+        padding: 4%;
+        border: none;
+        outline: none;
+
+        &:-webkit-autofill {
+          -webkit-box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
+          -webkit-text-fill-color: #888;
+        }
+
+        &:-webkit-autofill:focus {
+          -webkit-box-shadow: 0 0 0 50px white inset;
+          -webkit-text-fill-color: #888;
+        }
+      }
+
+      input[type='submit'] {
+        background: #059fe6;
+        width: 100%;
+        font-size: 18px;
+        padding: 20px;
+        border: none;
+        @include transform(background 0.3s linear);
+
+        &:hover {
+          background: #0081bc;
+        }
+      }
+
+      hr {
+        margin: 0;
+      }
+    }
+  }
+}
+
+
+// ===============================================================
+// 2.0 Basic Structure
+// ===============================================================
+// Sidebar/Navigation
+.sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 200px;
+  background: #444;
+  z-index: 3;
+
+  .account-header {
+    background: #333;
+    height: 60px;
+    border-bottom: 1px #696969 solid;
+
+    .account-logo {
+      background: #FFF;
+      width: 60px;
+      height: 60px;
+      padding: 10px;
+      overflow: hidden;
+
+      img {
+        max-width: 30px;
+      }
+    }
+
+    p {
+      &.site-name {
+        color: #FFF;
+        font-size: 14px;
+        padding: 20px 10px;
+      }
+    }
+  }
+
+  nav {
+    ul {
+      padding: 0;
+      margin: 0;
+
+      li {
+        list-style: none;
+        height: 40px;
+
+        a:link, a:visited {
+          float: left;
+          width: 100%;
+          height: 40px;
+          color: #CCC;
+          text-decoration: none;
+          line-height: 25px;
+          padding: 8px 20px;
+          @include transform(background 0.2s linear);
+
+          &:hover {
+            background: #333;
+          }
+
+          &.active {
+            color: #FFF;
+            background: #333;
+          }
+        }
+      }
+    }
+  }
+}
+
+.topbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: #f0f0f0;
+  background: rgba(240,240,240,0.8);
+  width: 100%;
+  height: 60px;
+  border-bottom: 1px #CCC solid;
+  padding-left: 220px;
+  z-index: 2;
+
+  h1 {
+    float: left;
+    font-size: 24px;
+    margin: 16px 0;
+
+    &.dashboard {
+      &:before {
+        content: '\e600'
+      }
+    }
+  }
+
+  .pull-right {
+    padding: 13px;
+  }
+}
+
+// Glyph icons
+i {
+  width: 30px;
+  font-family: "ss-glyphs";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  text-align: center;
+  line-height: 1;
+  padding-right: 10px;
+
+  &.dashboard {
+    &:before {
+      content: '\e600'
+    }
+  }
+
+  &.redemptions {
+    &:before {
+      content: '\e601'
+    }
+  }
+
+  &.products {
+    &:before {
+      content: '\e602'
+    }
+  }
+
+  &.companies {
+    &:before {
+      content: '\e603'
+    }
+  }
+
+  &.import {
+    &:before {
+      content: '\e604'
+    }
+  }
+
+  &.settings {
+    &:before {
+      content: '\e605'
+    }
+  }
+
+  &.question {
+    &:before {
+      content: '\e606'
+    }
+  }
+}
+
+// Main content
+.content-wrapper {
+  padding: 70px 20px 20px 220px;
+}
+
+label, input, textarea, select {
+  font-family: "Helvetica Neue", "Helvetica";
+}
+
+label {
+  font-size: 14px;
+}
+
+.remove-btn {
+  background: none;
+  color: red;
+  border: none;
+  padding: 0;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+// Bootstrap tooltip
+.tooltip {
+  z-index: 2000;
+}
+
+// ===============================================================
+// 2.1 Page Structure
+// ===============================================================
+table.table {
+  &.default {
+    thead {
+      tr {
+        td {
+          padding: 10px 20px;
+          font: 14px "ProximaNovaRegular";
+        }
+      }
+    }
+
+    tbody {
+      tr {
+        @include transform(background 0.2s linear);
+
+        &:nth-last-child(1) {
+          border-bottom: 1px #DDD solid;
+        }
+
+        &:hover {
+          background: #f8f8f8;
+        }
+
+        td {
+          font-size: 14px;
+          padding: 16px;
+        }
+      }
+    }
+  }
+}
+
+.row, .row-fluid {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
+  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    &.description-wrapper {
+      border: 1px #e0e0e0 solid;
+      @include border-radius(6px);
+      margin-bottom: 10px;
+
+      header {
+        background: #f0f0f0;
+        color: #428bca;
+        font: 16px "ProximaNovaRegular";
+        padding: 10px;
+        margin: 0;
+        border-bottom: 1px #e0e0e0 solid;
+        @include border-top-left-radius(6px);
+        @include border-top-right-radius(6px);
+      }
+
+      .row, .row-fluid {
+        &.redemption-description {
+          padding: 10px 0;
+
+          strong {
+            &.title {
+              float: left;
+              width: 100%;
+              font-family: "ProximaNovaRegular";
+              font-style: bold;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// Padding
+.padding-right-5 {
+  padding-right: 5px;
+}
+
+.padding-right-10 {
+  padding-right: 10px;
+}
+
+.padding-right-15 {
+  padding-right: 15px;
+}
+
+.padding-left-5 {
+  padding-left: 5px;
+}
+
+.padding-left-10 {
+  padding-left: 10px;
+}
+
+.padding-left-15 {
+  padding-left: 15px;
+}
+
+// ===============================================================
+// 2.2 Mobile Components
+// ===============================================================
+section#mobile-navigation {
+  display: none;
+
+  select {
+    width: 100%;
+  }
+}
+
+// ===============================================================
+// 3.0 Products
+// ===============================================================
+.no-current-products {
+  text-align: center;
+  font-size: 24px;
+  margin-top: 80px;
+
+  i {
+    &.products {
+      &:before {
+        width: 100%;
+        font-size: 140px;
+        margin-bottom: 20px;
+      }
+    }
+  }
+}
+
+// ===============================================================
+// 4.0 Redemptions
+// ===============================================================
+form {
+  &.search-redemptions {
+    width: 100%;
+  }
+}
+
+.no-current-redemptions {
+  text-align: center;
+  font-size: 24px;
+  margin-top: 80px;
+
+  i {
+    &.redemptions {
+      &:before {
+        width: 100%;
+        font-size: 140px;
+        margin-bottom: 20px;
+      }
+    }
+  }
+}
+
+// ===============================================================
+// 5.0 Responsive Design
+// ===============================================================
+// iPhone
+@media (max-width: 480px) {
+  table {
+    &#redemptions {
+      tr {
+        td {
+          &:nth-child(1), &:nth-child(4), &:nth-child(5) {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 840px) {
+  .topbar {
+    padding-left: 20px;
+  }
+
+  section {
+    &.sidebar {
+      display: none;
+    }
+
+    &.content-wrapper {
+      padding-left: 20px;
+    }
+
+    &#mobile-navigation {
+      display: block;
+    }
+  }
+}
+
+@media (max-width: 990px) {
+  form {
+    &.search-redemptions {
+      button[type=submit] {
+        width: 100%;
+      }
+
+      .col-md-8 {
+        padding-right: 15px !important;
+      }
+
+      .col-md-4 {
+        padding-left: 15px !important;
+      }
+    }
+  }
+
+  // Redemptions
+  .redemption-right-col {
+    padding: 0;
+  }
+}