rademade_admin 0.0.3 → 0.1.0

data/app/assets/javascripts/rademade_admin/form/form-validation.coffee

@@ -0,0 +1,42 @@
+class @FormValidation extends Backbone.View
+
+  validationObject = undefined
+
+  initialize : (options) ->
+    @validationObject = options.validationObject
+
+  displayFieldErrors : (errors) ->
+    [messages, globalMessages] = @_collectErrorMessages(errors)
+    @_showErrorMessages(messages)
+    @_showGlobalErrorMessages(globalMessages)
+    false
+
+  displayGlobalErrors : (errors) ->
+    errorMessage = ''
+    _.each errors, (error) ->
+      errorMessage += "<p>#{error}</p>"
+    window.notifier.notify errorMessage
+
+  _collectErrorMessages : (errors) ->
+    messages = {}
+    globalMessages = []
+
+    $.each errors, (field, message) ->
+      name = "data[#{field}]"
+      if $("[name='#{name}']").length > 0
+        messages[name] = message
+      else
+        _.each message, (subMessage) ->
+          globalMessages.push "#{field} #{subMessage}"
+
+    [messages, globalMessages]
+
+  _showErrorMessages : (messages) ->
+    unless $.isEmptyObject(messages)
+      try
+        @validationObject.showErrors messages
+      catch e
+        @displayGlobalErrors messages
+
+  _showGlobalErrorMessages : (messages) ->
+    @displayGlobalErrors(messages) unless messages.length is 0

data/app/assets/javascripts/rademade_admin/form/form.coffee

@@ -0,0 +1,62 @@
+class @Form extends Backbone.View
+
+  sending = false
+  formValidation = undefined
+  formAjax = undefined
+
+  initValidationObject : () ->
+    @formValidation = new FormValidation
+      validationObject : @$el.validate @getValidationData()
+
+  initFormAjax : () ->
+    @formAjax = new FormAjax
+      el : @$el
+    @formAjax.on('ajax-start', @_onAjaxStart)
+      .on('ajax-done', @_onAjaxDone)
+      .on('ajax-fail', @_onAjaxFail)
+      .on('ajax-finish', @_onAjaxFinish)
+
+  getValidationData : () ->
+    highlight : (element) ->
+      $(element).parent().removeClass('success').addClass 'error'
+
+    unhighlight : (element) ->
+      $(element).parent().removeClass('error').addClass 'success'
+
+    submitHandler : () =>
+      return if @sending
+      lazySubmitHandler = () =>
+        @formAjax.submitHandler()
+      if @handlerExist('ajax-before-submit')
+        @trigger('ajax-before-submit', [ lazySubmitHandler ])
+      else
+        lazySubmitHandler.call()
+      return false
+
+  handlerExist : (name) ->
+    jQuery._data(@el).events[name]
+
+  trigger : () ->
+    @$el.triggerHandler.apply(@$el, arguments)
+
+  _onAjaxStart : () =>
+    @sending = true
+
+  _onAjaxDone : (data) =>
+    @trigger 'ajax-submit-done', [data]
+
+  _onAjaxFail : (data) =>
+    @trigger 'ajax-submit-fail', [data]
+    @formValidation.displayFieldErrors(data.errors)
+
+  _onAjaxFinish : (data) =>
+    @trigger 'ajax-submit-always', [data]
+    @sending = false
+
+
+Form.init = ($el) ->
+  form = new Form
+    el : $el
+  form.initValidationObject()
+  form.initFormAjax()
+  form

data/app/assets/javascripts/rademade_admin/library/ckeditor/config.js

@@ -1,12 +1,14 @@
-CKEDITOR.config.toolbar = [
-    { name: 'document', groups: [ 'mode' ], items: [ 'Source' ] },
-    { name: 'editing', groups: [ 'find' ], items: [ 'Find', 'Replace' ] },
-    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', '-', 'RemoveFormat' ] },
-    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
-    '/',
-    { name: 'links', items: [ 'Link', 'Unlink' ] },
-    { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
-    { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
-    { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
-    { name: 'tools', items: [ 'Maximize' ] }
-];
+if (CKEDITOR && CKEDITOR.config) {
+    CKEDITOR.config.language = 'en';
+    CKEDITOR.config.toolbar = [
+        { name: 'document', groups: [ 'mode' ], items: [ 'Source' ] },
+        { name: 'editing', groups: [ 'find' ], items: [ 'Find', 'Replace' ] },
+        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', '-', 'RemoveFormat' ] },
+        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
+        '/',
+        { name: 'links', items: [ 'Link', 'Unlink' ] },
+        { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
+        { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
+        { name: 'colors', items: [ 'TextColor', 'BGColor' ] }
+    ];
+}

data/app/assets/stylesheets/rademade_admin.sass.erb

@@ -0,0 +1,96 @@
+/*
+ *= require jquery-fileupload/css/jquery.fileupload-ui
+ *= require select2/select2
+ *= require magnific-popup/dist/magnific-popup
+ *= require jquery-ui/themes/base/core
+ *= require jquery-ui/themes/base/slider
+ *= require jquery-ui/themes/base/datepicker
+ *= require uniform/themes/default/css/uniform.default
+ *= require jquery-timepicker/dist/jquery-ui-timepicker-addon
+ */
+
+/******************/
+/** compass main **/
+/******************/
+
+@import compass
+@import compass/reset
+
+
+/******************/
+/**    mixins    **/
+/******************/
+
+@import rademade_admin/mixins/clear
+@import rademade_admin/mixins/fonts
+/*@import rademade_admin/mixins/sprite*/
+@import rademade_admin/mixins/text-overflow
+@import rademade_admin/mixins/user-select
+
+/******************/
+/**   variables  **/
+/******************/
+
+@import rademade_admin/var/colors
+@import rademade_admin/var/width
+
+
+/******************/
+/**   libraries  **/
+/******************/
+
+@import rademade_admin/lib/glyphicon
+@import rademade_admin/lib/uploader
+@import rademade_admin/lib/datepicker
+@import rademade_admin/lib/notifier
+
+/******************/
+/**     base     **/
+/******************/
+
+@import rademade_admin/base/main
+
+
+/******************/
+/**    blocks    **/
+/******************/
+
+@import rademade_admin/blocks/header/logo
+@import rademade_admin/blocks/header/search
+@import rademade_admin/blocks/header/menu
+
+@import rademade_admin/blocks/page/content/main
+@import rademade_admin/blocks/page/headline/main
+@import rademade_admin/blocks/page/menu/main
+
+@import rademade_admin/blocks/buttons/main
+
+@import rademade_admin/blocks/form/input
+@import rademade_admin/blocks/form/label
+@import rademade_admin/blocks/form/select
+@import rademade_admin/blocks/form/select2
+@import rademade_admin/blocks/form/table
+@import rademade_admin/blocks/form/texarea
+
+
+/******************/
+/**    modules   **/
+/******************/
+
+@import rademade_admin/modules/header/main
+
+@import rademade_admin/modules/main-menu/main
+
+@import rademade_admin/modules/page/main
+
+@import rademade_admin/modules/breadcrumbs/main
+
+@import rademade_admin/modules/login/main
+
+@import rademade_admin/modules/form/main
+
+@import rademade_admin/modules/popup/new
+
+@import rademade_admin/modules/errors/error
+
+@import rademade_admin/modules/pagination/main

data/app/assets/stylesheets/rademade_admin/base/main.sass

@@ -0,0 +1,71 @@
+html,
+body
+    height: 100%
+    min-height: 100%
+body
+    font-size: 12px
+    color: #2c4042
+    background: #34495e
+    +arial
+
+a
+    text-decoration: none
+    outline: none
+
+b,
+strong
+    font-weight: 700
+
+.clear
+    clear: both
+    float: none !important
+
+.wrapper
+    min-width: 900px
+    height: 100%
+    overflow-x: hidden
+    background: #34495e
+
+.fix
+    min-width: 900px
+    padding: 0 0 0 15px
+    margin: 0 auto
+
+.fl-l
+    float: left
+
+.fl-r
+    float: right
+
+.hide
+    display: none !important
+
+.ico
+    display: inline-block
+    position: absolute
+
+#overlay
+    display: none
+    position: fixed
+    top: 0
+    left: 0
+    width: 100%
+    height: 100%
+    background-color: rgba(0, 0, 0, 0.7)
+    z-index: 998
+
+input[type="text"],
+input[type="password"],
+input[type="email"]
+    margin: 0
+    outline: 0
+
+input[type="checkbox"]
+    margin: 0
+    padding: 0
+
+textarea
+    margin: 0
+    padding: 0
+    outline: 0
+    resize: none

data/app/assets/stylesheets/rademade_admin/blocks/buttons/main.sass

@@ -0,0 +1,81 @@
+.btn
+    display: inline-block
+    margin: 0
+    padding: 6px 12px
+    font-size: 14px
+    font-weight: 400
+    color: #fff
+    text-align: center
+    cursor: pointer
+    border: 1px solid transparent
+    +border-radius(4px)
+    +user-select
+
+.blue-btn
+    background-color: #428bca
+    border-color: #357ebd
+    &:hover
+        background-color: #3071a9
+        border-color: #285e8e
+
+.green-btn
+    background-color: #5cb85c
+    border-color: #4cae4c
+    &:hover
+        background-color: #449d44
+        border-color: #398439
+
+.l-blue-btn
+    background-color: #5bc0de
+    border-color: #46b8da
+    &:hover
+        background-color: #31b0d5
+        border-color: #269abc
+
+.yellow-btn
+    background-color: #f0ad4e
+    border-color: #eea236
+    &:hover
+        background-color: #ec971f
+        border-color: #d58512
+
+.red-btn
+    background-color: #c9302c
+    border-color: #ac2925
+    &:hover
+        background-color: #c9302c
+        border-color: #ac2925
+
+.r-margin
+    margin-right: 20px
+
+.btn-sep
+    margin: 0 10px
+    font-size: 12px
+    line-height: 34px
+
+.cancel-btn
+    line-height: 34px
+    font-size: 14px
+    color: #46b8da
+    border-bottom: 1px solid transparentize(#46b8da, 0.6)
+    &:hover
+        border-bottom: 1px solid transparent
+
+.related-link
+    line-height: 30px
+    font-size: 14px
+    color: #46b8da
+    border-bottom: 1px solid transparentize(#46b8da, 0.6)
+    &:hover
+        border-bottom: 1px solid transparent
+
+.login-btn
+    padding: 9px 12px
+    width: 100%
+    font-size: 18px
+
+.select-btn
+    padding: 4px 12px
+
+.uploader-input-file

data/app/assets/stylesheets/rademade_admin/blocks/form/input.sass

@@ -0,0 +1,29 @@
+.form-box
+    .input-holder
+        float: left
+        input[type="checkbox"]
+            margin-top: 7px
+            width: 20px
+            height: 20px
+
+        input[type="text"],
+        input[type="email"],
+        input[type="password"],
+        input[type="tel"]
+            display: block
+            width: 100%
+            height: 34px
+            padding: 6px 12px
+            font-size: 14px
+            color: #555
+            background-color: #fff
+            background-image: none
+            border: 1px solid #ccc
+            +box-sizing(border-box)
+            +border-radius(4px)
+            +box-shadow(inset 0 1px 1px rgba(0,0,0,.075))
+            +transition(border-color ease-in-out .15s,box-shadow ease-in-out .15s)
+            &:focus
+                border-color: #66afe9
+                outline: 0
+                +box-shadow(inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6))