web-app-theme 0.3.0

data/rails_generators/themed/templates/view_show.html.erb

@@ -0,0 +1,23 @@
+<div class="block">
+  <div class="secondary-navigation">
+    <ul>
+      <li class="first"><%%= link_to 'List', <%= controller_routing_path %>_path  %></li>
+      <li><%%= link_to 'New', new_<%= singular_controller_routing_path %>_path %></li>
+      <li class="active"><%%= link_to 'Show', <%= singular_controller_routing_path %>_path %></li>
+    </ul>
+    <div class="clear"></div>
+  </div>          
+  <div class="content">
+    <div class="inner">
+      <% columns.each do |column| %>
+        <p>
+          <b><%= column.name.capitalize %>:</b>
+          <%%= @<%= resource_name %>.<%= column.name %> %>
+        </p>
+      <%- end -%>
+      <%%= link_to 'Edit', edit_<%= singular_controller_routing_path %>_path(@<%= resource_name %>) %>
+    </div>
+  </div>
+</div>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>

data/rails_generators/themed/templates/view_sidebar.html.erb

@@ -0,0 +1,13 @@
+<div class="block">
+  <h3>Simple Block</h3>
+  <div class="content">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+  </div>
+</div>
+<div class="block">
+  <h3>Links</h3>
+  <ul class="navigation">
+    <li><a href="#">Link 1</a></li>
+    <li><a href="#">Link 2</a></li>
+  </ul>
+</div>

data/rails_generators/themed/templates/view_signin.html.erb

@@ -0,0 +1,39 @@
+<h1><%= options[:app_name] %></h1>
+<div class="block" id="block-login">
+  <h2>Login Box</h2>        
+  <div class="content login">
+    <div class="flash">
+      <%% flash.each do |type, message| -%>
+      <div class="message <%%= type %>">
+        <p><%%=  message %></p>
+      </div>
+      <%% end -%>
+    </div>
+    <%% form_tag({:action => :create}, :class => 'form login') do -%>
+      <div class="group">
+        <div class="left">
+          <label class="label right">Login</label>
+        </div>
+        <div class="right">
+          <%%= text_field_tag :login, @login, :class => 'text_field' %>
+        </div>              
+        <div class="clear"></div>
+      </div>
+      <div class="group">
+        <div class="left">
+          <label class="label right">Password</label>
+        </div>
+        <div class="right">
+          <%%= password_field_tag :password, nil, :class => 'text_field' %>
+        </div>              
+        <div class="clear"></div>
+      </div>
+      <div class="group navform">
+        <div class="right">
+          <input type="submit" class="button" value="Sign in" />
+        </div>
+        <div class="clear"></div>
+      </div>            
+    <%% end -%>
+  </div>
+</div>

data/rails_generators/themed/templates/view_signup.html.erb

@@ -0,0 +1,56 @@
+<h1><%= options[:app_name] %></h1>
+<div class="block" id="block-signup">
+  <h2>Sign up</h2>        
+  <div class="content">
+    <div class="flash">
+      <%% flash.each do |type, message| -%>
+      <div class="message <%%= type %>">
+        <p><%%=  message %></p>
+      </div>
+      <%% end -%>
+    </div>
+    <%% form_for :<%= resource_name %>, :url => <%= controller_routing_path %>_path, :html => { :class => 'form' } do |f| -%>
+      <div class="group">
+        <div class="left">
+          <label class="label">Login</label>
+        </div>
+        <div class="right">
+          <%%= f.text_field :login, :class => 'text_field' %>
+        </div>              
+        <div class="clear"></div>
+      </div>
+      <div class="group">
+        <div class="left">
+          <label class="label">Email</label>                
+        </div>
+        <div class="right">
+          <%%= f.text_field :email, :class => 'text_field' %>
+        </div>              
+        <div class="clear"></div>
+      </div>
+      <div class="group">
+        <div class="left">
+          <label class="label">Password</label>
+        </div>
+        <div class="right">
+          <%%= f.password_field :password, :class => 'text_field' %>
+        </div>              
+        <div class="clear"></div>
+      </div>
+      
+      <div class="group">
+        <div class="left">
+          <label class="label">Password</label>
+        </div>
+        <div class="right">
+          <%%= f.password_field :password_confirmation, :class => 'text_field' %>
+        </div>              
+        <div class="clear"></div>
+      </div>
+      
+      <div class="group navform">
+        <input type="submit" class="button" value="Sign up" />
+      </div>
+    <%% end -%>
+  </div>
+</div>

data/rails_generators/themed/templates/view_tables.html.erb

@@ -0,0 +1,54 @@
+<div class="block">
+  <div class="secondary-navigation">
+    <ul>
+      <li class="first active"><%%= link_to 'List', <%= controller_routing_path %>_path %></li>
+      <li><%%= link_to 'New', new_<%= singular_controller_routing_path %>_path %></li>
+    </ul>
+    <div class="clear"></div>
+  </div>          
+  <div class="content">          
+    <h2 class="title">All <%= plural_model_name %></h2>
+    <div class="inner">
+      <table class="table">
+        <tr>             
+          <th class="first">ID</th>
+					<% unless columns.empty? -%>
+					<th><%= columns.first.name.capitalize %></th>
+					<% end -%>
+          <th>Created at</th>
+          <th class="last">&nbsp;</th>
+        </tr>
+        <%% @<%= plural_resource_name %>.each do |<%= resource_name %>| -%>
+        <tr class="<%%= cycle("odd", "even") %>">
+          <td>
+            <%%= <%= resource_name %>.id %>
+          </td>
+					<% unless columns.empty? -%>
+					<td>
+						<%%= link_to <%= resource_name %>.<%= columns.first.name %>, <%= singular_controller_routing_path %>_path(<%= resource_name %>) %>
+					</td>
+					<% end -%>
+					<td>
+            <%%= <%= resource_name %>.created_at %>
+          </td>
+          <td class="last">
+            <%%= link_to 'show', <%= singular_controller_routing_path %>_path(<%= resource_name %>) %> |
+            <%%= link_to 'edit', edit_<%= singular_controller_routing_path %>_path(<%= resource_name %>) %> |
+            <%%= link_to 'destroy', <%= singular_controller_routing_path %>_path(<%= resource_name %>), :method => :delete, :confirm => 'Are you sure?' %>
+          </td>
+        </tr>          
+        <%% end -%>
+      </table>
+      <div class="actions-bar">
+        <div class="actions">
+        </div>
+        <% if options[:will_paginate] %>
+        <%%= will_paginate @<%= resource_name %>  %>
+        <% end %>
+        <div class="clear"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>

data/rails_generators/themed/templates/view_text.html.erb

@@ -0,0 +1,18 @@
+<div class="block" id="block-text">  
+  <div class="content">
+    <h2 class="title"><%= resource_name.capitalize %></h2>
+    <div class="inner">
+      <p class="first">
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <p> <span class="small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p>
+      <p> <span class="gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p>
+      <hr />
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+    </div>
+  </div>
+</div>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>

data/rails_generators/themed/themed_generator.rb

@@ -0,0 +1,95 @@
+class ThemedGenerator < Rails::Generator::NamedBase
+  
+  default_options :app_name => 'Web App',
+                  :themed_type => :crud,
+                  :layout => false,
+                  :will_paginate => false
+  
+  attr_reader :controller_routing_path, 
+              :singular_controller_routing_path,
+              :columns,
+              :model_name,
+              :plural_model_name,
+              :resource_name,
+              :plural_resource_name
+  
+  def initialize(runtime_args, runtime_options = {})
+    super
+    @controller_path  = runtime_args.shift
+    @model_name       = runtime_args.shift   
+  end
+  
+  def manifest
+    @controller_routing_path          = @table_name    
+    @singular_controller_routing_path = @table_name.singularize    
+    base_name, @controller_class_path, @controller_file_path, @controller_class_nesting, @controller_class_nesting_depth = extract_modules(@controller_path)    
+    @model_name = base_name.singularize unless @model_name
+    
+    # Post
+    @model_name           = @model_name.camelize 
+    # Posts
+    @plural_model_name    = @model_name.pluralize
+    # post 
+    @resource_name        = @model_name.underscore 
+    # posts
+    @plural_resource_name = @resource_name.pluralize                
+    
+    manifest_method = "manifest_for_#{options[:themed_type]}"
+    record do |m|
+      send(manifest_method, m) if respond_to?(manifest_method)
+    end
+  end
+  
+protected
+  
+  def manifest_for_crud(m)
+    @columns = get_columns
+    m.directory(File.join('app/views', @controller_file_path))                        
+    m.template('view_tables.html.erb',  File.join("app/views", @controller_file_path, "index.html.erb"))
+    m.template('view_new.html.erb',     File.join("app/views", @controller_file_path, "new.html.erb"))
+    m.template('view_edit.html.erb',    File.join("app/views", @controller_file_path, "edit.html.erb"))
+    m.template('view_form.html.erb',    File.join("app/views", @controller_file_path, "_form.html.erb"))
+    m.template('view_show.html.erb',    File.join("app/views", @controller_file_path, "show.html.erb"))
+    m.template('view_sidebar.html.erb', File.join("app/views", @controller_file_path, "_sidebar.html.erb"))
+    
+    if options[:layout]
+      m.gsub_file(File.join("app/views/layouts", "#{options[:layout]}.html.erb"), /\<div\s+id=\"main-navigation\">.*\<\/ul\>/mi) do |match|
+        match.gsub!(/\<\/ul\>/, "")
+        %|#{match} <li class="<%= controller.controller_path == '#{@controller_file_path}' ? 'active' : '' %>"><a href="<%= #{controller_routing_path}_path %>">#{plural_model_name}</a></li></ul>|
+      end
+    end
+  end
+  
+  def manifest_for_restful_authentication(m)
+    signup_controller_path  = @controller_file_path
+    signin_controller_path  = @model_name.downcase # just here I use the second argument as a controller path
+    @resource_name          = @controller_path.singularize
+    m.template('view_signup.html.erb',  File.join("app/views", signup_controller_path, "new.html.erb"))
+    m.template('view_signin.html.erb',  File.join("app/views", signin_controller_path, "new.html.erb"))
+  end
+  
+  def manifest_for_text(m)
+    m.directory(File.join('app/views', @controller_file_path))    
+    m.template('view_text.html.erb', File.join("app/views", @controller_file_path, "show.html.erb"))
+    m.template('view_sidebar.html.erb', File.join("app/views", @controller_file_path, "_sidebar.html.erb"))
+  end
+  
+  def get_columns
+    excluded_column_names = %w[id created_at updated_at]
+    Kernel.const_get(@model_name).columns.reject{|c| excluded_column_names.include?(c.name) }.collect{|c| Rails::Generator::GeneratedAttribute.new(c.name, c.type)}
+  end
+  
+  def banner
+    "Usage: #{$0} themed ControllerPath [ModelName] [options]"
+  end
+  
+  def add_options!(opt)
+    opt.separator ''
+    opt.separator 'Options:'
+    opt.on("--app_name=app_name", String, "") { |v| options[:app_name] = v }
+    opt.on("--type=themed_type", String, "") { |v| options[:themed_type] = v }    
+    opt.on("--layout=layout", String, "Add menu link") { |v| options[:layout] = v }
+    opt.on("--with_will_paginate", "Add pagination using will_paginate") { |v| options[:will_paginate] = true }
+  end
+  
+end

data/stylesheets/base.css

@@ -0,0 +1,336 @@
+* {margin:0;padding:0}
+.clear { clear: both; height: 0; }
+
+h1 { margin: 15px 0; font-size: 22px; font-weight: normal; }
+h2 { font-size: 22px; margin: 15px 0; font-weight: normal;}
+h3 { font-size: 18px; margin: 10px 0; font-weight: normal;}
+h4 { font-size: 16px; margin: 10px 0; font-weight: normal;}
+hr {height: 1px; border: 0; }
+p { margin: 15px 0;}
+a img { border: none; }
+
+body {
+  font-size: 12px;
+  font-family: sans-serif;  
+}
+
+#container {
+  min-width: 960px;
+}
+
+#header, #wrapper {
+  padding: 0 20px;
+}
+
+#header {
+  position: relative;
+  padding-top: 1px;  
+}
+
+#header h1 {
+  margin: 0;
+  padding: 10px 0;  
+  font-size: 30px;
+}
+
+#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
+  text-decoration: none;
+}
+
+#main {  
+  width: 70%;
+  float: left;    
+}
+
+.actions-bar {
+  padding: 10px 1px;
+}
+
+.actions-bar .actions {
+  float: left;
+}
+
+
+.actions-bar .pagination {
+  float: right;
+  padding: 1px 0;
+}
+
+#sidebar {
+  width: 25%;
+  float: right;      
+}
+
+#sidebar h3 {  
+  padding: 10px 15px;
+  margin: 0;
+  font-size: 13px;
+}
+
+#sidebar .block {
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+}
+
+#sidebar .block .content {
+  padding: 0 15px;
+}
+
+#sidebar ul.navigation li a:link, #sidebar ul.navigation li a:visited {
+  display: block;
+  padding: 10px 15px;
+}
+
+#sidebar .block .sidebar-block, #sidebar .notice {
+  padding:10px;
+}
+
+#wrapper {
+  padding-top: 20px;
+}
+
+#main .block {
+  margin-bottom: 20px;
+  padding-top: 1px;
+}
+
+#main .block .content .inner {
+  padding: 0 15px 15px;  
+}
+
+#main .main p.first {
+  margin-top: 0;
+}
+
+#user-navigation {
+  position: absolute;
+  top: 0px;
+  right: 20px;  
+}
+
+#main-navigation {
+  width: 100%;
+}
+
+#user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+
+#user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li {
+  float: left;  
+}
+
+#main-navigation ul li {
+  margin-right: 5px;
+}
+
+#user-navigation ul li {
+  padding: 5px 10px;
+}
+
+#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
+.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
+#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
+  text-decoration: none;
+}
+
+#main-navigation ul li a {
+  font-size: 15px;
+  display: block;
+  padding: 8px 15px;
+}
+
+.secondary-navigation {
+  font-size: 13px;  
+  border-bottom-width: 10px;
+  border-bottom-style: solid;
+}
+
+.secondary-navigation ul li a {
+  display: block;
+  padding: 10px 15px;  
+}
+
+#footer {
+  padding-bottom: 20px;
+}
+
+/* pagination */
+
+.pagination a, .pagination span {
+  padding: 2px 5px;
+  margin-right: 5px; 
+  display: block;
+  float: left;
+  border-style: solid;
+  border-width: 1px;
+}
+
+.pagination span.current {
+  font-weight: bold;  
+}
+
+.pagination a {
+  text-decoration: none;  
+}
+
+/* tables */
+.table {
+  width: 100%;
+  border-collapse: collapse;  
+  margin-bottom: 15px;
+}
+
+.table th {
+  padding: 10px;
+  font-weight: bold;
+  text-align: left;
+}
+
+.table th.first {
+  width: 30px;
+}
+
+.table th.last {
+  width: 200px;  
+}
+
+.table .checkbox {
+  margin-left: 10px;
+}
+
+.table td {
+  padding: 10px;
+}
+
+.table td.last {
+  text-align: right;
+}
+
+/* forms */
+
+input.checkbox {
+  margin: 0;
+  padding: 0;
+}
+
+.form .group {
+  margin-bottom: 15px;
+}
+
+.form div.left {
+  width: 20%;
+  float: left;
+}
+
+.form div.right {
+  width: 75%;
+  float: right;
+}
+
+.form .columns .column {
+  width: 48%;
+}
+
+.form .columns .left {
+  float: left;
+}
+
+.form .columns .right {
+  float: right;
+}
+
+.form label.label, .form input.text_field, .form textarea.text_area {
+  font-size: 1.2em;
+  padding: 1px 0;
+  margin: 0;
+}
+
+.form label.right {
+  text-align: right;
+}
+
+.form input.checkbox, .form input.radio {
+  margin-right: 5px;
+}
+
+.form label.checkbox, .form label.radio {
+  line-height: 1.5em;
+}
+
+.form label.label {
+  display: block;
+  padding-bottom: 2px;  
+  font-weight: bold;
+}
+
+.form div.fieldWithErrors label.label {
+  display: inline;
+}
+
+.form .fieldWithErrors .error {
+  color: red;
+}
+
+.form input.text_field, .form textarea.text_area {
+  width: 100%;
+  border-width: 1px;
+  border-style: solid;
+}
+
+/* lists */
+
+ul.list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+
+ul.list li {
+  clear: left;
+  padding-bottom: 5px;
+}
+
+ul.list li .left {
+  float: left;  
+}
+
+ul.list li .left .avatar {
+  width: 50px;
+  height: 50px;
+}
+
+ul.list li .item {
+  margin-left: 80px;
+}
+
+ul.list li .item .avatar {
+  float: left;
+  margin: 0 5px 5px 0;
+  width: 30px;
+  height: 30px;
+}
+
+/* box */
+
+#box {
+  width: 500px;
+  margin: 50px auto;  
+}
+
+#box .block {
+  margin-bottom: 20px;
+}
+
+#box .block h2 {
+  padding: 10px 15px;
+  margin: 0;  
+}
+
+#box .block .content {
+  padding: 10px 20px;
+}
+
+