pages_core 3.4.3 → 3.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 200e34fe559ba502528e3090ca7586c9f69bca8f
-  data.tar.gz: 4a35d1688c4acbd7bf05fd7d5d723f8709d1629c
+  metadata.gz: ef5894c357778878106510d1f761a738f94b3bc7
+  data.tar.gz: bbf931791bc818a6f40eb1e6390421d42a655980
 SHA512:
-  metadata.gz: 7a4ad5e9d16d73460d1f2140dd46338cd5f2c2fedc4e2db874a4f5bf54193a055bfba6b49342c284ced382a581acb2411ab524b205ce1a29ee71c91db923e4d0
-  data.tar.gz: 993c77ec2473ac90dfad7deb9c851367cd1ef1456fc6dc1fccfe86b78d6604dfb72f4034869145c5823b5489e53eaa3247f0b02c7400a034daff492aff97270e
+  metadata.gz: 42242e9e14b24af3f7efc8c82e5433a59c11ec7b47a60b2aa569cc88133e3f0610f3bb4b2be3fcb8341ee6cfadbb38711cb6a367bf8b81c85063aaa4a72ccd1b
+  data.tar.gz: dd47f4402bd928c5cbfe787d6d33c689079cb5c0b940cbcdddb81dcacc47a84401c80b0b024ff2f326de4508be41a4f790412b984067c1075bd56ffa5fad1d18

data/README.md

@@ -1,29 +1,95 @@
-# PagesCore
+# Pages
 
-Pages is a CMS for Rails apps.
+[![Build Status](https://travis-ci.org/kord-as/pages.svg?branch=master)](https://travis-ci.org/kord-as/pages) [![Code Climate](https://codeclimate.com/github/kord-as/pages/badges/gpa.svg)](https://codeclimate.com/github/kord-as/pages) [![Test Coverage](https://codeclimate.com/github/kord-as/pages/badges/coverage.svg)](https://codeclimate.com/github/kord-as/pages) [![Dependency Status](https://gemnasium.com/kord-as/pages.svg)](https://gemnasium.com/kord-as/pages)
 
-## Installation
+## Dependencies
 
-### Using the template
+* Sphinx
 
-    rails new [app name] -T -d mysql -m ~/Dev/gems/pages/template.rb
+## Getting started
 
-### Using the generators
+Pages is a Ruby on Rails-based CMS tailored for Rails developers.
 
-Add pages_core to your Gemfile:
+The box does not include any themes or templates. Rather, it aims to
+make it as easy as possible to build your site from scratch, harnessing
+all the power of Rails and it's assets pipeline.
 
-    gem 'pages_core', git: 'git@github.com:manualdesign/pages.git', branch: 'master'
+To get started, you'll need a Rails app. A freshly generated one will
+do. Add it to your Gemfile:
 
-Run Bundler:
+```ruby
+gem "pages_core"
+```
 
-    bundle install
+Next, run the installer (which will ask you a few questions), and then
+the migrations.
 
-And generate the config files:
+```sh
+bin/rails g pages_core:install
+bin/rake db:migrate
+```
 
-    rails g pages_core:install
+You'll also need a running Sphinx process:
 
-Now visit /admin and create your user account.
+```sh
+bin/rake ts:configure
+bin/rake ts:start
+```
 
-## Upgrading
+You should now be ready to fire up the server and visit /admin to
+create your first user account.
 
-Review the [changelog](CHANGELOG.md) for breaking changes.
+## Quick tour
+
+Pages is all about the `Page` model - a site is a tree of Pages. Every
+page has a template (which corresponds to the files in
+`app/views/pages/templates`). Here's a sample template:
+
+```html
+<h1>
+  <%= @page.name %>
+</h1>
+
+<% if @page.excerpt? %>
+  <%= @page.excerpt.to_html %>
+<% end %>
+
+<% if @page.body? %>
+  <%= @page.body.to_html %>
+<% end %>
+
+<% if @page.pages.any? %>
+  <h2>
+    More stuff
+  </h2>
+  <ul>
+    <% @page.pages.each do |p| %>
+      <li>
+        <%= link_to p.name, page_path(locale, p) %>
+      </li>
+    <% end %>
+  </ul>
+<% end %>
+```
+
+Every template has one or more blocks of content, configured in
+the `page_templates.rb` initializer. `name`, `excerpt` and `body`
+in the example above are the defaults, but this is fully customizable
+along with other optional features like images, file uploads, tags and more.
+
+You'll also notice that the page links have a locale param. Pages does support
+localizations:
+
+```ruby
+@page.localize(:en).name # => "Hello"
+@page.localize(:fr).name # => "Bonjour"
+```
+
+All the helpers and controllers will automatically set the locale for
+you and it propagates across relations, so you'll rarely end up
+interacting with it directly in this fashion.
+
+## License
+
+Pages is licensed under the
+[MIT License](http://www.opensource.org/licenses/MIT).

data/Rakefile

@@ -1,7 +1,7 @@
 require "bundler/gem_tasks"
 require "rspec/core/rake_task"
 
-APP_RAKEFILE = "spec/internal/Rakefile"
+APP_RAKEFILE = "spec/internal/Rakefile".freeze
 load "rails/tasks/engine.rake"
 
 RSpec::Core::RakeTask.new

data/app/assets/javascripts/pages/admin.es6.jsx

@@ -0,0 +1,19 @@
+// Gem assets
+//= require jquery
+//= require jquery_ujs
+//= require jquery-ui
+//= require jquery.Jcrop
+//= require underscore
+//= require react
+//= require react_ujs
+//= require reflux.min
+
+// Vendored assets
+//= require jquery.dimscreen
+//= require jquery.fieldselection
+//= require_self
+//= require pages/login_form
+//= require_tree ./admin/lib
+
+//= require pages/admin/components
+//= require_tree ./admin/features

data/app/assets/javascripts/pages/admin/components.es6.jsx

@@ -0,0 +1 @@
+//= require_tree ./components

data/app/assets/javascripts/pages/admin/components/page_tree.es6.jsx

@@ -0,0 +1,330 @@
+/*
+   Based on react-ui-tree
+   https://github.com/pqx/react-ui-tree
+
+   The MIT License (MIT)
+
+   Copyright (c) 2015 pqx Limited
+
+   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.
+ */
+
+class PageTree extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = this.init(this.props);
+
+    if (props.tree) {
+      PageTreeActions.init(this.props.tree);
+    }
+  }
+
+  componentDidMount() {
+    let self = this;
+    this.unsubscribe = PageTreeStore.listen(
+      newTree => self.setState({tree: newTree})
+    );
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (!this._updated) {
+      this.setState(this.init(nextProps));
+      if (nextProps.tree) {
+        PageTreeActions.init(this.props.tree);
+      }
+    } else {
+      this._updated = false;
+    }
+  }
+
+  componentWillUnmount() {
+    this.unsubscribe();
+  }
+
+  init(props) {
+    return {
+      dragging: this.initDragging()
+    };
+  }
+
+  initDragging() {
+    return {
+      id: null,
+      x: null,
+      y: null,
+      w: null,
+      h: null,
+      scrollTop: null,
+      scrollLeft: null
+    };
+  }
+
+  getDraggingDom() {
+    var tree = this.state.tree;
+    var dragging = this.state.dragging;
+    if (dragging && dragging.id) {
+      var draggingIndex = tree.getIndex(dragging.id);
+      var draggingStyles = {
+        top: dragging.y,
+        left: dragging.x,
+        width: dragging.w
+      };
+
+      return (
+        <div className="draggable" style={draggingStyles}>
+          <PageTreeNode
+              tree={tree}
+              index={draggingIndex}
+              paddingLeft={this.props.paddingLeft}
+          />
+        </div>
+      );
+    }
+
+    return null;
+  }
+
+  render() {
+    var self = this;
+    var tree = this.state.tree;
+    var dragging = this.state.dragging;
+
+    if (!tree) {
+      return (
+        <div className="page-tree">
+          {this.getDraggingDom()}
+        </div>
+      );
+    } else {
+      var root = tree.getIndex(1);
+      return (
+        <div className="page-tree">
+          {this.getDraggingDom()}
+          <PageTreeNode
+              tree={tree}
+              index={root}
+              key={root.id}
+              paddingLeft={this.props.paddingLeft}
+              addChild={id => this.addChild(id)}
+              onDragStart={(id, dom, e) => this.dragStart(id, dom, e)}
+              onCollapse={nodeId => this.toggleCollapse(nodeId)}
+              updatePage={(idx, attrs) => this.updatePage(idx, attrs)}
+              dragging={dragging && dragging.id}
+          />
+        </div>
+      );
+    }
+  }
+
+  addChild(parent) {
+    let newNode = {
+      name: "",
+      status: 0,
+      editing: true,
+      children: [],
+      published_at: new Date(),
+      pinned: false,
+      locale: parent.node.locale,
+      parent_page_id: parent.node.id
+    };
+    PageTreeActions.addChild(parent.id, newNode);
+  }
+
+  prevAddButtonCount(tree, index) {
+    var pointer = index;
+    var parentNodes = [];
+    while (pointer = tree.getIndex(pointer.parent)) {
+      parentNodes.push(pointer);
+    }
+
+    var pointer = index;
+    var count = 0;
+    while (pointer = tree.getNodeByTop(pointer.top - 1)) {
+      if (
+        parentNodes.indexOf(pointer) == -1 &&
+        !pointer.node.collapsed &&
+        pointer.node.children.filter(p => p.status != 4).length > 0
+      ) {
+        count += 1;
+      }
+    }
+
+    return count;
+  }
+
+  scrollOffset() {
+    let dragging = this.state.dragging;
+    return {
+      top: document.body.scrollTop - dragging.scrollTop,
+      left: document.body.scrollLeft - dragging.scrollLeft
+    };
+  }
+
+  drag(e) {
+    if (this._start) {
+      var distance = Math.abs(e.clientX - this._offsetX) +
+                     Math.abs(e.clientY - this._offsetY);
+      if (distance >= 15) {
+        this.setState({
+          dragging: this.dragging
+        });
+        this._start = false;
+      } else {
+        return null;
+      }
+    }
+
+    var tree = this.state.tree;
+    var dragging = this.state.dragging;
+    var paddingLeft = this.props.paddingLeft;
+    var newIndex = null;
+    var index = tree.getIndex(dragging.id);
+    var collapsed = index.node.collapsed;
+
+    var _startX = this._startX;
+    var _startY = this._startY;
+    var _offsetX = this._offsetX;
+    var _offsetY = this._offsetY;
+
+    var pos = {
+      x: _startX + e.clientX - _offsetX + this.scrollOffset().left,
+      y: _startY + e.clientY - _offsetY + this.scrollOffset().top
+    };
+    dragging.x = pos.x;
+    dragging.y = pos.y;
+
+    var diffX = dragging.x - paddingLeft/2 - (index.left-2) * paddingLeft;
+    var diffY = dragging.y - dragging.h/2 - (index.top-2 + this.prevAddButtonCount(tree, index)) * dragging.h;
+
+    if (diffX < 0) {
+      // left
+      if (index.parent && !index.next) {
+        newIndex = tree.move(index.id, index.parent, 'after');
+      }
+    } else if (diffX > paddingLeft) {
+      // right
+      if (index.prev) {
+        var prev = tree.getIndex(index.prev);
+
+        if (!prev.node.leaf && !prev.node.collapsed) {
+          newIndex = tree.move(index.id, index.prev, 'append');
+        }
+      }
+    }
+
+    if (newIndex) {
+      index = newIndex;
+      newIndex.node.collapsed = collapsed;
+      dragging.id = newIndex.id;
+    }
+
+    if (diffY < (0 - dragging.h * 0.5)) {
+      // up
+      var above = tree.getNodeByTop(index.top-1);
+      newIndex = tree.move(index.id, above.id, 'before');
+    } else if (diffY > dragging.h * 1.5) {
+      // down
+      let below = index.next ?
+                  tree.getIndex(index.next) :
+                  tree.getNodeByTop(index.top + index.height);
+
+      if (below && below.parent !== index.id) {
+        if (below.children && below.children.length && !below.node.collapsed) {
+          newIndex = tree.move(index.id, below.id, 'prepend');
+        } else {
+          newIndex = tree.move(index.id, below.id, 'after');
+        }
+      }
+    }
+
+    if (newIndex) {
+      newIndex.node.collapsed = collapsed;
+      dragging.id = newIndex.id;
+    }
+
+    this.setState({
+      dragging: dragging,
+      tree: tree
+    });
+  }
+
+  dragStart(id, dom, e) {
+    // Only drag on left click
+    if (e.button !== 0) {
+      return;
+    }
+
+    this.dragging = {
+      id: id,
+      w: dom.offsetWidth,
+      h: dom.offsetHeight,
+      x: dom.offsetLeft,
+      y: dom.offsetTop,
+      scrollTop: document.body.scrollTop,
+      scrollLeft: document.body.scrollLeft
+    };
+
+    this._startX = dom.offsetLeft;
+    this._startY = dom.offsetTop;
+    this._offsetX = e.clientX;
+    this._offsetY = e.clientY;
+    this._start = true;
+
+    var self = this;
+    this._dragListener = (e) => self.drag(e);
+    this._dragEndListener = () => self.dragEnd();
+
+    window.addEventListener('mousemove', this._dragListener);
+    window.addEventListener('mouseup', this._dragEndListener);
+  }
+
+  dragEnd() {
+    if (!this._start) {
+      PageTreeActions.updateTree(this.state.tree);
+      PageTreeActions.movedPage(this.state.dragging.id);
+    }
+
+    this.setState({
+      dragging: this.initDragging()
+    });
+
+    window.removeEventListener('mousemove', this._dragListener);
+    window.removeEventListener('mouseup', this._dragEndListener);
+  }
+
+  toggleCollapse(nodeId) {
+    PageTreeActions.toggleCollapsed(nodeId);
+  }
+
+  updatePage(index, attributes) {
+    PageTreeActions.updatePage(
+      index.id,
+      attributes
+    );
+  }
+}
+
+PageTree.propTypes = {
+  tree: React.PropTypes.object.isRequired,
+  paddingLeft: React.PropTypes.number
+};
+
+PageTree.defaultProps = {
+  paddingLeft: 15
+};