hancock_cms 1.0.0

data/app/assets/javascripts/jquery.placeholder.js

@@ -0,0 +1,157 @@
+/*! http://mths.be/placeholder v2.0.7 by @mathias */
+;(function(window, document, $) {
+
+    var isInputSupported = 'placeholder' in document.createElement('input'),
+        isTextareaSupported = 'placeholder' in document.createElement('textarea'),
+        prototype = $.fn,
+        valHooks = $.valHooks,
+        hooks,
+        placeholder;
+
+    if (isInputSupported && isTextareaSupported) {
+
+        placeholder = prototype.placeholder = function() {
+            return this;
+        };
+
+        placeholder.input = placeholder.textarea = true;
+
+    } else {
+
+        placeholder = prototype.placeholder = function() {
+            var $this = this;
+            $this
+                .filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]')
+                .not('.placeholder')
+                .bind({
+                    'focus.placeholder': clearPlaceholder,
+                    'blur.placeholder': setPlaceholder
+                })
+                .data('placeholder-enabled', true)
+                .trigger('blur.placeholder');
+            return $this;
+        };
+
+        placeholder.input = isInputSupported;
+        placeholder.textarea = isTextareaSupported;
+
+        hooks = {
+            'get': function(element) {
+                var $element = $(element);
+                return $element.data('placeholder-enabled') && $element.hasClass('placeholder') ? '' : element.value;
+            },
+            'set': function(element, value) {
+                var $element = $(element);
+                if (!$element.data('placeholder-enabled')) {
+                    return element.value = value;
+                }
+                if (value == '') {
+                    element.value = value;
+                    // Issue #56: Setting the placeholder causes problems if the element continues to have focus.
+                    if (element != document.activeElement) {
+                        // We can't use `triggerHandler` here because of dummy text/password inputs :(
+                        setPlaceholder.call(element);
+                    }
+                } else if ($element.hasClass('placeholder')) {
+                    clearPlaceholder.call(element, true, value) || (element.value = value);
+                } else {
+                    element.value = value;
+                }
+                // `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363
+                return $element;
+            }
+        };
+
+        isInputSupported || (valHooks.input = hooks);
+        isTextareaSupported || (valHooks.textarea = hooks);
+
+        $(function() {
+            // Look for forms
+            $(document).delegate('form', 'submit.placeholder', function() {
+                // Clear the placeholder values so they don't get submitted
+                var $inputs = $('.placeholder', this).each(clearPlaceholder);
+                setTimeout(function() {
+                    $inputs.each(setPlaceholder);
+                }, 10);
+            });
+        });
+
+        // Clear placeholder values upon page reload
+        $(window).bind('beforeunload.placeholder', function() {
+            $('.placeholder').each(function() {
+                this.value = '';
+            });
+        });
+
+    }
+
+    function args(elem) {
+        // Return an object of element attributes
+        var newAttrs = {},
+            rinlinejQuery = /^jQuery\d+$/;
+        $.each(elem.attributes, function(i, attr) {
+            if (attr.specified && !rinlinejQuery.test(attr.name)) {
+                newAttrs[attr.name] = attr.value;
+            }
+        });
+        return newAttrs;
+    }
+
+    function clearPlaceholder(event, value) {
+        var input = this,
+            $input = $(input);
+        if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) {
+            if ($input.data('placeholder-password')) {
+                $input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id'));
+                // If `clearPlaceholder` was called from `$.valHooks.input.set`
+                if (event === true) {
+                    return $input[0].value = value;
+                }
+                $input.focus();
+            } else {
+                input.value = '';
+                $input.removeClass('placeholder');
+                input == document.activeElement && input.select();
+            }
+        }
+    }
+
+    function setPlaceholder() {
+        var $replacement,
+            input = this,
+            $input = $(input),
+            $origInput = $input,
+            id = this.id;
+        if (input.value == '') {
+            if (input.type == 'password') {
+                if (!$input.data('placeholder-textinput')) {
+                    try {
+                        $replacement = $input.clone().attr({ 'type': 'text' });
+                    } catch(e) {
+                        $replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' }));
+                    }
+                    $replacement
+                        .removeAttr('name')
+                        .data({
+                            'placeholder-password': true,
+                            'placeholder-id': id
+                        })
+                        .bind('focus.placeholder', clearPlaceholder);
+                    $input
+                        .data({
+                            'placeholder-textinput': $replacement,
+                            'placeholder-id': id
+                        })
+                        .before($replacement);
+                }
+                $input = $input.removeAttr('id').hide().prev().attr('id', id).show();
+                // Note: `$input[0] != input` now!
+            }
+            $input.addClass('placeholder');
+            $input[0].value = $input.attr('placeholder');
+        } else {
+            $input.removeClass('placeholder');
+        }
+    }
+
+}(this, document, jQuery));

data/app/assets/javascripts/rails_admin/custom/ui.coffee

@@ -0,0 +1,2 @@
+#= require hancock/rails_admin/cms.ui
+#= require hancock/rails_admin/custom/ui

data/app/assets/stylesheets/hancock/cms.sass

@@ -0,0 +1,9 @@
+@import hancock/cms/flash
+@import hancock/cms/normalize
+@import hancock/cms/powered
+@import hancock/cms/devise
+@import hancock/cms/mixins
+
+html
+  -moz-font-smoothing: antialiased
+  -webkit-font-smoothing: antialiased

data/app/assets/stylesheets/hancock/cms/devise.sass

@@ -0,0 +1,157 @@
+#content.devise
+  background: #333C44 image-url("devices/login-bg.jpg") no-repeat center center / cover !important
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  overflow: auto
+  white-space: nowrap
+  text-align: center
+
+  &:before
+    height: 100%
+    display: inline-block
+    vertical-align: middle
+    content: ''
+
+.devise-box
+  display: inline-block
+  white-space: normal
+  vertical-align: middle
+  text-align: left
+  background: #fff
+  webkit-box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)
+  -moz-box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)
+  box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)
+  min-width: 400px
+
+  .white-box
+    background: #ffffff
+    padding: 25px
+    margin-bottom: 15px
+
+    form
+      #error_explanation
+        margin-bottom: 25px
+        h2
+          font-size: 16px
+          color: #EF5350
+        ul
+          font-size: 14px
+          padding-left: 25px
+          color: #EF5350
+
+      h2.title
+        height: 40px
+        color: #333C44
+        width: 100%
+        font-size: 18px
+
+      .form-group
+        display: block
+        margin: 10px 0px
+        &::before
+          display: table
+          content: " "
+        &::after
+          clear: both
+          display: table
+          content: " "
+
+        .form-control
+          background-image: linear-gradient(#9675ce, #9675ce), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13))
+          border: 0 none
+          border-radius: 0
+          box-shadow: none
+          background-color: rgba(0, 0, 0, 0)
+          background-position: center bottom, center calc(99%)
+          background-repeat: no-repeat
+          background-size: 0 2px, 100% 1px
+          background-color: #ffffff
+          box-shadow: none
+          color: #565656
+          height: 38px
+          width: 100%
+          padding: 7px 12px
+          transition: all 300ms linear 0s
+          display: block
+          font-size: 14px
+          line-height: 1.42857143
+          -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
+          -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
+          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
+          input
+            width: 100%
+            height: 100%
+
+        .link-to-recover
+          float: right
+          padding-right: 10px
+          a
+            -webkit-transition: color ease-in-out .15s
+            -o-transition: color ease-in-out .15s
+            transition: color ease-in-out .15s
+            color: #333C44
+            &:hover
+              color: #EF5350
+
+        .link-to-recover.center
+          float: none
+          margin: 0 auto
+          text-align: center
+
+        .checkbox-primary
+          min-height: 27px
+          padding-left: 10px
+          float: left
+          position: relative
+          display: block
+          input
+            cursor: pointer
+            opacity: 1
+            z-index: 1
+            outline: none !important
+            line-height: normal
+          label
+            display: inline-block
+            padding-left: 5px
+            position: relative
+            min-height: 20px
+            margin-bottom: 0
+            font-weight: 400
+            cursor: pointer
+            max-width: 100%
+            color: #333C44
+            -webkit-transition: color ease-in-out .15s
+            -o-transition: color ease-in-out .15s
+            transition: color ease-in-out .15s
+          &:hover
+            label
+              color: #EF5350
+
+      .actions
+        input
+          position: relative
+          cursor: pointer
+          display: inline-block
+          overflow: hidden
+          background: #EF5350
+          border: 1px solid #EF5350
+          color: #fff
+          text-transform: uppercase
+          text-align: center
+          width: 100%
+          padding: 10px 16px
+          font-size: 18px
+          line-height: 1.3333333
+          -webkit-transition: all ease-in-out .15s
+          -o-transition: all ease-in-out .15s
+          transition: all ease-in-out .15s
+          &:hover
+            background: rgba(#ee5350, 0.8)
+            border: 1px solid rgba(#ee5350, 0.8)
+
+
+      .form-group.links
+        margin-top: 25px

data/app/assets/stylesheets/hancock/cms/flash.sass

@@ -0,0 +1,69 @@
+.flash
+  margin: 0 auto
+  padding: 10px 0
+  width: 530px
+  z-index: 99999
+  position: absolute
+  left: 50%
+  margin-left: -265px
+  &.recaptcha_error
+    display: none
+
+  .message
+    border-radius: 3px
+    behavior: url('/PIE.htc')
+    text-align: center
+    margin: 0 auto 15px
+    color: white
+    font-family: Tahoma
+    font-size: 17px
+    position: relative
+    a.close_flash
+      cursor: pointer
+      position: absolute
+      top: 1px
+      right: 2px
+      font-weight: bold
+      text-shadow: none
+      text-decoration: none
+      font-family: Arial
+      &:hover
+        opacity: 0.8
+
+    p
+      margin: 5px 10px 7px
+      color: white
+      font-size: 17px
+      line-height: 1.2
+
+  .success
+    border: 1px solid #009357
+    background: #02bb6f
+    +background(linear-gradient(top, #02bb6f, #019f4b))
+    text-shadow: 0px 1px #006d1c
+    a.close_flash
+      color: #004b2c
+
+  .notice
+    border: 1px solid #69b3d1
+    background: #79cdee
+    +background(linear-gradient(top, #79cdee, #56b6e5))
+    text-shadow: 0px 1px #248cd1
+    a.close_flash
+      color: #2f5f72
+
+  .warning
+    border: 1px solid #ce8f4b
+    background: #fbae5c
+    +background(linear-gradient(top, #fbae5c, #f9903b))
+    text-shadow: 0px 1px #f57024
+    a.close_flash
+      color: #865623
+
+  .error, .alert
+    border: 1px solid #ce4549
+    background: #f0565b
+    +background(linear-gradient(top, #f0565b, #e83639))
+    text-shadow: 0px 1px #d71012
+    a.close_flash
+      color: #782124

data/app/assets/stylesheets/hancock/cms/mixins.sass

@@ -0,0 +1,98 @@
+=transition($transition...)
+  -moz-transition:    $transition
+  -o-transition:      $transition
+  -webkit-transition: $transition
+  transition:         $transition
+
+=transition-property($property...)
+  -moz-transition-property:    $property
+  -o-transition-property:      $property
+  -webkit-transition-property: $property
+  transition-property:         $property
+
+=transition-duration($duration...)
+  -moz-transition-property:    $duration
+  -o-transition-property:      $duration
+  -webkit-transition-property: $duration
+  transition-property:         $duration
+
+=transition-timing-function($timing...)
+  -moz-transition-timing-function:    $timing
+  -o-transition-timing-function:      $timing
+  -webkit-transition-timing-function: $timing
+  transition-timing-function:         $timing
+
+=transition-delay($delay...)
+  -moz-transition-delay:    $delay
+  -o-transition-delay:      $delay
+  -webkit-transition-delay: $delay
+  transition-delay:         $delay
+
+=box-shadow($shadow...)
+  -webkit-box-shadow: $shadow
+  box-shadow: $shadow
+  -moz-box-shadow: $shadow
+  -o-box-shadow: $shadow
+
+=border-radius($radius)
+  -webkit-border-radius: $radius
+  -moz-border-radius:    $radius
+  -ms-border-radius:     $radius
+  border-radius:         $radius
+
+=display-flex()
+  display: -webkit-box
+  display: -moz-box
+  display: -ms-flexbox
+  display: -webkit-flex
+  display: flex
+
+=flex-wrap($value)
+  -webkit-flex-wrap: $value
+  flex-wrap: $value
+
+=flex-grow($value)
+  -webkit-flex-grow: $value
+  flex-grow: $value
+
+=flex-shrink($value)
+  -webkit-flex-shrink: $value
+  flex-shrink: $value
+
+=flex-basis($value)
+  -webkit-flex-basis: $value
+  flex-basis: $value
+
+=flex($value)
+  -webkit-flex: $value
+  flex: $value
+
+=justify-content($value)
+  -webkit-justify-content: $value
+  justify-content: $value
+
+=align-items($value)
+  -webkit-align-content: $value
+  align-content: $value
+
+=display-flex-center()
+  display: -webkit-box
+  display: -moz-box
+  display: -ms-flexbox
+  display: -webkit-flex
+  display: flex
+  -webkit-box-pack: center
+  -ms-flex-pack: center
+  -webkit-justify-content: center
+  justify-content: center
+  -webkit-box-align: center
+  -ms-flex-align: center
+  -webkit-align-items: center
+  align-items: center
+
+=transform($transforms)
+  -moz-transform: $transforms
+  -o-transform: $transforms
+  -ms-transform: $transforms
+  -webkit-transform: $transforms
+  transform: $transforms