monologue 0.1.0

data/app/views/monologue/posts/show.html.erb

@@ -0,0 +1,38 @@
+
+<% content_for :title do %>
+  <%= @revision.title %>
+<% end %>
+
+<% content_for :meta_description do %>
+  <%= truncate(strip_tags(@revision.content), :length => 155) %>
+<% end %>
+
+<article>
+  <header><h1><%= link_to @revision.title, @revision.url %></h1></header>
+        <div class="posted">
+        <time datetime="<%= @revision.published_at %>">
+          <%= @revision.published_at.to_date.to_formatted_s(:long_ordinal) %>
+        </time>&nbsp;&nbsp;|&nbsp;&nbsp;<%= @revision.user.name %>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<%= @revision.url + "#disqus_thread" %>"></a>
+      </div>
+  <p><%= raw @revision.content %></p>
+
+  <%= render "social_sharing" %>
+
+  <div id="disqus_thread"></div>
+  <script type="text/javascript">
+      /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+      var disqus_shortname = '<%= Monologue.disqus_shortname%>'; // required: replace example with your forum shortname
+    
+      <% if Rails.env.development?  %>
+            var disqus_developer = 1; // developer mode is on
+        <% end %>
+
+      /* * * DON'T EDIT BELOW THIS LINE * * */
+      (function() {
+          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+          dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+      })();
+  </script>
+  <noscript>Please enable JavaScript to view the comments.</a></noscript>
+</article>

data/config/locales/en.yml

@@ -0,0 +1,106 @@
+en:
+  monologue:
+    posts:
+      pagination:
+        older_posts:
+          "Older posts"
+        newer_posts:
+          "Newer posts"
+      social_sharing:
+        tagline:
+          "Loved what you just read? Share it!"
+      index:
+        readmore:
+          "Read more"
+      "404":
+        title:
+          "The page you were looking for doesn't exist."
+        message:
+          "You may have mistyped the address or the page may have moved."
+    admin:
+      posts:
+        index:
+          title:
+            "Title"
+          edit:
+            "Edit"
+          delete:
+            "Delete"
+          published:
+            "Yes"
+          not_published:
+            "Not published"
+          status:
+            "Published ?"
+        new:
+          header:
+            "New monologue"
+        edit:
+          header:
+            "Edit"
+        form:
+          title:
+            "Title"
+          content:
+            "Content"
+          url:
+            before_generated_url:
+              "URL <br /><i> This will be filled by default with "
+            after_generated_url:
+              ". You can choose your own URL. </i>"
+            generated_title:
+              "your-post-title"
+          published_at:
+            "Published at"
+          published:
+            "Published"
+          save:
+            "Save"
+          preview:
+            "Preview"
+      sessions:
+        new:
+          title:
+            "Sign in"
+          email:
+            "Email"
+          password:
+            "Password"
+          button:
+            "Log in"
+        messages:
+          invalid:
+            "Invalid email or password"
+          logged_in:
+            "Logged in!"
+          logged_out:
+            "Logged out!"
+  layouts:
+    monologue:
+      admin:
+        nav_bar:
+          add_a_monologue:
+            "Add a monologue"
+          list_monologues:
+            "List of monologues"
+          comments:
+            "Comments"
+          logged_in_as:
+            "Logged in as"
+          log_out:
+            "Log out"
+  activerecord:
+    errors:
+      format: "%{message}"
+    errors:
+      full_messages: "%{message}"
+    errors:
+      models:
+        full_messages: "%{message}"
+        monologue/posts_revision:
+          blank:
+            "%{attribute} is required"
+          attributes:
+            published_at:
+              blank:
+                "'Published at' is required"

data/config/locales/fr.yml

@@ -0,0 +1,106 @@
+fr:
+  monologue:
+    posts:
+      pagination:
+        older_posts:
+          "Articles précédents"
+        newer_posts:
+          "Articles plus récents"
+      social_sharing:
+        tagline:
+          "Vous avez ce que vous avez lu? Partagez le!"
+      index:
+        readmore:
+          "Lire"
+      "404":
+        title:
+          "La page que vous cherchiez n'existe pas."
+        message:
+          "You pourriez avoir mal tappé l'adresse ou la page pourrait avoir été déplacée."
+    admin:
+      posts:
+        index:
+          title:
+            "Titre"
+          edit:
+            "Modifier"
+          delete:
+            "Effacer"
+          published:
+            "Oui"
+          not_published:
+            "Non publié"
+          status:
+            "Publié ?"
+        new:
+          header:
+            "Nouveau monologue"
+        edit:
+          header:
+            "Modifier"
+        form:
+          title:
+            "Titre"
+          content:
+            "Contenu"
+          url:
+            before_generated_url:
+              "Adresse URL <br /><i> Ce sera rempli par défaut avec "
+            after_generated_url:
+              ". Vous pouvez aussi choisir votre propre adresse URL. </i>"
+            generated_title:
+              "nom-de-votre-article"
+          published_at:
+            "Publié le"
+          published:
+            "Publié"
+          save:
+            "Sauvegarder"
+          preview:
+            "Aperçu"
+      sessions:
+        new:
+          title:
+            "Authentification"
+          email:
+            "Courriel"
+          password:
+            "Mot de passe"
+          button:
+            "Connexion"
+        messages:
+          invalid:
+            "Courriel ou mot de passe invalide"
+          logged_in:
+            "Connecté!"
+          logged_out:
+            "Déconnecté!"
+  layouts:
+    monologue:
+      admin:
+        nav_bar:
+          add_a_monologue:
+            "Ajouter un monologue"
+          list_monologues:
+            "Liste des monologues"
+          comments:
+            "Commentaires"
+          logged_in_as:
+            "Connecté en tant que"
+          log_out:
+            "Déconnexion"
+  activerecord:
+    errors:
+      format: "%{message}"
+    errors:
+      full_messages: "%{message}"
+    errors:
+      models:
+        full_messages: "%{message}"
+        monologue/posts_revision:
+          blank:
+            "%{attribute} est requis"
+          attributes:
+            published_at:
+              blank:
+                "'Publié le' est requis"

data/config/routes.rb

@@ -0,0 +1,15 @@
+Monologue::Engine.routes.draw do
+  root :to =>  "posts#index"
+  match "/page/:page", :to =>  "posts#index", :as =>  "posts_page"
+  match "/feed" => "posts#feed", :as =>  "feed", :defaults => {:format => :rss}
+  
+  namespace :admin, :path => "monologue" do
+    get "/" => "posts#index", :as =>  "" # responds to admin_url and admin_path
+    get "logout" => "sessions#destroy"
+    get "login" => "sessions#new"
+    resources :sessions
+    resources :posts
+  end
+  
+  match "*post_url" => "posts#show", :as =>  "post"
+end

data/db/migrate/20120114001001_create_monologue_users.rb

@@ -0,0 +1,11 @@
+class CreateMonologueUsers < ActiveRecord::Migration
+  def change
+    create_table :monologue_users do |t|
+      t.string :name
+      t.string :email
+      t.string :password_digest
+
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20120120193858_create_monologue_posts_revisions.rb

@@ -0,0 +1,18 @@
+class CreateMonologuePostsRevisions < ActiveRecord::Migration
+  def change
+    create_table :monologue_posts_revisions do |t|
+      t.string :title
+      t.text :content
+      t.string :url
+      t.integer :user_id
+      t.integer :post_id
+      t.datetime :published_at
+
+      t.timestamps
+    end
+    
+    add_index :monologue_posts_revisions, :id, :unique => true
+    add_index :monologue_posts_revisions, :published_at
+    add_index :monologue_posts_revisions, :post_id    
+  end
+end

data/db/migrate/20120120193907_create_monologue_posts.rb

@@ -0,0 +1,10 @@
+class CreateMonologuePosts < ActiveRecord::Migration
+  def change
+    create_table :monologue_posts do |t|
+      t.integer :posts_revision_id
+      t.boolean :published
+      
+      t.timestamps
+    end
+  end
+end

data/db/seeds.rb

@@ -0,0 +1 @@
+Monologue::User.create!({:name => "Monologue", :email => "monologue@example.com", :password => "monologue", :password_confirmation => "monologue"})

data/lib/monologue.rb

@@ -0,0 +1,17 @@
+require "monologue/engine"
+
+module Monologue
+  mattr_accessor :disqus_shortname,
+                 :site_name,
+                 :site_subtitle,
+                 :site_url,
+                 :meta_description,
+                 :meta_keyword,
+                 :twitter_username,
+                 :twitter_locale,
+                 :facebook_like_locale,
+                 :google_plusone_locale,
+                 :admin_force_ssl,
+                 :posts_per_page,
+                 :google_analytics_id
+end

data/lib/monologue/engine.rb

@@ -0,0 +1,11 @@
+require "tinymce-rails"
+module Monologue
+  class Engine < Rails::Engine
+    isolate_namespace Monologue
+    
+    config.generators.test_framework :rspec, :view_specs => false, :fixture => false
+    config.generators.stylesheets     false
+    config.generators.fixture_replacement :factory_girl
+    config.generators.integration_tool :rspec
+  end
+end

data/lib/monologue/version.rb

@@ -0,0 +1,3 @@
+module Monologue
+  VERSION = "0.1.0"
+end

data/lib/tasks/monologue_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :monologue do
+#   # Task goes here
+# end

data/vendor/assets/javascripts/monologue/bootstrap/bootstrap-datepicker-fr.js

@@ -0,0 +1,9 @@
+// French localized datepicker for bootstrap
+$.fn.datepicker.defaults_fr = {
+    monthNames: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+                 "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Decembre"]
+  , shortDayNames: ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"]
+  , startOfWeek: 1
+  };
+
+$.fn.datepicker.defaults_fr_CA = $.fn.datepicker.defaults_fr; // For french-canadian locale

data/vendor/assets/javascripts/monologue/bootstrap/bootstrap-datepicker.js

@@ -0,0 +1,338 @@
+/* ===========================================================
+ * bootstrap-datepicker.js v1.3.0
+ * http://twitter.github.com/bootstrap/javascript.html#datepicker
+ * ===========================================================
+ * Copyright 2011 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Contributed by Scott Torborg - github.com/storborg
+ * Loosely based on jquery.date_input.js by Jon Leighton, heavily updated and
+ * rewritten to match bootstrap javascript approach and add UI features.
+ * =========================================================== */
+
+
+!function ( $ ) { 
+
+  var selector = '[data-datepicker]',
+      all = [];
+
+  function clearDatePickers(except) {
+    var ii;
+    for(ii = 0; ii < all.length; ii++) {
+      if(all[ii] != except) {
+        all[ii].hide();
+      }
+    }
+  }
+
+  function DatePicker( element, options ) {
+    this.$el = $(element);
+    this.proxy('show').proxy('ahead').proxy('hide').proxy('keyHandler').proxy('selectDate');
+
+    var options = $.extend({}, $.fn.datepicker.defaults, options );
+
+    if((!!options.parse) || (!!options.format) || !this.detectNative()) {
+      $.extend(this, options);
+      this.$el.data('datepicker', this);
+      all.push(this);
+      this.init();
+    }
+  }
+
+  DatePicker.prototype = {
+
+      detectNative: function(el) {
+        // Attempt to activate the native datepicker, if there is a known good
+        // one. If successful, return true. Note that input type="date"
+        // requires that the string be RFC3339, so if the format/parse methods
+        // have been overridden, this won't be used.
+        if(navigator.userAgent.match(/(iPad|iPhone); CPU(\ iPhone)? OS 5_\d/i)) {
+          // jQuery will only change the input type of a detached element.
+          var $marker = $('<span>').insertBefore(this.$el);
+          this.$el.detach().attr('type', 'date').insertAfter($marker);
+          $marker.remove();
+          return true;
+        }
+        return false;
+      }
+
+    , init: function() {
+        var $months = this.nav('months', 1);
+        var $years = this.nav('years', 12);
+
+        var $nav = $('<div>').addClass('nav').append($months, $years);
+
+        this.$month = $('.name', $months);
+        this.$year = $('.name', $years);
+
+        $calendar = $("<div>").addClass('calendar');
+
+        // Populate day of week headers, realigned by startOfWeek.
+        for (var i = 0; i < this.shortDayNames.length; i++) {
+          $calendar.append('<div class="dow">' + this.shortDayNames[(i + this.startOfWeek) % 7] + '</div>');
+        };
+
+        this.$days = $('<div>').addClass('days');
+        $calendar.append(this.$days);
+
+        this.$picker = $('<div>')
+          .click(function(e) { e.stopPropagation() })
+          // Use this to prevent accidental text selection.
+          .mousedown(function(e) { e.preventDefault() })
+          .addClass('datepicker')
+          .append($nav, $calendar)
+          .insertAfter(this.$el);
+
+        this.$el
+          .focus(this.show)
+          .click(this.show)
+          .change($.proxy(function() { this.selectDate(); }, this));
+
+        this.selectDate();
+        this.hide();
+      }
+
+    , nav: function( c, months ) {
+        var $subnav = $('<div>' +
+                          '<span class="prev button">&larr;</span>' +
+                          '<span class="name"></span>' +
+                          '<span class="next button">&rarr;</span>' +
+                        '</div>').addClass(c)
+        $('.prev', $subnav).click($.proxy(function() { this.ahead(-months, 0) }, this));
+        $('.next', $subnav).click($.proxy(function() { this.ahead(months, 0) }, this));
+        return $subnav;
+
+    }
+
+    , updateName: function($area, s) {
+        // Update either the month or year field, with a background flash
+        // animation.
+        var cur = $area.find('.fg').text(),
+            $fg = $('<div>').addClass('fg').append(s);
+        $area.empty();
+        if(cur != s) {
+          var $bg = $('<div>').addClass('bg');
+          $area.append($bg, $fg);
+          $bg.fadeOut('slow', function() {
+            $(this).remove();
+          });
+        } else {
+          $area.append($fg);
+        }
+    }
+
+    , selectMonth: function(date) {
+        var newMonth = new Date(date.getFullYear(), date.getMonth(), 1);
+
+        if (!this.curMonth || !(this.curMonth.getFullYear() == newMonth.getFullYear() &&
+                                this.curMonth.getMonth() == newMonth.getMonth())) {
+
+          this.curMonth = newMonth;
+
+          var rangeStart = this.rangeStart(date), rangeEnd = this.rangeEnd(date);
+          var num_days = this.daysBetween(rangeStart, rangeEnd);
+          this.$days.empty();
+
+          for (var ii = 0; ii <= num_days; ii++) {
+            var thisDay = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate() + ii, 12, 00);
+            var $day = $('<div>').attr('date', this.format(thisDay));
+            $day.text(thisDay.getDate());
+
+            if (thisDay.getMonth() != date.getMonth()) {
+              $day.addClass('overlap');
+            };
+
+            this.$days.append($day);
+          };
+
+          this.updateName(this.$month, this.monthNames[date.getMonth()]);
+          this.updateName(this.$year, this.curMonth.getFullYear());
+
+          $('div', this.$days).click($.proxy(function(e) {
+            var $targ = $(e.target);
+
+            // The date= attribute is used here to provide relatively fast
+            // selectors for setting certain date cells.
+            this.update($targ.get(0).getAttribute("date"));
+
+            // Don't consider this selection final if we're just going to an
+            // adjacent month.
+            if(!$targ.hasClass('overlap')) {
+              this.hide();
+            }
+
+          }, this));
+
+          $("[date='" + this.format(new Date()) + "']", this.$days).addClass('today');
+
+        };
+
+        $('.selected', this.$days).removeClass('selected');
+        $('[date="' + this.selectedDateStr + '"]', this.$days).addClass('selected');
+      }
+
+    , selectDate: function(date) {
+        if (typeof(date) == "undefined") {
+          date = this.parse(this.$el.val());
+        };
+        if (!date) date = new Date();
+
+          this.selectedDate = date;
+          this.selectedDateStr = this.format(this.selectedDate);
+          this.selectMonth(this.selectedDate);
+      }
+
+    , update: function(s) {
+        this.$el.val(s).change();
+      }
+
+    , show: function(e) {
+        e && e.stopPropagation();
+
+        // Hide all other datepickers.
+        clearDatePickers(this);
+
+        var offset = this.$el.offset();
+
+        this.$picker.css({
+          top: offset.top + this.$el.outerHeight() + 2,
+          left: offset.left
+        }).show();
+
+        $('html').on('keydown', this.keyHandler);
+      }
+
+    , hide: function() {
+        this.$picker.hide();
+        $('html').off('keydown', this.keyHandler);
+      }
+
+    , keyHandler: function(e) {
+        // Keyboard navigation shortcuts.
+        switch (e.keyCode)
+        {
+          case 9: 
+          case 27: 
+            // Tab or escape hides the datepicker. In this case, just return
+            // instead of breaking, so that the e doesn't get stopped.
+            this.hide(); return;
+          case 13: 
+            // Enter selects the currently highlighted date.
+            this.update(this.selectedDateStr); this.hide(); break;
+          case 38: 
+            // Arrow up goes to prev week.
+            this.ahead(0, -7); break;
+          case 40: 
+            // Arrow down goes to next week.
+            this.ahead(0, 7); break;
+          case 37: 
+            // Arrow left goes to prev day.
+            this.ahead(0, -1); break;
+          case 39: 
+            // Arrow right goes to next day.
+            this.ahead(0, 1); break;
+          default:
+            return;
+        }
+        e.preventDefault();
+      }
+
+    , parse: function(s) {
+        // Parse a partial RFC 3339 string into a Date.
+        var m;
+        if ((m = s.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2})$/))) {
+          return new Date(m[1], m[2] - 1, m[3]);
+        } else {
+          return null;
+        }
+      }
+
+    , format: function(date) {
+        // Format a Date into a string as specified by RFC 3339.
+        var month = (date.getMonth() + 1).toString(),
+            dom = date.getDate().toString();
+        if (month.length === 1) {
+          month = '0' + month;
+        }
+        if (dom.length === 1) {
+          dom = '0' + dom;
+        }
+        return date.getFullYear() + '-' + month + "-" + dom;
+      }
+
+    , ahead: function(months, days) {
+        // Move ahead ``months`` months and ``days`` days, both integers, can be
+        // negative.
+        this.selectDate(new Date(this.selectedDate.getFullYear(),
+                                 this.selectedDate.getMonth() + months,
+                                 this.selectedDate.getDate() + days));
+      }
+
+    , proxy: function(meth) {
+        // Bind a method so that it always gets the datepicker instance for
+        // ``this``. Return ``this`` so chaining calls works.
+        this[meth] = $.proxy(this[meth], this);
+        return this;
+      }
+
+    , daysBetween: function(start, end) {
+        // Return number of days between ``start`` Date object and ``end``.
+        var start = Date.UTC(start.getFullYear(), start.getMonth(), start.getDate());
+        var end = Date.UTC(end.getFullYear(), end.getMonth(), end.getDate());
+        return (end - start) / 86400000;
+      }
+
+    , findClosest: function(dow, date, direction) {
+        // From a starting date, find the first day ahead of behind it that is
+        // a given day of the week.
+        var difference = direction * (Math.abs(date.getDay() - dow - (direction * 7)) % 7);
+        return new Date(date.getFullYear(), date.getMonth(), date.getDate() + difference);
+      }
+
+    , rangeStart: function(date) {
+        // Get the first day to show in the current calendar view.
+        return this.findClosest(this.startOfWeek,
+                                new Date(date.getFullYear(), date.getMonth()),
+                                -1);
+      }
+
+    , rangeEnd: function(date) {
+        // Get the last day to show in the current calendar view.
+        return this.findClosest((this.startOfWeek - 1) % 7,
+                                new Date(date.getFullYear(), date.getMonth() + 1, 0),
+                                1);
+      }
+  };
+  
+  /* DATEPICKER PLUGIN DEFINITION
+   * ============================ */
+
+  $.fn.datepicker = function( options ) {
+    return this.each(function() { new DatePicker(this, options); });
+  };
+
+  $(function() {
+    $(selector).datepicker();
+    $('html').click(clearDatePickers);
+  });
+
+  $.fn.datepicker.DatePicker = DatePicker;
+
+  $.fn.datepicker.defaults = {
+    monthNames: ["January", "February", "March", "April", "May", "June",
+                 "July", "August", "September", "October", "November", "December"]
+  , shortDayNames: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
+  , startOfWeek: 1
+  };
+}( window.jQuery || window.ender );