dataclips 0.0.1

data/app/assets/stylesheets/dataclips/_bootstrap.scss

@@ -0,0 +1,53 @@
+// Core variables and mixins
+@import "bootstrap/variables";
+@import "bootstrap/mixins";
+
+// Reset and dependencies
+@import "bootstrap/normalize";
+@import "bootstrap/print";
+@import "bootstrap/glyphicons";
+
+// Core CSS
+@import "bootstrap/scaffolding";
+@import "bootstrap/type";
+@import "bootstrap/code";
+@import "bootstrap/grid";
+@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+
+// Components
+@import "bootstrap/component-animations";
+@import "bootstrap/dropdowns";
+@import "bootstrap/button-groups";
+@import "bootstrap/input-groups";
+@import "bootstrap/navs";
+@import "bootstrap/navbar";
+@import "bootstrap/breadcrumbs";
+@import "bootstrap/pagination";
+@import "bootstrap/pager";
+@import "bootstrap/labels";
+@import "bootstrap/badges";
+@import "bootstrap/jumbotron";
+@import "bootstrap/thumbnails";
+@import "bootstrap/alerts";
+@import "bootstrap/progress-bars";
+@import "bootstrap/media";
+@import "bootstrap/list-group";
+@import "bootstrap/panels";
+@import "bootstrap/responsive-embed";
+@import "bootstrap/wells";
+@import "bootstrap/close";
+
+// Components w/ JavaScript
+@import "bootstrap/modals";
+@import "bootstrap/tooltip";
+@import "bootstrap/popovers";
+@import "bootstrap/carousel";
+
+// Utility classes
+@import "bootstrap/utilities";
+@import "bootstrap/responsive-utilities";
+
+
+

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

@@ -0,0 +1,18 @@
+/*
+ * 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 bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require ./_bootstrap
+ *= require bootstrap-datetimepicker
+
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/stylesheets/dataclips/slickgrid/slickgrid.sass

@@ -0,0 +1,341 @@
+.slick-header.ui-state-default, .slick-headerrow.ui-state-default
+  width: 100%
+  overflow: hidden
+  border-left: 0px
+
+.slick-header-columns, .slick-headerrow-columns
+  position: relative
+  white-space: nowrap
+  cursor: default
+  overflow: hidden
+
+
+.slick-header-column.ui-state-default
+  position: relative
+  display: inline-block
+  overflow: hidden
+  -o-text-overflow: ellipsis
+  text-overflow: ellipsis
+  height: 16px
+  line-height: 16px
+  margin: 0
+  padding: 4px
+  border-right: 1px solid silver
+  border-left: 0px
+  border-top: 0px
+  border-bottom: 0px
+  float: left
+
+
+.slick-headerrow-column.ui-state-default
+  padding: 4px
+
+
+.slick-header-column-sorted
+  font-style: italic
+
+
+.slick-sort-indicator
+  display: inline-block
+  width: 8px
+  height: 5px
+  margin-left: 4px
+  margin-top: 6px
+  float: left
+
+
+.slick-sort-indicator-desc
+  background: image-url('dataclips/slickgrid/sort-desc.png')
+
+
+.slick-sort-indicator-asc
+  background: image-url('dataclips/slickgrid/sort-asc.png')
+
+.slick-resizable-handle
+  position: absolute
+  font-size: 0.1px
+  display: block
+  cursor: col-resize
+  width: 4px
+  right: 0px
+  top: 0
+  height: 100%
+
+
+.grid-canvas
+  position: relative
+  outline: 0
+
+
+.slick-row.ui-widget-content, .slick-row.ui-state-active
+  position: absolute
+  border: 0px
+  width: 100%
+
+
+.slick-cell, .slick-headerrow-column
+  position: absolute
+  border: 1px solid transparent
+  border-right: 1px dotted silver
+  border-bottom-color: silver
+  overflow: hidden
+  -o-text-overflow: ellipsis
+  text-overflow: ellipsis
+  vertical-align: middle
+  z-index: 1
+  padding: 1px 2px 2px 1px
+  margin: 0
+  white-space: nowrap
+  cursor: default
+
+
+.slick-group
+
+
+.slick-group-toggle
+  display: inline-block
+
+
+.slick-cell.highlighted
+  background: lightskyblue
+  background: rgba(0, 0, 255, 0.2)
+  -webkit-transition: all 0.5s
+  -moz-transition: all 0.5s
+  -o-transition: all 0.5s
+  transition: all 0.5s
+
+
+.slick-cell.flashing
+  border: 1px solid red !important
+
+
+.slick-cell.editable
+  z-index: 11
+  overflow: visible
+  background: white
+  border-color: black
+  border-style: solid
+
+
+.slick-cell:focus
+  outline: none
+
+
+.slick-reorder-proxy
+  display: inline-block
+  background: blue
+  opacity: 0.15
+  filter: alpha(opacity = 15)
+  cursor: move
+
+
+.slick-reorder-guide
+  display: inline-block
+  height: 2px
+  background: blue
+  opacity: 0.7
+  filter: alpha(opacity = 70)
+
+
+.slick-selection
+  z-index: 10
+  position: absolute
+  border: 2px dashed black
+
+
+
+
+[class*="slickgrid"]
+  margin-bottom: 20px
+
+
+[class*="slickgrid"] *
+  -webkit-box-sizing: content-box
+  -moz-box-sizing: content-box
+  box-sizing: content-box
+
+
+.slick-header.ui-state-default, .slick-headerrow.ui-state-default
+  width: 100%
+  overflow: hidden
+  color: #505050
+  font-weight: bold
+  text-shadow: white 0 1px 0
+  background: gainsboro
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #dcdcdc))
+  background-image: -webkit-linear-gradient(#f2f2f2, #dcdcdc)
+  background-image: -moz-linear-gradient(#f2f2f2, #dcdcdc)
+  background-image: -o-linear-gradient(#f2f2f2, #dcdcdc)
+  background-image: linear-gradient(#f2f2f2, #dcdcdc)
+  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 inset, rgba(0, 0, 0, 0.2) 0 1px 0
+  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 inset, rgba(0, 0, 0, 0.2) 0 1px 0
+  box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 inset, rgba(0, 0, 0, 0.2) 0 1px 0
+  font-size: 11px
+  font-family: Menlo
+
+
+.slick-header-columns, .slick-headerrow-columns
+  position: relative
+  white-space: nowrap
+  cursor: default
+  overflow: hidden
+
+
+.slick-header-column.ui-state-default
+  position: relative
+  display: inline-block
+  overflow: hidden
+  text-overflow: ellipsis
+  height: 16px
+  line-height: 16px
+  margin: 0
+  padding: 10px
+  border-right: 1px solid silver
+  border-left: 0px
+  border-top: 0px
+  border-bottom: 0px
+  float: left
+
+
+.slick-headerrow-column.ui-state-default
+  padding: 4px
+
+
+.slick-header-column-sorted
+  background: #f2f2f2
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdcdc), color-stop(100%, #f2f2f2))
+  background-image: -webkit-linear-gradient(#dcdcdc, #f2f2f2)
+  background-image: -moz-linear-gradient(#dcdcdc, #f2f2f2)
+  background-image: -o-linear-gradient(#dcdcdc, #f2f2f2)
+  background-image: linear-gradient(#dcdcdc, #f2f2f2)
+  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px inset
+  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px inset
+  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px inset
+
+
+.slick-sort-indicator
+  display: inline-block
+  width: 8px
+  height: 5px
+  margin-left: 4px
+
+
+.slick-resizable-handle
+  position: absolute
+  font-size: 0.1px
+  display: block
+  cursor: col-resize
+  width: 4px
+  right: 0px
+  top: 0
+  height: 100%
+
+
+.slick-header-sortable
+  background: gainsboro
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #c0c0c0))
+  background-image: -webkit-linear-gradient(#f2f2f2, #c0c0c0)
+  background-image: -moz-linear-gradient(#f2f2f2, #c0c0c0)
+  background-image: -o-linear-gradient(#f2f2f2, #c0c0c0)
+  background-image: linear-gradient(#f2f2f2, #c0c0c0)
+
+
+.grid-canvas
+  position: relative
+  outline: 0
+
+
+.slick-row.ui-widget-content, .slick-row.ui-state-active
+  position: absolute
+  border: 0px
+  width: 100%
+
+.slick-row.odd
+  background-color: #f5f5f5
+
+.slick-row.active, .slick-row.selected
+  background-color: #e3e3e3
+
+
+.slick-cell, .slick-headerrow-column
+  position: absolute
+  border: 1px solid transparent
+  border-right: 1px dotted silver
+  border-bottom-color: silver
+  overflow: hidden
+  text-overflow: ellipsis
+  white-space: nowrap
+  vertical-align: middle
+  z-index: 1
+  padding: 5px
+  margin: 0
+  cursor: default
+  background-color: white
+  background-color: rgba(255, 255, 255, 0.5)
+
+
+.slick-group-toggle
+  display: inline-block
+
+
+.slick-cell
+  font-size: 11px
+  font-family: Menlo
+
+.slick-cell.highlighted
+  background: lightskyblue
+  background: rgba(0, 0, 255, 0.2)
+  -webkit-transition: all 0.5s
+  -moz-transition: all 0.5s
+  transition: all 0.5s
+
+.slick-cell.flashing
+  border: 1px solid red !important
+
+.slick-cell:focus
+  outline: none
+
+.slick-cell.integer, .slick-cell.float, .slick-cell.email
+  text-align: right
+  color: darkblue
+
+
+.slick-cell.date, .slick-cell.time, .slick-cell.datetime
+  text-align: right
+  color: darkgreen
+
+
+.slick-cell.boolean
+  text-align: center
+
+
+.slick-reorder-proxy
+  display: inline-block
+  background: blue
+  opacity: 0.15
+  filter: alpha(opacity=15)
+  cursor: move
+
+
+.slick-reorder-guide
+  display: inline-block
+  height: 2px
+  background: blue
+  opacity: 0.7
+  filter: alpha(opacity=70)
+
+
+.slick-selection
+  z-index: 10
+  position: absolute
+  border: 2px dashed black
+
+
+#grid
+  background-color: #fff
+  border: 1px solid #c0c0c0
+
+
+
+
+

data/app/controllers/dataclips/application_controller.rb

@@ -0,0 +1,31 @@
+require "csv"
+
+module Dataclips
+  class ApplicationController < ActionController::Base
+    include ActionView::Helpers::NumberHelper
+    protected
+
+    def initialize_clip(clip_id)
+      @klass     = "Dataclips::#{clip_id.camelize}".constantize
+      @schema    = @klass.schema
+      @variables = @klass.variables
+    end
+
+    def localize_headers(clip_id, keys)
+      keys.inject({}) do |memo, key|
+        memo[key] = I18n.t("#{clip_id}.schema.#{key}", scope: "dataclips", default: key.to_s.humanize)
+        memo
+      end
+    end
+
+    def process_json(clip, page = 1)
+      records = clip.paginate(params[:page] || 1)
+      render json: {
+        page:          records.current_page,
+        total_pages:   records.total_pages,
+        total_entries: records.total_entries,
+        records:       records
+      }
+    end
+  end
+end

data/app/controllers/dataclips/clips_controller.rb

@@ -0,0 +1,46 @@
+module Dataclips
+  class ClipsController < ApplicationController
+    def show
+      @clip_id = params[:clip_id]
+
+      begin
+        initialize_clip(@clip_id)
+      rescue
+        raise ActionController::RoutingError.new('Not Found')
+      end
+
+      @headers = localize_headers(@clip_id, @schema.keys)
+
+      @clip = @klass.new params.slice(*@variables.keys)
+
+      respond_to do |format|
+        format.html do
+          begin
+            require_parameters
+          rescue ActionController::ParameterMissing => e
+            @error = e
+            render :edit
+          end
+        end
+
+        format.json do
+          begin
+            process_json(@clip, params[:page])
+          rescue ActiveRecord::StatementInvalid => e
+            render json: e.message, status: :unprocessable_entity
+          end
+        end
+      end
+    end
+
+    def edit; end
+
+    private
+
+    def require_parameters
+      @variables.keys.map(&:to_sym).each do |variable|
+        params.require(variable)
+      end
+    end
+  end
+end