flms 0.0.3 → 0.1.0

data/app/views/flms/elements/_paragraph_layer.html.haml

@@ -0,0 +1,4 @@
+.paragraph-layer{ layer.view_object.attributes(scroll_offset) }
+  .box
+    %h1= layer.header
+    = simple_format(layer.body).html_safe

data/app/views/flms/elements/_text_layer.html.haml

@@ -0,0 +1,2 @@
+.text-layer{ layer.view_object.attributes(scroll_offset) }
+  = layer.text

data/app/views/flms/embed_layers/_form.html.haml

@@ -0,0 +1,29 @@
+= form_for [@block, @layer], html: {class: 'form-horizontal'} do |f|
+  %fieldset
+    %legend= caption
+
+    - if @layer.errors.any?
+      #error_explanation
+        %h2= "#{pluralize(@layer.errors.count, "error")} prohibited this layer from being saved:"
+        %ul
+          - @layer.errors.full_messages.each do |msg|
+            %li= msg
+
+  = render partial: 'flms/layers/common_fields', locals: { form_block: f }
+
+  %fieldset
+    %legend
+      Embed
+    .control-group
+      = f.label :embed_code, class: 'control-label'
+      .controls
+        = f.text_area :embed_code
+
+  = render partial: 'flms/layers/keyframe_fields', locals: { form_block: f }
+
+  .control-group
+    .controls
+      .actions
+        = f.submit class: 'btn btn-primary'
+             
+        = link_to 'Cancel', edit_block_path(@block)

data/app/views/flms/embed_layers/edit.html.haml

@@ -0,0 +1,2 @@
+.login.container
+  = render partial: 'form', locals: {caption: 'Update layer'}

data/app/views/flms/embed_layers/new.html.haml

@@ -0,0 +1,2 @@
+.login.container
+  = render partial: 'form', locals: {caption: 'Create a new embed layer'}

data/app/views/flms/image_layers/_form.html.haml

@@ -1,28 +1,42 @@
-= form_for [@page, @block, @layer], html: {class: 'form-horizontal'} do |f|
+= form_for [@block, @layer], html: {class: 'form-horizontal'} do |f|
   %fieldset
     %legend= caption
 
-  - if @layer.errors.any?
-    #error_explanation
-      %h2= "#{pluralize(@layer.errors.count, "error")} prohibited this layer from being saved:"
-      %ul
-        - @layer.errors.full_messages.each do |msg|
-          %li= msg
+    - if @layer.errors.any?
+      #error_explanation
+        %h2= "#{pluralize(@layer.errors.count, "error")} prohibited this layer from being saved:"
+        %ul
+          - @layer.errors.full_messages.each do |msg|
+            %li= msg
 
-  .control-group
-    = f.label :name, class: 'control-label'
-    .controls
-      = f.text_field :name, autofocus: true
-      %span.help-inline The internal name of this layer.
+  = render partial: 'flms/layers/common_fields', locals: { form_block: f }
 
-  .control-group
-    = f.label :image, class: 'control-label'
-    .controls
-      = f.file_field :image
+  %fieldset
+    %legend
+      Image
+    .control-group
+      = f.label :image, class: 'control-label'
+      .controls
+        = f.file_field :image
+        = f.hidden_field :image_cache
+        - if @layer.image?
+          .image-preview
+            = image_tag @layer.image.small.url
+            %br
+            = @layer.uploaded_filename
+
+    .control-group
+      = f.label :image_display_mode, class: 'control-label'
+      .controls
+        .input-append
+          = f.select :image_display_mode, Flms::Layer::IMAGE_DISPLAY_MODES
+
+
+  = render partial: 'flms/layers/keyframe_fields', locals: { form_block: f }
 
   .control-group
     .controls
       .actions
         = f.submit class: 'btn btn-primary'
              
-        = link_to 'Back', pages_path
+        = link_to 'Cancel', edit_block_path(@block)

data/app/views/flms/image_layers/new.html.haml

@@ -1,2 +1 @@
-.login.container
-  = render partial: 'form', locals: {caption: 'Create a new layer'}
+= render partial: 'form', locals: {caption: 'Create a new image layer'}

data/app/views/flms/layers/_common_fields.html.haml

@@ -0,0 +1,41 @@
+-# provides attribute fields common to all layers
+-# local: form_block
+%fieldset
+  %legend
+    Name and Size
+  .control-group
+    = form_block.label :name, class: 'control-label'
+    .controls
+      = form_block.text_field :name, autofocus: true
+      %span.help-inline (must be valid CSS ID)
+
+  .control-group
+    = form_block.label :width, class: 'control-label'
+    .controls
+      .input-append
+        = form_block.text_field :width_percent
+        %span.add-on %
+
+  .control-group
+    = form_block.label :height, class: 'control-label'
+    .controls
+      .input-append
+        = form_block.text_field :height_percent
+        %span.add-on %
+
+  .control-group
+    = form_block.label :z_index, class: 'control-label'
+    .controls
+      = form_block.text_field :z_index
+
+  .control-group
+    = form_block.label :dom_remove, 'Hide at end', class: 'control-label'
+    .controls
+      = form_block.check_box :dom_remove
+      %span.help-inline If selected, removes layer from view at end of scroll.
+
+  .control-group
+    = form_block.label :active, 'Active', class: 'control-label'
+    .controls
+      = form_block.check_box :active
+

data/app/views/flms/layers/_keyframe_fields.html.haml

@@ -0,0 +1,127 @@
+-# provides keyframe attribute fields common to all layer types
+-# local: form_block
+%fieldset
+  %legend
+    Initial State
+  = form_block.fields_for :start_state_keyframe, html: {class: 'form-horizontal'} do |f_start|
+    .control-group
+      = f_start.label :scroll_start, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.number_field :scroll_start, min: 0, step: 10
+          %span.add-on pixels
+    .control-group
+      = f_start.label :scroll_duration, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.number_field :scroll_duration, min: 0, step: 10
+          %span.add-on pixels
+    .control-group
+      = f_start.label :opacity, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.number_field :opacity_percent, min: 0, max: 100, step: 10
+          %span.add-on %
+    .control-group
+      = f_start.label :scale, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.number_field :scale_percent, min: 0, max: 200, step: 10
+          %span.add-on %
+    .control-group
+      = f_start.label :blur, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.number_field :blur_percent, min: 0, max: 100, step: 10
+          %span.add-on %
+    .control-group
+      = f_start.label :position, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.select :position_name, Flms::Keyframe::POSITION_NAMES
+    .control-group
+      = f_start.label :margin_left, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.text_field :margin_left_percent
+          %span.add-on %
+    .control-group
+      = f_start.label :margin_top, class: 'control-label'
+      .controls
+        .input-append
+          = f_start.text_field :margin_top_percent
+          %span.add-on %
+
+%fieldset
+  %legend
+    Target State
+  = form_block.fields_for :target_state_keyframe, html: {class: 'form-horizontal'} do |f_target|
+    .control-group
+      = f_target.label :scroll_duration, class: 'control-label'
+      .controls
+        .input-append
+          = f_target.number_field :scroll_duration, min: 0, step: 10
+          %span.add-on pixels
+    .control-group
+      = f_target.label :position, class: 'control-label'
+      .controls
+        .input-append
+          = f_target.select :position_name, Flms::Keyframe::POSITION_NAMES
+    .control-group
+      = f_target.label :margin_left, class: 'control-label'
+      .controls
+        .input-append
+          = f_target.text_field :margin_left_percent
+          %span.add-on %
+    .control-group
+      = f_target.label :margin_top, class: 'control-label'
+      .controls
+        .input-append
+          = f_target.text_field :margin_top_percent
+          %span.add-on %
+
+%fieldset
+  %legend
+    End State
+  = form_block.fields_for :end_state_keyframe, html: {class: 'form-horizontal'} do |f_end|
+    .control-group
+      = f_end.label :scroll_duration, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.number_field :scroll_duration, min: 0, step: 10
+          %span.add-on pixels
+    .control-group
+      = f_end.label :opacity, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.number_field :opacity_percent, min: 0, max: 100, step: 10
+          %span.add-on %
+    .control-group
+      = f_end.label :scale, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.number_field :scale_percent, min: 0, max: 200, step: 10
+          %span.add-on %
+    .control-group
+      = f_end.label :blur, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.number_field :blur_percent, min: 0, max: 100, step: 10
+          %span.add-on %
+    .control-group
+      = f_end.label :position, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.select :position_name, Flms::Keyframe::POSITION_NAMES
+    .control-group
+      = f_end.label :margin_left, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.text_field :margin_left_percent
+          %span.add-on %
+    .control-group
+      = f_end.label :margin_top, class: 'control-label'
+      .controls
+        .input-append
+          = f_end.text_field :margin_top_percent
+          %span.add-on %

data/app/views/flms/pages/_add_block.html.haml

@@ -0,0 +1,8 @@
+= form_for @page, url: page_add_block_path(@page), html: {class: 'form-horizontal'} do |f|
+  %fieldset
+    %legend
+    .control-group
+      = f.label :block, class: 'control-label'
+      .controls
+        = select :block, :id, @available_blocks.map { |b| [b.name, b.id] }
+        = f.submit 'Add', class: 'btn btn-primary'

data/app/views/flms/pages/_block_list.html.haml

@@ -0,0 +1,44 @@
+- content_for :js do
+  :javascript
+    $(function() {
+      new PageEditPage();
+    });
+
+%legend Blocks
+%table.table.table-striped.table-hover
+  %thead
+    %tr
+      %th Active
+      %th Name
+      %th Actions
+
+  %tbody.block_list
+    - @page.ordered_blocks_pages.each do |blocks_page|
+      - block = blocks_page.block
+      %tr.ui-state-default{'data-block-id' => block.id}
+
+        -# "Active" switch.
+        %td.action
+          .switch.switch-mini
+            - if blocks_page.active
+              %input{id: "active_#{block.id}", type: 'checkbox', checked: 'checked'}
+            - else
+              %input{id: "active_#{block.id}", type: 'checkbox'}
+
+        %td.name
+          = link_to block.name, edit_block_path(block)
+
+        %td.action
+          = link_to edit_block_path(block), class: 'btn', title: 'edit' do
+            %i.icon-pencil
+
+        %td.action
+          = link_to page_remove_block_path(@page, block_id: block.id), method: :delete, class: 'btn', id: "remove-block-#{block.id}", title: 'remove' do
+            %i.icon-remove
+
+%button#save.btn.btn-primary
+  %i.icon-hdd.icon-white
+  Save
+
+%br
+

data/app/views/flms/pages/_form.html.haml

@@ -2,29 +2,28 @@
   %fieldset
     %legend= caption
 
-  - if @page.errors.any?
-    #error_explanation
-      %h2= "#{pluralize(@page.errors.count, "error")} prohibited this page from being saved:"
-      %ul
-        - @page.errors.full_messages.each do |msg|
-          %li= msg
+    - if @page.errors.any?
+      #error_explanation
+        %h2= "#{pluralize(@page.errors.count, "error")} prohibited this page from being saved:"
+        %ul
+          - @page.errors.full_messages.each do |msg|
+            %li= msg
 
-  .control-group
-    = f.label :title, class: 'control-label'
-    .controls
-      = f.text_field :title, autofocus: true
-      %span.help-inline The internal title of this page.
+    .control-group
+      = f.label :title, class: 'control-label'
+      .controls
+        = f.text_field :title, autofocus: true
+        %span.help-inline The internal title of this page.
 
-  .control-group
-    = f.label :url, class: 'control-label'
-    .controls
-      = f.text_field :url
-      %span.help-inline The URL under which this page should be accessible on the web.
-
-  .control-group
-    .controls
-      .actions
-        = f.submit class: 'btn btn-primary'
-             
-        = link_to 'Back', pages_path
+    .control-group
+      = f.label :url, class: 'control-label'
+      .controls
+        = f.text_field :url
+        %span.help-inline The URL under which this page should be accessible on the web.
 
+    .control-group
+      .controls
+        .actions
+          = f.submit class: 'btn btn-primary'
+               
+          = link_to 'Cancel', pages_path

data/app/views/flms/pages/edit.html.haml

@@ -1,3 +1,4 @@
-.login.container
-  = render partial: 'form', locals: { caption: "Editing '#{@page.title}'" }
-
+= render partial: 'form', locals: { caption: "Editing '#{@page.title}'" }
+= render partial: 'block_list'
+%br
+= render partial: 'add_block'

data/app/views/flms/pages/index.html.haml

@@ -5,15 +5,16 @@
   %thead
     %tr
       %th Title
-      %th
+      %th Action
 
   %tbody
     - @pages.each do |page|
       %tr
-        %td= link_to page.title, page_blocks_path(page)
+        %td= page.title
         %td
           = link_to 'edit', edit_page_path(page), class: 'btn'
-          = link_to 'delete', page_path(page), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn'
+          = link_to 'preview', page_path(page), class: 'btn'
+          = link_to 'delete', page_path(page), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-danger'
 
 %br
 

data/app/views/flms/pages/show.html.haml

@@ -1,8 +1,10 @@
-%p
-  %b Title:
-  = @page.title
+- content_for :title do
+  = "#{ Flms.application_name } | #{ @page.title }"
 
-= link_to 'Edit', edit_admin_page_path(@page)
-\|
-= link_to 'Back', admin_pages_path
+= render partial: 'flms/elements/page', locals: { page: @page }
 
+= javascript_include_tag 'application.js'
+:javascript
+  $(document).ready(function(){
+    skrollr.init()
+  });

data/app/views/flms/paragraph_layers/_form.html.haml

@@ -0,0 +1,41 @@
+= form_for [@block, @layer], html: {class: 'form-horizontal'} do |f|
+  %fieldset
+    %legend= caption
+
+    - if @layer.errors.any?
+      #error_explanation
+        %h2= "#{pluralize(@layer.errors.count, "error")} prohibited this layer from being saved:"
+        %ul
+          - @layer.errors.full_messages.each do |msg|
+            %li= msg
+
+  = render partial: 'flms/layers/common_fields', locals: { form_block: f }
+
+  %fieldset
+    %legend
+      Paragraph
+    .control-group
+      = f.label :header, class: 'control-label'
+      .controls
+        = f.text_field :header
+
+    .control-group
+      = f.label :body, class: 'control-label'
+      .controls
+        = f.text_area :body
+
+    .control-group
+      = f.label :color, class: 'control-label'
+      .controls
+        .input-prepend
+          %span.add-on #
+          = f.text_field :color
+
+  = render partial: 'flms/layers/keyframe_fields', locals: { form_block: f }
+
+  .control-group
+    .controls
+      .actions
+        = f.submit class: 'btn btn-primary'
+             
+        = link_to 'Cancel', edit_block_path(@block)