slices 1.0.0

data/CHANGELOG.md

@@ -0,0 +1,3 @@
+# 1.0.0 / 2014-01-10
+
+* Public release

data/README.md

@@ -0,0 +1,51 @@
+# Slices CMS
+
+In-house CMS of [With Associates](http://withassociates.com/)
+
+## Starting a new slices project
+
+Follow this [guide](https://github.com/withassociates/slices/wiki/Installation.md)
+first if you don't have MongoDB, ImageMagick and Ruby installed.
+
+We'll need to checkout the slices project, install the relevant gems using
+bundler and then use a Rails template to create the new project.
+
+    $ cd ~/Projects     # or where you store git repos
+    $ git clone git@github.com:withassociates/slices.git
+    $ cd slices
+    $ gem install bundler
+    $ bundle install
+
+Or if you have slices already installed
+
+    $ cd ~/Projects/slices  # or where you store git repos
+    $ git pull
+    $ bundle install
+
+Now we're ready to create the slices project.
+
+    $ cd ~/Projects
+    $ gem install rails -v '~> 3.2.0'
+    $ rails new mywebsite -JOT -m ~/Projects/slices/lib/generators/templates/slices.rb
+
+At the end of this process we should have a new slices project with git repository
+created, gems installed, database seeded and ready to run:
+
+    $ cd ~/Projects/mywebsite
+    $ foreman start
+
+Visit http://localhost:5000/admin to begin using Slices.
+
+The next step is to create some [slices](https://github.com/withassociates/slices-legacy/wiki/Creating-Slices)
+and theres more guides in the [wiki](https://github.com/withassociates/slices/wiki)
+
+## Code Status
+
+[![Travis CI   ](https://api.travis-ci.org/withassociates/slices.png)       ](https://travis-ci.org/withassociates/slices)
+[![Code Climate](https://codeclimate.com/github/withassociates/slices.png)  ](https://codeclimate.com/github/withassociates/slices)
+[![Gemnasium   ](https://gemnasium.com/withassociates/slices.png)           ](https://gemnasium.com/withassociates/slices)
+
+## Copyright
+
+Copyright (c) 2014 With Associates
+

data/Rakefile

@@ -0,0 +1,9 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+require 'rake'
+
+require 'bundler'
+Bundler::GemHelper.install_tasks
+Slices::Application.load_tasks

data/app/assets/images/slices/calendar.svg

@@ -0,0 +1,68 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" width="82.7272727273px" height="100px" viewBox="0 0 91.59 110.063" enable-background="new 0 0 91.59 110.063" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g>
+				<path d="M74.812,14.155v5.839c1.396,1.43,2.263,3.379,2.263,5.536c0,4.392-3.557,7.951-7.95,7.951      c-4.39,0-7.951-3.559-7.951-7.951c0-2.157,0.867-4.106,2.263-5.536v-5.839H28.152v5.839c1.396,1.43,2.263,3.379,2.263,5.536      c0,4.392-3.559,7.951-7.95,7.951c-4.39,0-7.947-3.559-7.947-7.951c0-2.157,0.865-4.106,2.259-5.536v-5.839H0v95.909h91.59      V14.155H74.812z M84.234,102.358H7.358v-64.73h76.876V102.358z"/>
+			</g>
+		</g>
+		<g>
+			<rect x="68.404" y="47.278" width="9.158" height="9.504"/>
+		</g>
+		<g>
+			<rect x="55.013" y="47.278" width="9.157" height="9.504"/>
+		</g>
+		<g>
+			<rect x="41.62" y="47.278" width="9.154" height="9.504"/>
+		</g>
+		<g>
+			<rect x="68.404" y="60.526" width="9.158" height="9.504"/>
+		</g>
+		<g>
+			<rect x="55.013" y="60.526" width="9.157" height="9.504"/>
+		</g>
+		<g>
+			<rect x="41.62" y="60.526" width="9.154" height="9.504"/>
+		</g>
+		<g>
+			<rect x="28.226" y="60.526" width="9.158" height="9.504"/>
+		</g>
+		<g>
+			<rect x="14.834" y="60.526" width="9.156" height="9.504"/>
+		</g>
+		<g>
+			<rect x="68.404" y="73.773" width="9.158" height="9.506"/>
+		</g>
+		<g>
+			<rect x="55.013" y="73.773" width="9.157" height="9.506"/>
+		</g>
+		<g>
+			<rect x="41.62" y="73.773" width="9.154" height="9.506"/>
+		</g>
+		<g>
+			<rect x="28.226" y="73.773" width="9.158" height="9.506"/>
+		</g>
+		<g>
+			<rect x="14.834" y="73.773" width="9.156" height="9.506"/>
+		</g>
+		<g>
+			<rect x="55.013" y="87.025" width="9.157" height="9.502"/>
+		</g>
+		<g>
+			<rect x="41.62" y="87.025" width="9.154" height="9.502"/>
+		</g>
+		<g>
+			<rect x="28.226" y="87.025" width="9.158" height="9.502"/>
+		</g>
+		<g>
+			<rect x="14.834" y="87.025" width="9.156" height="9.502"/>
+		</g>
+		<g>
+			<path d="M69.336,28.783c1.486,0,2.697-1.206,2.697-2.696V2.696C72.033,1.208,70.822,0,69.336,0c-1.487,0-2.694,1.208-2.694,2.696     v23.39C66.642,27.577,67.849,28.783,69.336,28.783z"/>
+		</g>
+		<g>
+			<path d="M22.416,28.783c1.489,0,2.696-1.206,2.696-2.696V2.696C25.112,1.208,23.904,0,22.416,0c-1.487,0-2.694,1.208-2.694,2.696     v23.39C19.721,27.577,20.928,28.783,22.416,28.783z"/>
+		</g>
+	</g>
+</g>
+</svg>

data/app/assets/images/slices/drag-handle.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="10px" height="9px" viewBox="0 0 10 9" enable-background="new 0 0 10 9" xml:space="preserve">
+<rect fill="#020202" width="10" height="1"/>
+<rect y="4" fill="#020202" width="10" height="1"/>
+<rect y="8" fill="#020202" width="10" height="1"/>
+</svg>

data/app/assets/javascripts/admin.js.erb

@@ -0,0 +1,18 @@
+<% if Rails.env.test? %>
+var LunchPicker = {
+  run: function(target) {
+    $(target).change(function(e) {
+      $(target).siblings('.lunch-comment').text('Good choice');
+    });
+  }
+}
+
+// jQuery plugin
+$.fn.lunchPicker = function(options) {
+  return this.each(function() {
+    LunchPicker.run(this);
+  });
+}
+<% else %>
+// This file is overrideable by the host app, allowing javascript customisation.
+<% end %>

data/app/assets/javascripts/slices/app/backbones/admins.js

@@ -0,0 +1,114 @@
+var AdminsBackbone = $.extend(true, {}, GenericBackbone, {
+  collection_prototype: {
+    page_id: '',
+    search_url: '',
+    search_data: function() {
+      return { search: this.search_term, page: this.page }
+    },
+
+    initialize: function(models, options) {
+      this.page_id = options.page_id;
+      this.search_url = '/admin/admins';
+    }
+  },
+
+  model_prototype: {
+    for_template: function() {
+      var obj = this.toJSON();
+      obj.url = this.url();
+      return obj;
+    },
+
+    initialize: function() {
+      if (!this.get('last_sign_in_at')) {
+        this.set({'last_sign_in_at': 'never'});
+      }
+      if (!this.get('name')) {
+        this.set({'name': 'No Name Set'});
+      }
+    },
+
+    url: function() {
+      return "/admin/admins/" + this.id;
+    }
+
+  },
+
+  view_prototype: {
+     events: {
+      "click a.delete": "clear"
+    },
+
+    tagName: 'tr',
+
+    template: Handlebars.compile(
+        "<td class='name'><a href='{{url}}'>{{name}}</a></td>" +
+        "<td class='email'>{{email}}</td>" +
+        "<td class='login'>{{last_sign_in_at}}</td>" +
+        "<td>{{#if current_admin}}This is you{{else}}<a href='#' class='delete'>Delete</a>{{/if}}</td>"
+        ),
+  },
+
+  app_view_prototype: {
+    events: {
+      "click #pagination a": "paginate",
+      "keyup #entries-search": "call_search",
+      "click #add-admin": "new_admin"
+    },
+
+    new_admin: function() {
+      document.location.href = document.location.href + '/new';
+    },
+
+    setup_search: function() {
+      var self = this;
+      setInterval(function() {
+        if ( self.search_now ) {
+          self.search_now = false;
+          var search_length = self.$search_box.val().length;
+          if ((search_length > 2) || (search_length === 0)) {
+            self.collection.page = 1;
+            self.search();
+          }
+        }
+      }, 450);
+    },
+
+    initialize: function(options) {
+      this.collection = this.options.collection;
+      this.view_prototype = this.options.view_prototype;
+      _.bindAll(this, "render");
+      this.collection.bind('reset', this.render);
+      this.$search_box = this.$('#entries-search');
+      this.setup_search();
+      this.search();
+    },
+
+    render: function() {
+      var view_prototype = this.view_prototype;
+      this.$('#entries-list tbody').empty();
+      _.each(this.collection.models, function(admin) {
+        var view = new view_prototype({model: admin});
+        self.$("#entries-list tbody").append(view.render().el);
+      });
+      this.render_pagination();
+    }
+
+  },
+
+  bind_prototypes: function() {
+    this.collection_prototype = Backbone.Collection.extend(this.collection_prototype);
+    this.view_prototype = Backbone.View.extend(this.view_prototype);
+    this.model_prototype = Backbone.Model.extend(this.model_prototype);
+    this.app_view_prototype.el = $('#container');
+    this.app_view_prototype = Backbone.View.extend(this.app_view_prototype);
+  },
+
+  boot: function(page_id) {
+    this.bind_prototypes();
+    this.collection = new this.collection_prototype(null, {page_id: page_id});
+    this.collection.model = this.model_prototype;
+    this.app_view = new this.app_view_prototype({collection: this.collection, view_prototype: this.view_prototype});
+  }
+
+});

data/app/assets/javascripts/slices/app/backbones/entries.js

@@ -0,0 +1,172 @@
+var EntriesBackbone = $.extend(true, {}, GenericBackbone, {
+  collection_prototype: {
+    page_id: '',
+    search_url: '',
+    search_data: function() {
+      return { search: this.search_term, page: this.page }
+    },
+
+    initialize: function(models, options) {
+      this.page_id = options.page_id;
+      this.search_url = '/admin/pages/' + this.page_id + '/entries';
+    }
+  },
+
+  model_prototype: {
+    for_template: function() {
+      return this.toJSON();
+    },
+
+    url: function() {
+      return this.get('url');
+    }
+
+  },
+
+  view_prototype: {
+     events: {
+      "click a.delete": "clear"
+    },
+
+    tagName: 'tr',
+
+  },
+
+  app_view_prototype: {
+    events: {
+      "click #pagination a": "paginate",
+      "keyup #entries-search": "call_search",
+      "click #add-entry": "add_entry"
+    },
+
+    setup_search: function() {
+      var self = this;
+      setInterval(function() {
+        if ( self.search_now ) {
+          self.search_now = false;
+          var search_length = self.$search_box.val().length;
+          if ((search_length > 2) || (search_length === 0)) {
+            self.collection.page = 1;
+            self.search();
+          }
+        }
+      }, 450);
+    },
+
+    initialize: function(options) {
+      this.collection = this.options.collection;
+      this.view_prototype = this.options.view_prototype;
+      _.bindAll(this, "render", "set_view_template");
+      this.collection.bind('reset', this.set_view_template);
+      this.collection.bind('reset', this.render);
+      this.$search_box = this.$('#entries-search');
+      this.setup_search();
+      this.search();
+
+      if (options.sort_field === 'position') {
+        var that = this;
+        this.$('tbody').sortable({
+          update: function() { that.update_on_sort(); }
+        });
+      }
+
+    },
+
+    set_view_template: function() {
+      if(this.collection.models.length == 0) {
+        attributes = {};
+      } else {
+        attributes = this.collection.models[0].attributes;
+      }
+      var fields = _.chain(attributes).
+                     keys().
+                     reject(function(key) { return key.indexOf('_') === 0 }).
+                     value();
+
+      fields = _.map(fields, function(key) {
+        var string;
+        if (key == 'name') {
+          string = "<td class='"+key+"'><a href='<%= url %>'><%= "+key+" %></a></td>"
+        } else if ( key != 'url' ) {
+          string = "<td class='"+key+"'><%= "+key+" %></td>";
+        }
+        return string;
+      });
+      fields.push("<td><a href='#' class='delete'>Delete</a></td>");
+      var template = _.template(fields.join(''));
+      this.view_prototype = this.view_prototype.extend({template: template});
+      this.collection.unbind('reset', this.set_view_template);
+    },
+
+    render: function() {
+      var view_prototype = this.view_prototype;
+      this.$('#entries-list tbody').empty();
+      _.each(this.collection.models, function(entry) {
+        var view = new view_prototype({model: entry}),
+            $view = $(view.render().el);
+
+        $view.data('model', entry);
+
+        self.$("#entries-list tbody").append($view);
+      });
+      this.render_pagination();
+    },
+
+    add_entry: function(event) {
+      var button = $(event.target);
+
+      $('#general-modal').jqm({
+        ajax: button.attr('href'),
+        modal: false,
+        onHide: function (h) {
+          h.w.fadeOut(100);
+          h.o.fadeOut(100);
+        },
+        onShow: function (h) {},
+        onLoad: function (h) {
+          h.w.fadeIn(50);
+          h.o.fadeIn(100);
+        },
+        overlay: 40
+      }).jqmShow();
+
+      return false;
+    },
+
+    update_on_sort: function() {
+      var parent = { id: this.collection.page_id };
+
+      parent.children = this.$('#entries-list tbody tr').map(function() {
+        return { id: $(this).data('model').id };
+      }).toArray();
+
+      $.ajax({
+        url: '/admin/site_maps/update',
+        type: 'PUT',
+        data: JSON.stringify({ sitemap: [parent] }),
+        contentType: 'application/json',
+        dataType: 'json'
+      });
+    }
+
+  },
+
+  bind_prototypes: function() {
+    this.collection_prototype = Backbone.Collection.extend(this.collection_prototype);
+    this.view_prototype = Backbone.View.extend(this.view_prototype);
+    this.model_prototype = Backbone.Model.extend(this.model_prototype);
+    this.app_view_prototype.el = $('#container');
+    this.app_view_prototype = Backbone.View.extend(this.app_view_prototype);
+  },
+
+  boot: function(page_id, options) {
+    this.bind_prototypes();
+    this.collection = new this.collection_prototype(null, {page_id: page_id});
+    this.collection.model = this.model_prototype;
+    this.app_view = new this.app_view_prototype($.extend({}, options, {
+      collection: this.collection,
+      view_prototype: this.view_prototype
+    }));
+  }
+
+});