para 0.4.0

data/app/assets/stylesheets/para/overrides/jasny.bootstrap.sass

@@ -0,0 +1,41 @@
+/* Jasny Bootstrap Fileupload overrides */
+
+@import "para/admin/theme/variables"
+@import "compass/css3/border-radius"
+
+.fileinput
+  margin-bottom: 0
+  display: block
+  .uneditable-input
+    background-color: $input-bg-disabled    
+
+.fileinput-new.input-group .btn-file
+.fileinput.input-group .btn-file
+  +border-right-radius($border-radius-base)
+  border-color: $input-border
+
+.fileinput.input-group .input-group-btn
+  .form-control.file
+    padding: 0 !important
+    position: absolute
+
+.fileinput
+  .input-group-btn > .btn:hover,
+  .input-group-btn > .btn:focus,
+  .input-group-btn > .btn:active
+    z-index: 0
+
+.fileinput-preview.thumbnail
+  width: auto
+  height: auto
+  min-width: 80px
+  min-height: 80px
+  max-height: 500px
+  margin-bottom: 0
+  margin-top: 5px
+  background-color: $input-bg
+
+  .empty-thumbnail  
+    width: 250px
+    height: 200px
+    background-color: $input-bg

data/app/assets/stylesheets/para/overrides/redactor.sass

@@ -0,0 +1,88 @@
+@import "para/admin/theme/variables"
+@import "compass/css3/border-radius"
+@import "compass/css3/box-shadow"
+
+.redactor-button-disabled
+  &:hover,
+  &:focus
+    background-color: transparent !important
+    color: #333 !important
+    cursor: disabled
+
+.redactor-dropdown a
+  color: $dropdown-link-color
+  &:hover,
+  &:focus
+    background-color: $dropdown-link-hover-bg
+    color: $dropdown-link-hover-color !important
+
+.redactor-box
+  .redactor-toolbar
+    /* Override z-index because we don't whant */
+    /* redactor_toolbar fixed somewhere or on top of everythink ..*/
+    z-index: 1 !important
+    +box-shadow(none)
+    +border-radius($input-border-radius $input-border-radius 0 0)
+    border: 1px solid $input-border
+    li a
+      &:hover,
+      &:focus
+        background-color: $btn-primary-bg
+        color: $btn-primary-color
+
+  .redactor-editor
+    background-color: $input-bg
+    border: 1px solid $input-border
+    border-top-width: 0px
+    +border-radius(0 0 $input-border-radius $input-border-radius)
+    &:focus
+      border-color: $input-border-focus
+      background: #FFF
+    &[disabled], &[readonly]
+      color: $gray-dark
+    &[disabled]:focus, &[readonly]:focus
+      background: $input-bg-disabled
+      color: $gray-dark
+      border-color: $gray-lighter
+
+  textarea.form-control
+    background-color: $input-bg
+    color: $input-color
+    border: 1px solid $input-border
+    border-top-width: 0px
+    &:focus
+      background-color: #111
+      color: $gray-lighter
+
+.redactor-editor
+  div.row
+    margin-left: -15px
+    margin-right: -15px
+    margin-bottom: 0
+  div[class^=col-lg-], div[class^=col-md-], div[class^=col-sm-], div[class^=col-xs-]
+    padding-left: 15px
+    padding-right: 15px
+    border: 1px dashed $gray-light
+    margin-bottom: 0
+
+#redactor-modal
+  input[type="text"],
+  input[type="password"],
+  input[type="email"],
+  textarea
+    border-color: $input-border
+    background-color: $input-bg
+    color: $input-color
+    +box-shadow(none)
+    &:focus
+      background-color: #fff
+      border-color: $input-border-focus
+      +box-shadow(none)
+
+  footer
+    button.redactor-modal-action-btn
+      background-color: $btn-primary-bg
+      color: $btn-primary-color
+      &:hover,
+      &:focus
+        background-color: darken($btn-primary-bg, 5%)

data/app/assets/stylesheets/para/overrides/responsive.sass

@@ -0,0 +1,63 @@
+@import "para/admin/theme/variables"
+@import "compass/css3/shared"
+
+$experimental-support-for-opera: true
+
+@media (max-width: $screen-xs-max)
+  .control-label
+    margin-top: 10px
+    margin-bottom: 0
+
+/* Small devices (tablets, 768px and up) */
+@media (min-width: $screen-sm-min)
+  legend
+    margin-left: 25%
+
+  .form-inputs > legend
+    margin-left: 24%
+    padding-left: 12px
+
+  .form-fixed-actions
+    margin-bottom: 90px
+
+  .form-horizontal .control-label
+    padding-top: 15px
+
+  .form-group-separated
+    .form-group
+      padding-right: 25px
+    .collapse
+      .form-group
+        padding-right: 0
+
+@media (min-width: $screen-md-min)
+  
+/*
+ * Medium devices (desktops, 1025px and up)
+ * Note : Breakpoint defined by the theme for the sidebar to fix on top
+ */
+@media (min-width: 1025px)
+  .form-fixed-actions
+    .form-actions
+      +experimental-value(width, calc(100% - 270px))
+
+/* Medium high devices (desktops, 1200px and up) */
+@media (min-width: 1200px)
+  .form-group-separated
+    .form-group
+      padding-right: 150px
+    .collapse
+      .form-group
+        padding-right: 0
+
+  .form-inputs > legend
+    margin-left: 21%      
+
+/* Large devices (large desktops, 1400px and up) */
+@media (min-width: 1500px)
+  .form-group-separated
+    .form-group
+      padding-right: 250px
+    .collapse
+      .form-group
+        padding-right: 0  

data/app/assets/stylesheets/para/overrides/selectize.sass

@@ -0,0 +1,45 @@
+@import "para/admin/theme/variables"
+@import "compass/css3/border-radius"
+@import "compass/css3/box-shadow"
+
+.selectize-dropdown, 
+.selectize-dropdown.form-control
+  +border-radius($border-radius-base)
+
+.selectize-input,
+.selectize-input.full
+  border-color: $input-border
+  +border-radius($input-border-radius)
+  &.focus
+    border-color: $input-border-focus
+    +box-shadow(none)
+  &.dropdown-active
+    +border-radius($input-border-radius)
+
+.selectize-dropdown, 
+.selectize-input, 
+.selectize-input input
+  color: $input-color
+
+.selectize-input,  
+.selectize-input.full,
+.selectize-input.not-full  
+  background: $input-bg
+
+.selectize-dropdown 
+  [data-selectable]
+    background-color: $dropdown-bg
+    color: $dropdown-link-color
+  .active
+    background-color: $dropdown-link-hover-bg
+    color: $dropdown-link-hover-color
+  .selected
+    background-color: $dropdown-link-active-bg
+    color: $dropdown-link-active-color
+
+.selectize-control.multi .selectize-input > div
+  background-color: $gray
+
+.selectize-dropdown-content
+  padding: 0
+    

data/app/assets/stylesheets/para/overrides/slider.sass

@@ -0,0 +1,13 @@
+@import "para/admin/theme/variables"
+
+
+.form-group
+  &.slider
+    display: block
+  .slider
+    .slider-horizontal  
+      width: 100%
+  
+    .slider-handle        
+      background-image: none
+      background-color: $brand-primary

data/app/assets/stylesheets/para/overrides/theme.sass

@@ -0,0 +1,172 @@
+@import "para/admin/theme/variables"
+@import "compass/css3/text-shadow"
+@import "compass/css3/inline-block"
+@import "compass/css3/transition"
+@import "compass/css3/box-shadow"
+@import "compass/css3/border-radius"
+@import "compass/css3/transform"
+
+.animated
+  -webkit-animation-duration: 100ms
+  animation-duration: 100ms
+
+// More button style
+
+@mixin tab-focus()
+  outline: none
+  outline-offset: 0
+
+@mixin button-hover-focus-active($color-border, $color-bg) 
+  position: relative
+  +box-shadow(0px 2px darken($color-border, 10%) )
+  +single-transition(none)
+  &:hover
+    top: 1px
+    +box-shadow(0px 1px darken($color-border, 10%) )
+    background-color: $color-bg
+    border-color: $color-border
+  &:focus,
+  &:active,
+  &.active,
+  .open &.dropdown-toggle
+    background-color: darken($color-bg, 7%)
+    top: 2px
+    +box-shadow(0px 0 darken($color-border, 10%))  
+    border-color: $color-border
+    &:hover
+      background-color: darken($color-bg, 7%)
+
+@mixin button-variant-inverse($color-border, $color-bg) 
+  color: $color-border
+  background-color: transparent
+  +box-shadow(none)
+  +single-transition(all, .2s, linear)
+  &:hover
+    +box-shadow(none)
+    top: 0
+    color: #fff
+    background-color: $color-bg
+    outline: none
+    outline: 0
+  &:focus,
+  &:active,
+  &.active,
+  .open &.dropdown-toggle
+    +box-shadow(none)
+    top: 0
+    color: #fff
+    background-color: darken($color-bg, 7%)
+    outline: none
+    outline: 0
+       
+.btn, 
+input,
+textarea,
+select,
+button
+  +single-transition(all, .1s, linear)
+  &,
+  &:active,
+  &.active
+    &:focus 
+      +tab-focus()
+  &:hover,
+  &:focus
+    +tab-focus()
+  
+
+.btn-default
+  +button-hover-focus-active($btn-default-border, $btn-default-bg) 
+  &.btn-inverse
+    +button-variant-inverse($btn-default-border, $btn-default-bg)
+    color: $btn-default-color
+    &:hover,
+    &:focus,
+    &:active,
+    &.active,
+    .open &.dropdown-toggle
+      color: $btn-default-color
+
+.btn-primary
+  +button-hover-focus-active($btn-primary-border, $btn-primary-bg)
+  &.btn-inverse
+    +button-variant-inverse($btn-primary-border, $btn-primary-bg)
+
+.btn-warning
+  +button-hover-focus-active($btn-warning-border, $btn-warning-bg)
+  &.btn-inverse
+    +button-variant-inverse($btn-warning-border, $btn-warning-bg)
+
+.btn-success
+  +button-hover-focus-active($btn-success-border, $btn-success-bg)
+  &.btn-inverse
+    +button-variant-inverse($btn-success-border, $btn-success-bg)
+
+.btn-danger
+  +button-hover-focus-active($btn-danger-border, $btn-danger-bg)
+  &.btn-inverse
+    +button-variant-inverse($btn-danger-border, $btn-danger-bg)
+
+.btn-info
+  +button-hover-focus-active($btn-info-border, $btn-info-bg)
+  &.btn-inverse
+    +button-variant-inverse($btn-info-border, $btn-info-bg)
+
+// Badge
+.label-primary,
+.badge-primary
+  background-color: $brand-primary
+
+.label-success,
+.badge-success 
+  background-color: $brand-success
+
+.label-info,
+.badge-info 
+  background-color: $brand-info
+
+.label-warning,
+.badge-warning 
+  background-color: $brand-warning
+
+.label-danger,
+.badge-danger 
+  background-color: $brand-danger
+
+// Table
+.para-component-relation-table
+  td > img
+    height: 50px  
+
+.pull-right.btn-group
+  min-width: 97px
+
+// Form
+.input-group-btn
+  .btn,
+  .btn:hover,
+  .btn:focus,
+  .btn:active,
+    top: 0
+    +box-shadow(none)
+
+.form-group-separated
+  &:after
+    clear: both
+    content: " "
+    display: table
+    
+.block.form-inputs
+  margin-bottom: 20px
+  padding: 0px 10px
+  background-color: $body-bg
+
+.form-actions
+  padding-top: 20px
+  padding-left: 0
+  padding-bottom: 15px
+  padding-right: 15px
+  border-top: 1px dashed $gray
+  background-color: $body-bg
+  .btn
+    margin-bottom: 15px

data/app/controllers/concerns/para/admin/resource_controller_concerns.rb

@@ -0,0 +1,17 @@
+module Para
+  module Admin
+    module ResourceControllerConcerns
+      def resource_model
+        @resource_model ||= @component.model
+      end
+
+      def resource
+        @resource ||= instance_variable_get(:"@#{ resource_name }")
+      end
+
+      def resource_name
+        resource_model.model_name.singular_route_key
+      end
+    end
+  end
+end

data/app/controllers/para/admin/base_controller.rb

@@ -0,0 +1,46 @@
+module Para
+  module Admin
+    class BaseController < Para::ApplicationController
+      include Para::Admin::BaseHelper
+
+      if Para.config.authenticate_admin_method
+        before_filter Para.config.authenticate_admin_method
+      end
+
+      before_filter :load_component_sections
+
+      layout 'para/admin'
+
+      def current_admin
+        if Para.config.current_admin_method
+          send(Para.config.current_admin_method)
+        end
+      end
+
+      def current_ability
+        Ability.new(current_admin)
+      end
+
+      private
+
+      def load_component_sections
+        @component_sections = Para::ComponentSection.ordered.includes(:components)
+      end
+
+      def self.load_and_authorize_component(options = {})
+        before_filter do
+          load_and_authorize_component(options)
+        end
+      end
+
+      def load_and_authorize_component(options = {})
+        options.reverse_merge!(class:  'Para::Component::Base', find_by: :slug)
+
+        loader = self.class.cancan_resource_class.new(self, :component, options)
+        loader.load_and_authorize_resource
+
+        ActiveDecorator::Decorator.instance.decorate(@component) if @component
+      end
+    end
+  end
+end

data/app/controllers/para/admin/component_controller.rb

@@ -0,0 +1,9 @@
+require_dependency 'para/application_controller'
+
+module Para
+  module Admin
+    class ComponentController < Para::Admin::BaseController
+      load_and_authorize_component
+    end
+  end
+end

data/app/controllers/para/admin/crud_component_controller.rb

@@ -0,0 +1,17 @@
+require_dependency "para/application_controller"
+
+module Para
+  module Admin
+    class CrudComponentController < Para::Admin::BaseController
+      load_and_authorize_component
+
+      def show
+        @q = @component.resources.search(params[:q])
+        @resources = @q.result.page(params[:page])
+
+        # Sort collection for orderable and trees
+        @resources = @resources.ordered if @resources.respond_to?(:ordered)
+      end
+    end
+  end
+end

data/app/controllers/para/admin/crud_resources_controller.rb

@@ -0,0 +1,71 @@
+require_dependency "para/application_controller"
+
+module Para
+  module Admin
+    class CrudResourcesController < Para::Admin::ResourcesController
+      include Para::Admin::ResourceControllerConcerns
+
+      before_filter :load_and_authorize_crud_resource
+      after_filter :attach_resource_to_component, only: [:create]
+      after_filter :remove_resource_from_component, only: [:destroy]
+
+      def clone
+        new_resource = resource.deep_clone include: resource.class.cloneable_associations
+        new_resource.save!
+
+        if new_resource.save
+          component_resource = Para::ComponentResource.where(
+            resource: resource
+          ).first
+
+          if component_resource
+            Para::ComponentResource.create! do |record|
+              record.resource = new_resource
+              record.component = component_resource.component
+            end
+          end
+
+          flash_message(:success, new_resource)
+          redirect_to after_form_submit_path
+        else
+          flash_message(:error, new_resource)
+          render after_form_submit_path
+        end
+      end
+
+      def export
+        if @component.exportable?
+          exporter = Para::Exporter.for(
+            resource_model.name, params[:format]
+          ).new(@component.resources.search(params[:q]).result)
+
+          send_data exporter.render, type: exporter.mime_type,
+                                     disposition: exporter.disposition,
+                                     filename: exporter.file_name
+        else
+          redirect_to component_path(@component)
+        end
+      end
+
+      private
+
+      def load_and_authorize_crud_resource
+        loader = self.class.cancan_resource_class.new(
+          self, resource_name, parent: false, class: resource_model.name
+        )
+
+        loader.load_and_authorize_resource
+      end
+
+      def attach_resource_to_component
+        return unless resource.persisted? && @component.namespaced?
+        @component.add_resource(resource)
+      end
+
+      def remove_resource_from_component
+        return unless @component.namespaced?
+        @component.remove_resource(resource)
+      end
+    end
+  end
+end

data/app/controllers/para/admin/main_controller.rb

@@ -0,0 +1,8 @@
+module Para
+  module Admin
+    class MainController < Para::Admin::BaseController
+      def index
+      end
+    end
+  end
+end