redde 0.1.18 → 0.3.0

data/app/assets/javascripts/redde/sortTree/index.js.coffee

@@ -0,0 +1,47 @@
+#= require jquery-ui/sortable
+#= require ./jquery.mjs.nestedSortable.js
+
+$ ->
+  $('[data-sort-tree]').each ->
+    $this = $(this)
+
+    opts = $this.data('sort-tree')
+
+    if $.isPlainObject( opts ) && opts.url
+      url = opts.url
+      delete opts.url
+    else if (typeof opts == 'string') && opts != ""
+      url = opts
+      opts = {}
+
+    unless url? || url == ""
+      url = location.pathname + "/sort"
+
+    defs =
+      # disableNesting: 'no-nest'
+      # handle: '[data-sort-tree-handle]'
+      # listType: 'ol'
+      forcePlaceholderSize: true
+      helper: 'clone'
+      items: '[data-sort-tree-item]'
+      maxLevels: 2
+      opacity: .6
+      placeholder: 'sort-tree__placeholder'
+      revert: 250
+      rootID: 'root'
+      tabSize: 25
+      tolerance: 'pointer'
+      toleranceElement: '[data-sort-tree-tolerance]'
+      errorClass: 'sort-tree__error'
+      update: ->
+        serialized = $this.nestedSortable('serialize')
+        $.ajax
+          method: 'POST'
+          url: url
+          data: serialized
+
+    $this.nestedSortable $.extend( {}, defs, opts )
+
+    return
+
+  return

data/app/assets/javascripts/redde/sortable.coffee

@@ -0,0 +1,47 @@
+#= require jquery-ui/sortable
+
+###
+variants:
+  data-sortable
+  data-sortable = 'url'
+  data-sortable = {}
+  data-sortable = {url: 'url', ...}
+###
+
+$ ->
+  $("[data-sortable]").each ->
+    $this = $(this)
+
+    opts = $this.data('sortable')
+
+    if $.isPlainObject( opts ) && opts.url
+      url = opts.url
+      delete opts.url
+    else if (typeof opts == 'string') && opts != ""
+      url = opts
+      opts = {}
+
+    unless url? || url == ""
+      url = location.pathname + "/sort"
+
+    defs =
+      dropOnEmpty: false
+      cursor: "crosshair"
+      opacity: 0.75
+      handle: ".handle"
+      axis: "y"
+      items: "tr"
+      scroll: true
+      update: ->
+        $.ajax
+          type: "post"
+          data: $this.sortable("serialize") # + '&authenticity_token=#{u(form_authenticity_token)}',
+          dataType: "script"
+          url: url
+
+    opts = $.extend( {}, defs, opts )
+    $this.sortable opts
+
+    return
+
+  return

data/{spec/dummy/app/assets/stylesheets/admin → app/assets/stylesheets/redde}/blocks/error-msg.sass

@@ -1,3 +1,5 @@
+//= depend_on_asset redde/error-label-triangle.png
+
 .error-msg
   position: relative
   z-index: 2
@@ -30,7 +32,7 @@
     margin-top: 1px
     width: 7px
     height: 4px
-    background: image-url('admin/error-label-triangle.png') 0 100% no-repeat
+    background: image-url('redde/error-label-triangle.png') 0 100% no-repeat
   &:after
     content: ''
     position: absolute
@@ -44,4 +46,4 @@
 
 ul.error-msg__list
   overflow: hidden
-  padding: 1px 0 1px 25px
+  padding: 1px 0 1px 25px

data/app/assets/stylesheets/redde/blocks/flash-msg.sass

@@ -0,0 +1,22 @@
+.flash-msg
+  padding: 7px 15px
+  margin: 10px 30px
+  border-radius: 4px
+  border: 1px solid
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
+  font-size: 13px
+  line-height: 18px
+  color: #fff
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
+  background-repeat: repeat-x
+  z-index: 1000
+  position: relative
+
+  &._notice
+    background-color: #57A957
+    background-image: linear-gradient(to bottom, #62c462, #57a957)
+
+  &._alert
+    background-color: #c43c35
+    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35)
+    border-color: #c43c35 #c43c35 #882a25

data/app/assets/stylesheets/redde/blocks/list-v2.sass

@@ -0,0 +1,96 @@
+//= depend_on_asset redde/move-handler.png
+//= depend_on_asset redde/eye.svg
+//= depend_on_asset redde/eye_disactive.svg
+//= depend_on_asset redde/close.svg
+//= depend_on_asset redde/close-hover.svg
+
+.list-v2
+  width: auto
+  border-collapse: collapse
+  border-collapse: separate
+  border-spacing: 0
+  margin-left: -30px
+  margin-right: -30px
+
+.list-v2__col
+  &:first-child,
+  &:last-child,
+  &._del
+    width: 0.01%
+
+.list-v2__head
+  font-size: 11px
+  text-transform: uppercase
+  background: #d7e4ef
+  padding: 13px 0 13px 30px
+  border-bottom: 1px solid #dddddd
+  // border-bottom: 0 none
+  // border-top: 1px solid #ddd
+
+  &:first-child,
+  &:last-child
+    background: #d7e4ef
+    padding-left: 0
+    min-width: 10px
+
+  &._img
+    padding-left: 20px
+
+.list-v2__head_first
+  padding-left: 0
+
+.list-v2__cell
+  padding: 3px 0 3px 30px
+  vertical-align: middle
+  font-size: 13px
+  color: #000
+  cursor: pointer
+  width: auto
+  border-bottom: 1px solid #dddddd
+  // border-top: 1px solid #ddd
+  // border-bottom: 0 none
+
+  &._img
+    width: 1%
+    padding-left: 20px
+
+  tr:hover > &
+    background-color: #fff5d4
+
+  &:first-child,
+  &:last-child
+    padding-left: 0
+    width: 10px
+    border-bottom: 0 none
+
+  &._handle
+    min-width: 23px
+    width: 0.01%
+    background: image-url('redde/move-handler.png') no-repeat center
+
+  &._eye
+    padding-left: 7px
+    width: 0.01%
+
+.list-v2__cell_first
+  padding-left: 0
+
+.list-v2__img
+  border-radius: 2px
+  display: block
+
+.list-v2__eye
+  display: block
+  width: 20px
+  height: 20px
+  background: image-url('redde/eye.svg') no-repeat center
+  &._disactive
+    background-image: image-url('redde/eye_disactive.svg')
+
+.list-v2__del
+  background: image-url('redde/close.svg') no-repeat center
+  display: block
+  width: 20px
+  height: 20px
+  &:hover
+    background: image-url('redde/close-hover.svg') no-repeat center

data/app/assets/stylesheets/redde/blocks/photos-uploader.sass

@@ -0,0 +1,21 @@
+.photos-uploader
+  margin-top: 10px
+
+.photos-uploader__btn
+  position: relative
+  display: inline-block
+  overflow: hidden
+  vertical-align: top
+
+  &.icon-upload:before
+    margin-left: -0.25em
+    margin-right: 0.35em
+
+.photos-uploader__inp
+  font-size: 50px
+  position: absolute
+  top: -10px
+  right: -40px
+  z-index: 2
+  cursor: pointer
+  opacity: 0

data/app/assets/stylesheets/redde/blocks/photos.sass

@@ -0,0 +1,56 @@
+.photos
+  margin: 5px 0 5px -3px
+  overflow: hidden
+  list-style: none
+
+.photos__item
+  width: 119px
+  height: 119px
+  border: 1px solid #ccc
+  float: left
+  margin: 0 0 3px 3px
+  position: relative
+
+  &.ui-sortable-helper
+    &, & > *
+      cursor: crosshair
+
+.photos__link
+  text-decoration: none
+  display: block
+  width: 100%
+  height: 100%
+  background: #ccc
+  background-repeat: no-repeat
+  background-position: center
+  position: relative
+
+.photos__title
+  position: absolute
+  background: rgba(#eef3f7, 0.85)
+  color: #000
+  font-size: 11px
+  padding: 5px 6px
+  left: -1px
+  bottom: -1px
+  right: -1px
+  padding-right: 20px
+  overflow: hidden
+  text-overflow: ellipsis
+  white-space: nowrap
+
+  .photos__item:hover &
+    white-space: normal
+    padding-right: 6px
+    word-break: break-all
+
+.photos__del
+  width: 24px
+  height: 24px
+  overflow: hidden
+  position: absolute
+  bottom: 0
+  right: 0
+
+.photos__img
+  display: block

data/app/assets/stylesheets/redde/blocks/redde-form.sass

@@ -0,0 +1,55 @@
+.redde-form
+
+.redde-form__tbl
+  border-collapse: collapse
+  width: 100%
+  font-size: 13px
+
+.redde-form__thead
+  font-size: 13px
+  font-weight: bold
+  text-transform: uppercase
+  color: #176e99
+  padding-top: 18px
+  padding-bottom: 18px
+
+.redde-form__cell._lbl
+  width: 1%
+  white-space: nowrap
+  padding-right: 15px
+
+.redde-form__inp
+  width: 100%
+
+.redde-form__inp,
+.redde-form__sel
+  .redde-form__row._error &
+    border-color: #fb4657
+    box-shadow: 0 0 0 1px #fb4657
+
+// .redde-form__row
+
+.redde-form__cell
+  padding-top: 10px
+  vertical-align: baseline
+  &._label
+    width: 1px
+    padding-right: 10px
+
+.redde-form__label
+  font-size: 13px
+  white-space: nowrap
+  &._required:after
+    content: "*"
+    color: #f83f3f
+
+.redde-form__actions
+  margin-top: 20px
+
+.redde-form__sbm
+  margin-left: 15px
+  &:first-child
+    margin-left: 0
+
+.redde-form__action-lnk
+  margin-left: 15px

data/app/assets/stylesheets/redde/blocks/sort-tree.sass

@@ -0,0 +1,46 @@
+//= depend_on_asset redde/folder.png
+//= depend_on_asset redde/defaults/del.css
+
+.sort-tree
+  // сделать через класс не получилось всвязи особенности скрипта, при создании нового вложенного списка класс не добавляется => искользуем каскады
+  &, ol
+    list-style-type: none
+    list-style: none
+
+  ol
+    margin-left: 25px
+
+.sort-tree__wrap
+  background: image-url("redde/folder.png") no-repeat 0 2px
+  padding-left: 25px
+  cursor: move
+  position: relative
+  &:hover
+    background-color: #ffc
+
+.sort-tree__link
+  line-height: 20px
+
+.sort-tree__controls
+  position: absolute
+  right: 0
+  margin: 0
+  line-height: 20px
+  z-index: 1
+  top: 0
+
+.sort-tree__btn
+  display: inline-block
+  vertical-align: middle
+  line-height: 20px
+  text-decoration: none
+  color: #999
+
+.sort-tree__placeholder
+  background-color: #CCFF99
+  outline: 1px dashed green
+
+.sort-tree__error
+  // должен быть после .sort-tree__placeholder
+  background: #fbe3e4
+  outline: 1px dashed red

data/app/assets/stylesheets/redde/defaults/btn.sass

@@ -0,0 +1,30 @@
+//= depend_on_asset redde/next.svg
+
+@import redde/mixins
+
+%base
+  display: inline-block
+  text-decoration: none
+  border-radius: 2px
+  font-family: $family
+  line-height: (14/12)
+
+.btn
+  @extend %base
+  color: #fff
+  background-color: #53a0c6
+  padding: 8px 13px
+
+  &._a_next:after
+    content: '\A0'
+    display: inline-block
+    width: 6px
+    background: image-url('redde/next.svg') no-repeat left center
+    margin-left: 7px
+
+// .btn-trans
+//   @extend %base
+//   color: #404344
+//   background: #fff
+//   border: 1px solid #d4d0cf
+//   padding: 7px 12px

data/app/assets/stylesheets/redde/defaults/del.sass

@@ -0,0 +1,23 @@
+//= depend_on_asset redde/close.svg
+//= depend_on_asset redde/close-hover.svg
+
+%del
+  display: inline-block
+  width: 20px
+  height: 20px
+  background: image-url('redde/close.svg') center no-repeat
+  text-decoration: none
+
+.del
+  @extend %del
+  &:before
+    content: '\A0'
+  &:hover
+    background-image: image-url('redde/close-hover.svg')
+
+.a_del
+  &:after
+    @extend %del
+    content: '\A0'
+  &:hover:after
+    background-image: image-url('redde/close-hover.svg')

data/app/assets/stylesheets/redde/defaults/index.sass

@@ -0,0 +1,87 @@
+//= require ./reset
+//= require_self
+//= require_directory .
+
+.ac_results
+  padding: 0px
+  border: 1px solid black
+  background-color: white
+  overflow: hidden
+  z-index: 99999
+
+.ac_results ul
+  width: 100%
+  list-style-position: outside
+  list-style: none
+  padding: 0
+  margin: 0
+
+.ac_results li
+  margin: 0px
+  padding: 2px 5px
+  cursor: default
+  display: block
+  /*
+   *if width will be 100% horizontal scrollbar will apear
+   *when scroll mode will be used
+  /*width: 100%;
+  font: menu
+  font-size: 12px
+  /*
+   *it is very important, if line-height not setted or setted
+   *in relative units scroll will be broken in firefox
+  line-height: 16px
+  overflow: hidden
+  color: #004D83
+
+/*.ac_results li strong {color:#4490BC;}
+.ac_loading
+  background: white image-url("admin/ajaxloader2.gif") right center no-repeat
+
+.ac_odd
+  background-color: #eee
+
+.ac_over
+  background-color: #4490BC
+  color: #fff !important
+
+.ac_results2
+  min-width: 333px
+  max-width: 600px
+  width: auto !important
+
+.tbl
+  border-collapse: collapse
+  width: 100%
+  .for_img
+    width: 1px
+    text-align: left
+    padding-right: 5px
+    border-bottom: 3px solid #EDEDED
+    vertical-align: bottom
+  tr.bot
+    th, td
+      border-bottom-width: 3px
+    th
+      vertical-align: top
+  th, td
+    vertical-align: middle
+  th
+    padding: 5px 10px 5px 5px
+    width: 1%
+  td
+    width: auto
+    padding-top: 4px
+  td.handle
+    width: 25px
+    text-align: left
+    vertical-align: middle
+  th.handle
+    width: auto
+  td.handle img
+    display: block
+  th
+    width: auto
+  td.last
+    text-align: right
+    width: 1px

data/app/assets/stylesheets/redde/defaults/inp.sass

@@ -0,0 +1,20 @@
+@import redde/mixins
+
+.inp
+  box-sizing: border-box
+  display: inline-block
+  color: #404344
+  font-size: 13px
+  line-height: 21px
+  font-family: $family
+  padding: 6px 10px
+  border: 1px solid #cdd1d7
+  border-radius: 3px
+  outline: none
+
+  &::placeholder
+    color: #989c9f
+
+  &:focus
+    border-color: #5bacd4
+    box-shadow: 0 0 0 1px #5bacd4

data/app/assets/stylesheets/redde/defaults/reset.sass

@@ -0,0 +1,25 @@
+@import redde/mixins
+
+*
+  margin: 0
+  padding: 0
+
+th
+  text-align: left
+
+a
+  color: $link
+  &:hover
+    text-decoration:none
+
+html,
+body
+  width: 100%
+  height: 100%
+
+body
+  min-width: 1000px
+  overflow-y: scroll
+  background-color: #F3F1EC
+  text-align: left
+  font: 12px $family

data/app/assets/stylesheets/redde/defaults/sbm.sass

@@ -0,0 +1,32 @@
+@import redde/mixins
+
+.sbm
+  display: inline-block
+  background: #19709b
+  color: #fff
+  font-size: 13px
+  font-family: $family
+  padding: 9px 20px
+  border: 0 none
+  border-radius: 3px
+  cursor: pointer
+  outline: none
+
+  &[disabled]
+    background: #9ea2a4
+    cursor: default
+
+  &:hover
+    background: mix(#19709b, #388cb5)
+    background: linear-gradient(#19709b 70%, #388cb5 100%)
+
+  &:active
+    background: mix(#186991, #10435c)
+    background: linear-gradient(to top, #186991 80%, #10435c 100%)
+
+  &._save:before
+    content: "\A0"
+    display: inline-block
+    width: 16px
+    margin-right: 10px
+    background: image-url('redde/enter.svg') no-repeat 0 5px

data/app/assets/stylesheets/redde/defaults/sel.sass

@@ -0,0 +1,29 @@
+//= depend_on_asset redde/sel.svg
+
+@import redde/mixins
+
+.sel
+  box-sizing: border-box
+  display: inline-block
+  color: #404344
+  font-size: 13px
+  line-height: 21px
+  font-family: $family
+  padding: 6px 10px
+  padding-right: (10px + 11px + 10px)
+  border: 1px solid #cdd1d7
+  border-radius: 3px
+  outline: none
+  -webkit-appearance: none
+  background: #fff image-url('redde/sel.svg') no-repeat right 10px top 14px
+
+  // &::placeholder
+  //   color: #989c9f
+
+  &:focus
+    border-color: #5bacd4
+    box-shadow: 0 0 0 1px #5bacd4
+
+  // &._err
+  //   border-color: #fb4657
+  //   box-shadow: 0 0 0 1px #fb4657