concen 0.1

data/app/stylesheets/config.rb

@@ -0,0 +1,9 @@
+# Require any additional compass plugins here.
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "../../public/concen"
+sass_dir = "../"
+images_dir = "../../public/concen/images"
+javascripts_dir = "../../public/concen"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true

data/app/stylesheets/ie.sass

@@ -0,0 +1,4 @@
+@import "blueprint"
+
+// Generate the blueprint IE-specific customizations:
++blueprint-ie

data/app/stylesheets/non_ios.sass

@@ -0,0 +1,16 @@
+@import "compass"
+@import "partials/mixins"
+
+ul.squares
+	li.child-container
+		h3
+			$use-mozilla-ellipsis-binding: true
+			+ellipsis
+		p.date
+			$use-mozilla-ellipsis-binding: true
+			+ellipsis
+		
+#article-top
+	h2
+		$use-mozilla-ellipsis-binding: true
+		+ellipsis

data/app/stylesheets/partials/_base.sass

@@ -0,0 +1,92 @@
+html
+  overflow-y: scroll
+  background: white
+
+body
+  font-family: $proxima-nova
+  line-height: 1.25
+  color: $color-1
+  min-width: 820px
+  text-rendering: optimizeLegibility
+  -webkit-text-size-adjust: none
+
+h1, h2, h3
+  font-weight: bold
+  .wf-active &
+    font-weight: 600
+
+h1
+  font-size: 20px
+
+h2
+  font-size: 18px
+
+h3
+  font-size: 16px
+
+p, ul, ol, li
+  font-size: 14px
+
+a
+  +link-colors($color-1, $color-1, $color-1, $color-1, $color-1)
+  text-decoration: underline
+
+strong
+  font-weight: bold
+  .wf-active &
+    font-weight: 600
+
+a.link-button
+  font-size: 10px
+  line-height: 1
+  +hover-link
+  +inline-block
+  border: 1px solid $color-2
+  padding: 2px 8px
+  font-weight: bold
+  color: $color-2
+  width: auto
+  +border-radius(30px)
+  vertical-align: middle
+  background: $color-4
+  +background(linear-gradient(white, $color-3))
+  +text-shadow(rgba(white, 1) 0 1px 0)
+  &:hover
+    text-decoration: none
+  &:active
+    +background(linear-gradient($color-3, white))
+
+img.visit-recorder
+  position: absolute
+  top: 0
+  left: 0
+
+.border
+  border: 1px solid $color-2
+  +border-radius(4px)
+  +box-shadow(rgba($color-2, 0.3) 0 3px 0px)
+
+.clearfix
+  +clearfix
+
+.center
+  text-align: center
+
+.upcase
+  text-transform: uppercase
+
+.center
+  text-align: center
+
+.clearfix
+  +clearfix
+
+.clear
+  clear: both
+
+.hidden
+  display: none
+  visibility: hidden
+
+.cursor-move
+  cursor: move

data/app/stylesheets/partials/_fileuploader.sass

@@ -0,0 +1,75 @@
+.qq-uploader
+  position: relative
+
+.qq-upload-button
+  display: block
+  color: $color-1
+  border: 1px solid $color-2
+  text-align: center
+  padding: 10px 0
+  height: 20px
+  line-height: 20px
+  font-weight: 600
+  font-size: 16px
+
+.qq-upload-button-hover
+
+.qq-upload-button-focus
+  outline: 1px dotted black
+
+.qq-upload-drop-area
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 20px
+  padding: 10px 0
+  border: 1px solid $color-2
+  background: white
+  z-index: 2
+  text-align: center
+  span
+    display: block
+    position: absolute
+    top: 0
+    left: 0
+    width: 100%
+    height: 20px
+    line-height: 20px
+    padding: 10px 0
+    font-size: 13px
+    text-align: center
+
+.qq-upload-drop-area-active
+  background: $color-4
+
+.qq-upload-list
+  padding: 0
+  list-style: disc
+  list-style-position: outside
+  li
+    margin-top: 10px
+    padding: 0
+    line-height: 15px
+    font-size: 12px
+
+.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text
+  margin-right: 7px
+
+.qq-upload-file
+
+.qq-upload-spinner
+  display: inline-block
+  background: url("/concen/images/fileuploader-loading.gif")
+  width: 15px
+  height: 15px
+  vertical-align: text-bottom
+
+.qq-upload-size, .qq-upload-cancel
+  font-size: 11px
+
+.qq-upload-failed-text
+  display: none
+
+.qq-upload-fail .qq-upload-failed-text
+  display: inline

data/app/stylesheets/partials/_flot.sass

@@ -0,0 +1,8 @@
+div.legend
+  table
+    width: auto
+    border: 1px solid $color-2
+    td
+      color: $color-1
+      padding: 5px
+      border: 0

data/app/stylesheets/partials/_form.sass

@@ -0,0 +1,74 @@
+form
+  input[type=text], input[type=password]
+    font-family: $proxima-nova
+
+form
+  +clearfix
+  .field
+    +clearfix
+    margin-bottom: $standard-gap/2
+    &.text-editor
+      overflow: visible
+  span.align
+    line-height: 30px
+    font-size: 12px
+    vertical-align: middle
+    visibility: hidden
+  .actions
+    margin-left: 160px
+    a
+      font-size: 13px
+      margin-left: 10px
+      +hover-link
+  .actions.flush
+    margin-left: 0
+  label
+    font-size: 13px
+    float: left
+    width: 160px
+    display: block
+    font-weight: 400
+    line-height: 28px
+  label.blank
+    text-indent: -9999px
+    font-size: 14px
+    line-height: normal
+  label.inline
+    font-size: 13px
+    width: auto
+    float: none
+    display: inline
+    line-height: normal
+    vertical-align: middle
+  input[type=text], input[type=password], textarea
+    border: 1px solid $color-2
+    +border-radius(4px)
+    +box-shadow(rgba($color-2, 0.3) 0 2px 2px inset)
+    height: 16px
+    line-height: 16px
+    padding: 5px
+    color: $color-1
+    min-width: 400px
+    font-size: 13px
+    outline: 0
+    margin: 0
+    display: block
+    background: none
+  input[type=checkbox], input[type=radio]
+    margin: 0 3px 0 0
+    padding: 0
+    vertical-align: middle
+  textarea
+    height: 48px
+  textarea.tall
+    height: 300px
+  #errorExplanation ul
+    margin: $standard-gap/2 0 $standard-gap/2 0
+    li
+      font-size: 12px
+      list-style: disc inside
+      line-height: 18px
+      color: red
+
+form.edit_child
+  width: 60%

data/app/stylesheets/partials/_mixins.sass

@@ -0,0 +1,8 @@
+@mixin image-dimensions($path)
+  height: image-height($path)
+  width: image-width($path)
+
+@mixin background-image-with-dimension($path)
+  background: image-url($path)
+  background-repeat: no-repeat
+  +image-dimensions($path)

data/app/stylesheets/partials/_variables.sass

@@ -0,0 +1,17 @@
+// Colors.
+
+$color-1: hsl(230, 60%, 20%) // #141F52
+$color-2: hsl(230, 20%, 60%) // #858BAD
+$color-3: hsl(230, 20%, 94%) // #EDEEF3
+$color-4: hsl(230, 20%, 96%) // #F3F3F7
+$color-5: hsl(230, 20%, 88%) // #DADCE7
+$gray-20: hsl(0, 0%, 20%)
+$gray-60: hsl(0, 0%, 60%)
+$gray-80: hsl(0, 0%, 80%)
+$gray-90: hsl(0, 0%, 90%)
+
+$shadow-size: 4px
+
+$proxima-nova: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif
+
+$standard-gap: 30px

data/app/stylesheets/print.sass

@@ -0,0 +1,4 @@
+@import "blueprint"
+
+// Generate the blueprint print styles:
++blueprint-print

data/app/views/concen/grid_files/_form.html.haml

@@ -0,0 +1,15 @@
+= form_for [@page, @grid_file], :url => concen_page_grid_file_path(@page, @grid_file), :html => {:class => "with-text-editor wide"} do |f|
+  - if @grid_file.errors.any?
+    #errorExplanation
+      %h3= "#{pluralize(@page.errors.count, "error")} prohibited this parent from being saved:"
+      %ul
+        - @page.errors.full_messages.each do |msg|
+          %li= msg
+  .field.text-editor
+    .border
+      #text-editor.wide
+  = text_area_tag :concen_grid_file_page, @grid_file.read.force_encoding("utf-8"), :class => "text-editor-content hidden"
+  .actions.flush
+    = f.submit "Save"
+    = link_to "Delete", concen_page_grid_file_path(@page, @grid_file), :method => :delete
+    = link_to "Cancel", edit_concen_page_path(@page)

data/app/views/concen/grid_files/edit.html.haml

@@ -0,0 +1,9 @@
+- content_for :head_javascripts do
+  = javascript_include_tag "/concen/javascripts/ace/ace.js"
+  = javascript_include_tag "/concen/javascripts/fileuploader.js"
+  = javascript_include_tag "/concen/javascripts/page.js"
+
+#content
+  %h1= "Edit #{@grid_file.original_filename}"
+  .clearfix
+    = render "form"

data/app/views/concen/pages/_file_list.haml

@@ -0,0 +1,7 @@
+%ul
+  - files.each_with_index do |file, index|
+    %li
+      = link_to "#{file.original_filename} (#{number_to_human_size(file.size)})", file.url(root_url), :class => "filename", "data-path" => file.path
+      - if file.text?
+        = link_to "Edit", edit_concen_page_grid_file_path(file.page, file)
+      = link_to "Delete", concen_page_grid_file_path(file.page, file), :class => "delete"

data/app/views/concen/pages/_files.haml

@@ -0,0 +1,24 @@
+.files
+  .stylesheets
+    %h3
+      %span Stylesheets
+      = link_to "New", concen_page_grid_files_path(@page, :file_type => "css"), :class => "link-button new-file"
+    - if @page.stylesheets.any?
+      = render :partial => "concen/pages/file_list", :locals => {:files => @page.stylesheets}
+
+  .javascripts
+    %h3
+      %span JavaScripts
+      = link_to "New", concen_page_grid_files_path(@page, :file_type => "js"), :class => "link-button new-file"
+    - if @page.javascripts.any?
+      = render :partial => "concen/pages/file_list", :locals => {:files => @page.javascripts}
+
+  - if @page.images.any?
+    .images
+      %h3 Images
+      = render :partial => "concen/pages/file_list", :locals => {:files => @page.images}
+
+  - if @page.others.any?
+    .others
+      %h3 Others
+      = render :partial => "concen/pages/file_list", :locals => {:files => @page.others}

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

@@ -0,0 +1,18 @@
+= form_for @page, {:html => {:class => "with-text-editor #{'wide' if !@page.persisted?}"}} do |f|
+  - if @page.errors.any?
+    #errorExplanation
+      %h3= "#{pluralize(@page.errors.count, "error")} prohibited this parent from being saved:"
+      %ul
+        - @page.errors.full_messages.each do |msg|
+          %li= msg
+  .field.text-editor
+    .border
+      #text-editor
+  = f.text_area :raw_text, :class => "text-editor-content hidden"
+  = f.hidden_field :parent_id
+  = f.hidden_field :level
+  .actions.flush
+    = f.submit "Save"
+    - if @page.persisted?
+      = link_to "Delete", concen_page_path(@page), :method => :delete
+    = link_to "Cancel", concen_pages_path

data/app/views/concen/pages/_nested_list.html.haml

@@ -0,0 +1,15 @@
+- if root && page.level == 0
+  - children = [page]
+- else
+  - children = Concen::Page.where(:parent_id => page.id).asc(:position)
+%ul{:class => children.first.level == 0 && "pages", :data => {:level => children.first.level}}
+  - for child in children
+    %li{:data => {:id => "page-#{child.id}"}}
+      %p
+        %span.handle
+        = link_to child.title, edit_concen_page_path(child), :class => "title"
+        = link_to "Add", new_concen_page_path(:level => child.level + 1, :parent_id => child.id), :class => "link-button hidden"
+        = link_to "Edit", edit_concen_page_path(child), :class => "link-button hidden"
+        = link_to "Delete", concen_page_path(child), :method => :delete, :confirm => "Are you sure?", :class => "link-button hidden"
+      - if Concen::Page.where(:parent_id => child.id).count > 0
+        = render :partial => "nested_list", :locals => {:page => child, :root => false}

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

@@ -0,0 +1,15 @@
+- content_for :head_javascripts do
+  = javascript_include_tag "/concen/javascripts/ace/ace.js"
+  = javascript_include_tag "/concen/javascripts/fileuploader.js"
+  = javascript_include_tag "/concen/javascripts/page.js"
+
+#content
+  %h1 Edit Page
+  = render "form"
+  #file-manager
+    .border
+      #file-uploader{:data => {"upload-path" => upload_concen_page_grid_files_path(@page)}}
+        %noscript
+          %p Please enable JavaScript to use file uploader.
+      = render "files"
+  .clear

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

@@ -0,0 +1,9 @@
+- content_for :head_javascripts do
+  = javascript_include_tag "/concen/javascripts/page.js"
+
+#content
+  %h1 Pages
+  - if @page
+    = render :partial => "nested_list", :locals => {:page => @page, :root => true}
+  - else
+    = link_to "New Page", new_concen_page_path(:level => 0)