rack-push-notification 0.2.0 → 0.4.0

data/lib/rack/push-notification/assets/javascripts/views/compose.coffee

@@ -1,120 +0,0 @@
-class RPN.Views.Compose extends Backbone.View
-  template: JST['templates/compose']
-  partial: JST['templates/_preview']
-  el: "[role='main']"
-
-  events:
-    'submit form': 'submit'
-    'click button#send': 'submit' 
-    'keyup textarea': 'updatePreview'
-    'focus textarea': ->
-      @$el.find("input[type=radio][value=selected]").prop('checked',true)
-
-  initialize: ->
-    window.setInterval(@updateTime, 10000)
-
-  render: ->
-    @$el.html(@template())
-
-    @editor = CodeMirror.fromTextArea(document.getElementById("payload"), {
-      mode: "application/json",
-      theme: "solarized-dark",
-      tabMode: "indent",
-      lineNumbers : true,
-      matchBrackets: true
-    })
-
-    @updatePreview()
-    @updateTime()
-
-    $.ajax("/message"
-      type: "HEAD"
-
-      error: (data, status) =>
-        @disable()
-    )
-    @
-
-  submit: ->
-    console.log("submit!")
-    $form = @$el.find("form#compose")
-    payload = @editor.getValue()
-
-    tokens = undefined
-    if $("input[name='recipients']:checked").val() == "specified"
-      tokens = [$form.find("#tokens").val()]
-
-    $.ajax("/message"
-      type: "POST"
-      dataType: "json"
-      data: {
-        tokens: tokens,
-        payload: payload
-      }
-    )
-      
-      beforeSend: =>
-        @$el.find(".alert-error, .alert-success").remove()
-
-      success: (data, status) =>
-        alert = """
-          <div class="alert alert-block alert-success">
-            <button type="button" class="close" data-dismiss="alert">×</button>
-            <h4>Push Notification Succeeded</h4>
-          </div>
-        """
-        @$el.prepend(alert)
-
-      error: (data, status) =>
-        alert = """
-          <div class="alert alert-block alert-error">
-            <button type="button" class="close" data-dismiss="alert">×</button>
-            <h4>Push Notification Failed</h4>
-            <p>#{$.parseJSON(data.responseText).error}</p>
-          </div>
-        """
-        @$el.prepend(alert)
-
-
-  disable: ->
-    alert = """
-      <div class="alert alert-block">
-        <button type="button" class="close" data-dismiss="alert">×</button>
-        <h4>Push Notification Sending Unavailable</h4>
-        <p>Check that Rack::PushNotification initializes with a <tt>:certificate</tt> parameter, and that the certificate exists and is readable in the location specified.</p>
-      </div>
-    """
-
-    @$el.prepend(alert)
-
-    $(".iphone").css(opacity: 0.5)
-
-    $form = @$el.find("form#compose")
-    $form.css(opacity: 0.5)
-    $form.find("input").disable()
-
-  updatePreview: ->
-    @$el.find(".preview").html(@partial())
-
-    try
-      json = $.parseJSON(@editor.getValue())
-      if alert = json.aps.alert
-        $(".preview p").text(alert)
-    
-    catch error
-      $(".alert strong").text(error.name)
-      $(".alert span").text(error.message)
-    finally
-      if alert? and alert.length > 0
-        $(".notification").show()
-        $(".alert").hide()
-      else
-        $(".notification").hide()
-        $(".alert").show()
-
-  updateTime: ->
-    $time = $("time")
-    $time.attr("datetime", Date.now().toISOString())
-    $time.find(".time").text(Date.now().toString("HH:mm"))
-    $time.find(".date").text(Date.now().toString("dddd, MMMM d"))
-

data/lib/rack/push-notification/assets/javascripts/views/devices.coffee

@@ -1,23 +0,0 @@
-class RPN.Views.Devices extends Backbone.View
-  template: JST['templates/devices']
-  partial: JST['templates/_devices']
-  el: "[role='main']"
-
-  events:
-    'keyup form.filter input': 'filter'
-
-  initialize: ->
-    @collection.on 'reset', =>
-      @$el.find("table").html(@partial(devices: @collection))
-
-  render: ->
-    @$el.html(@template(devices: @collection))
-
-    @paginationView = new RPN.Views.Pagination(collection: @collection)
-    @paginationView.render()
-    @
-
-  filter: (e) ->
-    e.preventDefault()
-    @collection.query = $(e.target).val()
-    @collection.fetch()

data/lib/rack/push-notification/assets/javascripts/views/pagination.coffee

@@ -1,29 +0,0 @@
-class RPN.Views.Pagination extends Backbone.View
-  template: JST['templates/pagination']
-  el: ".pagination"
-
-  events:
-    'click a.previous': 'gotoPrevious'
-    'click a.next': 'gotoNext'
-    'click a.page': 'gotoPage'
-
-  initialize: ->
-    @collection.on 'reset', =>
-      @render()
-
-  render: ->
-    @$el.html(@template(devices: @collection))
-    @
-
-  gotoPrevious: (e) ->
-    e.preventDefault()
-    @collection.requestPreviousPage() unless $(e.target).parent().hasClass("disabled")
-
-  gotoNext: (e) ->
-    e.preventDefault()
-    @collection.requestNextPage() unless $(e.target).parent().hasClass("disabled")
-
-  gotoPage: (e) ->
-    e.preventDefault()
-    page = $(e.target).text()
-    @collection.goTo(page)

data/lib/rack/push-notification/assets/stylesheets/_codemirror.sass

@@ -1,219 +0,0 @@
-.CodeMirror
-  @extend .span7
-  float: left
-  +meslo-font-stack
-
-.CodeMirror-scroll
-  +border-radius(5px)
-
-  overflow: auto
-  height: 200px
-  // This is needed to prevent an IE[67] bug where the scrolled content
-  // is visible outside of the scrolling box.
-  position: relative
-  border: 1px #ccc solid
-  margin-bottom: 20px
-  @extend .span7
-
-.CodeMirror-gutter
-  +border-left-radius(5px)
-
-  position: absolute
-  left: 0
-  top: 0
-  z-index: 10
-  min-width: 2em
-  height: 100%
-  padding-right: 15px
-  margin-right: 10px
-  border-right: 1px #ccc solid
-
-.CodeMirror-gutter-text
-  color: #aaa
-  text-align: right
-  padding: .4em .2em .4em .4em
-  white-space: pre !important
-
-.CodeMirror-lines
-  padding: .4em
-  white-space: pre
-
-.CodeMirror pre
-  -moz-border-radius: 0
-  -webkit-border-radius: 0
-  -o-border-radius: 0
-  border-radius: 0
-  border-width: 0
-  margin: 0
-  padding: 0
-  background: transparent
-  font-family: inherit
-  font-size: inherit
-  padding: 0
-  margin: 0
-  white-space: pre
-  word-wrap: normal
-  line-height: inherit
-  color: inherit
-
-.CodeMirror-wrap
-  pre
-    word-wrap: break-word
-    white-space: pre-wrap
-    word-break: normal
-  .CodeMirror-scroll
-    overflow-x: hidden
-
-.CodeMirror
-  textarea
-    outline: none !important
-  pre.CodeMirror-cursor
-    z-index: 10
-    position: absolute
-    visibility: hidden
-    border-left: 1px solid black
-    border-right: none
-    width: 0
-
-.cm-keymap-fat-cursor pre.CodeMirror-cursor
-  width: auto
-  border: 0
-  background: transparent
-  background: rgba(0, 200, 0, 0.4)
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600c800, endColorstr=#4c00c800)
-  &:not(#nonsense_id)
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
-
-// .CodeMirror pre.CodeMirror-cursor.CodeMirror-overwrite
-
-.CodeMirror-focused pre.CodeMirror-cursor
-  visibility: visible
-
-div.CodeMirror-selected
-  background: #d9d9d9
-
-.CodeMirror-focused div.CodeMirror-selected
-  background: #d7d4f0
-
-.CodeMirror-searching
-  background: #ffa
-  background: rgba(255, 255, 0, 0.4)
-
-/* Default theme
-
-.cm-s-default span
-  &.cm-keyword
-    color: #708
-  &.cm-atom
-    color: #219
-  &.cm-number
-    color: #164
-  &.cm-def
-    color: #00f
-  &.cm-variable
-    color: black
-  &.cm-variable-2
-    color: #05a
-  &.cm-variable-3
-    color: #085
-  &.cm-property, &.cm-operator
-    color: black
-  &.cm-comment
-    color: #a50
-  &.cm-string
-    color: #a11
-  &.cm-string-2
-    color: #f50
-  &.cm-meta
-    color: #555
-  &.cm-error
-    color: #f00
-  &.cm-qualifier
-    color: #555
-  &.cm-builtin
-    color: #30a
-  &.cm-bracket
-    color: #cc7
-  &.cm-tag
-    color: #170
-  &.cm-attribute
-    color: #00c
-  &.cm-header
-    color: blue
-  &.cm-quote
-    color: #090
-  &.cm-hr
-    color: #999
-  &.cm-link
-    color: #00c
-
-span
-  &.cm-header, &.cm-strong
-    font-weight: bold
-  &.cm-em
-    font-style: italic
-  &.cm-emstrong
-    font-style: italic
-    font-weight: bold
-  &.cm-link
-    text-decoration: underline
-
-div.CodeMirror span
-  &.CodeMirror-matchingbracket
-    color: #0f0
-  &.CodeMirror-nonmatchingbracket
-    color: #f22
-
-// Solarized (dark) theme
-
-.cm-s-solarized-dark
-  color: #839496
-  div.CodeMirror-selected
-    background: #586e75
-  .CodeMirror-gutter,
-  .CodeMirror-gutter-text,
-  .CodeMirror-cursor
-    border-left: 1px solid #839496
-  span
-    &.cm-keyword
-      color: #268bd2
-    &.cm-atom
-      color: #b58900
-    &.cm-number
-      color: #2aa198
-    &.cm-def, &.cm-variable
-      color: #839496
-    &.cm-variable-2
-      color: #b58900
-    &.cm-variable-3
-      color: #268bd2
-    &.cm-property
-      color: #859900
-    &.cm-operator
-      color: #2aa198
-    &.cm-comment
-      color: #586e75
-    &.cm-string, &.cm-string-2
-      color: #2aa198
-    &.cm-meta
-      color: #586e75
-    &.cm-error
-      color: #dc322f
-    &.cm-qualifier
-      color: #268bd2
-    &.cm-builtin
-      color: #b58900
-    &.cm-bracket
-      color: #dc322f
-    &.cm-tag
-      color: #268bd2
-    &.cm-attribute
-      color: #839496
-    &.cm-header
-      color: #cb4b16
-    &.cm-quote
-      color: #586e75
-    &.cm-hr
-      color: #cb4b16
-    &.cm-link
-      color: #6c71c4

data/lib/rack/push-notification/assets/stylesheets/_preview.sass

@@ -1,148 +0,0 @@
-.alert
-  @extend .span6
-
-.message .span7
-  float: left
-
-figure.iphone
-  float: right
-  padding: 0
-  margin: 0
-  width: 320px
-  height: 480px
-  background: #444 url("/images/wallpaper-clown-fish.jpg")
-  position: relative
-  margin-bottom: 20px
-
-  figure
-    padding: 0
-    margin: 0
-
-  header
-    .status
-      height: 20px
-      background: #000
-      color: #ccc
-      width: 100%
-      font-size: 14px
-
-      .signal
-        margin-left: 5px
-
-      .battery
-        float: right
-        margin-right: 5px
-        display: none
-
-    time
-      +background-image(linear-gradient(top, transparentize(#fff, 0.7), transparentize(#000, 0.6) 50%, transparentize(#000, 0.5) 51%, transparentize(#111, 0.3)))
-      +box-shadow(0 1px 1px transparentize(#fff, 0.8))
-      +text-shadow(0 1px 2px #222)
-      color: #fff
-      text-align: center
-      display: block
-      height: 98px
-
-      span
-        display: block
-
-      .time
-        font-size: 4em
-        padding: 0.5em 0 0.375em 0
-
-      .date
-        font-size: 1em
-
-  .notification
-    +background-image(linear-gradient(top, transparentize(#fff, 0.4), transparentize(#000, 0.3) 15%, transparentize(#111, 0.3)))
-    +border-radius(10px)
-
-    width: 270px
-    min-height: 80px
-    max-height: 200px
-    padding: 10px
-    margin: 70px auto 20px auto
-    overflow: none
-
-
-    h1, p
-      +text-shadow(0 1px 2px #111)
-      color: #fff
-      padding-left: 40px
-      line-height: 1em
-
-    h1
-      font-size: 1em
-      font-weight: bold
-
-  footer
-    +background-image(linear-gradient(top, transparentize(#ccc, 0.5), transparentize(#000, 0.6) 50%, transparentize(#000, 0.5) 51%, transparentize(#111, 0.3)))
-    position: absolute
-    bottom: 0px
-    display: block
-    +clearfix
-    width: 320px
-    height: 98px
-    border-top: 1px transparentize(#000, 0.4) solid
-
-    @-webkit-keyframes spotlight
-      0%
-        -webkit-mask-position: -800px
-      100%
-        -webkit-mask-position: 0px
-
-    .slider
-      width: 285px
-      height: 46px
-      margin-left: 10px
-      margin-top: 20px
-      position: relative
-    input
-      -webkit-appearance: none
-      width: 100%
-      background: #ddd
-      padding: 3px
-      border: 1px solid #525252
-      -webkit-border-radius: 15px
-      border-radius: 15px
-      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(1, #222222))
-
-    input
-      -webkit-appearance: none
-      width: 100%
-      background: #ddd
-      padding: 3px
-      border: 1px solid #525252
-      -webkit-border-radius: 15px
-      border-radius: 15px
-      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(1, #222222))
-
-    .slider input::-webkit-slider-thumb, input::-webkit-slider-thumb
-      -webkit-appearance: none
-      z-index: 100
-      position: relative
-      width: 68px
-      height: 44px
-      -webkit-border-radius: 10px
-      border-radius: 10px
-      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAYAAAB0kZQKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASJJREFUeNpi7OnpYaAC0AXiF0D8mhzNTAzUASBHnAdim4F0BAhIA/EBIC4aSEeAADMQ9wLxRiDmHyhHwIAfNHqMiXZEcXExGJMCiNCjCMTHgDiTkFmM////p4rXe3t78Rm0DIjTgfgLNkkWoGZQij7MQFsQBY2aICC+Rq80gQ2oA/EZIE4YSEeAACcQzwfimVD2gDgCBtKgiVZlIB0BAgbQbBwykI5A5I4BtPsaNLfcHKiQWADEJiAHDERIfAfiLKgjBiQ67kCD/zK2NAFqjMyi0AJQVnPCI78GiBNxFttQF6ZToVjG5ohfoLoOiKcMVO54BA3+swPVntgKxIbEOIAWjvgLxJVA7APE7waisHoKxBFAfGSgSszL0MLnBTmaAQIMAKg/OsrT7JG8AAAAAElFTkSuQmCC'), -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1))
-      background-repeat: no-repeat
-      background-position: 50%
-
-    .slider span
-      position: absolute
-      z-index: 99
-      top: 30%
-      left: 37%
-      font-family: "Helvetica Neue", Helvetica, sans-serif
-      font-size: 24px
-      color: white
-      cursor: default
-      -webkit-user-select: none
-      -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(0.45, rgba(0, 0, 0, 0.3)), color-stop(0.5, rgba(0, 0, 0, 1)), color-stop(0.55, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.3)))
-      -webkit-mask-size: 1000px
-      -webkit-mask-repeat: no-repeat
-      -webkit-animation-timing-function: ease-in-out
-      -webkit-animation: spotlight 4s infinite
-
-