railstrap 0.0.1

data/lib/generators/railstrap/kaminari/templates/_next_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Next" page
+  - available local variables
+    url:           url to the next page
+    current_page:  a page object for the currently displayed page
+    num_pages:     total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<% unless current_page.last? %>
+<li class="next_page">
+  <%= link_to_unless current_page.last?, raw(content_tag("i"," ",:class=>"icon-arrow-right")), url, :rel => 'next', :remote => remote %>
+</li>
+<% end %>

data/lib/generators/railstrap/kaminari/templates/_page.html.erb

@@ -0,0 +1,12 @@
+<%# Link showing page number
+  - available local variables
+    page:          a page object for "this" page
+    url:           url to this page
+    current_page:  a page object for the currently displayed page
+    num_pages:     total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<li class="page<%= ' active' if page.current? %>">
+  <%= link_to page, url, opts = {:remote => remote, :rel => page.next? ? 'next' : page.prev? ? 'prev' : nil} %>
+</li>

data/lib/generators/railstrap/kaminari/templates/_paginator.html.erb

@@ -0,0 +1,25 @@
+<%# The container tag
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    num_pages:     total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+    paginator:     the paginator that renders the pagination tags inside
+-%>
+<%= paginator.render do -%>
+  <div class="pagination">
+    <ul>
+    <%= first_page_tag unless current_page.first? %>
+    <%= prev_page_tag unless current_page.first? %>
+    <% each_page do |page| -%>
+      <% if page.left_outer? || page.right_outer? || page.inside_window? -%>
+        <%= page_tag page %>
+      <% elsif !page.was_truncated? -%>
+        <%= gap_tag %>
+      <% end -%>
+    <% end -%>
+    <%= next_page_tag unless current_page.last? %>
+    <%= last_page_tag unless current_page.last? %>
+    </ul>
+  </div>
+<% end -%>

data/lib/generators/railstrap/kaminari/templates/_prev_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Previous" page
+  - available local variables
+    url:           url to the previous page
+    current_page:  a page object for the currently displayed page
+    num_pages:     total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<% unless current_page.first? %>
+<li class="prev">
+  <%= link_to_unless current_page.first?, raw(content_tag("i"," ",:class=>"icon-arrow-left")), url, :rel => 'prev', :remote => remote %>
+</li>
+<% end %>

data/lib/generators/railstrap/layout/layout_generator.rb

@@ -0,0 +1,30 @@
+#layout_generator.rb
+module Railstrap
+  class LayoutGenerator < Rails::Generators::Base
+    desc "Instala um Layout para Administração e cria o arquivo railstrap_painel.css.scss"
+    source_root File.expand_path('../templates', __FILE__)
+    
+    argument :layout_name, :type => :string, :default => 'application'
+    
+    #class_option :theme,        :type => :string,   :default => :default,   :desc => 'Specify the layout theme'
+    #class_option :engine,       :type => :string,   :default => 'erb',      :desc => 'Specify the template engine'
+    class_option :app_name,     :type => :string,   :default => 'Railstrap Painel',  :desc => 'Specify the application name'
+    class_option :no_layout,    :type => :boolean,  :default => false,      :desc => 'Use this option if you want to generate only stylesheets'
+    class_option :no_assets,    :type => :boolean,  :default => false,      :desc => 'Use this option if you want to generate only the Layout File'
+    class_option :layout_type,  :type => :string,   :default => 'admin',    :desc => 'Layout type, admin or sign'
+    
+    def copy_layout
+      return if options.no_layout
+      admin_layout_name = options.layout_type == 'sign' ? "layout_railstrap_sign.html.erb" : "layout_railstrap.html.erb"
+
+      template  admin_layout_name, "app/views/layouts/#{layout_name.underscore}.html.erb"
+    end
+
+    def copy_assets
+      return if options.no_assets
+      template "railstrap_painel.css.scss.erb", "app/assets/stylesheets/railstrap_painel.css.scss"
+      template "railstrap_painel.js.erb", "app/assets/javascripts/railstrap_painel.js"
+    end
+
+  end
+end

data/lib/generators/railstrap/layout/templates/layout_railstrap.html.erb

@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>RailsTrap - <%=options.app_name%></title>
+      <!--<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>-->
+  <!--[if lt IE 9]>
+    <%#= javascript_include_tag "html5" %>
+  <![endif]-->
+  <%%= stylesheet_link_tag    "railstrap_painel", :media => "all" %>
+  <%%= javascript_include_tag "railstrap_painel" %>
+    <style type="text/css">
+      body {
+      /  padding-top: 60px;
+        padding-bottom: 10px;
+      }
+      .sidebar-nav {
+        padding: 9px 0;
+      }
+    </style>
+  <%%= csrf_meta_tags %>
+<!--  <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
+
+</head>
+<body data-offset="50">
+
+<!--[inicio] barra_fixa -->
+<div class="navbar navbar-fixed-top">
+  <div class="navbar-inner">
+    <div class="container">
+
+      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </a>
+      <a class="brand" href="#">
+        <span style="color:#ffe62f">Rails</span><span style="color:#fff">Trap</span>
+        <sup><span class="label label-warning">beta</span></sup>
+      </a>
+      <div class="nav-collapse">
+<!--        <ul class="nav">
+
+          <li class="active"><a href="#siteRoot">Ir ao site</a></li>
+          <!- -<li class="divider-vertical"></li>- ->
+        </ul>
+-->
+        <%# if cliente_signed_in? %>
+        <ul class="nav pull-right">
+
+          <li class="active"><a href="#">Ir ao site</a></li>
+          <!--<li class="divider-vertical"></li>-->
+          <li class="dropdown">
+                <a data-toggle="dropdown" class="dropdown-toggle " href="#">NameUser <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                  <li>
+                    <a href="#"><i class="icon-user"></i> My account  </a>
+                  </li>
+                  <li>
+                    <a href="#"><i class="icon-lock"></i> Change password</a>
+                  </li>
+                  <li class="divider"></li>
+                  <li>
+                    <%%= link_to (raw('<i class="icon-off"></i> Logout'), '#', 
+        :method => :delete, :style => 'font-weight:bold') %>
+                  </li>
+                </ul>
+              </li>
+        </ul>
+          
+        <!--<p class="navbar-text pull-right painel_logado active">Logado como 
+          <a style='margin-right:10px;' href="#"><i class="icon-white icon-user"></i> #UserLoggedIN</a> 
+        </p>-->
+        <%#end%>
+      </div><!--/.nav-collapse -->
+    </div>
+  </div>
+</div>
+<!--[fim] barra_fixa -->
+
+
+<!--[inicio] wrap -->
+<div id="listaguarapari">
+
+<div class="container">
+
+<header id="header">
+  <div class="row">
+   <div class="span8"><!-- --></div>
+   <div class="span4"><!-- --></div>   
+  </div>
+<br /><br />
+</header>
+
+<section id="global_container"> 
+  <div class="row">
+    <div class="span2">
+      <div class="well sidebar-nav">
+        <ul class="nav nav-list">
+          <li class="active"><a href="#">Home</a></li>
+          <li class="nav-header">Cadastros</li>
+          <li><a href="#">Clientes</a></li>
+          <li><a href="#">Galerias</a></li>
+          <li><a href="#">Serviços</a></li>
+          <li><a href="#">Páginas</a></li>
+          <li class="nav-header">Configurações</li>
+          <li><a href="#">Slider</a></li>
+            <!-- DIVISOR -->
+          <li class="divider"></li>
+          <li><a href="#">Contatos via Site</a></li>
+        </ul>
+      </div><!--/.well -->
+    </div>
+
+<div class="span10">
+<%%= yield %>
+</div>
+
+  </div>
+</section>
+
+
+<footer class="footer container">
+  <hr>
+    <p class="pull-right"><a href="#">Voltar ao Topo</a></p>
+    <p><%%=link_to 'Railstrap', 'http://github.com/allanfreitas/railstrap' %> <%%=Time.now.year%>. Todos os direitos reservados.</p>
+    <p>Desenvolvido e mantido por <a href="http://www.allanfreitas.com.br">@allanfreitas</a>.</p>
+    <p>Licença <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+</footer>
+
+</div><!--[fim] container -->
+
+</div><!--[fim] listaguarapari -->
+</body>
+</html>

data/lib/generators/railstrap/layout/templates/railstrap_painel.css.scss.erb

@@ -0,0 +1,284 @@
+/*
+div.choices{
+width:600px
+}
+
+div.choices ul.choices-group{
+list-style-type: none;
+list-style: none;
+}
+
+div.choices ul.choices-group li.choice label input{
+float:left;
+}
+
+div.choices ul.choices-group li.choice label{
+clear:left}
+
+div.choices ul.choices-group li.choice{
+float:left;
+padding:4px;
+width:145px;
+}
+*/
+
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ * = requ ire_self
+ * = requ ire_tree .
+ * = req uire bootstrap
+*/
+
+//$linkColor: green;
+
+// change grid
+//$gridColumnWidth: 70px;
+//$gridGutterWidth: 10px;
+
+//----------------------------------
+//teste de override
+// Navbar
+$navbarHeight: 40px;
+$navbarBackground: #3196B4;
+$navbarBackgroundHighlight: #53B8D6;
+$navbarLinkBackgroundHover: transparent;
+
+//$navbarText: $grayLight;
+$navbarText: white;
+$navbarLinkColor: white;
+$navbarLinkColorHover: #ffe62f;
+//----------------------------------
+
+//@import "variables"; // Modify this for custom colors, font-sizes, etc
+
+// Sprite icons path
+// -------------------------
+//$iconSpritePath:          image-path("glyphicons-halflings.png");
+//$iconSpritePath:          asset-path("glyphicons-halflings.png",image);
+//$iconWhiteSpritePath:     image-path("glyphicons-halflings-white.png");
+//$iconWhiteSpritePath:     asset-path("glyphicons-halflings-white.png",image);
+// ----------------------------------
+
+// import original bootstrap
+@import "bootstrap";
+
+/*
+INCLUIR ISSO ENTRE a
+chamada do "bootstrap"
+e a chamada do "responsive"
+*/
+body {
+  padding-top: 60px;
+  padding-bottom: 40px;
+}
+
+.sidebar-nav {
+  padding: 9px 0;
+}
+
+
+.navbar-search .search-query {
+  background-color:#FFFFFF;
+}
+
+
+/*
+Cabeçalho da Tabela
+*/
+html body div.container-fluid table.table thead tr th,
+html body div.container table.table thead tr th{
+  padding: 4px 10px 4px;
+  font-size: 13px;
+  line-height: 18px;
+  color: #333;
+  text-align: center;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  background-color: #FAFAFA;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));
+  background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);
+  background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);
+  background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);
+  background-image: -o-linear-gradient(white, white 25%, #E6E6E6);
+  background-image: linear-gradient(white, white 25%, #E6E6E6);
+  background-repeat: no-repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+}
+//------------------
+
+//BOTAO da Tabela
+  .btn-smallest {
+    margin-left: 3px;
+    padding: 1px 2px;
+    font-size: 11px;
+    line-height: 16px;
+  }
+//-------------
+
+
+//-----------------------------------
+.boolean div.controls label.checkbox input.boolean{
+  float:none;
+  cursor:pointer;
+}
+
+.boolean div.controls label.checkbox {
+  cursor:pointer;
+}
+
+.radio input[type="radio"], .checkbox input[type="checkbox"]{
+  /*clear:both;*/
+}
+
+//-----------------------------------
+.form-search{
+  margin:0;
+  margin-right: 5px;
+}
+
+.form-search-top input{
+  width:120px;
+}
+
+
+html body div.container-fluid,
+html body div.container {
+/*  padding-top:40px;*/
+}
+
+html body div.container-fluid table.table thead tr th, 
+html body div.container table.table thead tr th {
+  color:#305B7F;
+}
+/*
+table.table {
+  margin-top:10px;
+}*/
+
+.pagination{
+  margin:0;
+}
+
+
+.subnav ul.nav div.pagination{
+  margin-left: 5px;
+}
+
+//-----------------------------------
+/* Subnav */
+.subnav {
+  width: 100%;
+  height: 36px;
+  background-color: #eeeeee; /* Old browsers */
+  background-repeat: repeat-x; /* Repeat the gradient */
+  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
+  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
+  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
+  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
+  border: 1px solid #e5e5e5;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+}
+.subnav .nav {
+  margin-bottom: 0;
+}
+.subnav .nav > li > a {
+  margin: 0;
+  padding-top:    11px;
+  padding-bottom: 11px;
+  border-left: 1px solid #f5f5f5;
+  border-right: 1px solid #e5e5e5;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+.subnav .nav > .active > a,
+.subnav .nav > .active > a:hover {
+  padding-left: 13px;
+  color: #777;
+  background-color: #e9e9e9;
+  border-right-color: #ddd;
+  border-left: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
+     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
+          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
+}
+.subnav .nav > .active > a .caret,
+.subnav .nav > .active > a:hover .caret {
+  border-top-color: #777;
+}
+.subnav .nav > li:first-child > a,
+.subnav .nav > li:first-child > a:hover {
+  border-left: 0;
+  padding-left: 12px;
+  -webkit-border-radius: 4px 0 0 4px;
+     -moz-border-radius: 4px 0 0 4px;
+          border-radius: 4px 0 0 4px;
+}
+.subnav .nav > li:last-child > a {
+  border-right: 0;
+}
+.subnav .dropdown-menu {
+  -webkit-border-radius: 0 0 4px 4px;
+     -moz-border-radius: 0 0 4px 4px;
+          border-radius: 0 0 4px 4px;
+}
+
+/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
+@media (min-width: 980px) {
+  .subnav-fixed {
+    position: fixed;
+    top: 40px;
+    left: 0;
+    right: 0;
+    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
+    border-color: #d5d5d5;
+    border-width: 0 0 1px; /* drop the border on the fixed edges */
+    -webkit-border-radius: 0;
+       -moz-border-radius: 0;
+            border-radius: 0;
+    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+            box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
+  }
+  .subnav-fixed .nav {
+   /* width: 938px; */
+    margin: 0 auto;
+    padding: 0 1px;
+  }
+  .subnav .nav > li:first-child > a,
+  .subnav .nav > li:first-child > a:hover {
+    -webkit-border-radius: 0;
+       -moz-border-radius: 0;
+            border-radius: 0;
+  }
+}
+//-----------------------------------
+
+.painel_logado a{
+  color: #FFE62F;
+  font-weight:bold;
+  line-height: 19px;
+  padding: 12px 10px 11px;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.painel_logado a:hover{
+  background-color: #3196B4;
+}
+
+//-------------------------------------
+@import "bootstrap-responsive";