storytime 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 83a25cc4ca42e87eabba96d769984512cc9df97c
+  data.tar.gz: 39c43841369f7fca4d68f7043a14dbd3bd02e3e1
+SHA512:
+  metadata.gz: 8539df8cc3134e2565e4774aedb0f735763731423b1dc723abf819742482cb510f9f41d4ae8742a7253ae9dfd54976bdc17f61e6d82d69b9b350145d92895c01
+  data.tar.gz: 2317481d7637491210034217cd9b1c5b63c6f77a3681c0ddf30a76107923d4b46991cc5e238be07e7d7ab878274022b27105cceeff9ec3b63334a6f43b6aae57

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,3 @@
+= Storytime
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,24 @@
+begin
+  require 'bundler/gem_tasks'
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Storytime'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+

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

@@ -0,0 +1,25 @@
+// 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_self
+//= require wysihtml5
+//= require jquery
+//= require jquery_ujs
+//= require bootstrap
+//= require bootstrap-wysihtml5
+//= require jquery.ui.widget
+//= require jquery.iframe-transport.js
+//= require jquery.fileupload.js
+//= require_tree .
+
+window.Storytime || (window.Storytime = {})
+window.Storytime.Dashboard = {}

data/app/assets/javascripts/storytime/base.js.coffee

@@ -0,0 +1,22 @@
+$ ()->
+  controller = $("body").data("controller")
+  action = $("body").data("action")
+
+  controllerObj = Storytime.Utilities.controllerFromString(controller)
+  
+  if controllerObj?
+    instance = new controllerObj()
+    instance["init"]() if typeof(instance["init"]) == "function"
+    instance["init#{action}"]() if typeof(instance["init#{action}"]) == "function"
+    Storytime.instance = instance
+
+  $(".flash").delay(2000).fadeOut()
+
+  $(document).on('ajax:beforeSend', '.btn-delete-resource', ()->
+    $(@).attr("disabled", true)
+  ).on('ajax:success', '.btn-delete-resource', ()->
+    $("##{$(@).data('resource-type')}_#{$(@).data('resource-id')}").remove()
+  ).on('ajax:error', '.btn-delete-resource', (e, data, d1, d2)->
+    $(@).attr("disabled", false)
+    alert("There was an error deleting your #{$(@).data('resource-type')}")
+  )

data/app/assets/javascripts/storytime/editor.js.coffee

@@ -0,0 +1,27 @@
+class Storytime.Dashboard.Editor
+  init: ()->
+    mediaInstance = new Storytime.Dashboard.Media()
+    mediaInstance.initPagination()
+    mediaInstance.initInsert()
+
+    $(document).on 'shown.bs.modal', ()->
+      mediaInstance.initUpload()
+
+    $(".wysiwyg").wysihtml5
+      html: true
+      color: true
+      customTemplates:
+        "html": (locale, options)->
+          size = if (options && options.size) then ' btn-'+options.size else ''
+          return "<li>" +
+              "<div class='btn-group'>" +
+              "<a class='btn" + size + " btn-default' data-wysihtml5-action='change_view' title='" + locale.html.edit + "' tabindex='-1'><i class='glyphicon glyphicon-pencil'></i>&nbsp;&nbsp;Raw HTML Mode</a>" +
+              "</div>" +
+              "</li>"
+        "image": (locale, options)->
+            size = if (options && options.size) then ' btn-'+options.size else ''
+            $modal = $("#insertMediaModal").remove()
+            return "<li>" +
+                $modal[0].outerHTML +
+                "<a class='btn" + size + " btn-default' data-wysihtml5-command='insertImage' title='" + locale.image.insert + "' tabindex='-1'><i class='glyphicon glyphicon-picture'></i></a>" +
+                "</li>";

data/app/assets/javascripts/storytime/media.js.coffee

@@ -0,0 +1,30 @@
+class Storytime.Dashboard.Media
+  initIndex: ()->
+    @initUpload()
+    @initPagination()
+
+  initPagination: ()->
+    $(document).on('ajax:success', '#media_gallery .pagination a', (e, data, status, xhr)->
+      $("#media_gallery").html(data)
+    )
+
+  initUpload: ()->
+    unless @uploadInitialized
+      $('#media_file').fileupload({
+        dataType: 'json',
+        done: (e, data)->
+          $("#media_gallery").prepend(data.result.html)
+        
+        progressall: (e, data)->
+          progress = parseInt(data.loaded / data.total * 100, 10);
+          $('#progress .progress-bar').css('width', progress + '%');
+        
+      }).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
+      @uploadInitialized = true
+
+  initInsert: ()->
+    $(document).on "click", ".insert-image-button", (e)->
+      e.preventDefault()
+      wysihtml5Editor = $("textarea.wysiwyg").data("wysihtml5").editor
+      wysihtml5Editor.composer.commands.exec("insertImage", { src: $(@).data("image-url") })
+      $("#insertMediaModal").modal("hide")

data/app/assets/javascripts/storytime/pages.js.coffee

@@ -0,0 +1,12 @@
+class Storytime.Dashboard.Pages
+  initNew: ()->
+    (new Storytime.Dashboard.Editor()).init()
+
+  initEdit: ()->
+    (new Storytime.Dashboard.Editor()).init()
+
+  initCreate: ()->
+    (new Storytime.Dashboard.Editor()).init()
+
+  initUpdate: ()->
+    (new Storytime.Dashboard.Editor()).init()

data/app/assets/javascripts/storytime/posts.js.coffee

@@ -0,0 +1,12 @@
+class Storytime.Dashboard.Posts
+  initNew: ()->
+    (new Storytime.Dashboard.Editor()).init()
+
+  initEdit: ()->
+    (new Storytime.Dashboard.Editor()).init()
+
+  initCreate: ()->
+    (new Storytime.Dashboard.Editor()).init()
+
+  initUpdate: ()->
+    (new Storytime.Dashboard.Editor()).init()

data/app/assets/javascripts/storytime/sites.js.coffee

@@ -0,0 +1,16 @@
+class Storytime.Dashboard.Sites
+  initNew: ()->
+    @initForm()
+
+  initEdit: ()->
+    @initForm()
+
+  initUpdate: ()->
+    @initForm()
+
+  initForm: ()->
+    $("#site_root_page_content").change ()->
+      if @value == "page"
+        $(".site_selected_root_page_id").removeClass("hide")
+      else
+        $(".site_selected_root_page_id").addClass("hide")

data/app/assets/javascripts/storytime/utilities.js

@@ -0,0 +1,23 @@
+Storytime.Utilities = {
+  controllerFromString: function(str){
+    if(!str) return null;
+
+    var base = window;
+    var components = str.split("::");
+    for(var i=0; i<components.length; i++){
+      var component = components[i];
+      if(base[component]){
+        if(i == components.length - 1){
+          return base[component];
+        }
+        else{
+          base = base[component];
+        }
+      }
+      else{
+        return null;
+      }
+      
+    }
+  }
+}

data/app/assets/stylesheets/scaffold.css

@@ -0,0 +1,56 @@
+body { background-color: #fff; color: #333; }
+
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a { color: #000; }
+a:visited { color: #666; }
+a:hover { color: #fff; background-color:#000; }
+
+div.field, div.actions {
+  margin-bottom: 10px;
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square;
+}

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

@@ -0,0 +1,94 @@
+.flash {
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  z-index: 10;
+  .flash-notice, .flash-success {
+    padding: 10px 40px;
+    background: #9FBB58;
+    color: white;
+  }
+  .flash-error, .flash-alert {
+    padding: 10px 40px;
+    background: #E25440;
+    color: white;
+  }
+}
+
+.right { text-align: right; }
+
+.center { text-align: center; }
+.pane {
+  position: absolute;
+  top: 50px;
+  bottom: 0;
+  margin: 0;
+  .heading {
+    padding: 0 20px;
+    margin-bottom: 20px;
+    height: 66px;
+    .btn {
+      margin-top: -3px;
+    }
+  }
+}
+#list {
+  background: #F0F4F5;
+  left: 0;
+  width: 350px;
+  color: #333;
+  border-right: 1px solid #f1f1f1;
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    li {
+      padding: 20px;
+      border-bottom: 1px solid #ccc;
+      border-left: 4px solid transparent;
+      background: #fff;
+      &:first-child {
+        border-top: 1px solid #ccc;
+      }
+      a {
+        text-decoration: none;
+      }
+      &:hover {
+        border-left: 4px solid #ccc;
+      }
+      &.active {
+        border-left: 4px solid #5BC0DE;
+        background: #E3F4F9;
+      }
+    }
+  }
+} 
+#main {
+  left: 350px;
+  right: 0;
+  background: #fff;
+  .no-content {
+    h3 {
+      color: #888;
+      margin-top: 15%;
+    }
+    .btn {
+      margin-top: 30px;
+    }
+  }
+}
+.scroll-y {
+  position: absolute;
+  top: 66px;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  overflow-y: scroll;
+  .padding {
+    padding: 20px;
+  }
+}
+
+.form-group.check_boxes {
+  margin-left: 20px;
+}

data/app/assets/stylesheets/storytime/application.css.scss

@@ -0,0 +1,17 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree .
+ *= require bootstrap
+ *= require bootstrap-wysihtml5
+ *= require_self
+ */

data/app/assets/stylesheets/storytime/devise.css.scss

@@ -0,0 +1,256 @@
+html, body { 
+  height: 100%;
+}
+
+.sessions, .registrations.new, .registrations.create, .passwords {
+  background: #242628;
+}
+
+.devise {
+  .login-box, .signup-box, .forgotten-box, .reset-box {
+    max-width: 530px;
+    height: 90%;
+    margin: 0 auto;
+    padding: 0;
+    display: table;
+  }
+  .forgotten-form {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    max-width: 280px;
+    color: #a5acae;
+    display: table-cell;
+    vertical-align: middle;
+    .email-wrap, .password-wrap {
+      width: 100%;
+      position: relative;
+      border-radius: 2px;
+    }
+    div {
+      position: relative;
+      margin: 0 0 1em 0;
+      background: #3c4043;
+      float: left;
+    }
+    input {
+      width: 100%;
+      margin: 0;
+      padding: 8px 10px;
+      position: relative;
+      border: none;
+      color: #fff;
+      font-size: 1.1em;
+      font-weight: 200;
+      background: transparent;
+      box-shadow: none;
+      -webkit-transition: background ease 0.25s;
+      -moz-transition: background ease 0.25s;
+      transition: background ease 0.25s;
+      outline: none;
+      &:focus {
+        border: none;
+        background: #484c50;
+      }
+    }
+    .button-save {
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      width: 100% !important;
+      height: 36px;
+      margin: 0 0 1em 0;
+      padding: 0.5em 1.37em;
+      min-height: 30px;
+      min-width: 80px;
+      box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
+    }
+    a {
+      color: #646d70;
+      font-size: 0.9em;
+      &:hover {
+        color: lighten(#646d70, 20%);
+        text-decoration: none;
+      }
+    }
+  }
+
+  .signup-form, .reset-form {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    max-width: 280px;
+    color: #a5acae;
+    display: table-cell;
+    vertical-align: middle;
+    div {
+      position: relative;
+      margin: 0 0 1em 0;
+      background: #3c4043;
+      float: left;
+      display: table;
+    }
+    .name-wrap, .email-wrap, .password-wrap {
+      position: relative;
+      border-radius: 2px;
+    }
+    input {
+      margin: 0;
+      width: 280px;
+      padding: 8px 10px;
+      position: relative;
+      border: none;
+      color: #fff;
+      font-size: 1.1em;
+      font-weight: 200;
+      background: transparent;
+      box-shadow: none;
+      -webkit-transition: background ease 0.25s;
+      -moz-transition: background ease 0.25s;
+      transition: background ease 0.25s;
+      outline: none;
+      &:focus {
+        border: none;
+        background: #484c50;
+      }
+    }
+    .button-save {
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      width: 100%!important;
+      height: 36px;
+      margin: 0 0 1em 0;
+      padding: 0.5em 1.37em;
+      min-height: 30px;
+      min-width: 80px;
+      box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
+    }
+    a {
+      color: #646d70;
+      font-size: 0.9em;
+      &:hover {
+        color: lighten(#646d70, 20%);
+        text-decoration: none;
+      }
+    }
+  }
+  .login-form {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    max-width: 530px;
+    color: #a5acae;
+    display: table-cell;
+    vertical-align: middle;
+    .email-wrap {
+      position: relative;
+      margin-right: 3px;
+      border-radius: 2px 0 0 2px;
+    }
+    .password-wrap {
+      position: relative;
+      border-radius: 0 2px 2px 0;
+    }
+    div {
+      margin: 0 0 5px 0;
+      background: #3c4043;
+      float: left;
+      &.clearfix {
+        float: none; 
+        margin: 0; 
+        background: none;
+      }
+    }
+    input {
+      outline: none;
+      display: inline-block;
+      clear: both;
+      margin: 0;
+      padding: 8px 0 8px 8px;
+      width: 216px;
+      position: relative;
+      border: none;
+      color: #fff;
+      font-size: 1.1em;
+      font-weight: 200;
+      background: transparent;
+      box-shadow: none;
+      -webkit-transition: background ease 0.25s;
+      -moz-transition: background ease 0.25s;
+      transition: background ease 0.25s;
+      &:focus {
+        border: none;
+        background: #484c50;
+      }
+    }
+    input[type="checkbox"] {
+      width: auto;
+      background: none;
+      margin-top: 4px;
+    }
+    .checkbox {
+      background: none; 
+      height: 10px;
+    }
+    .button-save {
+      width: 85px;
+      height: 36px;
+      margin: 0 0 0 10px;
+      padding: 0.5em 1.37em;
+      min-height: 30px;
+      min-width: 80px;
+      box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
+    }
+    a {
+      color: #646d70;
+      font-size: 0.9em;
+      &:hover {
+        color: lighten(#646d70, 20%);
+        text-decoration: none;
+      }
+    }
+  }
+  .button, .button-save, .button-add, .button-delete, .button-alt, .button-link, .button-back {
+    -webkit-box-sizing: border-box!important;
+    -moz-box-sizing: border-box!important;
+    box-sizing: border-box!important;
+    min-height: 35px!important;
+    width: auto!important;
+    display: inline-block!important;
+    padding: 0.9em 1.37em!important;
+    cursor: pointer!important;
+    text-decoration: none!important;
+    color: #fff!important;
+    font-size: 11px!important;
+    line-height: 13px!important;
+    font-weight: 300!important;
+    text-align: center!important;
+    letter-spacing: 1px!important;
+    text-transform: uppercase!important;
+    text-shadow: none!important;
+    border-radius: 0.2em!important;
+    border: rgba(0,0,0,0.05) 0.1em solid!important;
+    -webkit-transition: background 0.3s ease,border-color 0.3s ease!important;
+    -moz-transition: background 0.3s ease,border-color 0.3s ease!important;
+    transition: background 0.3s ease,border-color 0.3s ease!important;
+  }
+  .button-save {
+    background: #5ba4e5!important;
+    box-shadow: none!important;
+  }
+  #error_explanation {
+    background: none;
+    padding: 10px 20px;
+    color: #a94442;
+    border: 1px solid #a94442;
+    h2 {
+      font-size: 14px;
+      margin: 0 0 10px 0;
+    }
+    ul {
+      margin: 0;
+      padding: 0 15px;
+    }
+  }
+}