constructor-core 0.9.1 → 1.0.0beta1

data/app/assets/stylesheets/constructor_core/project/blocks/b-button/_color/b-button_color_light.scss

@@ -0,0 +1,12 @@
+.b-button.b-button_color_light {
+  font-weight: 300;
+  color: #555;
+  background: #ddd;
+  border: 1px solid #ddd;
+  @include gradient-vertical(#f5f5f5, #f1f1f1);
+
+  &:hover, &:active, &:focus {
+    border: 1px solid #ccc;
+    @include gradient-vertical(#f1f1f1, #f5f5f5);
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-button/_size/b-button_size_small.scss

@@ -0,0 +1,7 @@
+.b-button.b-button_size_small {
+  @include display-inline;
+  margin-top: 7px;
+  padding: 4px 8px;
+  font-weight: 400;
+  font-size: 11px;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-button/b-button.scss

@@ -0,0 +1,29 @@
+.b-button {
+  @include display-inline;
+  margin: 2px;
+  padding: 8px 15px;
+  border: none;
+  color: #fff;
+  font-weight: 700;
+  font-size: 13px;
+  line-height: 14px;
+  text-decoration: none;
+  background: #dd4b39;
+  border: 1px solid #dd4b39;
+  @include gradient-vertical(#dd4b39, #d14836);
+  outline: none;
+
+  -webkit-appearance: none;
+  appearance: none;
+
+  @include border-radius(2px);
+
+  &:focus, &:active, &:hover {
+    cursor: pointer;
+    @include gradient-vertical(#d74937, #bf4231);
+  }
+
+  &:active {
+    @include box-shadow(inset 0 2px 3px rgba(0,0,0,0.2));
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/__actions/b-form__actions.scss

@@ -0,0 +1,3 @@
+.b-form__actions {
+  padding: 15px;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/__field/b-form__field.scss

@@ -0,0 +1,12 @@
+.b-form__field {
+  width: 300px;
+  padding: 3px;
+  font-size: 14px;
+  color: #444;
+  border: 1px solid #ddd;
+  outline: none;
+
+  &:focus, &:active, &:hover {
+    border-color: #aaa;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/__file/b-form__file.scss

@@ -0,0 +1,12 @@
+.b-form__file {
+  width: 300px;
+  padding: 3px;
+  font-size: 14px;
+  color: #444;
+  border: none;
+  outline: none;
+
+  &:focus, &:active, &:hover {
+    border-color: #aaa;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/__label/b-form__label.scss

@@ -0,0 +1,7 @@
+.b-form__label {
+  @include display-inline;
+  width: 200px;
+  padding-left: 15px;
+  font-size: 15px;
+  color: #555;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/__row/b-form__row.scss

@@ -0,0 +1,4 @@
+.b-form__row {
+  line-height: 38px;
+  border-bottom: 1px solid #eee;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/b-form.scss

@@ -0,0 +1 @@
+.b-form {}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/b-full-url/__icon/b-full-url__icon.scss

@@ -0,0 +1,5 @@
+.b-full-url__icon {
+  color: #555;
+  margin-left: 7px;
+  cursor: pointer;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/b-full-url/__path/b-full-url__path.scss

@@ -0,0 +1,4 @@
+.b-full-url__path {
+  font-size: 13px;
+  color: #555;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/b-full-url/__url/b-full-url__url.scss

@@ -0,0 +1,8 @@
+.b-full-url__url {
+  font-weight: 400;
+  font-size: 14px;
+
+  &:hover {
+    background: #eee;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-form/b-full-url/b-full-url.scss

@@ -0,0 +1,11 @@
+.b-full-url {
+  .fa-pencil {
+    display: none;
+  }
+
+  &:hover {
+    .fa-pencil {
+      display: inline;
+    }
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-header/b-header.scss

@@ -0,0 +1,6 @@
+.b-header {
+  margin: 0;
+  padding: 15px;
+  font-size: 24px;
+  color: #333;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-login/__field/b-login__field.scss

@@ -0,0 +1,13 @@
+.b-login__field {
+  display: block;
+  width: 250px;
+  margin-bottom: 20px;
+  padding: 8px;
+  font-size: 14px;
+  border: 1px solid #ddd;
+  outline: none;
+
+  &:focus, &:active, &:hover {
+    border-color: #aaa;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-login/__label/b-login__label.scss

@@ -0,0 +1,6 @@
+.b-login__label {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 14px;
+  font-weight: 400;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-login/__remember/b-login__remember.scss

@@ -0,0 +1,4 @@
+.b-login__remember {
+  margin-bottom: 15px;
+  font-size: 14px;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-login/b-login.scss

@@ -0,0 +1,8 @@
+.b-login {
+  position: relative;
+  width: 268px;
+  margin: 100px auto 0;
+  padding: 20px;
+  border: 1px solid #ddd;
+  background: #eee;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-logo/b-logo.scss

@@ -0,0 +1,15 @@
+.b-logo {
+  @include display-block;
+  height: 36px;
+  padding-top: 10px;
+  margin-bottom: 20px;
+  font-weight: bold;
+  font-size: 20px;
+  color: #444;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.9);
+  text-decoration: none;
+  text-align: center;
+  border-bottom: 1px solid rgba(0,0,0,0.1);
+  background: #eee;
+  @include gradient-vertical(#f9f9f9, #f3f3f3);
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-menu/__item-icon/b-menu__item-icon.scss

@@ -0,0 +1,3 @@
+.b-menu__item-icon {
+  margin-right: 8px;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-menu/__item-link/_active/b-menu__item-link_active.scss

@@ -0,0 +1,10 @@
+.b-menu__item-link_active {
+  padding-left: 16px !important;
+  color: #dd4b39 !important;
+  font-weight: 700;
+  border-left: 4px solid #dd4b39;
+
+  &:hover {
+    background: #fff !important;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-menu/__item-link/b-menu__item-link.scss

@@ -0,0 +1,13 @@
+.b-menu__item-link {
+  @include display-block;
+  padding: 15px 20px;
+  font-size: 14px;
+  color: #555;
+  text-decoration: none;
+
+  &:hover {
+    background: #f3f3f3;
+  }
+
+  @include transition(border-width .2s linear);
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-menu/__item/b-menu__item.scss

@@ -0,0 +1,4 @@
+.b-menu__item {
+  padding: 0;
+  margin: 0;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-menu/b-menu.scss

@@ -0,0 +1,5 @@
+.b-menu {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-profile/b-profile.scss

@@ -0,0 +1,3 @@
+.b-profile {
+  padding: 20px;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__expand/b-tree__expand.scss

@@ -0,0 +1,10 @@
+.b-tree__expand {
+  position: absolute;
+  left: 28px;
+  color: #555;
+  line-height: 44px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__handle/b-tree__handle.scss

@@ -0,0 +1,8 @@
+.b-tree__handle {
+  position: absolute;
+  color: #bbb;
+  font-size: 12px;
+  line-height: 42px;
+  cursor: move;
+  background: none !important;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__item/b-tree__item.scss

@@ -0,0 +1,5 @@
+.b-tree__item {
+  position: relative;
+  padding: 0 0 0 8px;
+  border-bottom: 1px solid #ddd;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__li/b-tree__li.scss

@@ -0,0 +1,4 @@
+.b-tree__li {
+  margin-bottom: 0 !important;
+  background: #eee;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__link/b-tree__link.scss

@@ -0,0 +1,14 @@
+.b-tree__link {
+  display: block;
+  padding: 10px 10px 10px 0;
+  color: #333;
+  font-weight: 300 !important;
+  font-size: 14px !important;
+  line-height: 150%;
+  margin-left: 40px;
+  text-decoration: none !important;
+
+  &:hover {
+    color: #dd4b39;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__nested-set/b-tree__nested-set.scss

@@ -0,0 +1,6 @@
+.b-tree__nested-set {
+  margin: 0 0 0 13px;
+  padding: 0 0 0 15px;
+  list-style: none;
+  border-left: 1px dotted #bbb !important;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/__url/b-tree__url.scss

@@ -0,0 +1,5 @@
+.b-tree__url {
+  margin-left: 10px;
+  font-size: 11px;
+  color: #777;
+}

data/app/assets/stylesheets/constructor_core/project/blocks/b-tree/b-tree.scss

@@ -0,0 +1,5 @@
+.b-tree {
+  margin: 20px 0 0;
+  padding: 0;
+  list-style: none;
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-all/l-all.scss

@@ -0,0 +1,4 @@
+.l-all {
+  padding-bottom: 50px;
+  background: #fff;
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-content/l-content.scss

@@ -0,0 +1,3 @@
+.l-content {
+  width: 840px;
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/__avatar/l-header__avatar.scss

@@ -0,0 +1,5 @@
+.l-header__avatar {
+  @include display-inline;
+  margin-right: 10px;
+  @include border-radius(50%);
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/__email/l-header__email.scss

@@ -0,0 +1,12 @@
+.l-header__email {
+  @include display-inline;
+  margin-right: 20px;
+  font-size: 14px;
+  line-height: 25px;
+  color: #333;
+  text-decoration: none;
+
+  &:hover {
+    color: #dd4b39;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/__link-icon/l-header__link-icon.scss

@@ -0,0 +1,4 @@
+.l-header__link-icon {
+  margin-left: 5px;
+  font-weight: bold;
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/__link/l-header__link.scss

@@ -0,0 +1,12 @@
+.l-header__link {
+  @include display-inline;
+  padding: 10px 15px;
+  font-size: 14px;
+  line-height: 26px;
+  color: #333;
+  text-decoration: none;
+
+  &:hover {
+    color: #dd4b39;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/__logout/l-header__logout.scss

@@ -0,0 +1,11 @@
+.l-header__logout {
+  @include display-inline;
+  font-size: 14px;
+  line-height: 25px;
+  color: #333;
+  text-decoration: none;
+
+  &:hover {
+    color: #dd4b39;
+  }
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/__profile/l-header__profile.scss

@@ -0,0 +1,4 @@
+.l-header__profile {
+  @include display-inline;
+  padding: 10px 20px;
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-header/l-header.scss

@@ -0,0 +1,7 @@
+.l-header {
+  height: 46px;
+  width: 840px;
+  background: #eee;
+  border-bottom: 1px solid #ddd;
+  @include gradient-vertical(#f9f9f9, #f3f3f3);
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-pages/l-pages.scss

@@ -0,0 +1,3 @@
+.l-pages {
+  margin: 15px;
+}

data/app/assets/stylesheets/constructor_core/project/layouts/l-sidebar/l-sidebar.scss

@@ -0,0 +1,7 @@
+.l-sidebar {
+  height: 100%;
+  width: 159px;
+  background: #fff;
+  border-right: 1px solid #eee;
+  @include box-shadow(inset 1px 0 0 rgba(255, 255, 255, 0.15),1px 0 0 rgba(255, 255, 255, 0.15));
+}

data/app/controllers/constructor_core/sessions_controller.rb

@@ -2,7 +2,7 @@
 
 module ConstructorCore
   class SessionsController < Devise::SessionsController
-    layout 'constructor_core/application_core'
+    layout 'constructor_core/login'
 
     def after_sign_in_path_for(resource)
       return '/admin/pages'

data/app/helpers/constructor_core/application_helper.rb

@@ -1,5 +1,11 @@
 module ConstructorCore
   module ApplicationHelper
+    def menu_item(name, icon)
+      link_to "/admin/#{name}", class: "b-menu__item-link #{'b-menu__item-link_active' if request.path == "/admin/#{name}"}" do
+        "<i class='fa fa-#{icon} b-menu__item-icon'></i> #{t name.to_sym}".html_safe
+      end
+    end
+
     def gravatar_icon(user_email = '', size = 40)
       gravatar_url = 'http://www.gravatar.com/avatar/%{hash}?s=%{size}&d=mm'
       user_email.strip!

data/app/helpers/render_expandable_tree_helper.rb

@@ -0,0 +1,51 @@
+# DOC:
+# We use Helper Methods for tree building,
+# because it's faster than View Templates and Partials
+
+# SECURITY note
+# Prepare your data on server side for rendering
+# or use h.html_escape(node.content)
+# for escape potentially dangerous content
+module RenderExpandableTreeHelper
+  module Render 
+    class << self
+      attr_accessor :h, :options
+
+      def render_node(h, options)
+        @h, @options = h, options
+        node = options[:node]
+
+        "<li class='b-tree__li' data-node-id='#{ node.id }'>" +
+          "<div class='b-tree__item'>" +
+            "<i class='fa fa-bars b-tree__handle'></i>" +
+            "#{ show_plus }" +
+            "#{ show_link }" +
+          "</div>" +
+          "#{ children }" +
+        "</li>"
+      end
+
+      def show_plus
+        unless options[:node].leaf?
+          "<i class='fa fa-plus-square-o b-tree__expand b-tree__plus'></i>"
+        end
+      end
+
+      def show_link
+        node = options[:node]
+        ns   = options[:namespace]
+        title_field = options[:title]
+        edit_path = h.url_for(controller: options[:klass].pluralize, action: :edit, id: node)
+
+        "#{ h.link_to(node.send(title_field), edit_path, class: 'b-tree__link') }"
+      end
+
+      def children
+        unless options[:children].blank?
+          "<ol class='b-tree__nested-set'>#{ options[:children] }</ol>"
+        end
+      end
+
+    end
+  end
+end