pinkman 0.9.9.8 → 0.9.9.9.0

data/app/assets/javascripts/pinkman_base/render.coffee.erb

@@ -11,6 +11,7 @@ Pinkman.template_engines =
         @handlebars(context)
       template
     else
+      throw 'Pinkman: handlebars not found.'
 
 
   hogan: (template,html) ->
@@ -20,6 +21,7 @@ Pinkman.template_engines =
         @hogan.render(context)
       template
     else
+      throw 'Pinkman: hogan not found.'
 
 
   markup: (template,html) ->
@@ -27,6 +29,7 @@ Pinkman.template_engines =
       template.render = (context) -> Mark.up(html,context)
       template
     else
+      throw 'Pinkman: markup not found.'
 
   template: (options) ->
     if Pinkman.templates.include(template: options.template, engine: options.engine)
@@ -95,6 +98,7 @@ Pinkman.template_engines =
     return(options.object)
 
   compile: (engine, template, html) ->
+    # console.log engine
     e = Pinkman.template_engines[engine]
     e(template,html)
     template
@@ -110,6 +114,7 @@ Pinkman.template_engines =
         $(el).find("option[value='#{obj[$(el).attr('name')]}']").attr('selected','selected')
 
   render: (options) ->
+      
     # 1 check if template exists
     if options? and options.template? and $('#' + options.template).length
 
@@ -132,6 +137,8 @@ Pinkman.template_engines =
       # 6 callback function
       options.callback(options.object,content) if options.callback? and typeof options.callback == 'function'
       return(content)
+    else
+      throw "Pinkman: #{options.template} not found."
 
 # Pinkman sync:
 
@@ -151,11 +158,16 @@ Pinkman.sync = (obj,attribute,value) ->
 
 
 Pinkman.render = (options) ->
-  options.reRender = true unless options.reRender? and options.reRender == false
-  options.collectionReRender = true unless options.collectionReRender? and options.collectionReRender == false
-  options.engine = Pinkman.template_engine unless options.engine? and options.engine != ''
-  Pinkman.template_engines.render(options) 
-  options.object.queue(options) if options.reRender and options.object? and options.object.isPink
+  if $p.isObject(options) or $p.isString(options)
+    options = {template: (options + '-template'), target: options} if $p.isString(options)
+    options.template = options.template + '-template' unless /-template$/.test(options.template)
+    options.reRender = true unless options.reRender? and options.reRender == false
+    options.collectionReRender = true unless options.collectionReRender? and options.collectionReRender == false
+    options.engine = Pinkman.template_engine unless options.engine? and options.engine != ''
+    Pinkman.template_engines.render(options) 
+    options.object.queue(options) if options.reRender and options.object? and options.object.isPink
+  else
+    throw "Pinkman.render: options argument is neither an object nor a string."
 
 Pinkman.scrolling = new PinkmanCollection unless Pinkman.scrolling?
 

data/app/assets/javascripts/pinkman_base/router.coffee

@@ -44,6 +44,9 @@ class window.PinkmanPath extends Pinkman.object
           
   level: (index) ->
     @levels.getBy('index',index)
+    
+  lastLevel: ->
+    @levels.last()
   
   match: (path) ->
     path = new PinkmanPath(path) if Pinkman.isString(path)
@@ -58,6 +61,9 @@ class window.PinkmanPath extends Pinkman.object
     else
       false
     
+  
+  deduceControllerName: ->
+    @static.extract('entry').join('-').replace(/[\/_]/g,'-').replace(/^-/,'')
 
 # receives a string and matches it through the defined routes
 class window.PinkmanRouteMatcher extends Pinkman.object
@@ -69,11 +75,15 @@ class window.PinkmanRouteMatcher extends Pinkman.object
       @controllers.each (c) =>
         # console.log 'dentro dos controllers desse router'
         c.setParams(@params())
-        c.build(yes)
+        c.build(yes,this)
       , =>
         callback(this.route, this.url) if typeof callback == 'function'
     else
       false
+  
+  # removes old pink-yield div and inserts this one (new/current)
+  makeYielder: ->
+    $(@yieldIn).html("<div class='pink-yield' id='#{@controller}'></div>") if @yieldIn and @route.blank
     
   match: (url) ->
     path = new PinkmanPath(url)
@@ -105,7 +115,35 @@ class window.PinkmanRouteMatcher extends Pinkman.object
 class window.PinkmanRoute extends Pinkman.object    
   yieldIn: ->
     @yield || @container 
+    
+  # handleNamespacedController
+  # Desc: Forces a namespaced controller to start with the namespace name.
+  # Example 1:
+  #  routes.namespace 'admin', (routes) ->
+  #     routes.match 'abc', controller: 'abc'
+  # The controller name will be set to 'admin-abc'.
+  # Example 2:
+  #  routes.namespace 'admin', (routes) ->
+  #     routes.match 'abc', controller: 'admin-abc'
+  # The controller name remains 'admin-abc'.
+  
+  handleNamespacedController: (namespace) ->
+    @set('controller',"#{namespace.replace(/\//g,'-')}-#{@controller}") if namespace and @controller and not (new RegExp("^#{namespace}")).test(@controller)
 
+  definePathHelper: ->
+    helperName = @path.deduceControllerName().replace(/-/g,'_') + '_path'
+    Pinkman.path_helpers.push helperName
+    $p.defineGlobalVar helperName, (args...) =>
+      i = 0
+      array = []
+      for level in @path.levels.collection
+        if level.dynamic
+          array.push(args[i])
+          i = i + 1
+        else
+          array.push(level.entry)
+      '/' + array.join('/')
+        
   
 # Routes collection. Have the capability to search a string through routes and storage all defined routes. Used once in Pinkman.routes
 class window.PinkmanRoutes extends Pinkman.collection
@@ -153,14 +191,14 @@ class window.PinkmanRouter
   
   @analytics: 
     create: (id) ->
-      console.log 'chamou'
-      console.log id
+      # console.log 'chamou'
+      # console.log id
       ga('create', id, 'auto');
       ga('send', 'pageview');
       
     send: (route,path) ->
       unless @created? and @created
-        console.log this
+        # console.log this
         @create(Pinkman.router._config.analytics)
         @created = true
       else
@@ -174,8 +212,7 @@ class window.PinkmanRouter
   @render: (r, callback) ->
     @saveWindowScroll(Pinkman.routes.current.controller) if Pinkman.routes.current?
     Pinkman.state.initialize()
-    yieldIn = r.route.yieldIn() || @_config.yield 
-    $(yieldIn).html("<div class='pink-yield' id='#{r.controller}'></div>") if r.route.blank
+    r.yieldIn = r.route.yieldIn() || @_config.yield
     r.initialize (args...) =>
       @analytics.send(args...) if @_config.analytics?
       callback() if typeof callback == 'function'
@@ -185,7 +222,7 @@ class window.PinkmanRouter
       # console.log 'topo'
       window.scrollTo(0,0)
     else
-      sleep 0.15, =>
+      $p.sleep 0.15, =>
         @restoreWindowScroll(r.route.controller)
     true
     
@@ -208,8 +245,11 @@ class window.PinkmanRouter
       Pinkman.state.push(path)
   
   @force: (path) ->
-    (window.location=path) unless @visit(path)
-      
+    @location(path) unless @visit(path)
+  
+  @location: (path) ->
+    window.location = path
+  
   @restore: (path) ->
     (window.location=path) unless @activate(path,null,{freeze: yes})
   
@@ -231,58 +271,67 @@ class window.PinkmanRouter
   @start: ->
     Pinkman.ready =>
       Pinkman.router = this
+      App.router = this
+      window.$r = App.router
       @activate(window.location.pathname)
-      $('body').on 'click', 'a', (ev) =>
+      $('body').on 'click', 'a:not([data-pinkman="false"])', (ev) =>
         ev.preventDefault()
         path = ev.currentTarget.href
         (window.location = path) unless path? and @visit(path)
   
-  # namespace: (path, rules) ->
-      
-  get: (path, object) ->
+  namespace: (namespace, rules) ->
+    namespace = namespace.replace(/^\//,'')
+    namespaced = new @constructor()
+    namespaced._namespace = if @_namespace then ("#{@_namespace}/#{namespace}") else namespace
+    rules(namespaced) if typeof rules == 'function'
+    
+  resources: (resourceName) ->
+    
+    # controllerPrefix = if @_namespace then @_namespace.replace(/\//,'-') + '-' else ''
+    
+    resourceName = resourceName.replace(/\/$/,'')
+    controllerName = resourceName.replace(/[\/_]/g,'-').replace(/^-/,'')
+    
+    # index
+    @match resourceName, controller: controllerName + '-index'
+    # new
+    @match resourceName + '/new', controller: controllerName + '-new'
+    # edit
+    @match resourceName + '/:id/edit', controller: controllerName + '-edit'
+    # show
+    @match resourceName + '/:id', controller: controllerName + '-show'
+
+    
+  match: (path, object) ->
     if Pinkman.isString(path)
+      path = path.replace(/^\//,'')
+      path = "/#{@_namespace}/" + path if @_namespace
       p = new PinkmanPath(path)
       route = new PinkmanRoute
       route.set('id',path)
       route.set('url',path)
       route.set('path',p).set('depth',p.depth).set('staticDepth',p.staticDepth).set('dynamicDepth',p.dynamicDepth)
-      route.set('blank',yes)
-      route.set('controller', if object? and object.controller? then object.controller else p.level(1).entry)
+      route.set('blank',yes) 
+      route.set('controller', if object? and object.controller? then object.controller else p.deduceControllerName())
+      
+      # handle namespaced controller name (add namespace prefix)
+      route.handleNamespacedController(@_namespace)
+      
+      route.definePathHelper()
+      
       if object? and typeof object == 'object' 
         route.set('blank',no) if (object.keep? and object.keep) or (object.blank? and not object.blank)
-        route.set('yield',object.container|| object.yield )
+        route.set('yield',object.container || object.yield )
       Pinkman.routes.push(route)
       return(route)
+      
+  get: (args...) ->
+    console.log 'Routes: "get" function deprecated. Use match instead.'
+    match(args...)
+    
     
   root: (controller) ->
-    @get('/',controller: controller)
+    @match('/',controller: controller)
   
-# motivation
-# class window.AppRouter extends PinkmanRouter
-#   
-# AppRouter.config yield: 'body'
-# 
-# AppRouter.define (r) ->
-#   
-#   # @namespace 'lol', =>
-#   #   @get 'test'
-#   #   # define /lol/test
-#   # 
-#   # 
-#   # @get 'produto/:id',
-#   #   controller: 'produto'
-#   # #define /produto/qualquer-coisa
-#   # # controler.param.id = 'qualquer-coisa'
-#   #   
-#     
-#     
-#   @get 'test',
-#     controller: 'test'
-#     
-#     ->
-#       header
-#         title Lol
-#       body#test
-#         execute 'controller.test.main'
-# 
-# AppRouter.visit 'test'
+Pinkman.router = PinkmanRouter
+Pinkman.path_helpers = []

data/app/assets/javascripts/pinkman_base/tools.coffee

@@ -1,6 +1,6 @@
-window.sleep = (s,callback) -> 
-  ms = s*1000
-  window['_sleeping'] = setTimeout(callback,ms)
+window.sleep = (args...) -> 
+  console.log '[DEPRECATED] Use $p.sleep instead of window.sleep'
+  $p.sleep args...
 
 Number.prototype.print = (precision, delimiter, separator) ->
   n = this

data/app/assets/stylesheets/_colors.scss

@@ -0,0 +1,45 @@
+@import 'custom_colors';
+
+$line_color_light: darken($bg_light,10%);
+$line_color_dark: lighten($bg_dark,10%);
+$line_color: $line_color_light;
+
+$error_color: #e23b42;
+
+// ----- Alias
+$primary: $primary_color;
+$secondary: $secondary_color;
+
+// _____________________________Alertas
+$sucess: #2ecc71;
+$warning: #f1c40f;
+$danger: #e74c3c;
+
+// _____________________________YURI
+// pateta de Cores novas
+$snow: #FCF7F8;
+$light_grey: #CED3DC;
+$medium_grey: #ABA9C3;
+$blue_site: #3191F7;
+$carbon: #414448;
+
+
+// New Colors
+$white: white;
+$navy: #001F3F;
+$blue: #0074D9;
+$aqua: #7FDBFF;
+$teal: #39CCCC;
+$olive: #3D9970;
+$green: #2ECC40;
+$lime: #01FF70;
+$yellow: #FFDC00;
+$orange: #FF851B;
+$red: #ea2739;
+$maroon: #85144b;
+$fuchsia: #F012BE;
+$purple: #B10DC9;
+$black: #111111;
+$gray: #AAAAAA;
+$grey: $gray;
+$silver: #DDDDDD;

data/app/assets/stylesheets/_custom_colors.scss

@@ -0,0 +1,7 @@
+$primary_color: #EC3680;
+$secondary_color: #321A54;
+$text_color: #444;
+$text_color_light: #999;
+$text_color_dark: #111;
+$bg_light: #ddd;
+$bg_dark: #222;

data/app/assets/stylesheets/_mixins.scss

@@ -0,0 +1,39 @@
+
+
+@mixin box_sizing {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+@mixin scrollbar_color($color,$bg){
+  /* Let's get this party started */
+  ::-webkit-scrollbar {
+      width: 10px;
+  }
+  /* Track */
+  ::-webkit-scrollbar-track {
+      // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+      background-color: $color;
+      -webkit-border-radius: 3px;
+      border-radius: 3px;
+  }
+   
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+      -webkit-border-radius: 3px;
+      border-radius: 3px;
+      background: $bg; 
+  }
+  ::-webkit-scrollbar-thumb:window-inactive {
+    background: $bg; 
+  }
+}
+
+
+@mixin transition($property,$time: 320ms,$type: ease) {
+  -webkit-transition: $property $time $type;
+  -moz-transition: $property $time $type;
+  -o-transition: $property $time $type;
+  transition: $property $time $type;
+}

data/app/assets/stylesheets/_settings.scss

@@ -0,0 +1 @@
+$default_font_size: 12px;

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

@@ -0,0 +1,15 @@
+@import '../colors';
+@import '../mixins';
+
+button.ui, .button{
+  padding: 0.25em 0.5em;
+  margin: 5px;
+  border-radius: 3px;
+  border: none;
+  &:hover{
+    opacity: 0.9;
+  }
+  &:active{
+    opacity: 0.93;
+  }
+}

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

@@ -0,0 +1,99 @@
+@import '../settings';
+@import '../colors';
+
+// ------------ Layout
+
+html, body{
+  color: $text_color;
+  
+  .night, &.night{
+    background-color: $bg_dark;
+    color: $text_color_light;
+  }
+  
+}
+
+// ------------ Text
+
+.text-color{
+  color: $text_color;
+}
+.text-light { color: $text_color_light; }
+.text-dark { color: $text_color_dark;  }
+
+.primary {color: $primary_color; }
+.secondary {color: $secondary_color; }
+.navy { color: $navy; }
+.blue { color: $blue; }
+.aqua { color: $aqua; }
+.teal { color: $teal; }
+.olive { color: $olive; }
+.green { color: $green; }
+.lime { color: $lime; }
+.yellow { color: $yellow; }
+.orange { color: $orange; }
+.red { color: $red; }
+.maroon { color: $maroon; }
+.fuchsia { color: $fuchsia; }
+.purple { color: $purple; }
+.black { color: $black; }
+.gray { color: $gray; }
+.silver { color: $silver; }
+.white { color: $white; }
+
+// ------------ Backgrounds
+
+.bg-light { background-color: $bg_light; }
+.bg-dark { background-color: $bg_dark;  }
+
+.bg-text { background-color: $text_color; }
+.bg-text-light { background-color: $text_color_light; }
+.bg-text-dark { background-color: $text_color_dark;  }
+
+.bg-carbon { background-color: $carbon;  }
+
+.bg-primary { background-color: $primary_color; }
+.bg-secondary { background-color: $secondary_color; }
+.bg-navy { background-color: $navy; }
+.bg-blue { background-color: $blue; }
+.bg-aqua { background-color: $aqua; }
+.bg-teal { background-color: $teal; }
+.bg-olive { background-color: $olive; }
+.bg-green { background-color: $green; }
+.bg-lime { background-color: $lime; }
+.bg-yellow { background-color: $yellow; }
+.bg-orange { background-color: $orange; }
+.bg-red { background-color: $red; }
+.bg-maroon { background-color: $maroon; }
+.bg-fuchsia { background-color: $fuchsia; }
+.bg-purple { background-color: $purple; }
+.bg-black { background-color: $black; }
+.bg-gray { background-color: $gray; }
+.bg-silver { background-color: $silver; }
+.bg-white { background-color: $white; }
+
+// ------------ Lines && Borders
+
+.border-light { border-color: $line_color_light; }
+.border-dark { border-color: $line_color_dark;  }
+
+
+.border-primary {border-color: $primary_color !important; }
+.border-secondary {border-color: $secondary_color !important; }
+.border-navy { border-color: $navy !important; }
+.border-blue { border-color: $blue !important; }
+.border-aqua { border-color: $aqua !important; }
+.border-teal { border-color: $teal !important; }
+.border-olive { border-color: $olive !important; }
+.border-green { border-color: $green !important; }
+.border-lime { border-color: $lime !important; }
+.border-yellow { border-color: $yellow !important; }
+.border-orange { border-color: $orange !important; }
+.border-red { border-color: $red !important; }
+.border-maroon { border-color: $maroon !important; }
+.border-fuchsia { border-color: $fuchsia !important; }
+.border-purple { border-color: $purple !important; }
+.border-black { border-color: $black !important; }
+.border-gray { border-color: $gray !important; }
+.border-silver { border-color: $silver !important; }
+.border-white { border-color: $white !important; }

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

@@ -0,0 +1,15 @@
+.container{
+  width: 96%;
+  margin: 0 auto;
+  overflow: hidden;
+  max-width: 1260px;
+}
+
+.central-column{
+  width: 96%;
+  margin: 0 auto;
+  overflow: hidden;
+  max-width: 780px;
+  text-align: center;
+}
+

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

@@ -0,0 +1,33 @@
+@import '../colors';
+@import '../mixins';
+
+hr {
+  display: block;
+  clear: both;
+  margin: 0 0 15px 0;
+  padding: 0 0 15px 0;
+  border: none;
+  border-bottom: 1px solid $line_color;
+}
+
+.bsbb{
+  @include box_sizing;
+}
+div.highlight{
+  border-radius: 5px;
+}
+
+.code-box, pre{
+  border-radius: 5px;
+  text-align: left !important;
+  background-color: lighten($bg_light,6%) !important;
+  padding: 0;
+  margin: 0 auto;
+  max-width: 100%;
+  overflow: hidden;
+  font-family: monospace;
+  font-size: 0.9rem;
+  white-space: -moz-pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+}

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

@@ -0,0 +1,89 @@
+@import '../settings';
+@import '../colors';
+@import '../mixins';
+
+form{
+  &.primary-option{
+
+    input{
+      padding: 10px 5px;
+      background-color: $bg_dark;
+      border: none;
+      border-radius: 0;
+
+    }
+  }
+  &.secondary-option{
+    input{
+      margin-bottom: 30px;
+      border: none;
+      border-bottom: solid 2px $bg_light;
+      border-radius: 0;
+      &:focus{
+        border: none;
+        border-bottom: solid 2px darken($bg_light,10%);
+        color: $bg_light;
+        border-radius: 0;
+      }
+    }
+  }
+}
+
+.form-field{
+  @include scrollbar_color($primary_color,$bg_light);
+  margin: 10px auto 20px auto;
+  width: 90%;
+  max-width: 620px;
+  label, input, textarea {
+    @include box_sizing;
+    text-align: left;
+    display: block;
+    width: 100%;
+    margin: 0 auto;
+  }
+  label{
+    font-weight: bold;
+    color: $bg_light;
+  }
+  input, textarea {
+    outline: none;
+    padding: 5px;
+    font-family: inherit;
+    background-color: transparent;
+    border: 1px solid $line_color;
+    border-radius: 3px;
+    &:focus{
+      color: $primary;
+      border: 1px solid $primary_color;
+    }
+  }
+  textarea{
+    resize: none;
+    min-height: 200px;
+    overflow: auto;
+  }
+  .info{
+    font-size: 0.9em;
+    font-weight: normal;
+    text-align: left;
+  }
+
+  label, .info{
+    margin: 3px 0;
+  }
+
+  .error{
+    font-size: 1em;
+    padding: 10px;
+    margin: 10px 0 0 0;
+    text-align: left;
+    color: white;
+    background-color: $error_color;
+  }
+}
+
+input.hidden{
+  position: fixed;
+  left: -10000px;
+  top: -10000px;
+}