pinkman 0.9.9.8 → 0.9.9.9.0

data/app/assets/stylesheets/pinkman/margins.scss

@@ -0,0 +1,65 @@
+.space {
+  margin: 30px auto;
+}
+.space-xs{
+  margin: 10px auto;
+}
+.space-sm{
+  margin: 20px auto;
+}
+// .space-md{
+  // margin: 30px auto;
+// }
+.space-lg{
+  margin: 40px auto;
+}
+.space-xl{
+  margin: 60px auto;
+}
+.space-hg{
+  margin: 90px auto;
+}
+.space-xhg{
+  margin: 120px auto;
+}
+
+.space-top{
+  margin: 30px 0 15px 0;
+}
+
+.space-h{
+  margin-left: 10px;
+  margin-right: 10px
+}
+
+.breathe-h{
+  padding-left: 10px;
+  padding-right: 10px
+}
+
+.breathe{
+  padding: 30px 10px;
+}
+
+.breathe-xs{
+  padding: 10px 10px;
+}
+.breathe-sm{
+  padding: 20px 10px;
+}
+// .breathe-md{
+//   padding: 30px 10px;
+// }
+
+.breathe-lg{
+  padding: 40px 10px;
+}
+.breathe-xl{
+  padding: 60px 10px;
+}
+.breathe-hg{
+  padding: 90px 10px;
+}
+.breathe-xhg{
+  padding: 120px 10px;
+}

data/app/assets/stylesheets/pinkman/portfolio.scss

@@ -0,0 +1,59 @@
+@import '../settings';
+@import '../colors';
+@import '../mixins';
+
+.portfolio{
+  font-size: 0;
+  .wrapper,.item{
+    vertical-align: top;
+    @include box_sizing;
+    display: inline-block;
+    overflow: hidden;
+    font-size: $default_font_size;
+  }
+  &.ten-per-row{
+    .wrapper,.item{
+      width: percentage(1/10);
+    }
+  }
+  &.nine-per-row{
+    .wrapper,.item{
+      width: percentage(1/9);
+    }
+  }
+  &.eight-per-row{
+    .wrapper,.item{
+      width: percentage(1/8);
+    }
+  }
+  &.seven-per-row{
+    .wrapper,.item{
+      width: percentage(1/7);
+    }
+  }
+  &.six-per-row{
+    .wrapper,.item{
+      width: percentage(1/6);
+    }
+  }
+  &.five-per-row{
+    .wrapper,.item{
+      width: percentage(1/5);
+    }
+  }
+  &.four-per-row{
+    .wrapper,.item{
+      width: percentage(1/4);
+    }
+  }
+  &.three-per-row{
+    .wrapper,.item{
+      width: percentage(1/3);
+    }
+  }
+  &.two-per-row{
+    .wrapper,.item{
+      width: percentage(1/2);
+    }  
+  }  
+}

data/app/assets/stylesheets/pinkman/pygments.css.erb

@@ -0,0 +1 @@
+<%= Rouge::Theme.find('github').render %>

data/app/assets/stylesheets/pinkman/reset.scss

@@ -0,0 +1,51 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+margin: 0;
+padding: 0;
+border: 0;
+font-size: 100%;
+font: inherit;
+color: inherit;
+vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+display: block;
+}
+body {
+line-height: 1.1;
+}
+blockquote, q {
+quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+content: '';
+content: none;
+}
+table {
+border-collapse: collapse;
+border-spacing: 0;
+}
+
+html,body{
+  min-height: 100%;
+  height: 100%;
+}
+
+@viewport {
+  width: device-width;
+  zoom: 1;
+}

data/app/assets/stylesheets/pinkman/sector.scss

@@ -0,0 +1,10 @@
+@import '../mixins';
+@import '../colors';
+
+.sector{
+  @include box_sizing;
+  overflow: hidden;
+  clear: both;
+  width: 100%;
+  height: auto;
+}

data/app/assets/stylesheets/pinkman/tables.scss

@@ -0,0 +1,62 @@
+@import '../settings';
+@import '../colors';
+
+table.ui{
+  width: 100%;
+  margin: 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid $line_color;
+  
+  &.borderless, &.bordless, &.light{
+    border: none;
+    thead,tbody{
+      tr{
+        th,td{
+          border: none;
+        }
+      }
+    }
+  }
+  
+  &.zebra{
+    tbody{
+      tr:nth-child(even){
+        background-color: $bg_light;
+      }
+    }
+  }
+  
+  thead, tbody{
+    tr{
+      td,th{
+        text-align: left;
+        border-bottom: 1px solid $line_color;
+        border-right: 1px solid $line_color;
+        padding: 10px;
+        &:last-child{
+          border-right: none;
+        }
+      }
+      &:last-child{
+        td{
+          border-bottom: none;
+        }
+      }
+    }
+  }
+  thead{
+    tr{
+      th{
+        font-weight: bold;
+      }
+    }
+  }
+  tbody{
+    tr{
+      td{
+        
+      }
+    }
+  }
+}

data/app/assets/stylesheets/pinkman/typo.scss

@@ -0,0 +1,104 @@
+@import '../settings';
+@import '../colors';
+
+html, body{
+  font-size: $default_font_size;
+  font-family: 'Muli', sans-serif;
+}
+
+.centralized, .center{
+  &,* { text-align: center;}
+}
+
+h1,h2,h3,h4,h5,h6{
+  font-family: 'Oswald', sans-serif;
+  margin-bottom: 5px;
+}
+
+
+h1{
+  font-size: 3rem;
+}
+
+h2{
+  font-size: 2.5rem;
+}
+
+h3{
+  font-size: 2rem;
+}
+
+h4{
+  font-size: 1.8rem;
+}
+
+h5{
+  font-size: 1.5rem;
+}
+
+h6{
+  font-size: 1.2rem;
+}
+
+small{
+  font-size: 80%;
+}
+
+b,strong, .b{
+  font-weight: bold;
+}
+
+p{
+  font-size: 1em;
+  margin: 1.2em 0;
+}
+
+.extra-small, .xs{
+  font-size: 0.7rem;
+}
+
+.small, .sm{
+  font-size: 0.9rem;
+}
+
+.medium, .md{
+  font-size: 1.5rem;
+}
+
+.big, .lg{
+  font-size: 2rem;
+}
+
+.xl, .extra-large,.bigger, .larger{
+  font-size: 3rem;
+}
+
+.hg, .huge{
+  font-size: 4rem;
+}
+
+.xhg, .extra-huge{
+  font-size: 6rem;
+}
+
+.subline{
+  padding: 0 0 0.5em 0;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}
+
+.underline{
+  text-decoration: underline;
+}
+
+.line-through, .strike{
+  text-decoration: line-through;
+}
+
+.upcase{
+  text-transform: uppercase;
+}
+
+a{
+  text-decoration: none;
+}

data/app/assets/stylesheets/pinkman.css

@@ -0,0 +1,17 @@
+/*
+*= require ./pinkman/reset
+*= require ./pinkman/grid
+*= require ./pinkman/colors
+*= require ./pinkman/containers
+*= require ./pinkman/elements
+*= require ./pinkman/forms
+*= require ./pinkman/buttons
+*= require ./pinkman/tables
+*= require ./pinkman/lists
+*= require ./pinkman/sector
+*= require ./pinkman/typo
+*= require ./pinkman/margins
+*= require ./pinkman/loaders
+*= require ./pinkman/portfolio
+*= require ./pinkman/imgs
+*/

data/app/controllers/pinkman/pinkman_controller.rb

@@ -0,0 +1,6 @@
+class Pinkman::PinkmanController < ActionController::Base
+  def hello
+    redirect_to '/' unless Rails.env.in? ['development','test']
+    render layout: nil
+  end
+end

data/app/helpers/pinkman/pinkman_helper.rb

@@ -0,0 +1,14 @@
+require 'pinkman/views_helpers'
+
+module Pinkman
+  module PinkmanHelper   
+      
+    def p
+      Pinkman::ViewsHelpers.dispatcher(self)
+    end
+    
+    alias pink p
+    alias pinkman p
+    
+  end
+end

data/app/views/pinkman/_error_for.html.slim

@@ -0,0 +1,4 @@
+ = pinkman.wrap_in "errors.#{attribute}" do
+  .form-error
+    span.attr #{label} 
+    span.msg {{ . }}

data/app/views/pinkman/pinkman/_form_input.html.slim

@@ -0,0 +1,4 @@
+.form-field
+  label for=attr_name = label
+  == p.input input_options
+  == p.error_for attr_name, label

data/app/views/pinkman/pinkman/_form_select.html.slim

@@ -0,0 +1,13 @@
+.form-field
+  label for=attr_name = label
+  == p.select attr_name, html_options
+    - if placeholder
+      - if obligatory.present?
+        option value="" selected='selected' disabled='disabled' = placeholder
+      - else
+        option value="" selected='selected' = placeholder
+    
+    - options_hash.each do |k,v|
+      option value=k = v
+      
+  == p.error_for attr_name, label

data/app/views/pinkman/pinkman/_form_textarea.html.slim

@@ -0,0 +1,4 @@
+.form-field
+  label for=attr_name = label
+  == p.textarea textarea_options
+  == p.error_for attr_name, label

data/app/views/pinkman/pinkman/hello.html.erb

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Pinkman.js</title>
+    <%= javascript_include_tag 'application' %>
+  </head>
+  <body>
+    <%= p.template 'pinkman-hello' do %>
+      <div style='background-color: #352946; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hidden; z-index: 999999; padding: 15% 0; text-align: center;'>
+        <div style="color: white; text-align: center; font-family: Arial, sans; font-size: 64px;">
+          <b style='color: #EC3680;'>Pink</b>man
+        </div>
+        <div style="color: white; text-align: center; font-family: Arial, sans; font-size: 12px;">
+          JS/Rails Framework <br/>Version: <b style='font-weight: bold;'><%= Pinkman::VERSION %></b>
+        </div>
+        <div style="color: white; text-align: center; font-family: Arial, sans; margin: 15px auto; font-size: 24px;">
+          {{ title }}
+        </div>
+        <div style="color: white; text-align: center; font-family: Arial, sans; display: inline-block; padding: 15px; border-radius: 5px; background-color: #EC3680; margin: 30px auto;" data-action='you-are-over-me'>
+          Come here
+        </div>
+
+        <div style="color: white; text-align: center; font-family: Arial, sans; font-size: 12px; padding: 15px; background-color: #483a5a; margin: 30px auto;">
+          <b>assets/javascripts/pinkman/app/controllers/hello.coffee</b>
+        </div>
+      </div>
+    <% end %>
+    <div id='pinkman-hello'>
+      <h1>Ops...</h1>
+      <h4>Pinkman.js files could not be loaded.</h4>
+      <p>
+        It seems that Pinkman.js could not be loaded from <b>application.js.</b>
+        <br /><br /> Maybe Jquery is missing. Pinkman depends on Jquery.
+      </p>
+      <p>
+        Check out console (F12 on Chrome.) It may give you a clue of what is wrong.
+      </p>
+      <p>
+        This small test expects that:
+      </p>
+      <ol>
+        <li>You run <b>rails g pinkman:install</b></li>
+        <li>You are using <b>Asset Pipeline.</b></li>
+        <li><b>application.js</b> exists</li>
+        <li>application.js loads <b>jquery</b> before pinkman</li>
+        <li>application.js loads <b>my.pinkman.app.js</b></li>
+      </ol>
+      <p>Otherwise it won't work.</p>
+    </div>
+  </body>
+
+</html>

data/config/routes.rb

@@ -0,0 +1,7 @@
+Pinkman::Engine.routes.draw do
+  
+  namespace :pinkman do
+    root to: 'pinkman#hello'
+  end
+  
+end

data/lib/generators/pinkman/USAGE

@@ -1,20 +1,66 @@
 Description:
-    Pinkman generators
-
+  Pinkman generators
+    
+Install:
+  Setup pinkman. This creates common pinkman directories, defines a api namespace in routes.rb, etc.
+  
+Resource:
+  rails generate pinkman:resource model
+  
+  Desc: Creates pinkman models (coffee) and rails api controllers to interact with a given Rails Model.
+  Files:
+    app/controllers/api/models_controller.rb
+    routes.rb
+    app/assets/.../pinkman/app/models/{object, collection}.coffee
+  
+Page:
+  rails generate pinkman:page page_name
+  
+  Desc: Creates a pinkman controller, its template and route.
+  Files:
+    app/assets/.../pinkman/app/controllers/page_name.coffee
+    app/views/pinkman/page_name.html.erb
+    app/assets/.../pinkman/config/routes.coffee (add content)
+    
+CRUD:
+  rails generate pinkman:crud model
+  
+  Desc: Creates CRUD routes, templates and controllers
+  Files:
+    app/assets/.../pinkman/app/controllers/model/{index,edit,new,show}.coffee
+    app/views/pinkman/model/{index,edit,new,show}.html.erb
+    app/assets/.../pinkman/config/routes.coffee (add content)
+  
 Api:
-    rails generate pinkman:api name
-
-    This will create an api controller and its routes.
-        app/controllers/api/pluralized_name_controller.rb
+  rails generate pinkman:api name
+  
+  Desc: This will create an api controller and its routes.
+  Files:
+    app/controllers/api/pluralized_name_controller.rb
 
 Model:
   rails generate pinkman:model name
-      Pinkman model: app/assets/javascripts/pinkman/models/name/name.js
-      Pinkman collection: app/assets/javascripts/pinkman/models/name/pluralized_name.js
+  
+  Files:
+    app/assets/javascripts/pinkman/models/name/name.js
+    app/assets/javascripts/pinkman/models/name/pluralized_name.js
+    
+Controller:
+  rails generate pinkman:controller level:sublevel:controller_name
+  
+  Desc: Creates a controller, a template and a route.
+  Files:
+    app/assets/.../pinkman/app/controllers/level/sublevel/controller_name.coffee
+    
+Template:
+  rails generate pinkman:template level:sublevel:template_name
+  
+  Desc: Generates a template.
+  Files:
+    app/views/pinkman/level/sublevel/_template_name.html.erb
 
-Install:
-  Setup pinkman. This creates common pinkman directories, defines a api namespace in routes.rb, etc.
-
-Resource:
-  rails  generate pinkman:resource model
-    Creates all coffeescripts and api resources to interact with a Rails Model named model.
+Route:
+  rails generate pinkman:route level:sublevel:route
+  
+  Desc: Generates a route to '/level/sublevel/route'
+  Files: app/assets/.../pinkman/config/routes.coffee (add content)

data/lib/generators/pinkman/app_base_generator.rb

@@ -6,18 +6,30 @@ module Pinkman
     source_root File.expand_path('../templates', __FILE__)
 
     def generate_files
-      template 'app_collection.coffee.erb', "app/assets/javascripts/pinkman/#{collection_filename}"
-      template 'app_object.coffee.erb', "app/assets/javascripts/pinkman/#{object_filename}"
+      template 'app_app.coffee.erb', "app/assets/javascripts/pinkman/base/#{app_filename}"
+      template 'app_router.coffee.erb', "app/assets/javascripts/pinkman/base/#{router_filename}"
+      template 'app_collection.coffee.erb', "app/assets/javascripts/pinkman/base/#{collection_filename}"
+      template 'app_object.coffee.erb', "app/assets/javascripts/pinkman/base/#{object_filename}"
+      template 'app_routes.coffee.erb', "app/assets/javascripts/pinkman/config/routes.coffee"
     end
     
     private
 
+
+    def app_filename
+      'app.coffee'
+    end
+    
+    def router_filename
+      'router.coffee'
+    end
+    
     def object_filename
-      'app_object.coffee'
+      'object.coffee'
     end
 
     def collection_filename
-      'app_collection.coffee'
+      'collection.coffee'
     end
 
     def app_name

data/lib/generators/pinkman/controller_generator.rb

@@ -0,0 +1,29 @@
+require 'rails/generators/base'
+
+module Pinkman
+  class ControllerGenerator < ::Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+
+    argument :controller_arg, type: :string
+    
+    def normalize_argument
+      self.controller_arg = controller_arg.downcase.gsub(' ','_').strip.squeeze('_').gsub(/:/,'/')
+    end
+
+    def generate_controller
+      template "controller.coffee.erb", file_path
+    end
+
+    private
+    
+    def file_path
+      path = (controller_arg + '.coffee').split('/')
+      Rails.root.join('app','assets','javascripts','pinkman','app','controllers',*path.map{|p| p})
+    end
+    
+    def controller_name
+      controller_arg.split('/').join('-').gsub(/[_\/]/,'-')
+    end
+
+  end
+end

data/lib/generators/pinkman/crud_generator.rb

@@ -0,0 +1,24 @@
+require 'rails/generators/base'
+
+module Pinkman
+  class CrudGenerator < ::Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+    
+    argument :crud_name, type: :string, default: "nameHere"
+
+    def exec
+      generate "pinkman:route_resource #{crud_name}"
+      generate "pinkman:controller #{crud_name}:index"
+      generate "pinkman:template #{crud_name}:index"
+      
+      generate "pinkman:controller #{crud_name}:show"
+      generate "pinkman:template #{crud_name}:show"
+      
+      generate "pinkman:controller #{crud_name}:new"
+      generate "pinkman:template #{crud_name}:new"
+      
+      generate "pinkman:controller #{crud_name}:edit"
+      generate "pinkman:template #{crud_name}:edit"
+    end
+  end
+end

data/lib/generators/pinkman/initializer_generator.rb

@@ -0,0 +1,12 @@
+require 'rails/generators/base'
+
+module Pinkman
+  class InitializerGenerator < ::Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+
+    def copy_initializer_file
+      template "initializer.rb.erb", "config/initializers/pinkman.rb"
+    end
+
+  end
+end