bcms_kcfinder 1.0.0

data/app/assets/stylesheets/bcms_kcfinder/application.css

@@ -0,0 +1,14 @@
+/*
+ * 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 kcfinder/themes/oxygen/style
+ *= require_tree .
+ */

data/app/assets/stylesheets/bcms_kcfinder/browse.css

@@ -0,0 +1,235 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/
+html, body {
+    overflow: hidden
+}
+
+body, form, th, td {
+    margin: 0;
+    padding: 0
+}
+
+a {
+    cursor: pointer
+}
+
+* {
+    font-family: Tahoma, Verdana, Arial, sans-serif;
+    font-size: 11px
+}
+
+table {
+    border-collapse: collapse
+}
+
+#all {
+    vvisibility: hidden
+}
+
+#left {
+    float: left;
+    display: block;
+    width: 25%
+}
+
+#right {
+    float: left;
+    display: block;
+    width: 75%
+}
+
+#settings {
+    display: none;
+    padding: 0;
+    float: left;
+    width: 100%
+}
+
+#settings>div {
+    float: left
+}
+
+#folders {
+    padding: 5px;
+    overflow: auto
+}
+
+#toolbar {
+    padding: 5px
+}
+
+#files {
+    padding: 5px;
+    overflow: auto
+}
+
+#status {
+    padding: 5px;
+    float: left;
+    overflow: hidden
+}
+
+#fileinfo {
+    float: left
+}
+
+#clipboard div {
+    width: 16px;
+    height: 16px
+}
+
+.folders {
+    margin-left: 16px
+}
+
+div.file {
+    overflow-x: hidden;
+    width: 100px;
+    float: left;
+    text-align: center;
+    cursor: default;
+    white-space: nowrap
+}
+
+div.file .thumb {
+    width: 100px;
+    height: 100px;
+    background: no-repeat center center
+}
+
+#files table {
+    width: 100%
+}
+
+tr.file {
+    cursor: default
+}
+
+tr.file>td {
+    white-space: nowrap
+}
+
+tr.file>td.name {
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding-left: 20px;
+    width: 100%
+}
+
+tr.file>td.time, tr.file>td.size {
+    text-align: right
+}
+
+#toolbar {
+    cursor: default;
+    white-space: nowrap
+}
+
+#toolbar a {
+    padding-left: 20px;
+    text-decoration: none;
+    background: no-repeat left center
+}
+
+#toolbar a:hover, a[href="#upload"].uploadHover {
+    color: #000
+}
+
+#upload {
+    position: absolute;
+    overflow: hidden;
+    opacity: 0;
+    filter: alpha(opacity:0)
+}
+
+#upload input {
+    cursor: pointer
+}
+
+#uploadResponse {
+    display: none
+}
+
+span.brace {
+    padding-left: 11px;
+    cursor: default
+}
+
+span.brace.opened, span.brace.closed {
+    cursor: pointer
+}
+
+#shadow {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: none;
+    background: #000;
+    z-index: 100;
+    opacity: 0.7;
+    filter: alpha(opacity:50)
+}
+
+#dialog, #clipboard, #alert {
+    position: absolute;
+    display: none;
+    z-index: 101;
+    cursor: default
+}
+
+#dialog .box, #alert {
+    max-width: 350px
+}
+
+#alert {
+    z-index: 102
+}
+
+#alert div.message {
+    overflow-y: auto;
+    overflow-x: hidden
+}
+
+#clipboard {
+    z-index: 99
+}
+
+#loading {
+    display: none;
+    float: right
+}
+
+.menu {
+    background: #888;
+    white-space: nowrap
+}
+
+.menu a {
+    display: block
+}
+
+.menu .list {
+    max-height: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+    white-space: nowrap
+}
+
+.file .access, .file .hasThumb {
+    display: none
+}
+
+#dialog img {
+    cursor: pointer
+}
+
+#resizer {
+    position: absolute;
+    z-index: 98;
+    top: 0;
+    background: #000;
+    opacity: 0;
+    filter: alpha(opacity:0)
+}

data/app/controllers/bcms_kcfinder/application_controller.rb

@@ -0,0 +1,4 @@
+module BcmsKcfinder
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/bcms_kcfinder/browse_controller.rb

@@ -0,0 +1,121 @@
+module BcmsKcfinder
+  class BrowseController < Cms::BaseController
+
+    # This API is mostly JSON, so CSRF shouldn't be an issue.
+    protect_from_forgery :except => :upload
+    
+    layout 'bcms_kcfinder/application'
+    before_filter :set_default_type
+    before_filter :determine_current_section, :only=>[:init, :upload, :change_dir]
+
+    def index
+    end
+
+    # At the start, the entire Sitemap tree has to be defined, though pages below the top level do not need to be included until a 'chDir'
+    # command is issued.
+    def init
+      @section = Cms::Section.find_by_name_path("/")
+      render :json => {tree: {name: "My Site",
+                              readable: true,
+                              writable: true,
+                              removable: false,
+                              current: true,
+                              hasDirs: !@section.child_sections.empty?,
+                              dirs: child_sections_to_dirs(@section)},
+                       files: list_files(),
+                       dirWritable: true}.to_json
+    end
+
+    def upload
+      content_block = case params[:type].downcase
+        when "files"
+          create_new(Cms::FileBlock)
+        when "images"
+          create_new(Cms::ImageBlock)
+      end
+      render :text => content_block.path
+    end
+
+    def create_new(klass)
+      uploaded_file = params[:upload].first
+      f = klass.new(:name => uploaded_file.original_filename, :publish_on_save => true)
+      a = f.attachments.build(:parent => @section,
+                              :data_file_path => uploaded_file.original_filename,
+                              :attachment_name => 'file',
+                              :data => uploaded_file)
+      f.save!
+      f
+    end
+
+    # Change to a directory and return the files for that directory
+    def change_dir
+      render :json => {files: list_files(), dirWritable: true}.to_json
+    end
+
+
+
+    def command
+      raise "Error: The command '#{params[:command]}' is not implemented yet."
+    end
+
+    private
+
+    def determine_current_section
+      unless params[:dir]
+        params[:dir] = "My Site"
+      end
+      normalized_dir_name = params[:dir].gsub("My Site", "/")
+      @section = Cms::Section.find_by_name_path(normalized_dir_name)
+    end
+
+    def set_default_type
+      unless params[:type]
+        params[:type] = "files"
+      end
+    end
+
+    def list_files
+      show = case params[:type]
+               when "files"
+                 @section.linkable_children
+               when "images"
+                 Cms::ImageBlock.by_section(@section)
+               else
+                 []
+             end
+      render_files(show)
+    end
+
+    def render_files(files)
+      files.map do |file|
+        {
+            name: file.name,
+            size: file.size_in_bytes,
+            path: file.link_to_path,
+            mtime: file.updated_at.to_i,
+            date: file.created_at.strftime("%m/%d/%Y %I:%M %p"),
+            readable: true,
+            writeable: true,
+            bigIcon: true,
+            smallIcon: true,
+            thumb: false,
+            smallThumb: false
+        }
+      end
+    end
+
+    def child_sections_to_dirs(section)
+      section.sections.map do |child|
+        {
+            name: child.name,
+            readable: true,
+            writable: true,
+            removable: true,
+            hasDirs: !child.child_sections.empty?,
+            current: false,
+            dirs: child_sections_to_dirs(child)
+        }
+      end
+    end
+  end
+end

data/app/helpers/bcms_kcfinder/application_helper.rb

@@ -0,0 +1,4 @@
+module BcmsKcfinder
+  module ApplicationHelper
+  end
+end

data/app/helpers/bcms_kcfinder/browse_helper.rb

@@ -0,0 +1,4 @@
+module BcmsKcfinder
+  module BrowseHelper
+  end
+end

data/app/views/bcms_kcfinder/browse/index.html.erb

@@ -0,0 +1,83 @@
+<script type="text/javascript">
+    $('body').noContext();
+</script>
+<div id="resizer"></div>
+<div id="shadow"></div>
+<div id="dialog"></div>
+<div id="alert"></div>
+<div id="clipboard"></div>
+<div id="all">
+  <div id="left">
+    <div id="folders"></div>
+  </div>
+  <div id="right">
+    <div id="toolbar">
+      <div>
+        <a href="kcact:upload">Upload</a>
+        <a href="kcact:refresh">Refresh</a>
+        <a href="kcact:settings">Settings</a>
+        <a href="kcact:maximize">Maximize</a>
+        <a href="kcact:about">About</a>
+
+        <div id="loading"></div>
+      </div>
+    </div>
+    <div id="settings">
+
+      <div>
+        <fieldset>
+          <legend>View:</legend>
+          <table summary="view" id="view">
+            <tr>
+              <th><input id="viewThumbs" type="radio" name="view" value="thumbs"/></th>
+              <td><label for="viewThumbs">&nbsp;Thumbnails</label> &nbsp;</td>
+              <th><input id="viewList" type="radio" name="view" value="list"/></th>
+              <td><label for="viewList">&nbsp;List</label></td>
+            </tr>
+          </table>
+        </fieldset>
+      </div>
+
+      <div>
+        <fieldset>
+          <legend>Show:</legend>
+          <table summary="show" id="show">
+            <tr>
+              <th><input id="showName" type="checkbox" name="name"/></th>
+              <td><label for="showName">&nbsp;Name</label> &nbsp;</td>
+              <th><input id="showSize" type="checkbox" name="size"/></th>
+              <td><label for="showSize">&nbsp;Size</label> &nbsp;</td>
+              <th><input id="showTime" type="checkbox" name="time"/></th>
+              <td><label for="showTime">&nbsp;Date</label></td>
+            </tr>
+          </table>
+        </fieldset>
+      </div>
+
+      <div>
+        <fieldset>
+          <legend>Order by:</legend>
+          <table summary="order" id="order">
+            <tr>
+              <th><input id="sortName" type="radio" name="sort" value="name"/></th>
+              <td><label for="sortName">&nbsp;Name</label> &nbsp;</td>
+              <th><input id="sortType" type="radio" name="sort" value="type"/></th>
+              <td><label for="sortType">&nbsp;Type</label> &nbsp;</td>
+              <th><input id="sortSize" type="radio" name="sort" value="size"/></th>
+              <td><label for="sortSize">&nbsp;Size</label> &nbsp;</td>
+              <th><input id="sortTime" type="radio" name="sort" value="date"/></th>
+              <td><label for="sortTime">&nbsp;Date</label> &nbsp;</td>
+              <th><input id="sortOrder" type="checkbox" name="desc"/></th>
+              <td><label for="sortOrder">&nbsp;Descending</label></td>
+            </tr>
+          </table>
+        </fieldset>
+      </div>
+
+    </div>
+    <div id="files">
+      <div id="content"></div>
+    </div>
+  </div>
+  <div id="status"><span id="fileinfo">&nbsp;</span></div>
+</div>