cedar 0.0.1.pre

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 37a9874d9ec3974d629266793d477fe5d9829703
+  data.tar.gz: 45048b87938643c88e6ddb15c3f5f9e6ef746bef
+SHA512:
+  metadata.gz: e08c905f813b6d74df6e8f8aea8dd5be3e733df0e8606fc4b5835d6bb990e1995f6ca01f248d92cd7e167a09d533e1f46e9c6c4c2a179e1cd0d6c73433a76ccf
+  data.tar.gz: 12f2a566de94014a87e59f70bb500b0abfb8a5055ae008c09832f20eb5ef459cf76a0fcfb5b2c508cfff7af8b1701c3bb2c85c3e599e8bfc479961af7f4a4a6b

data/vendor/assets/javascripts/cedar.js

@@ -0,0 +1,241 @@
+/**
+ * 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){
+
+  var payload = null;
+  if (options && options.length && options['json']){
+    return { content: 'jsonified' + this.content };
+  }
+
+  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));
+}
+
+Cedar.ContentEntry.prototype.renderJSON = function() {
+  //this.retrieve();
+
+  return this.retrieve().done( function() {
+    return (this.getContent({'json':true}));
+  }.bind(this));
+
+
+  // return this.retrieve().done(function() {
+  //   return $.Deferred().resolve(this.getContent({'json':true}));
+  // }.bind(this));
+}
+
+// styling for edit box
+Cedar.ContentEntry.prototype.getEditOpen = function(id) {
+  var block;
+  block = '<span class="cms-editable clearfix">';
+  block += '<span class="cms-edit-tools">';
+  block += '<a target="cedarEdit" href="' + Cedar.config.server + 'cmsadmin/EditData?cdr=1&t=ContentEntry&o=' + encodeURIComponent(id) + '" class="cms-edit-icon" >';
+  block += '<b class="cms-edit-label">content block</b><i class="cms-icon cms-icon-right cms-icon-edit"></i></a>';
+  block += '</span>';
+  return block;
+}
+Cedar.ContentEntry.prototype.getEditClose = function(){
+  return '</span>';
+}

data/vendor/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/vendor/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/vendor/assets/stylesheets/cedar.scss

@@ -0,0 +1,122 @@
+// Place all the styles related to the welcome controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+/**
+* Styles particular to the CMS when in "edit-mode" while viewing a front-end page.
+* @browsers	ALL
+**/
+
+
+
+#cmsToolbarPlaceholder {
+  height: 46px !important;
+}
+
+.cms-edit-control,
+.cms-edit-tools {
+  font-family: Arial, sans-serif;
+}
+
+.cms-editable {
+  display: block !important;
+  border: 1px dotted #F65126 !important
+}
+
+.cms-edit-tools {
+  position: relative;
+  display: block !important;
+  font-size: 10px !important;
+  line-height: 1.2 !important;
+  text-align: left !important;
+}
+
+.cms-edit-tools a {
+  color: #F26521 !important;
+  text-decoration: none !important;
+}
+
+.cms-edit-tools a:hover {
+  color: #FA8A2D !important;
+  text-decoration: none !important;
+}
+
+.cms-edit-label {
+  color: #F26521 !important;
+  text-transform: uppercase;
+  font-size: 10px;
+  padding: 0 6px;
+}
+
+.cms-edit-tools .cms-edit-icon,
+.cms-edit-tools .cms-edit-icon:hover,
+#industryNavMain #inner .cms-edit-tools .cms-edit-icon,
+#industryNavMain #inner .cms-edit-tools .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 */
+
+.cms-edit-tools.spacer {
+  height: 20px;
+}
+
+.cms-edit-tools.left-align .cms-edit-icon {
+  right: auto;
+  left: 0;
+}
+
+.cms-error-log {
+  background-color: white;
+  border: 1px solid black;
+  margin-bottom: 5px;
+  padding: 5px;
+  color: black;
+}
+
+/* Standalone icons */
+.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(/resources/cms/media/image/display-tools-sprite.png) scroll no-repeat 0 0;
+}
+
+.cms-icon-left {
+  border-left: 0;
+  border-right: 1px solid #fff;
+}
+
+.cms-icon-right {
+  border-right: 0;
+  border-left: 1px solid #fff;
+}
+
+.cms-icon-nav {
+  background-position: -67px -1px;
+}
+
+.cms-icon-edit {
+  background-position: -89px -20px;
+}
+
+.cms-icon-list {
+  background-position: -34px -39px;
+}
+
+.cms-icon-widget {
+  background-position: -71px -58px;
+}

metadata

@@ -0,0 +1,48 @@
+--- !ruby/object:Gem::Specification
+name: cedar
+version: !ruby/object:Gem::Version
+  version: 0.0.1.pre
+platform: ruby
+authors:
+- Jed Murdock
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-06 00:00:00.000000000 Z
+dependencies: []
+description: Pre-Release Cedar/Ply CaaS Asset Gem
+email: jedmurdock@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- vendor/assets/images/display-tools-sprite.png
+- vendor/assets/javascripts/cedar.js
+- vendor/assets/javascripts/cedar.marionette.js
+- vendor/assets/javascripts/cedarInit.js.erb
+- vendor/assets/stylesheets/cedar.scss
+homepage: http://plyinteractive.com
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: The Cedar/Ply Asset Gem
+test_files: []