aerogel-admin 1.4.4

data/assets/fonts/aerogel-icons.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="aerogel-icons" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xe001;" d="M19 475.5h474q5.5 0 9.5-4t4-9.5v-474q0-5.5-4-9.5t-9.5-4h-474q-5.5 0-9.5 4t-4 9.5v474q0 5.5 4 9.5t9.5 4zM256 232l228.5 228.5h-457zM491.5-4v457.5l-228.5-228.5zM20.5 453.5v-457l228.5 228.5zM27.5-10.5h456.5l-228 228.5z" />
+</font></defs></svg>

data/assets/javascripts/controllers/admin-modal.js.coffee

@@ -0,0 +1,7 @@
+#= require utils/form-data-async
+#= require_tree ./admin-modal
+
+$ ->
+    # console?.log "/admin/admin-modal enabling async forms: data-target: .modal-content"
+    form_data_async_enable $(".modal-content FORM"), ".modal-content"
+    console?.log "** admin/modal loaded"

data/assets/javascripts/controllers/admin-modal/admin-modal-form-buttons.js.coffee

@@ -0,0 +1,56 @@
+#
+# Move 'submit' and 'cancel' buttons from Bootstrap modal's body to footer
+#
+
+admin_modal_replace_buttons = (el, target) ->
+    # console?.log "Moving buttons around: #{$(el).size()}"
+    $(el).each ->
+        button = $(this)
+        form = button.closest "form"
+        target = form.closest('.modal-content').find target
+        if button.attr('type') == 'submit'
+            admin_modal_replace_submit_button button, form, target
+        if button.attr('type') == 'cancel'
+            admin_modal_replace_cancel_button button, form, target
+        if button.attr('type') == 'select'
+            admin_modal_replace_other_button button, form, target
+
+
+# Process 'submit' button
+#
+admin_modal_replace_submit_button = (button, form, target) ->
+    button.click ->
+        form.submit()
+    button.appendTo target
+    enable_form_submit_on_enter form
+
+# Process 'cancel' button
+#
+admin_modal_replace_cancel_button = (button, form, target) ->
+    button.attr 'data-dismiss', 'modal'
+    button.appendTo target
+
+# Process 'cancel' button
+#
+admin_modal_replace_other_button = (button, form, target) ->
+    # button.attr 'data-dismiss', 'modal'
+    button.appendTo target
+
+
+
+enable_form_submit_on_enter = (form) ->
+    unless form.attr 'form-submit-on-enter-enabled'
+        form.keypress (e) ->
+            if e.keyCode == 13 && ( e.target.type != 'textarea' )
+                e.preventDefault()
+                $(this).submit()
+        form.attr 'form-submit-on-enter-enabled', true
+        # console?.log "Enabled form keypress"
+
+
+$ ->
+    admin_modal_replace_buttons(
+        ".modal-body .btn[type=submit], .modal-body .btn[type=cancel], .modal-body .btn[type=select]",
+        ".modal-footer"
+    )
+

data/assets/javascripts/controllers/admin.js.coffee

@@ -0,0 +1,13 @@
+#= require bootstrap
+#= require utils/bootstrap-modal-reload
+#= require utils/ajax-watcher
+#= require utils/ajax-spinner
+#= require utils/on-future-elements
+#= require utils/i18n
+#= require spin
+#= require selectize
+
+
+#= require_tree ./admin
+
+console?.log "** admin/ loaded"

data/assets/javascripts/controllers/admin/selectize-inputs.js.coffee

@@ -0,0 +1,7 @@
+$ ->
+#    console?.log "** selectize-inputs: initialized"
+
+on_future_elements 'select.selectize:not(.selectize-applied)', (e) ->
+    console?.log "** selectize-inputs: element observed:", $(e).get(0).tagName
+    $(e).addClass('selectize-applied')
+    $(e).selectize();

data/assets/javascripts/controllers/admin/top-menu-shadow.js.coffee

@@ -0,0 +1,9 @@
+
+$ ->
+    $(window).scroll ->
+        y = $(window).scrollTop()
+        if y > 0
+            $("#top-menu").addClass "has-shadow"
+        else
+            $("#top-menu").removeClass "has-shadow"
+#    console?.log "admin/top-menu-shadow loaded"

data/assets/javascripts/utils/ajax-spinner.js.coffee

@@ -0,0 +1,26 @@
+ajax_spinner = null
+
+ajax_spinner_opts =
+    lines: 13   # The number of lines to draw
+    length: 7   # The length of each line
+    width: 3    # The line thickness
+    radius: 10  # The radius of the inner circle
+    corners: 1  # Corner roundness (0..1)
+    rotate: 0   # The rotation offset
+    direction: 1    # 1: clockwise, -1: counterclockwise
+    color: '#fff'   # #rgb or #rrggbb or array of colors
+    speed: 1    # Rounds per second
+    trail: 60   # Afterglow percentage
+    shadow: false   # Whether to render a shadow
+    hwaccel: false  # Whether to use hardware acceleration
+
+# Shows ajax spinner in a +target+ element specified by selector.
+#
+( exports ? this ).ajax_spinner_show = (target) ->
+    target = $(target).get( 0 )
+    ajax_spinner = new Spinner( ajax_spinner_opts ).spin target
+
+# Hides current ajax spinner.
+#
+( exports ? this ).ajax_spinner_hide = ->
+    ajax_spinner.stop()

data/assets/javascripts/utils/ajax-watcher.js.coffee

@@ -0,0 +1,18 @@
+
+show_global_ajax_indicator = ->
+    $("#ajax-indicator").show()
+    ajax_spinner_show "#ajax-indicator .ajax-indicator-inner"
+
+hide_global_ajax_indicator = ->
+    ajax_spinner_hide()
+    $("#ajax-indicator").hide()
+
+
+$ ->
+    $(document).bind "ajaxStart", ->
+        console?.log "** ajax-watcher: start"
+        show_global_ajax_indicator()
+    $(document).bind "ajaxStop", ->
+        console?.log "** ajax-watcher: stop"
+        hide_global_ajax_indicator()
+    # console?.log "** ajax-watcher: initialized"

data/assets/javascripts/utils/bootstrap-modal-reload.js.coffee

@@ -0,0 +1,8 @@
+# Forces to reload Bootstrap modal on each access.
+# Otherwise the modal contains the same content after it is invoked once.
+#
+$ ->
+    $(document).on 'hidden.bs.modal', (e) ->
+        # console?.log "bootstrap modal hidden:", e.target
+        $(e.target).removeData 'bs.modal'
+        $(e.target).find(".modal-content").empty()

data/assets/javascripts/utils/form-data-async.js.coffee

@@ -0,0 +1,27 @@
+# Redefines submit behaviour for forms specified by +el+ selector.
+#
+# On submit handler composes and sends AJAX request, renders result
+# in an element specified by form's +target+ attribute.
+#
+( exports ? this ).form_data_async_enable = (el, target) ->
+    $(el).on 'submit', (event)->
+        form = $(this)
+        $.ajax
+            type: form.attr 'method'
+            url: form.attr 'action'
+            data: form.serialize()
+            error: (x, e, status ) ->
+                console?.log "form-data-async submit error: #{e}, status: #{status}"
+            success: (data, status, xhr) ->
+                content_type = xhr.getResponseHeader 'content-type'
+                if /^text\/html/.test content_type
+                    $(target).empty()
+                    $(target).html data
+                else
+                    console?.log "form-data-async ignoring content: #{content_type}"
+
+        event.preventDefault()
+    console?.log "form-data-async enabled for #{el}, target:#{target}"
+
+$ ->
+    console?.log "form-data-async loaded"

data/assets/javascripts/utils/i18n.js.coffee

@@ -0,0 +1,27 @@
+#
+log = (msg) ->
+    console?.log "** admin/i18n: #{msg}"
+
+
+class I18nProcessor
+    # @default_locale: 'en'
+
+    constructor: ( @default_locale = 'en', @options = {} ) ->
+        # ...
+        log "locale processor initialized: #{@default_locale}"
+        @set @default_locale
+
+    # Sets new locale
+    #
+    set: (locale) ->
+        @current_locale = locale
+        log "locale set to: #{locale}"
+
+    # Returns current locale
+    #
+    locale: ->
+        @current_locale
+
+@I18n = new I18nProcessor
+
+

data/assets/javascripts/utils/on-future-elements.js.coffee

@@ -0,0 +1,15 @@
+# Applies +func+ to elements selected by +el+ on _each_ DOM insertion.
+#
+# Example:
+#   on_future_elements "select.selectize:not(.selectize-applied)", (e) ->
+#       $(e).selectize()
+#       $(e).addClass "selectize-applied"
+#
+( exports ? this ).on_future_elements = (el, func) ->
+    $(document).on 'DOMNodeInserted', (e) ->
+        $(el).each ->
+            func( this )
+
+
+#$(document).on 'DOMNodeInserted', 'input', (e) ->
+#    console?.log "** select2ify: element loaded"

data/assets/stylesheets/admin/bootstrap-settings.css.scss

@@ -0,0 +1,33 @@
+
+// This is the place for customizing your bootstrap installation
+//
+
+$component-active-bg: $item-selected-bg;
+$component-active-fg: $item-selected-fg;
+
+// modals
+$modal-title-padding: 7px;
+$modal-inner-padding: 7px;
+$modal-backdrop-bg: rgba(0,0,0,0.3); // #fff;
+// $modal-header-bg: #eee;
+$modal-footer-bg: #eee;
+$modal-header-border-color: transparent;
+$modal-footer-border-color: #ccc;
+$modal-content-border-color: #888;
+$modal-vertical-pos: 30%;
+$modal-radius: 6px;
+
+// navbar settings
+$navbar-height: $header-height;
+$navbar-inverse-bg: $top-menu-bg;
+$navbar-inverse-link-color: $top-menu-fg;
+
+
+// base colors:
+$brand-danger: $item-with-error-fg;
+
+// inputs
+$input-color-placeholder: #ddd;
+$input-border-focus: $input-border-focus-color;
+// $input-border-radius:
+$input-border: $input-border-color;

data/assets/stylesheets/admin/global.css.scss

@@ -0,0 +1,61 @@
+/*
+ * Global styles
+ */
+$body-bg: white;
+$text-color: black;
+$text-disabled-color: #d8d8d8;
+$text-secondary-color: #d8d8d8;
+$link-color: #9ac2e7;
+$link-hover-color: darken($link-color, 15%);
+$link-js-color: #d8d8d8;
+$link-js-hover-color: darken($link-js-color, 30%);
+
+$item-selected-bg: #428bca;
+$item-selected-fg: white;
+$item-hover-bg: #f5f5f5;
+$item-hover-fg: inherit;
+$item-disabled-fg: #afafaf;
+$item-disabled-bg: inherit;
+$item-nodata-fg: #d8d8d8;
+$item-nodata-bg: inherit;
+$item-with-error-fg: #a94442;
+$item-with-error-bg: inherit;
+
+/*
+ * Inputs styling
+ */
+ $input-placeholder-fg: #ddd;
+ $input-border-focus-color: #66afe9;
+ $input-border-radius: 3px;
+ $input-border-color: #d8d8d8;
+
+/*
+ * Grid layout main column width
+ */
+$layout-width: 800px;
+
+
+/*
+ * Header settings
+ */
+$header-height: 40px;
+$top-menu-bg: #4a484c;
+$top-menu-fg: #e4e4e4;
+
+/*
+ * Footer settings
+ */
+$footer-bg: #4a484c;
+$footer-fg: #848484;
+$footer-link-color: #9ac2e7;
+$footer-height: 50px;
+
+
+// Smart Tree Table settings
+$stt-selected-bg: $item-selected-bg;
+$stt-selected-fg: $item-selected-fg;
+$stt-hover-bg: $item-hover-bg;
+$stt-hover-fg: $item-hover-fg;
+$stt-drag-over-bg: $item-hover-bg;
+$stt-drag-over-fg: $item-hover-fg;
+

data/assets/stylesheets/admin/styles/ajax-indicator.css.scss

@@ -0,0 +1,26 @@
+#ajax-indicator {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 2000;
+    // width: 50%;
+    // height: 50%;
+
+    .ajax-indicator-inner {
+        // font-size: 36px;
+        height: 72px;
+        width: 72px;
+        background: #111;
+        opacity: 0.7;
+        color: white;
+        text-align: center;
+        border-radius: 5px 5px 5px 5px;
+        @extend .center-absolutely;
+        // top: 50%;
+
+    }
+}
+

data/assets/stylesheets/admin/styles/bootstrap-modal.css.scss

@@ -0,0 +1,24 @@
+$modal-header-bg: transparent !default;
+$modal-footer-bg: transparent !default;
+
+
+div.modal-header {
+    background-color: $modal-header-bg;
+    border-radius: $modal-radius $modal-radius 0 0;
+}
+div.modal-footer {
+    background-color: $modal-footer-bg;
+    border-radius: 0 0 $modal-radius $modal-radius;
+    margin-top: 0;
+}
+
+$modal-vertical-pos: 50% !default;
+.modal-dialog {
+//    margin-top:$modal-vertical-pos;
+}
+.modal-content {
+//    margin-top:-$modal-vertical-pos;
+
+    // FIXME get rid of border around empty modal during loading of remote content
+    border: none;
+}

data/assets/stylesheets/admin/styles/language-selector.css.scss

@@ -0,0 +1,5 @@
+.language-selector {
+    .dropdown-menu {
+        min-width: 0px !important;
+    }
+}

data/assets/stylesheets/admin/styles/page-header.css.scss

@@ -0,0 +1,7 @@
+.page-header {
+    margin: 0 0 10px;
+    padding-bottom: 0;
+    h1 {
+        margin: 10px 0 10px;
+    }
+}

data/assets/stylesheets/admin/styles/sticky-footer-navbar.css.scss

@@ -0,0 +1,34 @@
+/* Sticky footer styles
+-------------------------------------------------- */
+html,
+body {min-height:100%; padding:0; margin:0;}
+body {
+  padding: $header-height 0 $footer-height 0;
+  position:absolute;
+  top:0; bottom:0; left:0; right:0;
+}
+
+#page-content {
+  min-height:100%;
+  padding: $padding-large-vertical 15px $padding-large-vertical;
+}
+
+
+#footer {
+  margin-bottom: -$footer-height;
+  height: $footer-height;
+  width: 100%;
+  color: $footer-fg;
+  background-color: $footer-bg;
+
+  #footer-contents {
+    padding-right: 15px;
+    padding-left: 15px;
+    vertical-align: middle;
+    line-height: $footer-height;
+    A {
+      color: $footer-link-color;
+    }
+  }
+}
+