simple-page-compoents 0.0.1 → 0.0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 511a8915f04c49db9f1b60b494c5a1cc4a8bfc55
-  data.tar.gz: 36068bb4d7860503d4c8436c3f12ba77a6c2fa99
+  metadata.gz: d5bf31f04aaf66c27168b79187a78b67a88ba35c
+  data.tar.gz: 1e9145991d9dedc42f924881ecc8d9374bfa59c1
 SHA512:
-  metadata.gz: 9dea5bfbebc1290b24527194154a7767a7e240e8a50aaf7c8cb8353d7773fbf4db0bc78b23ebd0da17398166c8f8b7b7c1b53da869ec3ed8245a10ae2116f255
-  data.tar.gz: 2b8868801cd9128397a5ac2be5f6ffb14575f57ed76f31f8bcb562735e9a31d06c597b755982b82a8c44d5436b257546c14e56a8b20b58910b24ee75e964beed
+  metadata.gz: 016c1c3c4b51d95f22473dd1c472b02fb8a1af6b4de9ce63e2d2b4cb124b2e895514a37ef9ab1ce229cf0c8b4ab35c9c380b0f5f11f2efe6681b94701c0850bc
+  data.tar.gz: f97e3a70c6fa86c66c2614f29b552cabc61e0acb4e82e4c83914d081b2ac921b842a7c4fbdfc9c2d5e9ceba6961145a8451d5c4c1a9131aad14581361af10542

data/lib/button_group.rb

@@ -0,0 +1,59 @@
+# -*- encoding : utf-8 -*-
+module SimplePageCompoents
+  module ButtonGroup
+    class Button
+      attr_reader :text, :url, :button_group
+
+      def initialize(button_group, text, url, *args)
+        @view = button_group.view
+        @button_group = button_group
+        @text = text
+        @url = url
+
+        @primary = args.include? :primary
+        @info    = args.include? :info
+        @success = args.include? :success
+        @warning = args.include? :warning
+        @danger  = args.include? :danger
+        @inverse = args.include? :inverse
+      end
+
+      def css_class
+        c = ['btn']
+        c << 'primary' if @primary
+        c << 'info'    if @info
+        c << 'success' if @success
+        c << 'warning' if @warning
+        c << 'danger'  if @danger
+        c << 'inverse' if @inverse
+        c.join ' '
+      end
+
+      def render
+        @view.haml_tag 'a', text, :class => css_class, :href => url
+      end
+    end
+
+    class Render
+      attr_reader :view, :buttons
+
+      def initialize(view, *args)
+        @view = view
+        @buttons = []
+      end
+
+      def add(text, url, *args)
+        button = Button.new(self, text, url, *args)
+        @buttons << button
+      end
+
+      def render
+        @view.haml_tag 'div.btn-group' do
+          @buttons.each do |button|
+            button.render
+          end
+        end
+      end
+    end
+  end
+end

data/lib/data_table.rb

@@ -0,0 +1,130 @@
+# -*- encoding : utf-8 -*-
+module SimplePageCompoents
+  module DataTable
+    class TableColumn
+      attr_reader :name
+      attr_accessor :table
+
+      def initialize(name, &block)
+        @name = name
+        @block = block
+      end
+
+      def table=(table)
+        @table = table
+        @view = table.view
+      end
+
+      def name_string
+        I18n.t "compoents.data_table.#{@table.name}.#{@name}"
+      end
+
+      def value_of(item)
+        value = @block.nil? ? item.send(@name) : @view.capture {@block.call(item)}
+        value.to_s 
+        # 如果返回 symbol，将会不能显示
+        # bugfix: Issue #1
+      end
+    end
+
+    class Render
+      attr_reader :view, :items, :columns, :name
+
+      def initialize(view, name, items = [], *args)
+        @view = view
+        @items = items
+        @name = name
+
+        @columns = []
+        @line_datas = []
+
+        # change color on mouse hover
+        @table_hover = args.include? :hover 
+        
+        # table lines with striped color
+        @striped = args.include? :striped
+
+        # table with cell border
+        @bordered = args.include? :bordered
+      end
+
+      def css_class
+        c = [
+          "page-data-table", @name
+        ]
+        c << 'table-hover' if @table_hover
+        c << 'striped' if @striped
+        c << 'bordered' if @bordered
+        c.join(' ')
+      end
+
+      def render
+        @view.haml_tag :table, :class => css_class do
+          _render_thead
+          _render_tbody
+        end
+      end
+
+      def add_column(name, &block)
+        column = TableColumn.new(name.to_s, &block)
+        column.table = self
+        @columns << column
+        self
+      end
+
+      def add_line_data(name, &block)
+        @line_datas << name
+        self
+      end
+
+      private
+        def _render_thead
+          @view.haml_tag :thead do
+            @view.haml_tag :tr do
+              _render_ths
+            end
+          end
+        end
+
+        def _render_ths
+          @columns.each do |column|
+            text = column.name_string
+            th_css_class = column.name
+            @view.haml_tag :th, text, :class => th_css_class
+          end
+        end
+
+        def _render_tbody
+          @view.haml_tag :tbody do
+            @items.each do |item|
+              _render_line(item)
+            end
+          end
+        end
+
+        def _render_line(item)
+          tr_css_class = item.class.to_s.tableize.singularize
+          data = _render_line_data(item)
+          @view.haml_tag :tr, :data => data, :class => tr_css_class do
+            _render_tds(item)
+          end
+        end
+
+        def _render_line_data(item)
+          re = Hash.new ''
+          @line_datas.each { |data|
+            re[data] = item.send(data)
+          }
+          re
+        end
+
+        def _render_tds(item)
+          @columns.each do |column|
+            text = column.value_of item
+            td_css_class = column.name
+            @view.haml_tag :td, text, :class => td_css_class
+          end
+        end
+    end
+  end
+end

data/lib/navbar.rb

@@ -0,0 +1,169 @@
+# -*- encoding : utf-8 -*-
+module SimplePageCompoents
+  module CanRenderNavUl
+    private
+      def _render_ul
+        @view.haml_tag :ul, :class => 'nav' do
+          @items.each { |item| item.render }
+        end if @items.present?
+      end
+  end
+
+  class NavItem
+    include CanRenderNavUl
+
+    attr_accessor :text, :url
+    attr_accessor :parent, :view
+    attr_accessor :items
+    
+    def initialize(text, url, options = {})
+      @option_class = options[:class] || ''
+
+      @parent = nil
+      @view   = nil
+
+      @text = text
+      @url  = url
+
+      @items = []
+    end
+
+    def is_active?
+      @view.request.path == @url
+    rescue
+      false
+    end
+
+    def css_class
+      c = [@option_class]
+      c << 'active' if is_active?
+
+      re = c.join(' ')
+
+      re.blank? ? nil : re
+    end
+
+    def render
+      @view.haml_tag :li, :class => self.css_class do
+        _render_a
+        _render_ul
+      end
+    end
+
+    def add_item(text, url, options = {}, &block)
+      item = NavItem.new(text, url)
+      add_item_obj item
+      yield item if block_given?
+      self
+    end
+
+    # 此方法为预留钩子，一般不用
+    def add_item_obj(item)
+      item.parent = self
+      item.view = @view
+      @items << item
+      self
+    end
+
+    def with_icon?
+      @parent.with_icon?
+    end
+
+    private
+      def _render_a
+        if self.with_icon?
+          @view.haml_tag :a, :href => @url do
+            @view.haml_tag :i, '', :class => 'icon'
+            @view.haml_concat @text
+          end
+          return
+        end
+        @view.haml_tag :a, @text,:href => @url
+      end
+  end
+
+  class NavbarRender
+    include CanRenderNavUl
+    
+    attr_accessor :view, :items
+
+    def initialize(view, *args)
+      @view = view
+      @items = []
+      @prepends = []
+
+      @fixed_top = args.include? :fixed_top
+      @fixed_bottom = args.include? :fixed_bottom
+      @color_inverse =  args.include? :color_inverse
+
+      @as_list = args.include? :as_list
+
+      @with_icon = args.include? :with_icon
+    end
+
+    def css_class
+      if @as_list
+        return 'page-navlist'
+      end
+
+      c = ['page-navbar']
+      c << 'fixed-top' if @fixed_top
+      c << 'fixed-bottom' if @fixed_buttom
+      c << 'color-inverse' if @color_inverse
+
+      c.join(' ')
+    end
+
+    def inner_css_class
+      if @as_list
+        return 'navlist-inner'
+      end
+
+      'navbar-inner'
+    end
+
+    def add_item(text, url, options = {}, &block)
+      item = NavItem.new(text, url)
+      add_item_obj item
+      yield item if block_given?
+      self
+    end
+
+    # 此方法为预留钩子，一般不用
+    def add_item_obj(item)
+      item.parent = self
+      item.view = @view
+      @items << item
+      self
+    end
+
+    def with_icon?
+      @with_icon
+    end
+
+    def prepend(str = '', &block)
+      @prepends << str
+      self
+    end
+
+    def render
+      @view.haml_tag :div, :class => self.css_class do
+        @view.haml_tag :div, :class => self.inner_css_class do
+          _render_prepend
+          _render_ul
+        end
+      end
+    end
+
+    private
+      def _render_prepend
+        return if @prepends.blank?
+        @view.haml_tag :div, :class => 'navbar-prepend' do
+          @prepends.each do |p|
+            @view.haml_concat p
+          end
+        end
+      end
+  end
+end
+

data/lib/progress_bar.rb

@@ -0,0 +1,41 @@
+# -*- encoding : utf-8 -*-
+module SimplePageCompoents
+  module ProgressBar
+    class Render
+      attr_reader :view, :percent
+
+      def initialize(view, percent = 0, *args)
+        @view = view
+        @percent = percent
+
+        @striped = args.include? :striped
+        @active = args.include? :active
+
+        @info = args.include? :info
+        @success = args.include? :success
+        @warning = args.include? :warning
+        @danger = args.include? :danger
+      end
+
+      def css_class
+        c = ['page-progress']
+
+        c << 'striped' if @striped
+        c << 'active' if @active
+        
+        c << 'info' if @info
+        c << 'success' if @success
+        c << 'warning' if @warning
+        c << 'danger' if @danger
+
+        c.join(' ')
+      end
+
+      def render
+        @view.haml_tag :div, :class => css_class do
+          @view.haml_tag :div, '', :class => :bar, :style => "width:#{@percent}%;"
+        end
+      end
+    end
+  end
+end

data/lib/simple-page-compoents.rb

@@ -1,65 +1,32 @@
-module SimplePageCompoents
-  class NavbarRender
-    class NavItem
-      attr_accessor :text, :url
-      def initialize(text, url)
-        @text = text
-        @url  = url
-      end
-    end
-
-    def initialize(view, *args)
-      @view = view
-      @items = []
-      @prepends = []
-
-      @fixed_top = args.include? :fixed_top
-      @fixed_bottom = args.include? :fixed_bottom
-      @color_inverse =  args.include? :color_inverse
-    end
-
-    def add_item(text, url)
-      @items << NavItem.new(text, url)
-      self
-    end
+# -*- encoding : utf-8 -*-
+require 'navbar'
+require 'data_table'
+require 'progress_bar'
+require 'button_group'
 
-    def prepend(str)
-      @prepends << str
+module SimplePageCompoents
+  module Helper
+    def page_navbar(*args, &block)
+      navbar = NavbarRender.new(self, *args)
+      yield navbar
+      capture {navbar.render}
     end
 
-    def css_class
-      c = ['page-navbar']
-      c << 'navbar-fixed-top' if @fixed_top
-      c << 'navbar-fixed-bottom' if @fixed_buttom
-      c << 'color-inverse' if @color_inverse
-
-      c.join(' ')
+    def page_data_table(name, items, *args)
+      table = DataTable::Render.new(self, name, items, *args)
+      yield table
+      capture {table.render}
     end
 
-    def render
-      @view.haml_tag :div, :class => self.css_class do
-        @view.haml_tag :div, :class => 'navbar-inner' do
-          @view.haml_tag :div, :class => 'nav-prepend' do
-            @prepends.each do |p|
-              @view.haml_concat p
-            end
-          end
-
-          @view.haml_tag :ul, :class => 'nav' do
-            @items.each do |item|
-              @view.haml_tag :li do
-                @view.haml_tag :a, item.text,:href => item.url
-              end
-            end
-          end
-        end
-      end
+    def page_progress_bar(percent = 0, *args)
+      pb = ProgressBar::Render.new(self, percent, *args)
+      capture {pb.render}
     end
-  end
 
-  module Helper
-    def page_navbar(*args)
-      NavbarRender.new(self, *args)
+    def page_button_group(name, *args)
+      button_group = ButtonGroup::Render.new(self, name, *args)
+      yield button_group
+      capture {button_group.render}
     end
   end
 
@@ -73,4 +40,5 @@ module SimplePageCompoents
     class Engine < ::Rails::Engine
     end
   end
-end
+end
+

data/vendor/assets/stylesheets/buttons.scss

@@ -0,0 +1,152 @@
+.btn{
+  background-color:#f5f5f5;
+  @include gradient(#fff, #e6e6e6);
+  border-color:rgba(black, 0.1) rgba(black, 0.1) #b3b3b3;
+  border-image:none;
+  @include border-radius(3px);
+  border-style:solid;
+  border-width:1px;
+  @include box-shadow(
+    (0 1px 0 rgba(white, 0.2) inset, 0 1px 2px rgba(black, 0.05))
+  );
+  color:#333;
+  cursor:pointer;
+  display:inline-block;
+  font-size:14px;
+  line-height:20px;
+  margin-bottom:0;
+  padding:4px 12px;
+  text-align:center;
+  text-shadow:0 1px 1px rgba(white, 0.75);
+  vertical-align:middle;
+  &:hover, &:focus {
+    background-position:0 -15px;
+    color:#333;
+    text-decoration:none;
+    @include transition(background-position 0.1s linear 0s);
+  }
+  &:focus {
+    outline:thin dotted #333;
+    outline-offset:-2px;
+    @include box-shadow((0 2px 4px rgba(black, 0.15) inset, 0 1px 2px rgba(black, 0.05)));
+  }
+  &:active, &.active {
+    border-image:none;
+    outline:0 none;
+  }
+
+  &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+    background-color:#e6e6e6;
+  }
+  &.disabled, &[disabled] {
+    background-image:none;
+    @include box-shadow(none);
+    cursor:default;
+    opacity:0.65;
+  }
+
+  &.primary {
+    background-color: #006DCC;
+    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    color: #FFFFFF;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+      background-color: #0044CC;
+      color:#fff;
+    }
+  }
+
+  &.info {
+    background-color: #49AFCD;
+    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    color: #FFFFFF;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+      background-color: #2F96B4;
+      color:#fff;
+    }
+  }
+
+  &.success {
+    background-color: #5BB75B;
+    background-image: linear-gradient(to bottom, #62C462, #51A351);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    color: #FFFFFF;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+      background-color: #51A351;
+      color:#fff;
+    }
+  }
+
+  &.warning {
+    background-color: #FAA732;
+    background-image: linear-gradient(to bottom, #FBB450, #F89406);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    color: #FFFFFF;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+      background-color: #F89406;
+      color:#fff;
+    }
+  }
+
+  &.danger {
+    background-color: #DA4F49;
+    background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    color: #FFFFFF;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+      background-color: #BD362F;
+      color:#fff;
+    }
+  }
+
+  &.inverse {
+    background-color: #363636;
+    background-image: linear-gradient(to bottom, #444444, #222222);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    color: #FFFFFF;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+      background-color: #222;
+      color:#fff;
+    }
+  }
+}
+
+.btn-group {
+  display:inline-block;
+  font-size:0;
+  position:relative;
+  vertical-align:middle;
+  white-space:nowrap;
+
+  > .btn {
+    @include border-radius(0);
+    font-size:14px;
+    position:relative;
+
+    &:first-child {
+      @include border-radius(4px 0 0 4px);
+      margin-left:0;
+    }
+
+    &:last-child {
+      @include border-radius(0 4px 4px 0);
+    }
+
+    & + .btn {
+      margin-left:-1px;
+    }
+  }
+}

data/vendor/assets/stylesheets/form.scss

@@ -57,42 +57,4 @@ input[type="radio"],
 input[type="checkbox"] {
   line-height:normal;
   margin-top:4px;
-}
-
-.btn{
-  background-color:#f5f5f5;
-  @include gradient(#fff, #e6e6e6);
-  border-color:rgba(black, 0.1) rgba(black, 0.1) #b3b3b3;
-  border-image:none;
-  @include border-radius(3px);
-  border-style:solid;
-  border-width:1px;
-  @include box-shadow(
-    (0 1px 0 rgba(white, 0.2) inset, 0 1px 2px rgba(black, 0.05))
-  );
-  color:#333;
-  cursor:pointer;
-  display:inline-block;
-  font-size:14px;
-  line-height:20px;
-  margin-bottom:0;
-  padding:4px 12px;
-  text-align:center;
-  text-shadow:0 1px 1px rgba(white, 0.75);
-  vertical-align:middle;
-  &:hover, &:focus{
-    background-position:0 -15px;
-    color:#333;
-    text-decoration:none;
-    @include transition(background-position 0.1s linear 0s);
-  }
-  &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
-    background-color:#e6e6e6;
-  }
-  &.disabled, &[disabled] {
-    background-image:none;
-    @include box-shadow(none);
-    cursor:default;
-    opacity:0.65;
-  }
-}
+}