winton-admin 1.0.1 → 1.0.2

data/README.markdown

@@ -3,6 +3,8 @@ Admin
 
 A quick way to implement a nice looking Admin in Rails.
 
+**This plugin and dependencies are very beta. Use at your own risk.**
+
 
 Requirements
 ------------

data/init.rb

@@ -1,4 +1 @@
-require 'admin'
-
-ActionView::Base.send :include, Admin::Helpers
-ActionController::Base.send :include, Admin::Actions
+require 'admin'

data/lib/admin.rb

@@ -0,0 +1,14 @@
+Dir[File.expand_path('*/*.rb', File.dirname(__FILE__))].each do |f|
+  require [ File.dirname(f), File.basename(f, '.rb') ].join('/')
+end
+
+module Admin
+  class << self
+    def routes
+      ActionController::Routing::Routes.add_route '/admin/:action/:id', :controller => 'admin'
+    end
+  end
+end
+
+ActionView::Base.send :include, Admin::Helpers
+ActionController::Base.send :include, Admin::Actions

data/lib/admin/actions.rb

@@ -0,0 +1,34 @@
+module Admin
+  module Actions
+  
+    def self.included(base)
+      base.extend ClassMethods
+    end
+
+    module ClassMethods
+      def acts_as_admin(*actions)
+        self.class_eval do
+          cattr_accessor :admin_sections
+					helper_method  :admin_sections
+					self.admin_sections = actions.sort { |a, b| a.to_s <=> b.to_s }
+					
+          actions.each do |action|
+            define_method action do
+              @title ||= [ 'Admin' ]
+              @title << action.to_s.capitalize.gsub('_', ' ')
+              render :layout => false
+            end
+          end
+        end
+        include Admin::Actions::InstanceMethods
+      end
+    end
+
+    module InstanceMethods
+      def index
+        @title ||= [ 'Admin' ]
+        render :layout => 'admin/system/layout'
+      end
+    end
+  end
+end

data/lib/admin/helpers.rb

@@ -0,0 +1,4 @@
+module Admin
+  module Helpers
+  end
+end

data/resources/stylesheets/base.sass

@@ -0,0 +1,55 @@
+body
+  :font-family Helvetica, Arial, sans-serif
+  :margin 0px 0px 15px
+  :color #6F687A
+
+a
+  :color #2F4E7F
+  :font-weight bold
+
+.row
+  :overflow hidden
+  .parent
+    :float left
+    :display block
+
+#top
+  :height 150px
+  :background-color #101D40
+  :background-image url('/images/admin/system/bg/top.jpg')
+  :background-repeat no-repeat
+  :background-position top center
+  .content
+    :width 970px
+    :margin 0px auto
+    :padding 112px 0px 0px
+
+#top2
+  :height 35px
+  :border-top 1px solid #F5F6F9
+  :background #ACBCCF url('/images/admin/system/bg/top2.png')
+
+#top3
+  :height 100px
+  :background #F5F6F9 url('/images/admin/system/bg/top3.png')
+  .content
+    :width 970px
+    :margin 0px auto
+    :padding-top 14px
+    .system_status1 .cell
+      :padding-top 15px
+      :color #26416E
+      :font-size 16px
+      :font-weight bold
+    .system_status2 .cell
+      :padding 11px 0px 0px 15px
+      :line-height 24px
+      :font-size 14px
+
+#content
+  .content
+    :width 970px
+    :margin 0px auto
+    :padding-top 15px
+    .body1 .body_cell
+      :padding-left 15px

data/resources/views/layout.haml

@@ -0,0 +1,40 @@
+- require_widget :admin, :nav
+- require_widget :admin, :widgets, :dialog
+- require_widget :admin, :widgets, :indicator, :mouse
+- require_widget :admin, :widgets, :form
+- require_widget :admin, :widgets, :table
+
+!!! Strict
+%html
+  %head
+    %title= @title.join(' - ')
+    - javascripts 'admin/system/base', :layout => true
+    - stylesheets 'admin/system/base', :layout => true
+    = stylesheets
+  %body
+    - render_widget :admin
+    - render_widget :admin, :widgets, :dialog
+    - render_widget :admin, :widgets, :indicator, :mouse
+    #top
+      .content= image_tag 'admin/title.png'
+    #top2
+    #top3
+      .content
+        - tbl :row, :system_status, :px, 75, 115, 780 do
+          - tbl :cell, :system_status do
+            = image_tag 'admin/system/system_status.png'
+          - tbl :cell, :system_status do
+            System status
+          - tbl :cell, :system_status do
+            You’ll be happy to know that your
+            %b 3 mongrels (2 production, 1 staging)
+            are running at
+            %b 3% of capacity.
+    #content
+      .content
+        - tbl :row, :body, :px, 190, 780 do
+          - tbl :cell, :body do
+            = render_widget :admin, :nav
+          - tbl :cell, :body do
+            = yield
+    = javascripts

data/resources/widgets/javascripts/admin.js

@@ -0,0 +1,20 @@
+var Admin = new Class({
+  initialize: function() {
+    var body = $$('.body1 .cell')[0];
+    
+    this.addContent = function(el) {
+      body.getChildren().hide();
+      body.setStyle('opacity', 0);
+      if (el)
+        el.inject(body, 'top');
+      body.fade('in');
+    };
+    
+    this.back = function(no_show) {
+      if (body.getFirst())
+        body.getFirst().destroy();
+      if (body.getFirst() && !no_show)
+        body.getFirst().fadeIn();
+    };
+  }
+});

data/resources/widgets/javascripts/init.js

@@ -0,0 +1 @@
+Global.Admin = new Admin();

data/resources/widgets/nav/javascripts/admin_nav.js

@@ -0,0 +1,48 @@
+var AdminNav = new Class({
+  initialize: function() {    
+    var over  = 'light_blue';
+    var out   = 'grey';
+    var click = 'orange';
+    
+    var els = $$('.nav .grey');
+    var me  = this;
+    
+    this.reloadTable = function() {
+      var indicator = this.selected.getElement('.indicator');
+      indicator.fade('in');
+      var request = new Request.HTML({
+        evalScripts: false,
+        onSuccess: function(tree, elements, html, js) {
+          Global.Admin.addContent(elements[0]);
+          indicator.fade('out');
+          eval(js);
+        }
+      }).get('/admin/' + this.selected.id);
+    };
+    
+    els.addEvent('mouseenter', function() {
+      if (this.hasClass(click)) return;
+      this.removeClass(out);
+      this.addClass(over);
+    });
+    
+    els.addEvent('mouseleave', function() {
+      if (this.hasClass(click)) return;
+      this.removeClass(over);
+      this.addClass(out);
+    });
+    
+    els.addEvent('click', function() {
+      els.each(function(item) { if (item != this) item.removeClass(click); }, this);
+      els.addClass(out);
+      this.removeClass(out);
+      this.toggleClass(over);
+      this.toggleClass(click);
+      Global.Admin.back();
+      if (this.hasClass(click)) {
+        me.selected = this;
+        me.reloadTable();
+      }
+    });
+  }
+});

data/resources/widgets/nav/javascripts/init.js

@@ -0,0 +1,2 @@
+var Global = Global || {};
+Global.AdminNav = new AdminNav();

data/resources/widgets/nav/options.rb

@@ -0,0 +1 @@
+{}

data/resources/widgets/nav/partials/_init.haml

@@ -0,0 +1,9 @@
+.box
+  .nav
+    .blue
+      Main menu
+    - admin_sections.each do |section|
+      .grey{ :id => section }
+        .indicator
+          = image_tag 'widgets/admin/nav/indicator.gif'
+        = section.to_s.capitalize.gsub '_', ' '

data/resources/widgets/nav/stylesheets/nav.sass

@@ -0,0 +1,10 @@
+.box
+  .nav
+    .blue
+      :font-size 13px
+    .grey, .light_blue, .orange
+      :cursor pointer
+    .grey
+      :background #F5F6F9 url('/images/widgets/admin/grey.png')
+    .indicator
+      :opacity 0

data/resources/widgets/stylesheets/box.sass

@@ -0,0 +1,25 @@
+.box
+  .blue, .light_blue, .grey, .orange, .table_rows_cell
+    :font-size 12px
+    :padding-left 10px
+  .blue, .light_blue, .grey, .orange
+    :height 25px
+    :line-height 25px
+  .blue, .light_blue, .orange
+    :font-weight bold
+  .blue
+    :background #F5F6F9 url('/images/widgets/admin/blue.png')
+    :color #fff
+  .light_blue
+    :background #F5F6F9 url('/images/widgets/admin/light_blue.png')
+    :color #fff
+  .grey
+    :border-left 1px solid #CBCFD6
+    :border-right 1px solid #CBCFD6
+  .orange
+    :background #F5F6F9 url('/images/widgets/admin/orange.png')
+    :color #fff
+  .indicator
+    :float right
+    :padding 4px 5px 0px 0px
+    :line-height 0px

data/resources/widgets/widgets/dialog/options.rb

@@ -0,0 +1,3 @@
+{
+  :width => 500
+}

data/resources/widgets/widgets/dialog/stylesheets/admin.sass

@@ -0,0 +1,45 @@
+.dialog
+  :font-size 12px
+  .close
+    :padding 4px 5px 2px
+    :margin-left -4px
+    :color #D78333
+    :font-weight bold
+  .content
+    :padding 0px 8px 5px
+    :min-height 11px
+    fieldset
+      :border 1px solid #ddd
+      legend
+        :font-weight bold
+        :font-size 14px
+        :padding-top 2px
+        :padding-left 21px
+        :background-image url('<%= widget_image_path :admin, :widgets, :dialog, "title.png" %>')
+        :background-repeat no-repeat
+        :background-position 0px 0px
+        :line-height 16px
+      .field.clear
+        :clear both
+      .field
+        :float left
+        :padding 4px 0px 8px 10px
+        :width 220px
+        input
+          :width 200px
+        textarea
+          :width 440px
+          :height 150px
+        .name, .formError
+          :line-height 22px
+          :font-weight bold
+        .formError
+          :float right
+          :color red
+          :font-size 10px
+          :height 14px
+          :padding-right 10px
+      .submit
+        :clear both
+        :float right
+        :padding-top 15px

data/resources/widgets/widgets/form/javascripts/init.js

@@ -0,0 +1,13 @@
+Global['<%= id %>'].addEvents({
+  complete: function(el, js) {
+    if (el) Global.dialog.render({ element: el });
+    if (js) eval(js);
+    if (!el) {
+      Global.dialog.hide();
+      Global[Global.current_table].reload();
+    }
+  }
+});
+Global['<%= id %>'].form.addEvent('keyup', function(e) {
+  if (e.key == 'esc') Global.dialog.hide();
+});

data/resources/widgets/widgets/table/javascripts/init.js

@@ -0,0 +1,13 @@
+Global['<%= id %>'].addEvents({
+  newComplete: function(el, js) {
+    Global.dialog.render({ element: el });
+    Global.current_table = '<%= id %>';
+    eval(js);
+  },
+  editComplete: function(el, js) {
+    Global.dialog.render({ element: el });
+    Global.current_table = '<%= id %>';
+    eval(js);
+  },
+  deleteComplete: function(json) {}
+});

data/resources/widgets/widgets/table/stylesheets/table.sass

@@ -0,0 +1,54 @@
+.table_widget
+  :font-size 12px
+  .title
+    :padding-left 10px
+    :height 25px
+    :line-height 25px
+    :border-left 1px solid #CBCFD6
+    :border-right 1px solid #CBCFD6
+    :background #F5F6F9 url('<%= widget_image_path :admin, "grey_header.png" %>')
+    :font-weight bold
+    :font-size 13px
+  .links
+    :padding 0px 10px 0px 0px
+  .headers
+    :line-height 25px
+    :font-weight bold
+    :background #F5F6F9 url('<%= widget_image_path :admin, "light_blue.png" %>')
+    :color #fff
+    .arrow
+      :margin 10px 0px 0px 0px
+    .arrow.up
+      :background-image url('<%= widget_image_path :admin, "arrow_up.png" %>')
+    .arrow.down
+      :background-image url('<%= widget_image_path :admin, "arrow_down.png" %>')
+    .on
+      :background #F5F6F9 url('<%= widget_image_path :admin, "orange.png" %>')
+      :color #fff
+    .cell
+      :padding 0px 10px
+  .rows
+    :cursor pointer
+    .rows_cell
+      :padding 0px 10px
+      :height 24px
+      :line-height 24px
+      :border-left 1px solid #CCCFD7
+      :border-bottom 1px solid #CCCFD7
+    .rows_parent
+      .last
+        :border-right 1px solid #CCCFD7
+  .zebra .rows_cell
+    :background #EFF4FC
+  .zebra_highlight .rows_cell
+    :background #F9F6F0
+  .pagination
+    :float right
+
+.table_widget_menu
+  :border 1px solid #CCCFD7
+  :background #E7E8ED
+  :padding 2px 5px
+  :margin 8px
+  :font-size 12px
+  :line-height 18px

data/tasks/admin_tasks.rake

@@ -0,0 +1,56 @@
+desc 'Updates admin/system for all resources'
+task :admin => [ 'admin:images', 'admin:javascripts', 'admin:stylesheets', 'admin:views', 'admin:widgets' ]
+
+namespace :admin do
+  desc 'Updates images/admin/system'
+  task :images do
+    admin_resource :images, 'public/images'
+  end
+  
+  desc 'Updates javascripts/admin/system'
+  task :javascripts do
+    admin_resource :javascripts, 'public/javascripts'
+  end
+  
+  desc 'Updates stylesheets/admin/system'
+  task :stylesheets do
+    admin_resource :stylesheets, 'public/stylesheets/sass'
+  end
+  
+  desc 'Updates views/admin/system'
+  task :views do
+    admin_resource :views, 'app/views'
+  end
+  
+  desc 'Updates widgets/admin'
+  task :widgets do
+    admin_resource :widgets, 'app/widgets'
+  end
+  
+  desc 'Updates plugin resources from app'
+  task :to_plugin do
+    admin_resource :images,      'public/images',           true
+    admin_resource :javascripts, 'public/javascripts',      true
+    admin_resource :stylesheets, 'public/stylesheets/sass', true
+    admin_resource :views,       'app/views',               true
+    admin_resource :widgets,     'app/widgets',             true
+  end
+    
+  def admin_resource(type, location, reverse=false)
+    from = "#{File.dirname(__FILE__)}/../resources/#{type}"
+    to   = location + (type == :widgets ? '/admin' : '/admin/system')
+    from, to = to, from if reverse
+    puts "=> Removing old #{type}..."
+    FileUtils.remove_dir to, true
+    FileUtils.mkdir_p to
+    puts "=> Copying #{type}..."
+    Dir["#{from}/*"].each do |f|
+      if File.directory? f
+        FileUtils.mkdir_p "#{to}/#{File.basename(f)}"
+        FileUtils.cp_r f, to
+      else
+        FileUtils.cp f, to
+      end
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: winton-admin
 version: !ruby/object:Gem::Version 
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors: 
 - Winton Welsh
@@ -23,12 +23,67 @@ extra_rdoc_files: []
 
 files: 
 - init.rb
-- lib/*
-- lib/**/*
+- lib/admin
+- lib/admin.rb
+- lib/admin/helpers.rb
+- lib/admin/actions.rb
 - MIT-LICENSE
 - README.markdown
-- resources/**/*
-- tasks/*
+- resources/stylesheets
+- resources/stylesheets/base.sass
+- resources/views
+- resources/views/layout.haml
+- resources/javascripts
+- resources/javascripts/base.js
+- resources/images
+- resources/images/bg
+- resources/images/bg/top.jpg
+- resources/images/bg/top2.png
+- resources/images/bg/top3.png
+- resources/images/system_status.png
+- resources/images/title.psd
+- resources/widgets
+- resources/widgets/nav
+- resources/widgets/nav/stylesheets
+- resources/widgets/nav/stylesheets/nav.sass
+- resources/widgets/nav/options.rb
+- resources/widgets/nav/partials
+- resources/widgets/nav/partials/_init.haml
+- resources/widgets/nav/javascripts
+- resources/widgets/nav/javascripts/admin_nav.js
+- resources/widgets/nav/javascripts/init.js
+- resources/widgets/nav/images
+- resources/widgets/nav/images/indicator.gif
+- resources/widgets/stylesheets
+- resources/widgets/stylesheets/box.sass
+- resources/widgets/javascripts
+- resources/widgets/javascripts/admin.js
+- resources/widgets/javascripts/init.js
+- resources/widgets/images
+- resources/widgets/images/light_blue.png
+- resources/widgets/images/grey.png
+- resources/widgets/images/arrow_down.png
+- resources/widgets/images/blue.png
+- resources/widgets/images/orange.png
+- resources/widgets/images/arrow_up.png
+- resources/widgets/images/grey_header.png
+- resources/widgets/images/dark_header.png
+- resources/widgets/widgets
+- resources/widgets/widgets/form
+- resources/widgets/widgets/form/javascripts
+- resources/widgets/widgets/form/javascripts/init.js
+- resources/widgets/widgets/table
+- resources/widgets/widgets/table/stylesheets
+- resources/widgets/widgets/table/stylesheets/table.sass
+- resources/widgets/widgets/table/javascripts
+- resources/widgets/widgets/table/javascripts/init.js
+- resources/widgets/widgets/dialog
+- resources/widgets/widgets/dialog/stylesheets
+- resources/widgets/widgets/dialog/stylesheets/admin.sass
+- resources/widgets/widgets/dialog/options.rb
+- resources/widgets/widgets/dialog/images
+- resources/widgets/widgets/dialog/images/title.png
+- tasks/admin_tasks.rake
 has_rdoc: false
 homepage: http://github.com/winton/admin
 post_install_message: