simple-page-compoents 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 511a8915f04c49db9f1b60b494c5a1cc4a8bfc55
+  data.tar.gz: 36068bb4d7860503d4c8436c3f12ba77a6c2fa99
+SHA512:
+  metadata.gz: 9dea5bfbebc1290b24527194154a7767a7e240e8a50aaf7c8cb8353d7773fbf4db0bc78b23ebd0da17398166c8f8b7b7c1b53da869ec3ed8245a10ae2116f255
+  data.tar.gz: 2b8868801cd9128397a5ac2be5f6ffb14575f57ed76f31f8bcb562735e9a31d06c597b755982b82a8c44d5436b257546c14e56a8b20b58910b24ee75e964beed

data/README.md

@@ -0,0 +1,4 @@
+simple-page-compoents
+=====================
+
+to add some ui compoents for rails3

data/lib/simple-page-compoents.rb

@@ -0,0 +1,76 @@
+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
+
+    def prepend(str)
+      @prepends << str
+    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(' ')
+    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
+    end
+  end
+
+  module Helper
+    def page_navbar(*args)
+      NavbarRender.new(self, *args)
+    end
+  end
+
+  module Rails
+    class Railtie < ::Rails::Railtie
+      initializer 'SimplePageLayout.helper' do |app|
+        ActionView::Base.send :include, Helper
+      end
+    end
+
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/vendor/assets/stylesheets/form.scss

@@ -0,0 +1,98 @@
+textarea, 
+input[type="text"], 
+input[type="password"], 
+input[type="datetime"], 
+input[type="datetime-local"], 
+input[type="date"], 
+input[type="month"], 
+input[type="time"], 
+input[type="week"], 
+input[type="number"], 
+input[type="email"], 
+input[type="url"], 
+input[type="search"], 
+input[type="tel"], 
+input[type="color"] {
+  background-color:#fff;
+  border:solid 1px #ccc;
+  @include box-shadow(0 1px 1px rgba(black, 0.075) inset);
+  
+
+  @include border-radius(3px);
+  color:#555;
+  font-size:14px;
+  height:20px;line-height:20px;
+  margin-bottom:10px;
+  padding:4px 6px;
+  vertical-align:middle;
+}
+
+label{
+  display:block;
+  margin-bottom:5px;
+}
+
+label.radio, label.checkbox {
+  padding-left:20px;
+  min-height:20px;
+}
+
+.radio input[type="radio"], 
+.checkbox input[type="checkbox"] {
+  float:left;
+  margin-left:-20px;
+}
+
+input[type="file"], 
+input[type="image"], 
+input[type="submit"], 
+input[type="reset"], 
+input[type="button"], 
+input[type="radio"], 
+input[type="checkbox"] {
+  width:auto;
+}
+
+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;
+  }
+}

data/vendor/assets/stylesheets/mixins.scss

@@ -0,0 +1,26 @@
+@mixin border-radius($radius) {
+     -moz-border-radius : $radius;
+  -webkit-border-radius : $radius;
+          border-radius : $radius;
+}
+
+@mixin box-shadow($bs) {
+     -moz-box-shadow : $bs;
+  -webkit-box-shadow : $bs;
+          box-shadow : $bs;
+}
+
+@mixin gradient($from, $to){
+  background-color : mix($from, $to);
+  background-image : -moz-linear-gradient(top, $from, $to);
+  background-image : -webkit-linear-gradient(top, from($from), to($to));
+  background-image : -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));
+  background-image : linear-gradient(to bottom, $from, $to);
+  background-repeat: repeat-x;
+}
+
+@mixin transition($params){
+     -moz-transition : $params;
+  -webkit-transition : $params;
+          transition : $params;
+}

data/vendor/assets/stylesheets/navbar.scss

@@ -0,0 +1,90 @@
+body > .page-navbar {
+  font-size:13px;
+}
+
+.navbar-fixed-top {
+  top:0;
+}
+
+.navbar-fixed-bottom {
+  bottom:0;
+}
+
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  left: 0;
+  margin-bottom: 0;
+  position: fixed;
+  right: 0;
+  z-index: 1000;
+  .navbar-inner{
+    padding-left:0;
+    padding-right:0;
+    @include border-radius(0);
+  }
+}
+
+.page-navbar{
+  overflow:visible;
+  .nav{
+    display:block;
+    float:left;
+    left:0;
+    margin:0 10px 0 0;
+    position:relative;
+    list-style:none outside none;
+    &>li{
+      float:left;
+      line-height:20px;
+      &>a{
+        color:#777;
+        float:none;
+        padding:10px 15px;
+        text-decoration:none;
+        text-shadow:0 1px 0 #fff;
+        display:block;
+        &:hover{
+          color:#333;
+        }
+      }
+    }
+  }
+
+  &.color-inverse{
+    .navbar-inner {
+      @include gradient(#222, #111);
+      border-color:#252525;
+      .nav > li > a {
+        color:#999;
+        text-shadow:0 -1px 0 rgba(black, 0.25);
+        &:hover{
+          color:white;
+        }
+      }
+    }
+  }
+}
+
+.navbar-inner{
+  &:after{
+    clear:both;
+  }
+  &:before, &:after{
+    content:"";
+    display:table;
+    line-height:0;
+  }
+  @include gradient(#fff, #f2f2f2);
+  border:solid 1px #d4d4d4;
+  @include border-radius(3px);
+  @include box-shadow(0 1px 3px rgba(black, 0.067));
+  min-height:40px;
+  padding-left:20px;
+  padding-right:20px;
+}
+
+.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
+  @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
+  border-width:0 0 1px;
+}
+

data/vendor/assets/stylesheets/simple-page-compoents.scss

@@ -0,0 +1,3 @@
+@import 'mixins';
+@import 'form';
+@import 'navbar';

metadata

@@ -0,0 +1,49 @@
+--- !ruby/object:Gem::Specification
+name: simple-page-compoents
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- ben7th
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-03-11 00:00:00.000000000 Z
+dependencies: []
+description: to add some ui compoents for rails3.
+email: ben7th@sina.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/simple-page-compoents.rb
+- vendor/assets/stylesheets/navbar.scss
+- vendor/assets/stylesheets/form.scss
+- vendor/assets/stylesheets/simple-page-compoents.scss
+- vendor/assets/stylesheets/mixins.scss
+- README.md
+homepage: https://github.com/mindpin/simple-images
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.0
+signing_key: 
+specification_version: 4
+summary: simple page compoents
+test_files: []