para 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bf91ced8ed0c3b19a7c6969a2b528ccc35ae1a3e
-  data.tar.gz: 0368b7ddfaeff31415371ebe2cc9c7f23cbeef63
+  metadata.gz: c04310b282e123cc4d2f5329d495d6133aaf8bfd
+  data.tar.gz: 3f5658e207ad84fd1820dc4428bc4a65b95635a8
 SHA512:
-  metadata.gz: 1d0717d4cc7da391e4fadba4fbda2720d6f7ccedaf208fd65f307275bc5f08897af5be6e10694200158de3e4daf58b2ad0739c31530015f4fe1909a2e7439c97
-  data.tar.gz: b7c643c8c1d81d08f8c8eeb3129396eda89e39591363a9a8eddb6a8737abee4c06401557a94167c47f5a849328f703d9f7fc008a6a1c54e5514a7ee34fade9a7
+  metadata.gz: 2553622ee949ea75a6c1de1db3c08af4058a41e134cf7b4c5d453dc83b20c03ab14e78144b3f9fa95ce0ea66efa8c8082e50feee00e26d28f53f09070dc9c65e
+  data.tar.gz: 6031a27defab3bbd0254dead9a8620009e43efe10ad2af914cf5bef8bc0f989c45c11f10cb0c79c8163afcf96ebe6455faabd93c09cd13934ad6afc8001d5d4b

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

@@ -9,7 +9,6 @@ responsive_sidebar_navigation = ->
     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', ->

data/app/assets/javascripts/para/lib/turbolinks-forms.coffee

@@ -0,0 +1,23 @@
+class Turbolinks.Form
+  constructor: (@$form) ->
+    @$form.on('submit', (e) => @submit(e))
+
+  submit: (e) ->
+    e.preventDefault()
+    @visit(@buildUrl())
+
+  buildUrl: ->
+    url  = @$form.attr('action')
+    url += if url.indexOf('?') is -1 then '?' else '&'
+    url +  @$form.serialize()
+
+  visit: (url) ->
+    Turbolinks.visit(url);
+
+
+$(document).on "submit", "form[method='get']:not([data-no-turboform])", (e) ->
+  $form = $(e.currentTarget)
+  unless (turboform = $form.data('turboform-instance'))
+    turboform = new Turbolinks.Form($form)
+    $form.data('turboform-instance', turboform)
+    turboform.submit(e)

data/app/assets/javascripts/para/lib/turbolinks-loading.coffee

@@ -0,0 +1,25 @@
+class Para.TurbolinksLoading
+  start: =>
+    @addLoadingMarkup()
+
+  stop: =>
+    @removeLoadingMarkup()
+
+  addLoadingMarkup: ->
+    $('<div/>', class: 'loading-overlay', 'data-loading-overlay': true)
+      .prependTo('body')
+    $('<div/>', class: 'loading-spinner', 'data-loading-spinner': true)
+      .prependTo('body')
+
+  removeLoadingMarkup: ->
+    $('[data-loading-overlay]').remove()
+    $('[data-loading-spinner]').remove()
+
+# Global loading manager allowing to
+Para.loadingManager = new Para.TurbolinksLoading()
+
+$(document).on('page:fetch', Para.loadingManager.start)
+
+$(document).on 'page:change', ->
+  Para.loadingManager.stop()
+  $('body').on('submit', '[data-para-form]', Para.loadingManager.start)

data/app/assets/stylesheets/para/{overrides → admin/src}/datetimepicker.sass

@@ -1,7 +1,5 @@
 @import "para/admin/theme/variables"
 
-@import "compass/css3/box-shadow"
-
 /* Bootstrap Datetimepiker */
 .xdsoft_datetimepicker
   .xdsoft_calendar td.xdsoft_default,
@@ -9,7 +7,7 @@
   .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current,
   .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current
     background: $brand-primary
-    +box-shadow(darken($brand-primary, 10%) 0px 1px 3px 0px inset)
+    box-shadow: darken($brand-primary, 10%) 0px 1px 3px 0px inset
 
   .xdsoft_calendar td:hover,
   .xdsoft_timepicker .xdsoft_time_box >div >div:hover,

data/app/assets/stylesheets/para/{overrides → admin/src}/fuelux.sass

@@ -1,8 +1,5 @@
 @import "para/admin/theme/variables"
 
-@import "compass/css3/box-shadow"
-@import "compass/css3/border-radius"
-
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button
   -webkit-appearance: none
@@ -22,7 +19,7 @@ input[type=number]::-webkit-outer-spin-button
     top: 0px
     margin-left: -1px !important
     border-color: $input-border
-    +box-shadow(none)
+    box-shadow: none
     z-index: 2
     .fa
       font-size: 1em
@@ -32,12 +29,12 @@ input[type=number]::-webkit-outer-spin-button
       cursor: not-allowed
     &:hover,
     &:focus
-      +box-shadow(none)  
+      box-shadow: none
   .spinner-up,
   .spinbox-up
-    +border-top-left-radius(0 !important)
-    +border-top-right-radius($input-border-radius !important)
+    border-top-left-radius: 0 !important
+    border-top-right-radius: $input-border-radius !important
   .spinner-down,
   .spinbox-down
-    +border-bottom-left-radius(0 !important)
+    border-bottom-left-radius: 0 !important
     padding: 3px 9px 2px 9px

data/app/assets/stylesheets/para/{overrides → admin/src}/jasny.bootstrap.sass

@@ -1,7 +1,6 @@
 /* Jasny Bootstrap Fileupload overrides */
 
 @import "para/admin/theme/variables"
-@import "compass/css3/border-radius"
 
 .fileinput
   margin-bottom: 0
@@ -11,7 +10,7 @@
 
 .fileinput-new.input-group .btn-file
 .fileinput.input-group .btn-file
-  +border-right-radius($border-radius-base)
+  border-right-radius: $border-radius-base
   border-color: $input-border
 
 .fileinput.input-group .input-group-btn

data/app/assets/stylesheets/para/admin/src/page-loading.sass

@@ -0,0 +1,24 @@
+@import "para/admin/theme/variables"
+
+$spinner-size: 32px
+
+.loading-overlay
+  position: fixed
+  width: calc(100% - #{ $left-menu-width-open })
+  height: calc(100% - #{ $navbar-height })
+  top: $navbar-height
+  left: $left-menu-width-open
+  z-index: 999
+  opacity: .5
+  background: white
+
+.loading-spinner
+  position: fixed
+  top: 50%
+  left: 50%
+  margin-left: ($left-menu-width-open / 2) - ($spinner-size / 2)
+  margin-top: $navbar-height - $spinner-size
+  width: $spinner-size
+  height: $spinner-size
+  z-index: 1000
+  background: image-url('para/admin/loading-spinner.gif')

data/app/assets/stylesheets/para/{overrides → admin/src}/redactor.sass

@@ -1,6 +1,4 @@
 @import "para/admin/theme/variables"
-@import "compass/css3/border-radius"
-@import "compass/css3/box-shadow"
 
 .redactor-button-disabled
   &:hover,
@@ -21,8 +19,8 @@
     /* 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)
+    box-shadow: none
+    border-radius: $input-border-radius $input-border-radius 0 0
     border: 1px solid $input-border
     li a
       &:hover,
@@ -34,7 +32,7 @@
     background-color: $input-bg
     border: 1px solid $input-border
     border-top-width: 0px
-    +border-radius(0 0 $input-border-radius $input-border-radius)
+    border-radius: 0 0 $input-border-radius $input-border-radius
     &:focus
       border-color: $input-border-focus
       background: #FFF
@@ -73,11 +71,11 @@
     border-color: $input-border
     background-color: $input-bg
     color: $input-color
-    +box-shadow(none)
+    box-shadow: none
     &:focus
       background-color: #fff
       border-color: $input-border-focus
-      +box-shadow(none)
+      box-shadow: none
 
   footer
     button.redactor-modal-action-btn

data/app/assets/stylesheets/para/{overrides → admin/src}/selectize.sass

@@ -1,20 +1,18 @@
 @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)
+  border-radius: $border-radius-base
 
 .selectize-input,
 .selectize-input.full
   border-color: $input-border
-  +border-radius($input-border-radius)
+  border-radius: $input-border-radius
   &.focus
     border-color: $input-border-focus
-    +box-shadow(none)
+    box-shadow: none
   &.dropdown-active
-    +border-radius($input-border-radius)
+    border-radius: $input-border-radius
 
 .selectize-dropdown, 
 .selectize-input, 

data/app/assets/stylesheets/para/{overrides → admin/src}/slider.sass

@@ -1,6 +1,5 @@
 @import "para/admin/theme/variables"
 
-
 .form-group
   &.slider
     display: block

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

@@ -1,9 +1,6 @@
-
 @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
@@ -129,6 +126,11 @@ body, html
 
   // Top navigation fixed
   &.page-navigation-top-fixed
+    .breadcrumb
+      position: fixed
+      top: 0
+      left: $left-menu-width-open
+      right: 0
     .navigation-horizontal
       position: fixed
       top: 0

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

@@ -1,29 +1,67 @@
 @import 'variables'
-@import "compass/css3/border-radius"
 
 .breadcrumb
   width: 100%
-  background: $breadcrumb-bg
   margin-bottom: 0px
-  padding: 6px 15px 7px
-  +border-radius(0)
+  padding: 0
+  border-radius: 0
+  overflow: hidden
+  border: none
+  border-bottom: 1px solid $gray-light
+  li + li:before
+    display: none
   li
-    font-size: 11px
-    line-height: 12px
-    color: $breadcrumb-color
-    text-decoration: none
+    &:first-child
+      padding-left: 27px
+      a
+        padding: 0
+    &:last-child
+      background-color: transparent !important
+      pointer-events: none
+      cursor: default
+      padding: 11px 10px 11px 30px
     a
-      font-size: 11px
-      line-height: 12px
+      font-size: 1em
       color: $breadcrumb-color
       text-decoration: none
+      display: block
+      position: relative
+      background-color: $breadcrumb-bg
+      padding: 11px 10px 11px 30px
       &:hover
-        color: $breadcrumb-active-color
+        color: #000
+        background-color: $gray-light
+        &:after
+          border-left-color: $gray-light
+
+      &:after
+        content: " "
+        display: block
+        width: 0
+        height: 0
+        border-top: 30px solid transparent
+        border-bottom: 30px solid transparent
+        border-left: 15px solid $breadcrumb-bg
+        position: absolute
+        top: 50%
+        margin-top: -30px
+        left: 100%
+        z-index: 2
+      &:before
+        content: " "
+        display: block
+        width: 0
+        height: 0
+        border-top: 30px solid transparent
+        border-bottom: 30px solid transparent
+        border-left: 15px solid $brand-primary
+        position: absolute
+        top: 50%
+        margin-top: -30px
+        margin-left: 2px
+        left: 100%
+        z-index: 1
+    
     &: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

@@ -1,5 +1,4 @@
 @import 'variables'
-@import "compass/css3/border-radius"
 
 .btn
   .fa, .glyphicon

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

@@ -1,5 +1,4 @@
 @import 'variables'
-@import "compass/css3/inline-block"
 
 @mixin fontAwesome
   font-family: FontAwesome
@@ -8,7 +7,7 @@
   text-decoration: inherit
   -webkit-font-smoothing: antialiased
   /* sprites.less reset */
-  +inline-block
+  display: inline-block
   width: auto
   height: auto
   line-height: normal
@@ -29,7 +28,7 @@
     float: right
     line-height: 1
 
-.form-group.boolean 
+.form-group.boolean
   [class^="col-"] label
     margin-bottom: 0
     padding-top: 2px
@@ -66,7 +65,7 @@ input[type=checkbox]:focus + .checkbox-icon:before
   &:before
     +fontAwesome
     content: "\f096"
-    color: $input-border
+    color: $input-color
 
 input[type=radio]:checked + label.radio_buttons:before,
 input[type=radio]:checked + .radio-icon:before
@@ -84,7 +83,7 @@ input[type=radio]:focus + .radio-icon:before
   &:before
     +fontAwesome
     content: "\f10c"
-    color: $input-border
+    color: $input-color
 
 // INLINE OVERRIDE //
 .radio-inline,
@@ -99,7 +98,7 @@ input[type=radio]:focus + .radio-icon:before
     border: none
     background-color: transparent
     background: none
-    +inline-block
+    display: inline-block
     &:hover
       cursor: pointer
     &:before

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

@@ -151,8 +151,6 @@
   background: #fcfbf4
   border: 1px dashed $gray-dark
   margin-bottom: 20px
-  -moz-border-radius: 3px
-  -webkit-border-radius: 3px
   border-radius: 3px
   float: left
   width: 100%
@@ -171,30 +169,26 @@
 
 // Social network color
 .twitter
-  border-color: #1AB2E8!important
-  color: #1AB2E8!important
+  border-color: #1AB2E8 !important
+  color: #1AB2E8 !important
   &:hover
-    border-color: #48c2ed!important
-    color: #48c2ed!important
+    border-color: #48c2ed !important
+    color: #48c2ed !important
 
 .facebook
-  border-color: #3C599B!important
-  color: #3C599B!important
+  border-color: #3C599B !important
+  color: #3C599B !important
   &:hover
-    border-color: #4f70bb!important
-    color: #4f70bb!important
+    border-color: #4f70bb !important
+    color: #4f70bb !important
 
 .resizable-helper
   border: 1px dashed $brand-primary
 
 .img-text
   border: 3px solid #FFF
-  -moz-border-radius: 3px
-  -webkit-border-radius: 3px
   border-radius: 3px
   margin: 0 10px 5px 0
-  -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1)
-  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1)
   box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1)
 
 .mail-checkall
@@ -207,7 +201,7 @@
   position: absolute
   top: 0
   left: 0
-  display: block!important
+  display: block !important
   width: 100%
-  height: 100%!important
+  height: 100% !important
   opacity: 0

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

@@ -1,9 +1,8 @@
 @import 'variables'
-@import "compass/css3/box-shadow"
 
 .dropdown-menu
   font-size: 12px
-  +box-shadow(0 2px 1px 0 rgba(0, 0, 0, 0.1))
+  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1)
   border: 1px solid $dropdown-border
   padding: 0
   margin: 8px 0 0
@@ -49,5 +48,3 @@
     margin: 0
     padding: 15px 0 0
     border-bottom: 1px solid $dropdown-border
-
-

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

@@ -1,11 +1,10 @@
 @import "variables"
-@import "compass/css3/box-shadow"
 
 .form-control
-  +box-shadow(none)
+  box-shadow: none
   -webkit-appearance: none
   &:focus
-    +box-shadow(none)
+    box-shadow: none
     border-color: $input-border-focus
     background: #FFF
   &[disabled], &[readonly]
@@ -15,6 +14,15 @@
     color: $gray-dark
     border-color: $gray-lighter
 
+// File input
+.fileinput
+  &.fileinput-new
+    .fileinput-placeholder
+      display: block
+  &.fileinput-exists
+    .fileinput-placeholder
+      display: none    
+
 .input-group-addon
   font-size: 13px
   padding: 0 10px

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

@@ -1,5 +1,4 @@
 @import 'variables'
-@import "compass/css3/border-radius"
 
 // List with progress bar
 .progress-list
@@ -27,7 +26,7 @@
       float: left
       background: $btn-default-bg
       border: 1px solid $gray-lighter
-      +border-radius(3px)
+      border-radius: 3px
       line-height: 23px
       font-size: 11px
       margin: 0 5px 5px 0
@@ -68,13 +67,13 @@
     .list-group-item
       border-left: 0
       border-right: 0
-      +border-radius(0)
+      border-radius: 0
 
 .padding-0 .list-group
   border: 0
   .list-group-item
     border-width: 1px 0 0
-    +border-radius(0)
+    border-radius: 0
     &:first-child
       border-top: 0
 
@@ -96,7 +95,7 @@ a.list-group-item
   padding: 10px
   img
     border: 2px solid $btn-default-bg
-    +border-radius(50%)
+    border-radius: 50%
     width: 40px
     margin-right: 10px
   .contacts-title
@@ -128,7 +127,7 @@ a.list-group-item
     top: 15px
     width: 10px
     height: 10px
-    +border-radius(50%)
+    border-radius: 50%
     content: " "
   &.status-online:after
     background: $brand-success