the_role 1.5.1 → 1.6.0

data/app/assets/stylesheets/reset.css

@@ -0,0 +1,117 @@
+/*
+  zykin-ilya@ya.ru
+  github.com/the-teacher
+  Last modified: 19 mar 2012
+
+  GLOBAL font-size: 10px; (aka 62.5%)
+  provide identity of:
+  10px => 1em   => 100%
+  15px => 1.5em => 150%
+  18px => 1.8em => 180%
+*/
+
+*{ margin: 0; padding: 0 }
+
+/* all block elements */
+article, aside, details, figcaption, figure, footer, header, hgroup,
+menu, nav, section, html, head, body, address, blockquote, center, dir,
+div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframes, noscript,
+ol, p, pre, table, ul{
+  border: 0;
+  outline: 0;
+  font-size: 10px;
+  line-height: 100%;
+  background: transparent;
+  vertical-align: baseline;
+}
+
+html{ background: white }
+
+/* HTML5 INIT (experimental section) */
+article, aside, details, figcaption, figure, footer,
+header, hgroup, menu, nav, section{
+  display: block
+}
+canvas, video, audio[controls]{
+  display: inline-block;
+  *display: inline;
+  zoom: 1
+}
+audio{ display: none }
+[hidden]{ display: none }
+mark{ background: yellow; padding: 0 5px }
+/* HTML5 INIT */
+
+/* TABLES */
+table, tr, th, td{
+  border-collapse: collapse;
+  vertical-align: top;
+  border-spacing: 0
+}
+th{ font-weight: bold }
+/* TABLES */
+
+/* LIST */
+ol, ul{ list-style: none; margin: 0 }
+li{ list-style-position: outside }
+/* LIST */
+
+img{ vertical-align: top }
+
+a{ text-decoration: underline  }
+a:hover{ text-decoration: none }
+a:hover, a:active { outline: 0 }
+
+sup, sub{ font-size: 85%; zoom: 1 }
+sup{ vertical-align: 40% }
+sub{ vertical-align: -40% }
+
+noscript{
+  background: red;
+  font-size: 2em;
+  padding: 5px;
+  color: white
+}
+
+/* CUSTOM */
+p{ line-height: 1.35em }
+label{ display: block }
+
+.numered_list, .marked_list{ margin-left: 20px }
+.numered_list li, .marked_list li{
+  list-style-position: outside;
+  margin-left: 15px;
+  padding-left: 5px
+}
+.numered_list li{ list-style-type: decimal }
+.marked_list  li{ list-style-type: disc }
+
+.hidden   { display: none }
+.invisible{ visibility: hidden;  height: 0 }
+.visible  { visibility: visible; height: auto }
+
+/* Unbreakable */
+.nobr{ white-space: nowrap }
+
+/* For sliders building */
+.nobr_item{
+  display: inline-block;
+  vertical-align: top;
+  *display: inline;
+  zoom: 1
+}
+
+:focus{ outline: 0 }
+.u{ text-decoration: underline }
+.overblock{ overflow: hidden; zoom: 1 }
+.indicator, .stop_indicator{
+  position: absolute;
+  top: 0; left: 0;
+  z-index: 1000;
+  display: none
+}
+
+/* WebKit fixes */
+@media screen and (-webkit-min-device-pixel-ratio:0){
+  /* display: inline-table; */
+}

data/app/assets/stylesheets/role_set.less

@@ -0,0 +1,136 @@
+@import 'mixins';
+@import 'variables';
+
+@import 'buttons';
+@import 'button-groups';
+@import 'dropdowns';
+
+@import "scaffolding.less";
+@import "grid.less";
+@import "layouts.less";
+
+@import "forms.less";
+@import "wells.less";
+
+.well{
+  input{
+    margin-top: -4px;  
+  }
+}
+
+.the_role{
+  width: 910px;
+  margin: auto;
+  margin-top: 10px;
+  h3{
+    margin-botoom: 0;
+  }
+}
+.sidebar, .content{
+  padding: 15px;
+}
+
+.sidebar{
+  p{
+    font-size: 1.5em;
+    margin-bottom: 10px;
+    .delete{
+      color: red;
+      margin-left: 10px;
+    }
+  }
+  p.new{
+    padding-top: 10px;
+  }
+  p.new a{
+    border-radius: 3px;
+    color: black;
+    padding: 3px 10px;
+    background: LightGreen;
+  }
+  p.new a:hover{
+    color: white;
+    padding: 3px 10px;
+    background: Green;
+  }
+}
+
+.content{
+  .well{
+    padding: 15px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+  }
+  .description{
+    font-size: 1.5em;
+  }
+}
+
+.btn-group{
+  ul.dropdown-menu{
+    li.alert-success{
+      margin-bottom: 3px;
+    }
+    li.error a{
+      color: @errorText;
+    }
+    li.error a:hover{
+      color: @white;
+      background: @btnDangerBackgroundHighlight;
+    }
+  }
+}
+
+.crusty{
+  border: 1px solid LightBlue;
+  margin-top: 15px;
+  margin-bottom: 30px;
+  padding: 10px;
+
+  .row [class*="span"]{
+    background: @white;
+  }
+}
+
+.dropdown-menu a{
+  font-size: 1.3em;
+}
+
+.section{
+  position: relative;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid Gray;
+
+  h3{
+    color: @grayDarker;
+    padding: 10px;
+    border-radius: 3px;
+    background: lighten(@btnInfoBackground, 18%);
+  }
+  .delete{
+    position: absolute;
+    top: 8px; right: 5px;
+  }
+  .rule{
+    background: red;
+    position: relative;
+    padding: 7px;
+    border-radius: 3px;
+    margin-bottom: 10px;
+    background: @tableBackgroundAccent;
+
+    h4{
+      margin-bottom: 0;
+      padding-left: 20px;
+    }
+    .controls{ 
+      position: absolute;
+      top: 2px; right: 0;
+    }
+  }
+  .rule:hover{
+    cursor: pointer;
+    background: darken(@tableBackgroundAccent, 15%);
+  }
+}

data/app/assets/stylesheets/scaffolding.less

@@ -0,0 +1,29 @@
+// Scaffolding
+// Basic and global styles for generating a grid system, structural layout, and page templates
+// -------------------------------------------------------------------------------------------
+
+
+// Body reset
+// ----------
+
+body {
+  margin: 0;
+  font-family: @baseFontFamily;
+  font-size: @baseFontSize;
+  line-height: @baseLineHeight;
+  color: @textColor;
+  background-color: @bodyBackground;
+}
+
+
+// Links
+// -----
+
+a {
+  color: @linkColor;
+  text-decoration: none;
+}
+a:hover {
+  color: @linkColorHover;
+  text-decoration: underline;
+}

data/app/assets/stylesheets/variables.less

@@ -0,0 +1,206 @@
+// Variables.less
+// Variables to customize the look and feel of Bootstrap
+// -----------------------------------------------------
+
+
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+
+// Grays
+// -------------------------
+@black:                 #000;
+@grayDarker:            #222;
+@grayDark:              #333;
+@gray:                  #555;
+@grayLight:             #999;
+@grayLighter:           #eee;
+@white:                 #fff;
+
+
+// Accent colors
+// -------------------------
+@blue:                  #049cdb;
+@blueDark:              #0064cd;
+@green:                 #46a546;
+@red:                   #9d261d;
+@yellow:                #ffc40d;
+@orange:                #f89406;
+@pink:                  #c3325f;
+@purple:                #7a43b6;
+
+
+// Scaffolding
+// -------------------------
+@bodyBackground:        @white;
+@textColor:             @grayDark;
+
+
+// Links
+// -------------------------
+@linkColor:             #08c;
+@linkColorHover:        darken(@linkColor, 15%);
+
+
+// Typography
+// -------------------------
+@sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
+@serifFontFamily:       Georgia, "Times New Roman", Times, serif;
+@monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace;
+
+@baseFontSize:          13px;
+@baseFontFamily:        @sansFontFamily;
+@baseLineHeight:        18px;
+@altFontFamily:         @serifFontFamily;
+
+@headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
+@headingsFontWeight:    bold;    // instead of browser default, bold
+@headingsColor:         inherit; // empty to use BS default, @textColor
+
+
+// Tables
+// -------------------------
+@tableBackground:                   transparent; // overall background-color
+@tableBackgroundAccent:             #f9f9f9; // for striping
+@tableBackgroundHover:              #f5f5f5; // for hover
+@tableBorder:                       #ddd; // table and cell border
+
+
+// Buttons
+// -------------------------
+@btnBackground:                     @white;
+@btnBackgroundHighlight:            darken(@white, 10%);
+@btnBorder:                         #ccc;
+
+@btnPrimaryBackground:              @linkColor;
+@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 15%);
+
+@btnInfoBackground:                 #5bc0de;
+@btnInfoBackgroundHighlight:        #2f96b4;
+
+@btnSuccessBackground:              #62c462;
+@btnSuccessBackgroundHighlight:     #51a351;
+
+@btnWarningBackground:              lighten(@orange, 15%);
+@btnWarningBackgroundHighlight:     @orange;
+
+@btnDangerBackground:               #ee5f5b;
+@btnDangerBackgroundHighlight:      #bd362f;
+
+@btnInverseBackground:              @gray;
+@btnInverseBackgroundHighlight:     @grayDarker;
+
+
+// Forms
+// -------------------------
+@inputBackground:               @white;
+@inputBorder:                   #ccc;
+@inputBorderRadius:             3px;
+@inputDisabledBackground:       @grayLighter;
+@formActionsBackground:         #f5f5f5;
+
+// Dropdowns
+// -------------------------
+@dropdownBackground:            @white;
+@dropdownBorder:                rgba(0,0,0,.2);
+@dropdownLinkColor:             @grayDark;
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   @linkColor;
+@dropdownDividerTop:            #e5e5e5;
+@dropdownDividerBottom:         @white;
+
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// Z-index master list
+// -------------------------
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+@zindexDropdown:          1000;
+@zindexPopover:           1010;
+@zindexTooltip:           1020;
+@zindexFixedNavbar:       1030;
+@zindexModalBackdrop:     1040;
+@zindexModal:             1050;
+
+
+// Sprite icons path
+// -------------------------
+@iconSpritePath:          "../img/glyphicons-halflings.png";
+@iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";
+
+
+// Input placeholder text color
+// -------------------------
+@placeholderText:         @grayLight;
+
+
+// Hr border color
+// -------------------------
+@hrBorder:                @grayLighter;
+
+
+// Navbar
+// -------------------------
+@navbarHeight:                    40px;
+@navbarBackground:                @grayDarker;
+@navbarBackgroundHighlight:       @grayDark;
+
+@navbarText:                      @grayLight;
+@navbarLinkColor:                 @grayLight;
+@navbarLinkColorHover:            @white;
+@navbarLinkColorActive:           @navbarLinkColorHover;
+@navbarLinkBackgroundHover:       transparent;
+@navbarLinkBackgroundActive:      @navbarBackground;
+
+@navbarSearchBackground:          lighten(@navbarBackground, 25%);
+@navbarSearchBackgroundFocus:     @white;
+@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
+@navbarSearchPlaceholderColor:    #ccc;
+@navbarBrandColor:                @navbarLinkColor;
+
+
+// Hero unit
+// -------------------------
+@heroUnitBackground:              @grayLighter;
+@heroUnitHeadingColor:            inherit;
+@heroUnitLeadColor:               inherit;
+
+
+// Form states and alerts
+// -------------------------
+@warningText:             #c09853;
+@warningBackground:       #fcf8e3;
+@warningBorder:           darken(spin(@warningBackground, -10), 3%);
+
+@errorText:               #b94a48;
+@errorBackground:         #f2dede;
+@errorBorder:             darken(spin(@errorBackground, -10), 3%);
+
+@successText:             #468847;
+@successBackground:       #dff0d8;
+@successBorder:           darken(spin(@successBackground, -10), 5%);
+
+@infoText:                #3a87ad;
+@infoBackground:          #d9edf7;
+@infoBorder:              darken(spin(@infoBackground, -10), 7%);
+
+
+
+// GRID
+// --------------------------------------------------
+
+// Default 940px grid
+// -------------------------
+@gridColumns:             12;
+@gridColumnWidth:         60px;
+@gridGutterWidth:         20px;
+@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Fluid grid
+// -------------------------
+@fluidGridColumnWidth:    6.382978723%;
+@fluidGridGutterWidth:    2.127659574%;

data/app/assets/stylesheets/wells.less

@@ -0,0 +1,27 @@
+// WELLS
+// -----
+
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #eee;
+  border: 1px solid rgba(0,0,0,.05);
+  .border-radius(4px);
+  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+  blockquote {
+    border-color: #ddd;
+    border-color: rgba(0,0,0,.15);
+  }
+}
+
+// Sizes
+.well-large {
+  padding: 24px;
+  .border-radius(6px);
+}
+.well-small {
+  padding: 9px;
+  .border-radius(3px);
+}

data/app/controllers/admin/role_sections_controller.rb

@@ -1,24 +1,48 @@
 class Admin::RoleSectionsController < ApplicationController
   include TheRole::Requires
+  layout 'the_role'
 
-  before_filter :role_login_required
-  before_filter :role_require
-  before_filter :role_find,           :only => [:create, :create_rule, :destroy, :destroy_rule]
-  before_filter :owner_require,       :only => [:create, :create_rule, :destroy, :destroy_rule]
+  before_filter :login_required
+  before_filter :role_required
+
+  before_filter :role_find,           :only => [:create, :create_rule, :rule_on, :rule_off, :destroy, :destroy_rule]
+  before_filter :owner_required,      :only => [:create, :create_rule, :rule_on, :rule_off, :destroy, :destroy_rule]
 
   def create
     if @role.create_section params[:section_name]
-      flash[:notice] = t('the_role.section_created')
-      redirect_to edit_admin_role_path(@role)
+      flash[:notice] = t 'the_role.section_created'
+      redirect_to edit_admin_role_path @role
     else
       render :action => :edit
     end
   end
   
   def create_rule
-    if @role.create_rule(params[:section_name], params[:section_rule])
-      flash[:notice] = t('the_role.section_created')
-      redirect_to edit_admin_role_path(@role)
+    if @role.create_rule params[:section_name], params[:rule_name]
+      flash[:notice] = t 'the_role.section_created'
+      redirect_to edit_admin_role_path @role
+    else
+      render :action => :edit
+    end
+  end
+
+  def rule_on
+    section_name = params[:id]
+    rule_name    = params[:name]
+    if @role.rule_on section_name, rule_name
+      flash[:notice] = t 'the_role.section_rule_on'
+      redirect_to edit_admin_role_path @role
+    else
+      render :action => :edit
+    end
+  end
+
+  def rule_off
+    section_name = params[:id]
+    rule_name    = params[:name]
+    if @role.rule_off section_name, rule_name
+      flash[:notice] = t 'the_role.section_rule_off'
+      redirect_to edit_admin_role_path @role
     else
       render :action => :edit
     end
@@ -26,10 +50,9 @@ class Admin::RoleSectionsController < ApplicationController
   
   def destroy
     section_name = params[:id]
-
     if @role.delete_section section_name
-      flash[:notice] = t('the_role.section_deleted')
-      redirect_to edit_admin_role_path(@role)
+      flash[:notice] = t 'the_role.section_deleted'
+      redirect_to edit_admin_role_path @role
     else
       render :action => :edit
     end   
@@ -38,9 +61,9 @@ class Admin::RoleSectionsController < ApplicationController
   def destroy_rule
     section_name = params[:id]
     rule_name    = params[:name]
-    if @role.delete_rule(section_name, rule_name)
-      flash[:notice] = t('the_role.section_rule_deleted')
-      redirect_to edit_admin_role_path(@role)
+    if @role.delete_rule section_name, rule_name
+      flash[:notice] = t 'the_role.section_rule_deleted'
+      redirect_to edit_admin_role_path @role
     else
       render :action => :edit
     end
@@ -50,6 +73,6 @@ class Admin::RoleSectionsController < ApplicationController
 
   def role_find
     @role = Role.find params[:role_id]
-    @object_for_ownership_checking = @role
+    @ownership_checking_object = @role
   end
-end
+end

data/app/controllers/admin/roles_controller.rb

@@ -1,10 +1,12 @@
 class Admin::RolesController < ApplicationController
   include TheRole::Requires
+  layout 'the_role'
 
-  before_filter :role_login_required
-  before_filter :role_require
-  before_filter :role_find,           :only => [:show, :edit, :update, :destroy]
-  before_filter :owner_require,       :only => [:show, :edit, :update, :destroy]
+  before_filter :login_required
+  before_filter :role_required
+
+  before_filter :role_find,      :only => [:edit, :update, :destroy]
+  before_filter :owner_required, :only => [:edit, :update, :destroy]
 
   def index
     @roles = Role.all(:order => "created_at ASC")
@@ -45,7 +47,7 @@ class Admin::RolesController < ApplicationController
 
   def role_find
     @role = Role.find params[:id]
-    @object_for_ownership_checking = @role
+    @ownership_checking_object = @role
   end
   
-end
+end

data/app/views/admin/roles/_role.html.haml

@@ -0,0 +1,53 @@
+.well
+  %h3
+    %b Role name:
+    = role.name
+
+  %h5
+    %b Title: 
+    = role.title
+
+  %p.description
+    %b Description of role:
+    = role.description
+
+- role.to_hash.each_pair do |section, rules|
+  .section
+    %h3= section
+    .delete
+      .btn-group
+        = button_to 'Delete section', admin_role_section_path(role, section), :method => :delete, :class => 'btn btn-danger', :confirm => 'Are you sure?'
+
+    - rules.each_pair do |rule, value|
+      .rule
+        %h4
+          →
+          = rule
+        .controls
+          .btn-group
+            - klass = value ? :success : :info
+            - state = value ? :Enable : :Disable
+            %button{ :class => "btn btn-#{klass}" }= state
+            %button{ :class => "btn btn-#{klass} dropdown-toggle", 'data-toggle' => :dropdown }
+              %span.caret
+            %ul.dropdown-menu
+              %li.success= link_to 'Enable',  rule_on_admin_role_section_path(role, section, :name => rule), :method => :put
+              %li.info=    link_to 'Disable', rule_off_admin_role_section_path(role, section, :name => rule), :method => :put
+              %li.divider
+              %li.error= link_to 'Delete rule', destroy_rule_admin_role_section_path(role, section, :name => rule), :method => :delete, :confirm => 'Are you sure?'
+
+%h4 Create new section
+
+= form_tag admin_role_sections_path(role), :class => 'well form-inline' do |f|
+  = text_field_tag :section_name, '', :class => 'input-xlarge', :placeholder => "New Section Name"
+  = submit_tag 'Create Section', :class => :btn
+
+%h4 Create new rule
+
+= form_tag create_rule_admin_role_sections_path(role), :class => 'well form-inline' do |f|
+  %select.span3{ :name => :section_name }
+    - role.to_hash.each_pair do |section, rules|
+      %option{ :value => section }= section
+
+  = text_field_tag :rule_name, '', :class => 'input-large', :placeholder => "New Rule Name"
+  = submit_tag 'Create Rule', :class => :btn

data/app/views/admin/roles/_sidebar.html.haml

@@ -0,0 +1,8 @@
+- content_for :sidebar do
+  %h3= t '.roles_list'
+  - (@roles || Role.all).each do |role|
+    %p
+      = link_to role.title, edit_admin_role_url(role)
+      = link_to raw('×'), admin_role_url(role), :method => :delete, :title => role.title, :confirm => t('the_role.delete_role'), :class => :delete
+
+  %p.new= link_to t('.new_role'),  new_admin_role_path