para 0.4.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: bf91ced8ed0c3b19a7c6969a2b528ccc35ae1a3e
+  data.tar.gz: 0368b7ddfaeff31415371ebe2cc9c7f23cbeef63
+SHA512:
+  metadata.gz: 1d0717d4cc7da391e4fadba4fbda2720d6f7ccedaf208fd65f307275bc5f08897af5be6e10694200158de3e4daf58b2ad0739c31530015f4fe1909a2e7439c97
+  data.tar.gz: b7c643c8c1d81d08f8c8eeb3129396eda89e39591363a9a8eddb6a8737abee4c06401557a94167c47f5a849328f703d9f7fc008a6a1c54e5514a7ee34fade9a7

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,65 @@
+# Para Ain't Rails Admin
+
+Admin / CMS Framework for rails. WIP
+
+Detailed documentation (in progress too) can be found at [in the Wiki](https://github.com/para-cms/para/wiki) section.
+
+## Installation
+
+First, add the following line to the Gemfile
+
+```ruby
+gem 'para', github: 'para-cms/para'
+```
+
+Then :
+
+```bash
+bundle install
+```
+
+And run the install generator :
+
+```bash
+rails g para:install
+```
+
+For detailed instructions, please refer to the wiki
+[Installation](https://github.com/para-cms/para/wiki/Installation) section.
+
+## Usage
+
+The Para documentation can be found in the [Wiki]()
+
+Here's a summary of what you can find :
+
+### Getting started
+
+* [Installation](https://github.com/para-cms/para/wiki/Installation)
+* [Getting Started](https://github.com/para-cms/para/wiki/Getting-started)
+
+### Components
+
+* [Creating components](https://github.com/para-cms/para/wiki/Creating-components)
+* [Components configuration](https://github.com/para-cms/para/wiki/Components-configuration)
+* [Accessing components](https://github.com/para-cms/para/wiki/Accessing-components-in-the-frontend)
+
+### Customization
+
+* [Customizing tables](https://github.com/para-cms/para/wiki/Customizing-tables)
+* [Customizing forms](https://github.com/para-cms/para/wiki/Customizing-Forms)
+* [Nested forms](https://github.com/para-cms/para/wiki/Nested-forms)
+* [Adding custom Javascript](https://github.com/para-cms/para/wiki/Adding-JS)
+
+### Misc features
+
+* [Ordering models](https://github.com/para-cms/para/wiki/Ordering-models)
+* [Use models with `acts_as_tree`](https://github.com/para-cms/para/wiki/Use-models-with-%60acts_as_tree%60)
+* [Global app settings](https://github.com/para-cms/para/wiki/Global-app-settings)
+* [Adding exports](https://github.com/para-cms/para/wiki/Exporting-data-from-your-models)
+* [Admin customization](https://github.com/para-cms/para/wiki/Admin-customization)
+
+
+## Licence
+
+Para is released under the MIT-Licence.

data/Rakefile

@@ -0,0 +1,21 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Para'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascripts/admin/app.coffee

@@ -0,0 +1 @@
+# Override in app

data/app/assets/javascripts/para/admin/table.coffee

@@ -0,0 +1,46 @@
+class Para.ResourceTable
+  constructor: (@$table) ->
+    @$tbody = @$table.find('tbody')
+    @initializeOrderable()
+
+  initializeOrderable: ->
+    @orderable = @$table.hasClass('orderable')
+
+    return unless @orderable
+
+    @orderUrl = @$table.data('order-url')
+
+    @$tbody.sortable
+      handle: '.order-anchor'
+      forcePlaceholderSize: true
+      items: 'tr'
+      placeholder: "<tr><td colspan=\"100%\" class=\"sortable-placeholder\"></td></tr>"
+
+    @$tbody.on('sortupdate', $.proxy(@sortUpdate, this))
+
+  sortUpdate: ->
+    @$tbody.find('tr').each (i, el) ->
+      $(el).find('.resource-position-field').val(i)
+
+    @updateOrder()
+
+  updateOrder: ->
+    Para.ajax(
+      url: @orderUrl
+      method: 'patch'
+      data:
+        resources: @buildOrderedData()
+      success: $.proxy(@orderUpdated, this)
+    )
+
+  buildOrderedData: ->
+    for i, field of @$tbody.find('.resource-position-field').get()
+      $field = $(field)
+      { id: $field.closest('.order-anchor').data('id'), position: $field.val() }
+
+  orderUpdated: ->
+    # TODO: Add flash message to display ordering success
+
+$(document).on 'page:change', ->
+  $('.para-component-relation-table').each (i, el) ->
+    new Para.ResourceTable($(el))

data/app/assets/javascripts/para/admin/theme_actions.coffee

@@ -0,0 +1,26 @@
+scrollToComponentSection = ($component, duration = 0) ->
+  sectionOffset = $component.closest('.component-section-item').offset().top + $('.page-sidebar').scrollTop()
+  headerHeight = $('.page-sidebar .brand-logo').outerHeight()
+  $('.page-sidebar').scrollTo(sectionOffset - headerHeight, duration: duration)
+
+responsive_sidebar_navigation = ->
+  # Scroll to active element's section on page change
+  if ($activeItem = $('.component-item.active')).length
+    scrollToComponentSection($activeItem)
+
+  $('.component-item').on 'click', 'a', (e) ->
+    console.log 'scroll to ', $(e.currentTarget).closest('.component-item')
+    scrollToComponentSection($(e.currentTarget), 150)
+
+$(document).on 'page:change', ->
+  responsive_sidebar_navigation()
+
+  $(".selectize-tags").selectize
+    delimiter: ","
+    persist: false
+    create: (input) ->
+      value: input
+      text: input
+
+$(window).resize ->
+  responsive_sidebar_navigation()

data/app/assets/javascripts/para/admin/tree.coffee

@@ -0,0 +1,53 @@
+class Para.ResourceTree
+  constructor: (@$el) ->
+    @initializeTree()
+
+  initializeTree: ->
+    @orderUrl = @$el.data('url')
+    @maxDepth = parseInt @$el.data('max-depth')
+
+    $(".tree")
+      .sortable
+        handle: ".handle"
+        items: ".node"
+        connectWith: ".tree"
+      .on('sortupdate', $.proxy(@sortUpdate, this))
+
+  sortUpdate: (e, data) ->
+    @handlePlaceholder($el) for $el in [data.endparent, data.startparent, data.item.find('.tree')]
+    @updateOrder()
+
+  handlePlaceholder: ($el) ->
+    $placeholder = $el.find("> .placeholder")
+    if $el.parents('.tree').length - 1 >= @maxDepth or $el.find('> .node').length
+      $placeholder.hide()
+      $el.children("> .tree").each (index, el) => @handlePlaceholder $(el)
+    else
+      $placeholder.show()
+
+  updateOrder: ->
+    Para.ajax(
+      url: @orderUrl
+      method: 'patch'
+      data:
+        resources: @buildOrderedData()
+      success: $.proxy(@orderUpdated, this)
+    )
+
+  buildOrderedData: ->
+    data = {}
+    $(".node").each (index) ->
+      $this = $(this)
+      data[index] = { 
+        id: $this.data("id"), 
+        position: index, 
+        parent_id: $this.parent().parent().data("id") 
+      }
+    data
+
+  orderUpdated: ->
+    # TODO: Add flash message to display ordering success
+
+$(document).on 'page:change', ->
+  $('.root-tree').each (i, el) ->
+    new Para.ResourceTree($(el))

data/app/assets/javascripts/para/admin.coffee

@@ -0,0 +1,18 @@
+#= require jquery
+#= require jquery_ujs
+#= require turbolinks
+#= require bootstrap
+#= require selectize
+#= require jasny.bootstrap.min
+#= require simple_form_extension
+#= require jquery.scrollto
+#= require html5-sortable
+#= require cocoon
+#= require_self
+#= require_tree ./lib
+#= require_tree ./inputs
+#= require_tree ./admin
+#= require admin/app
+
+# Initialize scope
+window.Para = {}

data/app/assets/javascripts/para/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/app/assets/javascripts/para/inputs/nested_many.coffee

@@ -0,0 +1,57 @@
+class Para.NestedManyField
+  constructor: (@$field) ->
+    @$fieldsList = @$field.find('.fields-list')
+
+    @initializeOrderable()
+    @initializeCocoon()
+
+    @$field.on 'shown.bs.collapse', $.proxy(@collapseShown, this)
+
+  initializeOrderable: ->
+    @orderable = @$field.hasClass('orderable')
+    return unless @orderable
+
+    @$fieldsList.sortable
+      handle: '.order-anchor'
+      forcePlaceholderSize: true
+
+    @$fieldsList.on('sortupdate', $.proxy(@sortUpdate, this))
+
+  sortUpdate: (e, ui) ->
+    @$fieldsList.find('.form-fields').each (i, el) ->
+      $(el).find('.resource-position-field').val(i)
+
+  initializeCocoon: ->
+    @$fieldsList.on 'cocoon:after-insert', $.proxy(@afterInsertField, this)
+
+  afterInsertField: (e, $element) ->
+    if ($collapsible = $element.find('[data-open-on-insert="true"]')).length
+      @openInsertedField($collapsible)
+
+    if @orderable
+      @$fieldsList.sortable('destroy')
+      @initializeOrderable()
+
+    if ($redactor = $element.find('[data-redactor]')).length
+      $redactor.simpleFormRedactor()
+
+    if ($selectize = $element.find('[data-selectize]'))
+      $selectize.simpleFormSelectize()
+
+    if ($slider = $element.find('[data-slider]'))
+      $slider.simpleFormSlider()
+
+  openInsertedField: ($field) ->
+    $target = $($field.attr('href'))
+    $target.collapse('show')
+
+  collapseShown: (e) ->
+    $target = $(e.target)
+    $field = @$field.find("[data-toggle='collapse'][href='##{ $target.attr('id') }']")
+    scrollOffset = -($('[data-header]').outerHeight() + 20)
+    $.scrollTo($field, 200, offset: scrollOffset)
+    $target.find('input, textarea, select').eq('0').focus()
+
+
+$(document).on 'page:change', ->
+  $('.nested-many-field').each (i, el) -> new Para.NestedManyField($(el))

data/app/assets/javascripts/para/lib/ajax.coffee

@@ -0,0 +1,11 @@
+Para.ajax = (options = {}) ->
+  csrfParam = $('meta[name="csrf-param"]').attr('content')
+  csrfToken = $('meta[name="csrf-token"]').attr('content')
+
+  csrfOptions = {}
+  csrfOptions[csrfParam] = csrfToken if csrfParam and csrfToken
+
+  unless options.method and options.method.match(/get/i)
+    options = $.extend(csrfOptions, options)
+
+  $.ajax(options)

data/app/assets/stylesheets/para/admin/theme/_base.sass

@@ -0,0 +1,170 @@
+
+@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,cyrillic-ext')
+
+@import "variables"
+@import "compass/css3/transition"
+@import "compass/css3/box-shadow"
+
+html *
+  outline: 0!important
+
+body, html
+  min-height: 100%
+  position: relative
+  overflow-x: hidden
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+.body-full-height
+  body
+    height: 100%
+
+.row
+  margin-left: 0
+  margin-right: 0
+  [class^=col-lg-], [class^=col-md-], [class^=col-sm-], [class^=col-xs-]
+    min-height: 1px
+  &.stacked
+    [class^=col-lg-], [class^=col-md-], [class^=col-sm-], [class^=col-xs-]
+      padding-left: 0
+      padding-right: 0
+
+[class^=col-lg-], [class^=col-md-], [class^=col-sm-], [class^=col-xs-]
+  padding-left: 10px
+  padding-right: 10px
+
+// Main container
+// -------------------------
+
+.page-container
+  width: 100%
+  float: left
+  min-height: 100%
+  position: relative
+  background: $navbar-default-bg
+
+  // Right side Content
+  .page-content
+    min-height: 100%
+    margin-left: $left-menu-width-open
+    background-color: $body-bg
+    position: relative
+    zoom: 1
+    &:after, &:before
+      content: ""
+      display: table
+    &:after
+      clear: both
+
+    // Frame system (no border, with right or left sidebar)
+    .content-frame
+      float: left
+      width: 100%
+      position: relative
+      background-color: $body-bg
+
+      .content-frame-top
+        float: left
+        width: 100%
+        line-height: 30px
+        padding: 13px 15px 15px
+        background: rgba(0, 0, 0, 0.02)
+        border-bottom: 1px solid $panel-default-border
+        border-top: 1px solid $panel-default-border
+        .page-title
+          padding: 0
+          width: auto
+          h2
+            margin-bottom: 0
+            font-size: 22px
+
+      .content-frame-left
+        float: left
+        width: $content-frame-with
+        padding: 10px
+        min-height: 100%
+        background: rgba(0, 0, 0, 0.02)
+        border-right: 1px solid $panel-default-border
+        &.padding-0
+          padding: 0
+        .block
+          padding: 0
+          margin-bottom: 20px
+        h4
+          margin-top: 10px
+        > .form-group
+          margin-bottom: 20px
+
+      .content-frame-right
+        float: right
+        width: $content-frame-with
+        padding: 10px
+        min-height: 100%
+        background: rgba(0, 0, 0, 0.02)
+        border-left: 1px solid $panel-default-border
+        &.padding-0
+          padding: 0
+          .block
+            padding: 10px
+        h4
+          margin-top: 10px
+        .block
+          padding: 0
+          margin-bottom: 20px
+        > .form-group
+          margin-bottom: 20px
+
+      .content-frame-body
+        padding: 70px 10px 10px
+        margin-left: $content-frame-with
+        &.content-frame-body-left
+          margin-left: 0
+          margin-right: $content-frame-with
+
+    // Basic content frame
+    .page-content-wrap
+      float: left
+      width: 100%
+      padding: 0 25px
+
+  // Top navigation fixed
+  &.page-navigation-top-fixed
+    .navigation-horizontal
+      position: fixed
+      top: 0
+      right: 0
+      left: 0
+    .page-content
+      padding-top: $navbar-height
+
+/* Animations */
+@-webkit-keyframes pulsate
+  0%
+    opacity: 0.0
+
+  50%
+    opacity: 1.0
+
+  100%
+    opacity: 0.0
+
+@-moz-keyframes pulsate
+  0%
+    opacity: 0.0
+
+  50%
+    opacity: 1.0
+
+  100%
+    opacity: 0.0
+
+@keyframes pulsate
+  0%
+    opacity: 0.0
+
+  50%
+    opacity: 1.0
+
+  100%
+    opacity: 0.0
+

data/app/assets/stylesheets/para/admin/theme/_breadcrumb.sass

@@ -0,0 +1,29 @@
+@import 'variables'
+@import "compass/css3/border-radius"
+
+.breadcrumb
+  width: 100%
+  background: $breadcrumb-bg
+  margin-bottom: 0px
+  padding: 6px 15px 7px
+  +border-radius(0)
+  li
+    font-size: 11px
+    line-height: 12px
+    color: $breadcrumb-color
+    text-decoration: none
+    a
+      font-size: 11px
+      line-height: 12px
+      color: $breadcrumb-color
+      text-decoration: none
+      &:hover
+        color: $breadcrumb-active-color
+    &:hover, &:last-child
+      color: $breadcrumb-active-color
+  > li + li:before
+    font-family: FontAwesome
+    content: "\f105"
+    color: $breadcrumb-color
+    padding: 0 8px
+

data/app/assets/stylesheets/para/admin/theme/_buttons.sass

@@ -0,0 +1,24 @@
+@import 'variables'
+@import "compass/css3/border-radius"
+
+.btn
+  .fa, .glyphicon
+    font-size: 14px
+    margin-right: 3px 
+  
+  // Social network color
+  &.btn-twitter
+    background: #1AB2E8
+    border-color: #1AB2E8
+    &.active, &:active, &:focus, &:hover
+      background: #15a1d3
+  &.btn-facebook
+    background: #3C599B
+    border-color: #3C599B
+    &.active, &:active, &:focus, &:hover
+      background: #354e89
+  &.btn-google
+    background: #E04A39
+    border-color: #E04A39
+    &.active, &:active, &:focus, &:hover
+      background: #dd3623

data/app/assets/stylesheets/para/admin/theme/_checkable.sass

@@ -0,0 +1,107 @@
+@import 'variables'
+@import "compass/css3/inline-block"
+
+@mixin fontAwesome
+  font-family: FontAwesome
+  font-weight: normal
+  font-style: normal
+  text-decoration: inherit
+  -webkit-font-smoothing: antialiased
+  /* sprites.less reset */
+  +inline-block
+  width: auto
+  height: auto
+  line-height: normal
+  vertical-align: baseline
+  background-image: none
+  background-position: 0% 0%
+  background-repeat: repeat
+  margin-top: 0
+
+// ------------------------ Radio & Checkbox  ------------------------- //
+.radio label,
+.checkbox label
+  padding-left: 0
+  font-weight: 600
+  i
+    font-size: 20px
+    margin-left: 20px
+    float: right
+    line-height: 1
+
+.form-group.boolean 
+  [class^="col-"] label
+    margin-bottom: 0
+    padding-top: 2px
+  i
+    font-size: 20px
+    line-height: 1
+
+.form-group.boolean input[type=checkbox],
+.form-group.boolean input[type=radio],
+.checkbox input[type=checkbox],
+.radio input[type=radio]
+  position: absolute
+  overflow: hidden
+  clip: rect(0 0 0 0)
+  height: 1px
+  width: 1px
+  margin: -1px
+  padding: 0
+  border: 0
+
+input[type=checkbox]:checked + label.check_boxes:before,
+input[type=checkbox]:checked + .checkbox-icon:before
+  content: "\f046"
+
+input[type=checkbox]:focus + label.check_boxes:before,
+input[type=checkbox]:focus + .checkbox-icon:before
+  color: $input-border-focus
+
+.boolean .checkbox-icon,
+.checkbox .checkbox-icon
+  &:hover
+    &:before
+      color: $input-border-focus
+  &:before
+    +fontAwesome
+    content: "\f096"
+    color: $input-border
+
+input[type=radio]:checked + label.radio_buttons:before,
+input[type=radio]:checked + .radio-icon:before
+  content: "\f192"
+
+input[type=radio]:focus + label.radio_buttons:before,
+input[type=radio]:focus + .radio-icon:before
+  color: $input-border-focus
+
+.boolean .radio-icon,
+.radio .radio-icon
+  &:hover
+    &:before
+      color: $input-border-focus
+  &:before
+    +fontAwesome
+    content: "\f10c"
+    color: $input-border
+
+// INLINE OVERRIDE //
+.radio-inline,
+.checkbox-inline
+  padding-left: 0
+  label.form-control
+    height: auto
+    margin-bottom: 5px
+    padding: 0
+    color: black
+    font-weight: normal
+    border: none
+    background-color: transparent
+    background: none
+    +inline-block
+    &:hover
+      cursor: pointer
+    &:before
+      display: inline-block
+      width: 20px