pageflow-sitemap 0.1.0

data/app/assets/stylesheets/pageflow/sitemap/editor/successor_links.scss

@@ -0,0 +1,42 @@
+.successor_link {
+  .arrow {
+    stroke: $successor-link-color;
+    marker-end: url(#successor_link_triangle);
+  }
+
+  &.placeholder {
+    .drag_target {
+      transform: translateY(-5px);
+    }
+  }
+}
+
+&.editor_mode .successor_link {
+  &.dragged,
+  &.highlight {
+    .arrow {
+      marker-end: url(#successor_link_triangle_highlight);
+    }
+  }
+
+  &.placeholder {
+    pointer-events: bounding-box;
+  }
+
+  &.placeholder:hover .add_page {
+    visibility: visible;
+  }
+
+  &.dragged:hover .add_page {
+    visibility: hidden;
+    transition: none;
+  }
+}
+
+#successor_link_triangle {
+  fill: $successor-link-color;
+}
+
+#successor_link_triangle_highlight {
+  fill: $highlight-color;
+}

data/app/assets/stylesheets/pageflow/sitemap/editor/text_label.scss

@@ -0,0 +1,23 @@
+.text_label {
+  pointer-events: none;
+
+  &.empty {
+    display: none;
+  }
+
+  rect {
+    fill: rgba(0,0,0,0.6);
+    stroke: #444;
+    stroke-width: 1;
+    shape-rendering: crispEdges;
+  }
+
+  text {
+    fill: #fff;
+    font-size: 12px;
+  }
+
+  &.anchor_right text {
+    text-anchor: end;
+  }
+}

data/app/assets/stylesheets/pageflow/sitemap/editor/toolbar.css.scss

@@ -0,0 +1,45 @@
+.toolbar {
+  position: absolute;
+  right: 100px;
+  top: 5px;
+
+  > * {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .help_button {
+    @include background-icon-center($color: #a0c4e0, $font-size: 16px);
+    @include help-circled-icon;
+    width: 40px;
+    height: 25px;
+    margin-right: 5px;
+  }
+
+  .scale_slider {
+    width: 300px;
+  }
+
+  .scale_minus,
+  .scale_plus {
+    @include background-icon-center($font-size: 16px);
+    width: 40px;
+    height: 25px;
+  }
+
+  .scale_minus {
+    @include fa-search-minus-icon;
+  }
+
+  .scale_plus {
+    @include fa-search-plus-icon;
+  }
+
+  .items a {
+    display: inline-block;
+    font-size: 13px;
+    cursor: pointer;
+    padding: 5px 15px 5px 30px;
+    border-right: solid 1px #aaa;
+  }
+}

data/app/assets/stylesheets/pageflow/sitemap/editor.css.scss

@@ -0,0 +1,96 @@
+$highlight-color: orange;
+$stroke-color: #3182bd;
+$stroke-width: 1.5px;
+$font: 10px sans-serif;
+$selection-color: red;
+
+$follow-link-color: #bbb;
+$successor-link-color: #bbb;
+$page-link-color: #9ecae1;
+
+@mixin highlight() {
+  stroke: $highlight-color;
+  stroke-width: 2px;
+}
+
+.sitemap {
+  @extend %pageflow-ui;
+
+  @import "./editor/selection_rect";
+  @import "./editor/storylines";
+  @import "./editor/chapters";
+  @import "./editor/chapter_placeholders";
+  @import "./editor/pages";
+  @import "./editor/add_button";
+  @import "./editor/selectable_links";
+  @import "./editor/page_links";
+  @import "./editor/successor_links";
+  @import "./editor/scroll_bar";
+  @import "./editor/scroll_pane";
+  @import "./editor/toolbar";
+  @import "./editor/text_label";
+
+  @include user-select(none);
+  background-color: #fff;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100000;
+
+  h2 {
+    font-size: 13px;
+    font-weight: normal;
+    margin: 10px;
+  }
+
+  div.svgcontainer {
+    cursor: default;
+    border: solid 1px #ddd;
+
+    z-index: 10000;
+    position: absolute;
+    top: 35px;
+    right: 15px;
+    left: 1px;
+    bottom: 15px;
+  }
+
+  marker {
+    stroke: inherit;
+    fill: inherit;
+  }
+
+  .scroll_bar_x {
+    position: absolute;
+    bottom: 1px;
+    left: 1px;
+    right: 17px;
+    height: 13px;
+  }
+
+  .scroll_bar_y {
+    position: absolute;
+    right: 1px;
+    top: 37px;
+    bottom: 15px;
+    width: 13px;
+  }
+
+  .button {
+    display: block;
+    position: absolute;
+    z-index: 100000;
+    font-size: 13px;
+    cursor: pointer;
+  }
+
+  .close {
+    height: 25px;
+    width: 80px;
+    top: 10px;
+    right: 10px;
+  }
+}

data/config/locales/de.yml

@@ -0,0 +1,16 @@
+de:
+  pageflow:
+    sitemap:
+      editor:
+        headers:
+          select_page: Klicke auf eine Zielseite für den Verweis
+        main_menu_item: Sitemap
+        templates:
+          sitemap:
+            cancel: Abbrechen
+            close: Schließen
+      feature_name: Sitemap
+      help_entries:
+        main:
+          menu_item: Sitemap
+          text: ! "# Sitemap\n\nDie Sitemap unterstützt Dich bei der Planung und der Umsetzung von Pageflows mit mehreren Erzählsträngen. Dabei kannst Du per Mausklick neue Kapitel erstellen, Seiten einfügen und per Drag&Drop Verweis-Ziele und Scroll-Nachfolge-Pfeile festlegen. Hierzu ziehst Du ausgehend vom Halbkreis am unteren Ende einer Box einen Pfeil zu einer bereits bestehenden Seite oder an die Position, an der Du einen neuen Erzählstrang erstellen möchtest. Bei Verweis-Seiten wird dieser Bereich zum Verknüpfen als Halbkreis an der rechten Seite angezeigt.\n\nAuf diese Weise behältst Du den Überblick und kannst zum Beispiel ein Storyboard auf Pageflow übertragen. Außerdem kann die Sitemap zur Navigation während des gesamten Editier-Prozesses genutzt werden, denn: Sobald Du ein Element in der Sitemap anklickst, kannst Du es in der Seitenleiste editieren.\n\n### Weitere Optionen\n\nMit dem Auswahl-Rechteck können auch mehrere Erzählstränge markiert und gemeinsam verschoben werden.\nDurch einen Doppelklick auf einen Erzählstrang-Header wird der entsprechende Erzählstrang in der Gliederung angezeigt.\nEin Doppelklick auf eine Seite führt in die Vorschau.\n\n### Tastatur Shortcuts\n\n* Mausrad: Sitemap vertikal Scrollen\n* Umschalten + Mausrad: Sitemap horizontal Scrollen \n* Alt + Mausrad: Sitemap zoomen\n* Strg + Umschalten + Drag&Drop: Bildausschnitt in der Sitemap verschieben\n* Alt + s: Sitemap anzeigen/ausblenden\n* Alt + x: Aktuelle Seite in der Seitenleiste bearbeiten"

data/config/locales/en.yml

@@ -0,0 +1,48 @@
+en:
+  pageflow:
+    sitemap:
+      editor:
+        headers:
+          select_page: Click on the target page for the link
+        main_menu_item: Sitemap
+        templates:
+          sitemap:
+            cancel: Cancel
+            close: Close
+      feature_name: Sitemap
+      help_entries:
+        main:
+          menu_item: Sitemap
+          text: ! '# Sitemap
+
+
+            The Sitemap assists you in planning and implementing a story with multiple storylines. In this way you can easily create new chapters and pages via mouse click. Dragging arrows creates links and defines scroll-successor pages. Just pull an arrow from the semicircle at the bottom of a box to the desired position to create a new storyline. The semicircle for connecting link pages is placed on the right side of a box.
+
+
+            The Sitemap helps to keep the overview and lets you transfer a storyboard to the system. Besides that, the Sitemap can be used to navigate throughout the whole editing process. As soon as you click onto an element within the Sitemap, it appears in the sidebar, ready to be edited.
+
+
+            ### Further options
+
+
+            Drag a rectangle to select and move multiple storylines by using the left mouse button.
+
+            With a double click on a storyline’s header its chapters will be displayed in the sidebar.
+
+            A double click onto a page will open its preview.
+
+
+            ### Keyboard Shortcuts
+
+
+            * Mouse wheel: Scroll Sitemap vertically
+
+            * Shift + Mouse wheel: Scroll Sitemap horizontally
+
+            * Alt + Mouse wheel: Zoom Sitemap
+
+            * Ctrl + Shift + drag&drop: Move Sitemap viewport
+
+            * Alt + s: Show/hide Sitemap
+
+            * Alt + x: Edit current page in sidebar'

data/config/locales/new/help_button.de.yml

@@ -0,0 +1,7 @@
+de:
+  pageflow:
+    sitemap:
+      editor:
+        templates:
+          sitemap:
+            help: Hilfe anzeigen

data/config/locales/new/help_button.en.yml

@@ -0,0 +1,7 @@
+en:
+  pageflow:
+    sitemap:
+      editor:
+        templates:
+          sitemap:
+            help: Display help

data/config/locales/new/tooltips.de.yml

@@ -0,0 +1,11 @@
+de:
+  pageflow:
+    sitemap:
+      editor:
+        tooltips:
+          add_page_link: 'Ziehen um Verweis zu erstellen'
+          set_successor: 'Ziehen um Scroll Nachfolger festzulegen'
+          insert_chapter: 'Kapitel einfügen'
+          insert_page: 'Seite einfügen'
+        unnamed_chapter: '(Neues Kapitel)'
+        unnamed_page: '(Neue Seite)'

data/config/locales/new/tooltips.en.yml

@@ -0,0 +1,11 @@
+en:
+  pageflow:
+    sitemap:
+      editor:
+        tooltips:
+          add_page_link: 'Drag to create page link'
+          set_successor: 'Drag to set scroll successor'
+          insert_chapter: 'Insert chapter'
+          insert_page: 'Insert page'
+        unnamed_chapter: '(New chapter)'
+        unnamed_page: '(New page)'

data/config/routes.rb

@@ -0,0 +1,7 @@
+module Pageflow
+  Sitemap::Engine.routes.draw do
+
+    get '/test' => 'foo_test#index'
+
+  end
+end

data/config/spring.rb

@@ -0,0 +1 @@
+Spring.application_root = Dir[File.expand_path(File.join(__FILE__, "../../spec/dummy/rails-*"))].first

data/exec/rails

@@ -0,0 +1,12 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 4 gems installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('../..', __FILE__)
+ENGINE_PATH = File.expand_path('../../lib/pageflow/sitemap/engine', __FILE__)
+
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
+
+require 'rails/all'
+require 'rails/engine/commands'

data/exec/spring

@@ -0,0 +1,18 @@
+#!/usr/bin/env ruby
+
+# This file loads spring without using Bundler, in order to be fast
+# It gets overwritten when you run the `spring binstub` command
+
+unless defined?(Spring)
+  require "rubygems"
+  require "bundler"
+
+  if match = Bundler.default_lockfile.read.match(/^GEM$.*?^    spring \((.*?)\)$.*?^$/m)
+    ENV["GEM_PATH"] = ([Bundler.bundle_path.to_s] + Gem.path).join(File::PATH_SEPARATOR)
+    ENV["GEM_HOME"] = ""
+    Gem.paths = ENV
+
+    gem "spring", match[1]
+    require "spring/binstub"
+  end
+end

data/exec/teaspoon

@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+
+dummy_dir = File.expand_path('../spec/dummy', File.dirname(__FILE__))
+
+begin
+  load File.expand_path('../spring', __FILE__) if File.exists?(dummy_dir)
+rescue LoadError
+end
+
+require 'bundler/setup'
+
+ENV['PAGEFLOW_PLUGIN_ENGINE'] = 'pageflow_sitemap'
+
+require 'pageflow/support'
+Pageflow::Dummy.setup
+
+load Gem.bin_path('teaspoon', 'teaspoon')

data/lib/pageflow/sitemap/engine.rb

@@ -0,0 +1,10 @@
+module Pageflow
+  module Sitemap
+    class Engine < Rails::Engine
+      isolate_namespace Pageflow::Sitemap
+
+      config.autoload_paths << File.join(config.root, 'lib')
+      config.i18n.load_path += Dir[config.root.join('config', 'locales', '**', '*.yml').to_s]
+    end
+  end
+end

data/lib/pageflow/sitemap/plugin.rb

@@ -0,0 +1,11 @@
+module Pageflow
+  module Sitemap
+    class Plugin < Pageflow::Plugin
+      def configure(config)
+        config.features.register('sitemap') do |feature_config|
+          feature_config.help_entries.register('pageflow.sitemap.help_entries.main', priority: 6)
+        end
+      end
+    end
+  end
+end

data/lib/pageflow/sitemap/version.rb

@@ -0,0 +1,5 @@
+module Pageflow
+  module Sitemap
+    VERSION = "0.1.0"
+  end
+end

data/lib/pageflow-sitemap.rb

@@ -0,0 +1,9 @@
+require "pageflow/sitemap/engine"
+
+module Pageflow
+  module Sitemap
+    def self.plugin
+      Sitemap::Plugin.new
+    end
+  end
+end

data/pageflow-sitemap.gemspec

@@ -0,0 +1,29 @@
+$:.push File.expand_path("../lib", __FILE__)
+
+# Maintain your gem's version:
+require "pageflow/sitemap/version"
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |s|
+  s.name        = "pageflow-sitemap"
+  s.version     = Pageflow::Sitemap::VERSION
+  s.authors     = ["Codevise Solutions Ltd."]
+  s.email       = ["info@codevise.de"]
+  s.homepage    = "http://pageflow.io"
+  s.summary     = "Summary of PageflowSitemap."
+  s.description = "Description of PageflowSitemap."
+  s.license     = "MIT"
+
+  s.files         = `git ls-files`.split($/)
+  s.executables   = s.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  s.test_files    = s.files.grep(%r{^(test|spec|features)/})
+  s.require_paths = ["lib"]
+
+  s.add_runtime_dependency 'pageflow', '~> 0.10'
+
+  s.add_development_dependency 'pageflow-support'
+  s.add_development_dependency 'teaspoon'
+
+  # Semantic versioning rake tasks
+  s.add_development_dependency 'semmy', '~> 0.2'
+end

data/spec/d/r/.gitignore

@@ -0,0 +1,16 @@
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-journal
+
+# Ignore all logfiles and tempfiles.
+/log/*.log
+/tmp

data/spec/d/r/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/spec/d/r/Rakefile

@@ -0,0 +1,6 @@
+# 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__)
+
+Rails405::Application.load_tasks

data/spec/d/r/app/admin/dashboard.rb

@@ -0,0 +1,33 @@
+ActiveAdmin.register_page "Dashboard" do
+
+  menu :priority => 1, :label => proc{ I18n.t("active_admin.dashboard") }
+
+  content :title => proc{ I18n.t("active_admin.dashboard") } do
+    div :class => "blank_slate_container", :id => "dashboard_default_message" do
+      span :class => "blank_slate" do
+        span I18n.t("active_admin.dashboard_welcome.welcome")
+        small I18n.t("active_admin.dashboard_welcome.call_to_action")
+      end
+    end
+
+    # Here is an example of a simple dashboard with columns and panels.
+    #
+    # columns do
+    #   column do
+    #     panel "Recent Posts" do
+    #       ul do
+    #         Post.recent(5).map do |post|
+    #           li link_to(post.title, admin_post_path(post))
+    #         end
+    #       end
+    #     end
+    #   end
+
+    #   column do
+    #     panel "Info" do
+    #       para "Welcome to ActiveAdmin."
+    #     end
+    #   end
+    # end
+  end # content
+end

data/spec/d/r/app/assets/javascripts/active_admin.js.coffee

@@ -0,0 +1,2 @@
+#= require active_admin/base
+#= require pageflow/admin

data/spec/d/r/app/assets/javascripts/application.js

@@ -0,0 +1,16 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require jquery_ujs
+//= require turbolinks
+//= require_tree .

data/spec/d/r/app/assets/javascripts/pageflow/application.js

@@ -0,0 +1 @@
+//= require pageflow/base

data/spec/d/r/app/assets/javascripts/pageflow/editor.js

@@ -0,0 +1,4 @@
+//= require i18n
+//= require i18n/translations
+
+//= require pageflow/editor/base

data/spec/d/r/app/assets/stylesheets/active_admin.css.scss

@@ -0,0 +1,18 @@
+// SASS variable overrides must be declared before loading up Active Admin's styles.
+//
+// To view the variables that Active Admin provides, take a look at
+// `app/assets/stylesheets/active_admin/mixins/_variables.css.scss` in the
+// Active Admin source.
+//
+// For example, to change the sidebar width:
+// $sidebar-width: 242px;
+
+// Active Admin's got SASS!
+@import "active_admin/mixins";
+@import "active_admin/base";
+
+// Overriding any non-variable SASS must be done after the fact.
+// For example, to change the default status-tag color:
+//
+//   .status_tag { background: #6090DB; }
+@import "pageflow/admin";

data/spec/d/r/app/assets/stylesheets/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

data/spec/d/r/app/assets/stylesheets/pageflow/application.css.scss

@@ -0,0 +1 @@
+@import "pageflow/base";

data/spec/d/r/app/assets/stylesheets/pageflow/editor.css.scss

@@ -0,0 +1 @@
+@import "pageflow/editor/base";

data/spec/d/r/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/spec/d/r/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/spec/d/r/app/models/ability.rb

@@ -0,0 +1,12 @@
+class Ability
+  include CanCan::Ability
+  include Pageflow::AbilityMixin
+
+  def initialize(user)
+    # Setup abilities for Pageflow models
+    pageflow_default_abilities(user)
+
+    # Allow signed-in users to view the admin dashboard
+    can :read, ActiveAdmin::Page, :name => "Dashboard"
+  end
+end

data/spec/d/r/app/models/user.rb

@@ -0,0 +1,9 @@
+class User < ActiveRecord::Base
+  # Include default devise modules. Others available are:
+  # :token_authenticatable, :confirmable,
+  # :lockable, :timeoutable and :omniauthable
+  devise :database_authenticatable, 
+         :recoverable, :rememberable, :trackable, :validatable
+
+  include Pageflow::UserMixin
+end