publish_my_data 0.0.32 → 1.0.0

data/app/assets/stylesheets/publish_my_data/core.scss

@@ -0,0 +1,244 @@
+main, body > header, body > footer {
+  @extend .container;
+}
+
+body > header {
+  margin-top: 10px;
+
+  ol.breadcrumb {
+    margin-bottom: 0;
+  }
+}
+
+footer.alternative-formats {
+  margin-top: 10px;
+
+  ul {
+    @extend .list-inline;
+  }
+}
+
+section#classes, section#properties, section#concepts, section#themes, section#datasets {
+  ul {
+    @extend .list-unstyled;
+  }
+
+}
+
+section#datasets {
+  .discontinued {
+    @extend .label;
+    @extend .label-warning;
+  }
+}
+
+article#dataset, article#ontology, article#concept-scheme {
+  @include make-row();
+  @include make-md-column(12);
+
+  & > header {
+    h1, h2 {
+      margin-top: 0;
+    }
+  }
+
+  & > footer {
+    ul {
+
+    }
+  }
+
+  & > section.metadata {
+    @include make-row();
+
+    .primary {
+      @include make-md-column(8);
+    }
+
+    .secondary {
+      @include make-md-column(4);
+    }
+  }
+
+  ul.tab-links {
+    @extend .nav;
+    @extend .nav-tabs;
+  }
+}
+
+article#sparql {
+
+  #error-message {
+    h3 {
+      margin-top:0;
+    }
+    @extend .alert;
+    @extend .alert-danger;
+  }
+  form {
+    @extend .form;
+
+    .field {
+      margin-bottom: 10px;
+    }
+
+    label {
+      @extend .control-label;
+    }
+    textarea {
+      @extend .form-control;
+    }
+
+    input[type=text] {
+      @extend .form-control;
+    }
+
+    input[type=submit] {
+      @extend .btn;
+      @extend .btn-primary;
+    }
+  }
+
+}
+
+.tab-content > section {
+  @extend .tab-pane;
+  @include make-row();
+
+  .primary {
+    @include make-md-column(8);
+  }
+  .secondary {
+    @include make-md-column(4);
+  }
+  .content {
+    @include make-md-column(12);
+  }
+}
+
+section#example-data, section#resource-data
+ {
+  table {
+    @extend .table;
+    // @extend .table-bordered;
+
+    thead tr th {
+      border: 0;
+    }
+
+    h3, h5 {
+      margin: 2px 0;
+    }
+
+    ul {
+      @extend .list-unstyled;
+      margin-bottom: 0;
+    }
+
+    a, h3, h4, icon {
+      transition: color 0.3s;
+    }
+
+    &.lowlight tbody {
+      h3, h4, a, icon {
+        color: $gray-lighter;
+      }
+      .highlight, .highlight a {
+        color: $link-color;
+      }
+      h4.highlight {
+        color: $gray-dark;
+      }
+    }
+  }
+}
+
+section#vocabularies {
+  ul {
+    @extend .list-unstyled;
+
+    li {
+      margin-bottom: 3px;
+    }
+
+    a:hover {
+      text-decoration: none;
+    }
+
+    .ontology-label {
+      @extend .label;
+      @extend .label-primary;
+    }
+    .concept-scheme-label {
+      @extend .label;
+      @extend .label-info;
+    }
+  }
+}
+
+
+section#linked-data {
+  a.button {
+    @extend .btn;
+    @extend .btn-primary;
+
+    margin-top: 20px;
+  }
+}
+
+article#dataset {
+
+  #further-information {
+    background: white;
+    overflow:hidden;
+    position:relative;
+
+    .fade-out {
+      position: absolute;
+      bottom: 0; left: 0;
+      width: 100%;
+      text-align: center;
+      margin: 0;
+      height:52px; /* dont fade over the whole thing - start half way up */
+
+      background: transparent; /* Old browsers */
+      /* css3 (not many browsers yet!) */
+      background-image: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
+      background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0, rgba(255,255,255,0)),
+        color-stop(1, rgba(255,255,255,1)));
+      background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
+      background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); /* ie10*/
+      background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
+    }
+
+    &.truncated {
+      height:105px;
+    }
+  }
+
+  section#grid-view {
+
+    .grid-intro {
+      margin-top:20px;
+    }
+
+    .controls-wrapper {
+      @include clearfix();
+
+      #dimensions-controls {
+        .rows-and-columns {
+          @include make-md-column(6);
+        }
+        .other-options {
+          @include make-md-column(6);
+        }
+      }
+    }
+
+
+  }
+}

data/app/assets/stylesheets/publish_my_data/data_grid.scss

@@ -0,0 +1,103 @@
+// this is to undo some bootstrap stuff.
+.data-grid *, .slick-header-column {
+   -webkit-box-sizing: content-box;
+   -moz-box-sizing: content-box;
+   box-sizing: content-box;
+}
+
+.data-grid {
+  clear:both;
+  background: white;
+  outline: 0;
+  border: 1px solid $gray-lighter;
+  width:100%;
+  height:250px;
+  margin-top:0px;
+
+  .slick-cell.row-num {
+    background: $gray-even-lighter;
+    border-right: 1px solid $gray-lighter;
+  }
+
+  .slick-cell {
+    border-right: 1px dotted $gray-lighter;
+    border-bottom: 1px solid $gray-lighter;
+    background: white;
+  }
+
+  .slick-header-columns {
+    background: none;
+    border:none !important;
+  }
+
+  .slick-header-column, .slick-header-column:hover, .slick-header-column-active {
+    border-right: 1px solid $gray-lighter !important;
+    background: $gray-even-lighter;
+    border-bottom: 1px solid $gray-lighter !important;
+  }
+}
+
+#options-toggler {
+  padding-right: 10px;
+  float:left;
+}
+
+.row.controls-wrapper {
+  min-height: 21px;
+
+  #dimensions-controls {
+    fieldset {
+      margin: 10px 0;
+    }
+    select {
+      color: #000;
+    }
+    select:disabled {
+      color: #bbb;
+    }
+  }
+
+  .dimensions-status {
+    float:left;
+    img.busy {
+      float:left;
+      margin-right: 5px;
+    }
+    div.status-value {
+      float:left;
+    }
+  }
+}
+
+.row.grid-header {
+  margin-bottom:0;
+
+  #cube-grid-title {
+    display:inline;
+  }
+
+  .grid-status {
+    padding-top:2px;
+    img.busy {
+      float:right;
+    }
+    div.status-value {
+      float:right;
+      margin-left: 5px;
+    }
+  }
+}
+
+.grid-footer {
+  background: $gray-even-lighter;
+  width: 100%;
+  height:31px;
+  border: 1px solid $gray-lighter;
+  outline: 0px;
+  border-top: 0px;
+  .footer-content {
+    float:right;
+    padding-top:5px;
+    padding-right:10px;
+  }
+}

data/app/assets/stylesheets/publish_my_data/variables.scss

@@ -0,0 +1 @@
+$gray-even-lighter:      lighten(#000, 97%) !default;

data/app/assets/stylesheets/{publish_my_data.css → publish_my_data.scss}

@@ -9,5 +9,16 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
- *= require_tree ./publish_my_data
- */
+ *= require entypo
+*/
+
+@charset "UTF-8";
+
+@import "bootstrap/bootstrap";
+
+@import "slick_grid/slick_grid";
+@import "slick_grid/slick_grid_default_theme";
+
+@import "publish_my_data/variables";
+@import "publish_my_data/core";
+@import "publish_my_data/data_grid";

data/app/assets/stylesheets/slick_grid/slick_grid.scss

@@ -0,0 +1,155 @@
+/*
+IMPORTANT:
+In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
+No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
+classes should alter those!
+*/
+
+.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;
+}
+
+.slick-sort-indicator-desc {
+  background: image-url('publish_my_data/sort-desc.gif');
+}
+
+.slick-sort-indicator-asc {
+  background: image-url('publish_my_data/sort-asc.gif');
+}
+
+.slick-resizable-handle {
+  position: absolute;
+  font-size: 0.1px;
+  display: block;
+  cursor: col-resize;
+  width: 4px;
+  right: 0px;
+  top: 0;
+  height: 100%;
+}
+
+.slick-sortable-placeholder {
+  background: silver;
+}
+
+.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;
+}

data/app/assets/stylesheets/slick_grid/slick_grid_default_theme.scss

@@ -0,0 +1,97 @@
+.slick-header-columns {
+  background: url('../images/header-columns-bg.gif') repeat-x center bottom;
+  border-bottom: 1px solid silver;
+}
+
+.slick-header-column {
+  background: url('../images/header-columns-bg.gif') repeat-x center bottom;
+  border-right: 1px solid silver;
+}
+
+.slick-header-column:hover, .slick-header-column-active {
+  background: white url('../images/header-columns-over-bg.gif') repeat-x center bottom;
+}
+
+.slick-headerrow {
+  background: #fafafa;
+}
+
+.slick-headerrow-column {
+  background: #fafafa;
+  border-bottom: 0;
+  height: 100%;
+}
+
+.slick-row.ui-state-active {
+  background: #F5F7D7;
+}
+
+.slick-row {
+  position: absolute;
+  background: white;
+  border: 0px;
+  line-height: 20px;
+}
+
+.slick-row.selected {
+  z-index: 10;
+  background: #DFE8F6;
+}
+
+.slick-cell {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.slick-group {
+  border-bottom: 2px solid silver;
+}
+
+.slick-group-toggle {
+  width: 9px;
+  height: 9px;
+  margin-right: 5px;
+}
+
+.slick-group-toggle.expanded {
+  background: url(../images/collapse.gif) no-repeat center center;
+}
+
+.slick-group-toggle.collapsed {
+  background: url(../images/expand.gif) no-repeat center center;
+}
+
+.slick-group-totals {
+  color: gray;
+  background: white;
+}
+
+.slick-cell.selected {
+  background-color: beige;
+}
+
+.slick-cell.active {
+  border-color: gray;
+  border-style: solid;
+}
+
+.slick-sortable-placeholder {
+  background: silver !important;
+}
+
+.slick-row.odd {
+  background: #fafafa;
+}
+
+.slick-row.ui-state-active {
+  background: #F5F7D7;
+}
+
+.slick-row.loading {
+  opacity: 0.5;
+  filter: alpha(opacity = 50);
+}
+
+.slick-cell.invalid {
+  border-color: red;
+}

data/app/controllers/concerns/publish_my_data/data_cube.rb

@@ -0,0 +1,42 @@
+module PublishMyData
+  module DataCubeController
+    extend ActiveSupport::Concern
+
+    included do
+      respond_to :json
+      before_filter :get_dataset
+
+      private
+
+      def get_dataset
+        @dataset = Dataset.find_by_slug(params[:id])
+        raise Tripod::Errors::ResourceNotFound unless @dataset.is_cube?
+        @cube = @dataset.cube
+      end
+
+      def get_pagination_params
+        @page = (params[:page] || 1).to_i
+        @page = 1 if @page < 1
+
+        @per_page = (params[:per_page] || 500).to_i
+        @per_page = 1 if @per_page < 1
+        @per_page = 5000 if @per_page > 5000
+      end
+
+      def get_dimensions
+        @rows_dimension_uri = params[:rows_dimension]
+        @columns_dimension_uri = params[:columns_dimension]
+
+        @locked_dimensions = {}
+
+        params.each_pair do |k,v|
+          if k.to_s.starts_with?("http://")
+            @locked_dimensions[k] = v
+          end
+        end
+      end
+
+    end
+
+  end
+end

data/app/controllers/publish_my_data/data_cube/dimensions_controller.rb

@@ -0,0 +1,58 @@
+module PublishMyData
+  module DataCube
+    class DimensionsController < PublishMyData::ApplicationController
+
+      include PublishMyData::DataCubeController
+
+      before_filter :get_dimension, :only => [:values, :size]
+      before_filter :get_dimensions, :only => [:row_labels]
+      before_filter :get_pagination_params, :only => [:row_labels]
+
+      # list the dimensions for the cube
+      # GET /data/:dataset_slug/cube/dimensions(.:format)
+      def index
+        respond_with @cube.dimensions
+      end
+
+      # the measure property for the cube
+      # GET /data/:dataset_slug/cube/measure(.:format)
+      def measure
+        respond_with @cube.measure_property
+      end
+
+      # all values for a single dimension in the cube.
+      # Useful for getting axes data for cube grids.
+      # GET /data/:dataset_slug/cube/dimension_values(.:format)
+      # Note: supply dimension parameter on query string
+      # e.g. /data/additional-affordable-dwellings/cube/dimension_values.json?dimension=http%3A%2F%2Fopendatacommunities.org%2Fdef%2Fhousing%2FaffordableHousingType
+      def values
+        respond_with @dimension.values
+      end
+
+      # size of a dimension - JSON only.
+      # GET /data/:dataset_slug/cube/dimension_size(.:format)
+      # Note: supply dimension parameter on query string
+      # e.g. /data/additional-affordable-dwellings/cube/dimension_values.ttl?dimension=http%3A%2F%2Fopendatacommunities.org%2Fdef%2Fhousing%2FaffordableHousingType
+      def size
+        respond_to do |format|
+          format.json { render :json => {:size => @dimension.size } }
+        end
+      end
+
+
+      # recommended starting columns
+      def recommended
+        respond_to do |format|
+          format.json { render :json => @cube.recommended_dimensions}
+        end
+      end
+
+      private
+
+      def get_dimension
+        @dimension = Dimension.new(params[:dimension], @cube)
+      end
+
+    end
+  end
+end