cedar 0.0.5.pre → 0.0.6.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: acef5941c14bbcb1c6b19d460cf8d36e38871302
-  data.tar.gz: 01bc4d750b27f8b1a26ca13ddb37e5b47734d48c
+  metadata.gz: 58111764bdfb5c2ec636954edf7541c25eb583dc
+  data.tar.gz: a02844c34a92ed350db5096afd21b9ce9d730d04
 SHA512:
-  metadata.gz: bdb4a33c1e9d85447b8c2c30ae63841c1b4cb6dc27deea51d26e9ec16b2d168be67d16f25ae45eb601bb52791ec323d933dfcdb76137728f00ba7c03affafe24
-  data.tar.gz: dd5a97a2da202d6e72a553759681377b5d7424d96c0bdebb7e48e10bff61e33de7fa3e4e17a3d401eb02cf6d9151319d01d0897bc9934ab91562456c44b9b0f7
+  metadata.gz: 936d4cb40c51c1eaaf078e01a23c00a0da1c1d25a36dcb08b50f2dd9b178e7e81b9ad25348764710b24fe84de9c0ee0d3394a4e811f14543bfbeee86cd3b7a27
+  data.tar.gz: 57d1ce79ea55e2f970384c92dd1a27712b1d0eaa6e3513197a73f2ce2870e7e4508aca917dff18f1fc90a2e603934fb0991db6c464240bf9ad0371907fb70c24

data/lib/assets/javascripts/cedar.js

@@ -0,0 +1,222 @@
+/**
+ * Global object for settings and storage
+ */
+var Cedar = {
+  initialized: false,
+  store: null,
+  auth: null,
+  config: {
+    api: 'http://jed.cdr.core.plyinc.dev/api',
+    server: 'http://jed.cdr.core.plyinc.dev/'
+  }
+};
+
+
+/**
+* Cedar.Init
+*
+* take care of global initializations
+*/
+Cedar.Init = function() {
+  if ( Cedar.initialized ) {
+    return;
+  }
+
+  if ( Cedar.store === null ) {
+    Cedar.store = new Cedar.Store();
+  }
+
+  if ( Cedar.auth === null ) {
+    Cedar.auth = new Cedar.Auth();
+  }
+
+  if (Cedar.auth.isEditMode()) {
+    jQuery( document ).ready(function( $ ) {
+      var logOff = '<a href="" onclick="location.reload(true)" style="position: absolute; bottom: 20px; right: 120px; ">[refresh]</a>';
+      logOff += '<a href="' + Cedar.auth.getLogOffURL() + '" style="position: absolute; bottom: 20px; right: 60px; ">[logout]</a>';
+      $(document.body).append(logOff);
+    });
+  }
+
+  Cedar.initialized = true;
+}
+
+
+/**
+ * Cedar.Auth
+ *
+ * responsible for determining if we're authorized for edit mode
+ */
+Cedar.Auth = function() {
+}
+Cedar.Auth.prototype.isEditMode = function() {
+  return this.isEditUrl();
+}
+Cedar.Auth.prototype.isEditUrl = function() {
+  var sPageURL = window.location.search.substring(1);
+  var sURLVariables = sPageURL.split('&');
+  for (var i = 0; i < sURLVariables.length; i++) {
+    if (sURLVariables[i] == 'cdrlogin') {
+      return true;
+    }
+  }
+  return false;
+}
+Cedar.Auth.prototype.getLogOffURL = function() {
+  return this.removeURLParameter(window.location.href, 'cdrlogin');
+}
+
+// adapted from stackoverflow: http://stackoverflow.com/questions/1634748/how-can-i-delete-a-query-string-parameter-in-javascript
+Cedar.Auth.prototype.removeURLParameter = function(url, parameter) {
+  //prefer to use l.search if you have a location/link object
+  var urlparts= url.split('?');
+  if (urlparts.length>=2) {
+
+    var prefix= encodeURIComponent(parameter); //+'=';
+    var pars= urlparts[1].split(/[&;]/g);
+
+    //reverse iteration as may be destructive
+    for (var i= pars.length; i-- > 0;) {
+      //idiom for string.startsWith
+      if (pars[i].lastIndexOf(prefix, 0) !== -1) {
+        pars.splice(i, 1);
+      }
+    }
+
+    url= urlparts[0];
+    if (pars.length > 0) {
+      url += '?'+pars.join('&');
+    }
+    return url;
+  } else {
+    return url;
+  }
+}
+
+
+/**
+ * Cedar.Store
+ *
+ * responsible for retrieving Cedar elements from server or local cache.
+ */
+Cedar.Store = function() {
+  this._cache = {};
+}
+
+Cedar.Store.prototype.put = function ( key, item ) {
+  this._cache[key] = item;
+}
+
+// different cedar types may use different api paths
+Cedar.Store.prototype.find = function ( key, getPath ) {
+  if ( getPath === null )
+    console.log('Cedar Error: must provide api "get" path');
+
+  if (typeof this._cache[key] === 'undefined'){
+    return $.getJSON(Cedar.config.api + getPath + key, function(json) {
+      this.put(key, json);
+      console.log('retrieved from server');
+    }.bind(this));
+  }
+  else {
+    console.log('retrieved from cache');
+    return $.Deferred().resolve(this._cache[key]);
+  }
+  return false;
+}
+
+Cedar.Store.prototype.clear = function(key) {
+  delete this._cache[key];
+}
+
+
+/**
+ * Cedar.ContentEntry
+ *
+ * basic content block class
+ *
+ *
+ *
+ * options:
+ *
+ * {
+ *  el (element or jQuery selector)
+ * }
+ */
+Cedar.ContentEntry = function(options) {
+  Cedar.Init();
+
+  var defaults = {
+    el: 'div'
+  };
+
+  this.options = $.extend( {}, defaults, options );
+
+  this.cedarId = this.options.cedarId;
+  this.el = this.options.el;
+  this.$el = $(this.el);
+  this.apiGet = '/objects/contententries/';
+}
+
+// parse the json for the relevant content
+Cedar.ContentEntry.prototype.setContent = function(json) {
+  if (json.code == "UNKNOWN_ID"){
+    this.content = '&nbsp;'; // if an element is new, fill with blank space to allow edit box to display
+  }
+  else if (typeof json.settings.content !== 'undefined') {
+    this.content = json.settings.content;
+  }
+  else {
+    this.content = '';
+    console.log('Cedar Error: Unable to parse json');
+  }
+}
+
+// takes into account edit mode styling
+Cedar.ContentEntry.prototype.getContent = function(options){
+  if (Cedar.auth.isEditMode()) {
+    return this.getEditOpen(this.cedarId) + this.content + this.getEditClose();
+  }
+  else {
+    return this.content;
+  }
+}
+
+// element is optional parameter
+Cedar.ContentEntry.prototype.fill = function(element) {
+  if (typeof element !== 'undefined') {
+    $(element).html(this.getContent());
+  }
+  else if (typeof this.$el !== 'undefined') {
+    this.$el.html(this.getContent());
+  }
+}
+
+// check store for content
+Cedar.ContentEntry.prototype.retrieve = function() {
+  return Cedar.store.find(this.cedarId, this.apiGet ).done( function(json) {
+    this.setContent(json);
+    this.json = json;
+  }.bind(this));
+}
+
+// fill the asssociated element with the retrieved content
+Cedar.ContentEntry.prototype.render = function() {
+  this.retrieve().done(function() {
+    this.fill();
+  }.bind(this));
+}
+
+// styling for edit box
+Cedar.ContentEntry.prototype.getEditOpen = function(id) {
+  var block;
+  block = '<span class="cedar-cms-editable clearfix">';
+  block += '<span class="cedar-cms-edit-tools">';
+  block += '<a target="cedarEdit" href="' + Cedar.config.server + 'cmsadmin/EditData?cdr=1&t=ContentEntry&o=' + encodeURIComponent(id) + '" class="cedar-cms-edit-icon" >';
+  block += '<b class="cedar-cms-edit-label">content block</b><i class="cedar-cms-icon cedar-cms-icon-right cedar-cms-icon-edit"></i></a>';
+  block += '</span>';
+  return block;
+}
+Cedar.ContentEntry.prototype.getEditClose = function(){
+  return '</span>';
+}

data/lib/assets/javascripts/cedar.marionette.js

@@ -0,0 +1,25 @@
+// Marionette
+var CedarMarionetteHeader = Backbone.Marionette.ItemView.extend({
+  template : function(serialized_model) {
+    return _.template('<h1><%= content %></h1>')(serialized_model);
+  }
+});
+var CedarMarionetteParagraph = Backbone.Marionette.ItemView.extend({
+  template : function(serialized_model) {
+    return _.template('<p><%= content %></p>')(serialized_model);
+  }
+});
+
+var CedarMarionetteLayout = Backbone.Marionette.LayoutView.extend({
+  template: '#layout-view-template',
+
+  regions: {
+    cedarHeading: '.js-cedar-heading',
+    anotherParagraph: '.js-cedar-paragraph'
+  },
+
+  onRender: function() {
+    this.cedarHeading.show(new CedarMarionetteHeader({model: this.options.heading}))
+    this.anotherParagraph.show(new CedarMarionetteParagraph({model: this.options.introText}))
+  }
+});

data/lib/assets/javascripts/cedarInit.js.erb

@@ -0,0 +1,6 @@
+// for intergration demonstration only - not currently used
+
+/*
+Cedar.config.api = '<%= Rails.application.routes.url_helpers.cedar_index_path %>';
+Cedar.config.server = '<%= Cedar::Application.config.cedar_server %>';
+*/

data/lib/assets/stylesheets/cedar.scss

@@ -0,0 +1,86 @@
+/**
+* Styles particular to the CMS when in "edit-mode" while viewing a front-end page.
+* @browsers	ALL
+**/
+
+
+
+
+.cedar-cms-editable {
+  display: block !important;
+  border: 1px dotted #F65126 !important
+}
+
+.cedar-cms-edit-tools {
+  font-family: Arial, sans-serif;
+  position: relative;
+  display: block !important;
+  font-size: 10px !important;
+  line-height: 1.2 !important;
+  text-align: left !important;
+}
+
+.cedar-cms-edit-tools a {
+  color: #F26521 !important;
+  text-decoration: none !important;
+}
+
+.cedar-cms-edit-tools a:hover {
+  color: #FA8A2D !important;
+  text-decoration: none !important;
+}
+
+.cedar-cms-edit-label {
+  color: #F26521 !important;
+  text-transform: uppercase;
+  font-size: 10px;
+  padding: 0 6px;
+}
+
+.cedar-cms-edit-tools .cedar-cms-edit-icon,
+.cedar-cms-edit-tools .cedar-cms-edit-icon:hover {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 18px;
+  z-index: 1001;
+  border: 1px solid #fff;
+  background-color: #ffddd0 !important;
+  padding: 0;
+}
+
+/* 4 classes to display icons */
+
+.cedar-cms-edit-tools.spacer {
+  height: 20px;
+}
+
+.cedar-cms-edit-tools.left-align .cedar-cms-edit-icon {
+  right: auto;
+  left: 0;
+}
+
+/* Standalone icons */
+.cedar-cms-icon {
+  min-height: 18px;
+  width: 18px;
+  height: 18px;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  zoom: 1;
+  *display: inline;
+  _height: 18px;
+  background: transparent url(cedar-display-tools-sprite.png) scroll no-repeat 0 0;
+}
+
+.cedar-cms-icon-right {
+  border-right: 0;
+  border-left: 1px solid #fff;
+}
+
+
+.cedar-cms-icon-edit {
+  background-position: -89px -20px;
+}

data/lib/cedar/version.rb

@@ -1,3 +1,3 @@
 module Cedar
-  VERSION = "0.0.5.pre"
+  VERSION = "0.0.6.pre"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cedar
 version: !ruby/object:Gem::Version
-  version: 0.0.5.pre
+  version: 0.0.6.pre
 platform: ruby
 authors:
 - Jed Murdock
@@ -51,6 +51,11 @@ files:
 - README.md
 - Rakefile
 - cedar.gemspec
+- lib/assets/images/cedar-display-tools-sprite.png
+- lib/assets/javascripts/cedar.js
+- lib/assets/javascripts/cedar.marionette.js
+- lib/assets/javascripts/cedarInit.js.erb
+- lib/assets/stylesheets/cedar.scss
 - lib/cedar.rb
 - lib/cedar/version.rb
 homepage: http://plyinteractive.com