archangel 0.0.2

data/app/services/archangel/render_service.rb

@@ -0,0 +1,98 @@
+# frozen_string_literal: true
+
+module Archangel
+  ##
+  # Liquid render service
+  #
+  class RenderService
+    ##
+    # Variable assignments
+    #
+    attr_reader :assigns
+
+    ##
+    # Local filters
+    #
+    attr_reader :local_filters
+
+    ##
+    # Local registers
+    #
+    attr_reader :local_registers
+
+    ##
+    # Template to Liquidize
+    #
+    attr_reader :template
+
+    ##
+    # Liquid renderer
+    #
+    # @param template [String] the Liquid template
+    # @param assigns [Object] the variable assignments
+    # @param options [Object] the Liquid options
+    #
+    def initialize(template, assigns = {}, options = {})
+      @template = template
+      @assigns = assigns
+      @local_filters = options.fetch(:filters, [])
+      @local_registers = options.fetch(:registers, {})
+    end
+
+    ##
+    # Render the Liquid content
+    #
+    # @param template [String] the content
+    # @param assigns [Hash] the local variables
+    # @param options [Hash] the options
+    # @return [String] the rendered content
+    #
+    def self.call(template, assigns = {}, options = {})
+      new(template, assigns, options).call
+    end
+
+    ##
+    # Render the Liquid content
+    #
+    # @return [String] the rendered content
+    #
+    def call
+      liquid = ::Liquid::Template.parse(template)
+      liquid.send(liquid_renderer,
+                  stringify_assigns,
+                  liquid_options).html_safe
+    end
+
+    protected
+
+    def liquid_renderer
+      %w[development test].include?(Rails.env) ? :render! : :render
+    end
+
+    def stringify_assigns
+      assigns.deep_stringify_keys
+    end
+
+    def liquid_options
+      {
+        filters: local_filters,
+        registers: local_registers,
+        error_mode: error_mode,
+        strict_variables: strict_variables,
+        strict_filters: strict_filters
+      }
+    end
+
+    def error_mode
+      :lax
+    end
+
+    def strict_variables
+      false
+    end
+
+    def strict_filters
+      false
+    end
+  end
+end

data/app/services/archangel/template_render_service.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module Archangel
+  ##
+  # Template Liquid render service
+  #
+  class TemplateRenderService < RenderService
+    ##
+    # Render the Liquid content for template
+    #
+    # @return [String] the rendered content for template
+    #
+    def call
+      template_content = build_template(template)
+
+      liquid = ::Liquid::Template.parse(template_content)
+      liquid.send(liquid_renderer,
+                  stringify_assigns,
+                  liquid_options).html_safe
+    end
+
+    protected
+
+    def build_template(template)
+      template_content = current_template_content(template)
+
+      unless /\{\{\s*content_for_layout\s*\}\}/.match?(template_content)
+        template_content += "{{ content_for_layout }}"
+      end
+
+      template_content
+    end
+
+    def current_template_content(template)
+      return "{{ content_for_layout }}" if template.blank?
+
+      template.content
+    end
+  end
+end

data/app/themes/default/assets/javascripts/default/auth.js

@@ -0,0 +1,18 @@
+//  Default Archangel auth theme
+//= require_self
+//
+//  Third-party assets
+//= require jquery2
+//= require bootstrap
+//= require jquery_ujs
+//
+//  Archangel helper scripts
+//= require "archangel/object"
+//= require "archangel/object/routes"
+//= require "archangel/object/routes/auth"
+//
+//  Third-party Archangel assets (from the vendor directory)
+//= require archangel/auth
+//
+//  Theme assets
+//= require_tree ./auth

data/app/themes/default/assets/javascripts/default/backend/core.js

@@ -0,0 +1,7 @@
+(function () {
+  'use strict';
+
+  document.addEventListener('DOMContentLoaded', function() {
+    // Nothing
+  });
+}());

data/app/themes/default/assets/javascripts/default/backend.js

@@ -0,0 +1,50 @@
+//  Default Archangel backend theme
+//= require_self
+//
+//  Third-party assets (from gems)
+//= require jquery3
+//= require rails-ujs
+//= require popper
+//= require bootstrap
+// require moment
+// require bootstrap-datetimepicker
+//= require selectize
+//= require cocoon
+//
+//  Third-party assets (from vendor)
+//= require sortable/sortable
+//= require trumbowyg/trumbowyg
+//= require trumbowyg/plugins/allowtagsfrompaste/trumbowyg.allowtagsfrompaste
+//= require trumbowyg/plugins/base64/trumbowyg.base64
+//= require trumbowyg/plugins/cleanpaste/trumbowyg.cleanpaste
+//= require trumbowyg/plugins/colors/trumbowyg.colors
+//= require trumbowyg/plugins/noembed/trumbowyg.noembed
+//= require trumbowyg/plugins/upload/trumbowyg.upload
+//
+//  Archangel helper scripts
+//= require "archangel/object"
+//= require "archangel/object/flash"
+//= require "archangel/object/routes"
+//= require "archangel/object/routes/backend"
+//= require "archangel/object/translate"
+// require "archangel/object/translate/datetime_picker"
+//= require "archangel/object/translate/sortable"
+//= require "archangel/object/url"
+// require "archangel/input/datetime_picker"
+//= require "archangel/input/meta_keywords"
+//= require "archangel/input/wysiwyg"
+//= require "archangel/input/parent/collection"
+//= require "archangel/input/parent/field"
+//= require "archangel/input/parent/page"
+//= require "archangel/sortable"
+//
+//  Third-party Archangel assets (from the vendor directory)
+//= require archangel/backend
+//
+//  Theme assets
+//= require default/common/cards
+//= require default/common/flash
+//= require default/common/navigation
+//= require default/common/sidebar
+//
+//= require default/backend/core

data/app/themes/default/assets/javascripts/default/common/cards.js

@@ -0,0 +1,28 @@
+(function () {
+  'use strict';
+
+  jQuery(function() {
+
+    $('.card-actions').on('click', 'a, button', function(evt) {
+      evt.preventDefault();
+
+      if ($(this).hasClass('btn-close')) {
+        $(this).parent().parent().parent().fadeOut();
+      }
+
+      else if ($(this).hasClass('btn-minimize')) {
+        var panelIconOpened = 'icon-arrow-up',
+            panelIconClosed = 'icon-arrow-down';
+
+        if ($(this).hasClass('collapsed')) {
+          $('i', $(this)).removeClass(panelIconOpened).addClass(panelIconClosed);
+        }
+
+        else {
+          $('i', $(this)).removeClass(panelIconClosed).addClass(panelIconOpened);
+        }
+      }
+    });
+
+  });
+}());

data/app/themes/default/assets/javascripts/default/common/flash.js

@@ -0,0 +1,48 @@
+(function () {
+  'use strict';
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var messagesContainer = document.querySelector('#alert-messages'),
+        alertItems = messagesContainer.querySelectorAll('.alert'),
+        alertItemCount = alertItems.length;
+
+    function setOpacity(element, opacity, filterOpacity) {
+      element.style.opacity = opacity;
+      element.style.filter = 'alpha(opacity = ' + filterOpacity + ')';
+    }
+
+    function fadeOutFlash(element, startLevel, endLevel, duration, callback) {
+      var fadeInternal,
+          level = startLevel;
+
+      fadeInternal = setInterval(function() {
+        if (level <= endLevel) {
+          setOpacity(element, endLevel, endLevel);
+
+          clearInterval(fadeInternal);
+
+          if (typeof callback == 'function') callback(true);
+        }
+
+        else {
+          level -= 0.1;
+
+          setOpacity(element, level, (level * 100));
+        }
+      }, duration);
+    }
+
+    ////
+    // Fade flash messages out
+    //
+    for (var i = 0; i < alertItemCount; i += 1) {
+      var item = alertItems[i];
+
+      setTimeout(function() {
+        fadeOutFlash(item, 1, 0, 50, function() {
+          item.parentNode.removeChild(item);
+        });
+      }, 3000);
+    }
+  });
+}());

data/app/themes/default/assets/javascripts/default/common/navigation.js

@@ -0,0 +1,30 @@
+(function () {
+  'use strict';
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var sidebarItemLinks = document.querySelectorAll('nav > ul.nav a'),
+        sidebarItemLinkCount = sidebarItemLinks.length,
+        currentUrl = String(window.location).split('?')[0];
+
+    for (var i = 0; i < sidebarItemLinkCount; i += 1) {
+      var item = sidebarItemLinks[i],
+          parentLists = item.parentNode.querySelectorAll('ul'),
+          parentListLength = parentLists.length;
+
+      if (currentUrl.substr(currentUrl.length - 1) == '#') {
+        currentUrl = currentUrl.slice(0, -1);
+      }
+
+      if (currentUrl.lastIndexOf(item.href, 0) === 0) {
+        item.classList.add('active');
+
+        for (var j = 0; j < parentListLength; j += 1) {
+          var linkItem = parentLists[i];
+
+          linkItem.parentclassList.add('open');
+        }
+      }
+    }
+
+  });
+}());

data/app/themes/default/assets/javascripts/default/common/sidebar.js

@@ -0,0 +1,114 @@
+(function () {
+  'use strict';
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var sidebarDropdownItems = document.querySelectorAll('nav > ul.nav'),
+        sidebarDropdownItemCount = sidebarDropdownItems.length,
+        sidebarToggler = document.querySelector('.sidebar-toggler'),
+        sidebarMinimizer = document.querySelector('.sidebar-minimizer'),
+        brandMinimizer = document.querySelector('.brand-minimizer'),
+        mobileSidebarToggler = document.querySelector('.mobile-sidebar-toggler'),
+        toggleBodyElement = document.querySelector('body'),
+        localStorageMinimizerName = 'sidebar-minimized';
+
+    ////
+    // Resize event
+    //
+    function resizeBroadcast() {
+      var timesRun = 0,
+          interval = setInterval(function() {
+            timesRun += 1;
+
+            if (timesRun === 5) {
+              clearInterval(interval);
+            }
+
+            window.dispatchEvent(new Event('resize'));
+          }, 62.5);
+    }
+
+    ////
+    // Toggle sidebar dropdowns
+    //
+    function toggleSidebarDropdown(event) {
+      var hasToggleClass = event.target.classList.contains('nav-dropdown-toggle'),
+          parentObject = event.target.parentNode;
+
+      if (hasToggleClass) {
+        parentObject.toggleClass('open');
+
+        resizeBroadcast();
+      }
+
+      return false;
+    }
+
+    ////
+    // Toggle initial on/off of brand minimizer
+    //
+    function triggerInitialSidebarCollapse() {
+      if (typeof(Storage) === 'undefined') {
+        return;
+      }
+
+      var localStorageToggled = localStorage.getItem(localStorageMinimizerName);
+
+      if (localStorageToggled === '1') {
+        brandMinimizer.dispatchEvent(new CustomEvent('click'));
+      }
+    }
+
+    ////
+    // Sidebar dropdowns
+    //
+    for (var i = 0; i < sidebarDropdownItemCount; i += 1) {
+      var item = sidebarDropdownItems[i],
+          itemLink = item.querySelector('a');
+
+      itemLink.addEventListener('click', toggleSidebarDropdown, false);
+    }
+
+    ////
+    // Sidebar toggler
+    //
+    sidebarToggler.addEventListener('click', function() {
+      toggleBodyElement.classList.toggle('sidebar-hidden');
+
+      resizeBroadcast();
+    }, false);
+
+    ////
+    // Sidebar minimizer
+    //
+    sidebarMinimizer.addEventListener('click', function() {
+      toggleBodyElement.classList.toggle('sidebar-minimized');
+
+      resizeBroadcast();
+    }, false);
+
+    ////
+    // Sidebar and brand minimizer
+    //
+    brandMinimizer.addEventListener('click', function() {
+      var hasToggleClass = toggleBodyElement.classList.contains('brand-minimized') ? '0' : '1' ;
+
+      localStorage.setItem(localStorageMinimizerName, hasToggleClass);
+
+      toggleBodyElement.classList.toggle('brand-minimized');
+    }, false);
+
+    ////
+    // Mobile browser size sidebar toggler
+    //
+    mobileSidebarToggler.addEventListener('click', function() {
+      toggleBodyElement.classList.toggle('sidebar-mobile-show');
+
+      resizeBroadcast();
+    }, false);
+
+    ////
+    // Toggle initial on/off of brand minimizer
+    //
+    triggerInitialSidebarCollapse();
+  });
+}());

data/app/themes/default/assets/javascripts/default/frontend.js

@@ -0,0 +1,18 @@
+//  Default Archangel frontend theme
+//= require_self
+//
+//  Third-party assets
+//= require jquery2
+//= require bootstrap
+//= require jquery_ujs
+//
+//  Archangel helper scripts
+//= require "archangel/object"
+//= require "archangel/object/routes"
+//= require "archangel/object/routes/frontend"
+//
+//  Third-party Archangel assets (from the vendor directory)
+//= require archangel/frontend
+//
+//  Theme assets
+//= require_tree ./frontend

data/app/themes/default/assets/stylesheets/default/auth/core.scss

@@ -0,0 +1,15 @@
+// Bootstrap theme variables
+//
+@import '../common/variables';
+//
+// Bootstrap
+//
+@import 'bootstrap';
+//
+// Bootstrap theme
+//
+@import '../common/bootstrap';
+//
+// 3rd party
+//
+@import 'font-awesome';

data/app/themes/default/assets/stylesheets/default/auth.css

@@ -0,0 +1,13 @@
+/**
+ *  Default Archangel auth theme
+ *= require_self
+ *
+ *  Third-party assets
+ * none
+ *
+ *  Third-party Archangel assets (from the vendor directory)
+ *= require archangel/auth
+ *
+ *  Theme assets
+ *= require_tree ./auth
+ */

data/app/themes/default/assets/stylesheets/default/backend/core.scss

@@ -0,0 +1,22 @@
+// Bootstrap theme variables
+//
+@import '../common/variables';
+//
+// Bootstrap
+//
+@import 'bootstrap';
+//
+// Bootstrap theme
+//
+@import '../common/bootstrap';
+@import '../common/selectize';
+//
+// 3rd party (from gems)
+//
+@import 'font-awesome';
+// @import 'bootstrap-datetimepicker';
+//
+// 3rd party (from vendor)
+//
+@import 'trumbowyg/trumbowyg';
+@import 'trumbowyg/plugins/colors/trumbowyg.colors';

data/app/themes/default/assets/stylesheets/default/backend.css

@@ -0,0 +1,13 @@
+/**
+ *  Default Archangel backend theme
+ *= require_self
+ *
+ *  Third-party assets
+ * none
+ *
+ *  Third-party Archangel assets (from the vendor directory)
+ *= require archangel/backend
+ *
+ *  Theme assets
+ *= require default/backend/core
+ */

data/app/themes/default/assets/stylesheets/default/common/_bootstrap.scss

@@ -0,0 +1,49 @@
+// Theme styles
+//
+@import 'bootstrap/variables';
+@import 'bootstrap/mixins';
+//
+// Additional typography
+@import 'bootstrap/typography';
+//
+// Animations
+@import 'bootstrap/animate';
+//
+// Components
+@import 'bootstrap/forms';
+@import 'bootstrap/aside';
+@import 'bootstrap/avatars';
+@import 'bootstrap/badge';
+@import 'bootstrap/breadcrumb-menu';
+@import 'bootstrap/breadcrumb';
+@import 'bootstrap/buttons';
+@import 'bootstrap/callout';
+@import 'bootstrap/card';
+@import 'bootstrap/charts';
+@import 'bootstrap/dropdown';
+@import 'bootstrap/footer';
+@import 'bootstrap/grid';
+@import 'bootstrap/input-group';
+@import 'bootstrap/loading';
+@import 'bootstrap/modal';
+@import 'bootstrap/nav';
+@import 'bootstrap/navbar';
+@import 'bootstrap/progress';
+@import 'bootstrap/sidebar';
+@import 'bootstrap/switches';
+@import 'bootstrap/tables';
+@import 'bootstrap/widgets';
+//
+// Layout Options
+@import 'bootstrap/layout';
+//
+@import 'bootstrap/others';
+//
+// Utility classes
+@import 'bootstrap/utilities';
+//
+// Temporary fixes
+@import 'bootstrap/temp';
+//
+// Right-to-left
+@import 'bootstrap/rtl';