edge_framework 1.0.0 → 1.1.0

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    YWUzNjU2ZjMwOWNhYTg2MjkwMGM1ZWIyM2FmNjdhMTIwM2RhZWY4Yw==
+    ZGI2ODYzNzA5ZDRiYzBkODQxYTE5YWQyNGNiNDg5NTM1YmU5MjcxMg==
   data.tar.gz: !binary |-
-    OTYzOTM1YzdkODkxYmVjMWNiNzQ4MTkxMTRlNGRiZTM2ZGZhMGI1OQ==
+    OGU3NzBjMTg5MTI2ZWUzMjMxY2FlMWE4Njk2MGJkN2RmYTYyM2U5YQ==
 SHA512:
   metadata.gz: !binary |-
-    YmExYTg2YTI4MjI4Zjg3OTZmOWEwMjQ1ZDRiZmVkNDE5ZWQxNzA5YzA5M2Ni
-    ODFjYjk2MTg0ODUyMGI0NWZlNDRmM2IwYmE2NzE1YmYwMjQ2MzE2YmZiODdk
-    OGY1ZjY1ZGZiNzUxYmNjY2UxZGRiMWY3YWMyYzAyNmU1NGRiM2M=
+    MGJmYjU4YjRmMWM2OWUzZmNiNzdjZTM4OTU2ZmZmNTQ2YmUwYzlhOGQ0YmUy
+    MmUxY2U4MDk5ODdmMmZmNTM5YTFhZjM3ODAwYWRjN2YxMTE2ZjA4ZjRmZTZj
+    NWQ3Y2ZmMTc1NjIxNWZjNjIwZGQwYWU2ZmRmZmMzNWU2OGI0MzU=
   data.tar.gz: !binary |-
-    YWNjMDg4YjRjMzQyMzEyOWUwYTY4MjNjYjQyOTFhYjkyNmY3MTNkM2Y3NTQ4
-    NjdhMTRmZmQ5MDA3MzNiNTM1MzE5MWEwODY4ZjM5OGZhNjU2OGU3ZjM4NTRj
-    YjdjMWVhYjAxZWI4NWE2YWI0MjNmYzUyZGJlOWMwZmUwMDIzYzE=
+    MzU2OTlhODhkODcwYzU1OGJlZGNmOGM0ODkxYzkyMGM2YzcwOTU5NDRkMTcw
+    MzZiYjQ5YzYxNTVmODY4YzAxYTQwZWNiMWFjYWYxNDE1YjNmZTE5MjVjZTEx
+    YmI4MmNlODhlOTA4MWNhMWFkOWVjMjU3YzJkODA3Y2JiZjgzYWY=

data/README.md

@@ -322,16 +322,16 @@ Example:
 Custom Post Type
 --------------------
 
-    add_post_type( $name, <$icon>, <$taxonomy> )
-
 ![Wordpress Custom Type](http://cdn.setyono.net/edge/wp-post-type.jpg)
 
+    add_post_type( $name, <$icon>, <$taxonomy> )
+
 Inside `functions.php`, add these codes:
 
     add_post_type("Product", "cart", "Brand");
     add_post_type("Event", "calendar");
 
-All names must be **singular**. The icon name is taken from [melchoyce.github.io/dashicons/](http://melchoyce.github.io/dashicons/).
+The icon name is taken from [melchoyce.github.io/dashicons/](http://melchoyce.github.io/dashicons/).
 
 To enable custom WP Query, create a class with the Post Type's name that extends `Post`.
 
@@ -339,15 +339,29 @@ To enable custom WP Query, create a class with the Post Type's name that extends
     class Product extends Post {}
     class Event extends Post {}
 
-Now, you can call the functions:
+Now, you can use the custom WP Query:
 
     $products = Product::find_by("brand", "Microsoft")
     $events = Event::find()
 
+Template File
+---------------
+
 The template file for custom post is `single-{slug}.php` while custom taxonomy is `taxonomy-{slug}.php`.
 
 Based on the example above, create `single-product.php` for single **Product** template. If we need to list all products within a brand, create `taxonomy-brand.php` which works the same way as `category.php`.
 
+Naming Convention
+-----------------
+
+All names must be **singular** and no special character.
+
+Space is the only one allowed but its class name is the **combined words**. 
+
+    add_post_type("Photo Gallery", "format-gallery");
+
+    class Photogallery extends Post {}
+
 COMPASS
 =================
 
@@ -391,9 +405,9 @@ GRID - mixin
 
 Custom grid makes the markup cleaner and less duplication.
 
-It allows one additional sizing: **mini** which is below 480px by default. You can only set mini size when small size is specified.
+It allows one additional breakpoint: **mini** which is below 480px by default. You can only set mini size when small one is specified.
 
-We still need to write the base class (`.row` and `.column`).
+We need to include the base class in the markup (`.row` and `.column`).
 
     // HTML
     <div class="row">
@@ -401,6 +415,7 @@ We still need to write the base class (`.row` and `.column`).
       <main class="column"></main>
     </div>
 
+
     // SCSS
     aside {
       @include column(2, 4, 12);
@@ -416,7 +431,7 @@ We still need to write the base class (`.row` and `.column`).
 
 **GUTTER**
 
-If you want to modify all the gutters, change it in Setting file. Otherwise, you must customize both row and column.
+Custom gutter must be applied to both row and column
 
     // HTML
     <div class="my-row row">
@@ -424,6 +439,7 @@ If you want to modify all the gutters, change it in Setting file. Otherwise, you
       <main class="column"></main>
     </div>
 
+
     // SCSS
     .my-row {
       @include row($gutter: 50px);
@@ -437,28 +453,62 @@ If you want to modify all the gutters, change it in Setting file. Otherwise, you
       @include column($large: 10, $gutter: 50px);
     }
 
+**COLLAPSE**
+
+Collapse must be applied to both row and column.
+    
+    .my-row {
+      @include row($collapse: true);
+    }
+
+    main {
+      @include column($large: 10, $collapse: true);
+    }
+
 **TOTAL COLUMNS**
 
+You can either use `$total` parameter or fraction:
+
     aside {
-      @include column($large: 20, $total: 100);
+      @include column($large: 7, $total: 15);
     }
 
-    main {
-      @include column($large: 80, $total: 100);
+    // or
+
+    aside {
+      @include column($large: 7 / 15);
     }
 
-**COLLAPSE**
+Custom total columns is useful when you need **to match a given design**.
+
+Let's say you get this layout that throw off your default grid:
 
-Collapse must be applied to both custom row and column.
+![Pre-given Design](http://cdn.setyono.net/edge/custom-total-column.jpg)
+
+Here's how you can handle it:
     
+    // HTML
+    <div class="my-row row">
+      <main class="my-col column"> ... </main>
+      <aside class="side-col column"> ... </aside>
+    </div>
+    
+
+    // CSS
     .my-row {
-      @include row($collapse: true);
+      @include row($gutter: 35px);
     }
 
-    main {
-      @include column($large: 10, $collapse: true);
+    .my-col {
+      @include column($large: 500 / 735, $gutter: 35px);
     }
 
+    .side-col {
+      @include column($large: 200 / 735, $gutter: 35px);
+    }
+
+Remember that we need to include the `.row` and `.column` class.
+
 TILE - mixin
 ======================
 

data/assets/kitchen-sink.html

@@ -294,7 +294,7 @@
     </div>
   </div> -->
 
-<!-- <div class="row" data-page="code">
+<div class="row" data-page="code">
   <div class="large-12 columns">
     <h1>EDGE Code</h1>
     <h3>Markup</h3>
@@ -341,7 +341,7 @@
       end
     </code></pre>
   </div>
-</div> -->
+</div>
 
 <!-- <div class="row" data-page="tile">
   <div class="large-12 columns">
@@ -380,7 +380,7 @@
   </div>
 </div> -->
 
- <div class="row" data-page="custom-tile">
+<!-- <div class="row" data-page="custom-tile">
   <div class="large-12 columns">
     <div class="demo-tile">
       <h1>Custom Tile</h1>
@@ -430,7 +430,7 @@
       </ul>
     </div>
   </div>
-</div>
+</div> -->
 
 <!-- <div class="row" data-page="grid">
   <div class="large-12 columns">
@@ -816,7 +816,7 @@
   </div>
 </section> -->
 
-<section class="row" data-page="button">
+<!-- <section class="row" data-page="button">
   <div class="large-4 column">
     <h1>Button</h1>
     <a href="" class="button">Hello World</a>
@@ -839,7 +839,7 @@
     <br>
     <a href="" class="button black-button">Hello World</a>
   </div>
-</section>
+</section> -->
     
 <!-- <div class="row" data-page="form">
   <div class="large-6 columns">

data/assets/sass/edge.scss

@@ -1,6 +1,6 @@
 /* ------------------------------------------
 - EDGE Framework - github.com/HennerS/Edge
-- v1.0.0 (Davion)
+- v1.1.0 (Ezalor)
 ------------------------------------------ */
 
 @import "edge/base";

data/assets/sass/edge/components/_grid.scss

@@ -9,7 +9,14 @@ $column-gutter   : 20px !default;
 
 // Calculate percentages for grid
 @function gridCalc($colNumber, $totalColumns) {
-  @return percentage($colNumber / $totalColumns);
+  // If column specified is not fraction
+  @if $colNumber >= 1 {
+    @return percentage($colNumber / $totalColumns);
+  }
+  // If column specified is fraction (like 2/12)
+  @else {
+    @return percentage($colNumber);
+  }
 }
 
 // ---------------------------------

data/assets/sass/edge/components/_grid_old.scss

@@ -0,0 +1,346 @@
+// =============
+// EDGE GRID
+// =============
+// Based on Foundation 4 by ZURB
+
+$row-max-width   : 1140px !default;
+$total-columns   : 12 !default;
+$column-gutter   : 20px !default;
+
+// Calculate percentages for grid
+@function gridCalc($colNumber, $totalColumns) {
+  @return percentage($colNumber / $totalColumns);
+}
+
+// ---------------------------------
+// GRID ROW
+// - Create container for the grid
+// ---------------------------------
+
+@mixin row(
+  $gutter    : $column-gutter,
+  $width     : $row-max-width,
+  $nest      : false,
+  $collapse  : false,
+  $for-base  : false ) {
+
+  @if $for-base {
+    margin: 0 auto;
+    width: 100%;
+    max-width: $width + $gutter;
+
+    @if not $responsive {
+      min-width: $width + $gutter;
+    }
+    @include clearfix;
+  }
+  
+  // If gutter is passed as param, calculate it
+  @if $gutter != $column-gutter {
+    max-width: $width + $gutter;
+
+    @if not $responsive {
+      min-width: $width + $gutter;
+    }
+  }
+  
+  @if $nest and $collapse {
+    margin: 0;
+    padding-right: 0;
+    padding-left: 0;
+    width: auto;
+    max-width: none;
+
+    @if not $responsive {
+      min-width: 0;
+    }
+  }
+
+  @else if $nest {
+    margin-right: -($gutter / 2);
+    margin-left: -($gutter / 2);
+    width: auto;
+    max-width: none;
+
+    @if not $responsive {
+      min-width: 0;
+    }
+  }
+
+  @else if $collapse {
+    margin: 0 auto;
+    width: 100%;
+    max-width: $width;
+    
+    @if not $responsive {
+      min-width: $width;
+    }
+  }
+
+  @if $external-call {
+    .row & {
+      margin-right: -($gutter / 2);
+      margin-left: -($gutter / 2);
+    }
+  }
+}
+
+// ----------------------------------------------
+// Calculate size for column created externally
+//-----------------------------------------------
+@mixin external-call-column(
+  $column : 0,
+  $total  : 0,
+  $offset : 0,
+  $parent-offset : 0) {
+  
+  @if $column > 0 {
+    width: gridCalc($column, $total);
+  } @else {
+    width: 100%;
+  }
+
+  // Offset is only allowed if the column is specified
+  @if $column > 0 and $offset > 0 {
+    margin-#{$default-float}: gridCalc($offset, $total);
+  }
+  // If parent (larger) column has offset, remove it
+  @else if $parent-offset > 0 {
+    margin-#{$default-float}: 0;
+  }
+}
+
+// ----------------------------------
+// Prevent duplicate in column
+// ----------------------------------
+@mixin source-ordering-column(
+  $push  : 0,
+  $pull  : 0,
+  $total : 0) {
+
+  @if $push > 0 {
+    #{$default-float}: gridCalc($push, $total);
+    #{$default-opposite}: auto;
+  }
+  @if $pull > 0 {
+    #{$default-opposite}: gridCalc($pull, $total);
+    #{$default-float}: auto;
+  }
+}
+
+// --------------------------------------
+// Prevent duplicate in the base output
+// --------------------------------------
+@mixin source-ordering-output() {
+  @for $i from 1 through $total-columns - 1 {
+    .large-offset-#{$i} {
+      @include column($large-offset:$i);
+    }
+    .push#{-$i} {
+      @include column($push:$i);
+    }
+    .pull#{-$i} {
+      @include column($pull:$i);
+    }
+  }
+}
+
+// ------------------------
+// GRID COLUMN
+// - Create the grid
+// ------------------------
+@mixin column(
+  $large  : 0,
+  $small  : 0, // For external call only, small size screen
+  $mini   : 0, // For external call only, mini size screen
+  $large-offset : 0,
+  $small-offset : 0, // For external call only
+  $mini-offset  : 0, // For external call only
+  $push  : 0,
+  $pull  : 0,
+  $collapse  : false,
+  $centered  : false,
+  $gutter    : $column-gutter,
+  $total     : $total-columns,
+  $for-base  : false ) {
+
+  @if $for-base {
+    position: relative;
+    float: $default-float;
+    padding-right: $gutter / 2;
+    padding-left: $gutter / 2;
+  }
+
+  // If gutter's value is different from default, it means it is passed as param
+  @if $gutter != $column-gutter {
+    padding-right: $gutter / 2;
+    padding-left: $gutter / 2;
+  }
+
+  // If collapsed, get rid of distance padding
+  @if $collapse {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  // If offset, calculate appropriate margins
+  @if $large-offset > 0 { 
+    margin-#{$default-float}: gridCalc($large-offset, $total);
+  }
+
+  // If a column number is given, calculate width
+  @if $large > 0 {
+    width: gridCalc($large, $total);
+  }
+
+  // Source Ordering, adds left/right depending on which you use.
+  @if $external-call and $responsive {
+    @include above(small) {
+      @include source-ordering-column($push:$push, $pull:$pull, $total:$total);
+    }
+  } @else {
+    @include source-ordering-column($push:$push, $pull:$pull, $total:$total);
+  }
+
+  // If centered, get rid of float and add auto margin
+  @if $centered {
+    display: block;
+    float: none;
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  
+  // If external call and responsive is true
+  @if $external-call and $responsive {
+    // If small column is specified
+    @if $small > 0 {
+      @include below(small) {
+        @include external-call-column($column:$small, $total:$total, $offset:$small-offset, $parent-offset:$large-offset);
+      }
+      
+      @if $mini > 0  {
+        @include below(mini) {
+          @include external-call-column($column:$mini, $total:$total, $offset:$mini-offset, $parent-offset:$small-offset);
+        }
+      }
+    }
+    // If small is not passed, stack the column
+    @else {
+      @include below(small) {
+        @include external-call-column($column:$small, $total:$total, $offset:$small-offset, $parent-offset:$large-offset);
+      }
+    }
+  }
+
+  // Create notes when on debug
+  @if $debug and $external-call {
+    $notes: "large-#{$large}";
+    @if $large-offset > 0 {
+      $notes: $notes + " large-offset-#{$large-offset}";
+    }
+    @if $small > 0 {
+      $notes: $notes + " small-#{$small}";
+    }
+    @if $small-offset > 0 {
+      $notes: $notes + " small-offset-#{$small-offset}";
+    }
+    @if $mini > 0 {
+      $notes: $notes + " mini-#{$mini}";
+    }
+    @if $mini-offset > 0 {
+      $notes: $notes + " mini-offset-#{$mini-offset}";
+    }
+    @if $push > 0 {
+      $notes: $notes + " push-#{$push}";
+    }
+    @if $pull > 0 {
+      $notes: $notes + " pull-#{$pull}";
+    }
+    @if $centered {
+      $notes: $notes + " centered";
+    }
+    h-column: $notes;
+  }
+}
+
+@if $include-grid and not $external-call {
+
+/* ------------
+  EDGE Grid
+------------ */
+
+// Normal row
+.row {
+  @include row($for-base:true);
+  
+  // Collapsed row
+  &.collapse {
+    @include row($collapse:true);
+    .column,
+    .columns {
+      @include column($collapse:true);
+    }
+  }
+  
+  // Nested-collapsed row
+  .row {
+    @include row($nest:true);
+    &.collapse {
+      @include row($nest:true, $collapse:true);
+    }
+  }
+}
+
+// Normal column
+.column,
+.columns {
+  @include column($large:$total-columns, $for-base:true);
+}
+
+@for $i from 1 through $total-columns {
+  .large#{-$i} { @include column($large:$i); }
+}
+
+// Centered column
+.column.large-centered,
+.columns.large-centered {
+  @include column($centered:true);
+}
+
+// Source Ordering
+@if $responsive {
+  @include above(small) {
+    @include source-ordering-output();
+  }
+} @else {
+  @include source-ordering-output();
+}
+
+@if $responsive {
+  // Small screen and below
+  @include below(small) {
+    .column,
+    .columns {
+      @include column($large:$total-columns);
+    }
+    @for $i from 1 through $total-columns {
+      .small#{-$i} {
+        @include column($large:$i);
+      }
+    }
+
+    @for $i from 0 through $total-columns - 2 {
+      .small-offset-#{$i} {
+        @include column($large-offset:$i);
+      }
+    }
+
+    .column.small-centered,
+    .columns.small-centered {
+      @include column($centered:true);
+    }
+  }
+
+} // responsive
+
+} // $include-grid

data/assets/sass/edge/components/_normalize.scss

@@ -144,7 +144,7 @@ button, select { text-transform: none; }
 button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
 button[disabled], html input[disabled] { cursor: default; }
 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
-input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+input[type="search"] { -webkit-appearance: textfield; }
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 

data/lib/edge/version.rb

@@ -1,4 +1,4 @@
 module Edge
-  VERSION = "1.0.0"
-  CODENAME = "Davion"
+  VERSION = "1.1.0"
+  CODENAME = "Ezalor"
 end

data/template/base/assets/sass/_setting.scss

@@ -15,20 +15,10 @@ $body-font-family   : "Helvetica", Helvetica, Arial, "sans-serif";
 $main-color : #2a71e3;
 $sub-color  : #d7d7d7;
 
-// -------------------
-// COLOR PALETTE
-// -------------------
-// $passive-color : #d7d7d7;
-// $blue-color    : #2a71e3;
-// $yellow-color  : #fac741;
-// $red-color     : #d35400;
-// $green-color   : #229e61;
-
 // ----------------
 // OUTPUT CONFIG
 // ----------------
 // $responsive : true;
-// $debug      : false;
 
 // $include-tile       : true;
 // $include-visibility : true;
@@ -38,6 +28,25 @@ $sub-color  : #d7d7d7;
 // $include-print   : false;
 // $include-code    : false;
 
+// ---------------
+// GLOBAL VALUE
+// ---------------
+// $g-radius : 3px;
+// $g-transition : all .2s ease-in-out;
+
+// --------
+// GRID
+// --------
+// $row-max-width : 1140px;
+// $total-columns : 12;
+// $column-gutter : 20px;
+
+// ------------
+// TILE
+// ------------
+// $max-tiles   : 12;
+// $tile-gutter : 15px;
+
 // ------
 // BODY
 // ------
@@ -63,12 +72,6 @@ $sub-color  : #d7d7d7;
 
 // $p-margin-bottom  : 1em;
 
-// ---------------
-// GLOBAL VALUE
-// ---------------
-// $g-radius : 3px;
-// $g-transition : all .2s ease-in-out;
-
 // -------------------
 // MEDIA QUERIES
 // -------------------
@@ -77,19 +80,6 @@ $sub-color  : #d7d7d7;
 // $large-screen  : 1440px;
 // $retina-screen : 192dpi;
 
-// --------
-// GRID
-// --------
-// $row-max-width : 1140px;
-// $total-columns : 12;
-// $column-gutter : 20px;
-
-// ------------
-// TILE
-// ------------
-// $max-tiles   : 12;
-// $tile-gutter : 15px;
-
 // -----------------
 // CODE Highlighter
 // -----------------

data/template/base/{.gitignore → gitignore}

@@ -51,3 +51,5 @@ $RECYCLE.BIN/
 # Ignore all logfiles and tempfiles.
 /log/*.log
 /tmp
+
+.sass-cache/

data/template/rails/application.html.erb

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width" />
+  <meta name="viewport" content="width=device-width">
 
   <!-- WEBSITE DETAIL -->
   <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>

data/template/wordpress/code/cpt.php

@@ -0,0 +1,139 @@
+<?php
+/*
+  Create Custom Post Type
+*/
+
+function add_post_type($name, $icon = "admin-post", $tax_name = null) {
+  $plural = Inflector::pluralize($name);
+  $singular = $name;
+
+  $labels = array(
+    "name" => $plural,
+    "singular_name" => $singular,
+    "add_new_item" => "Add New " . $singular,
+    "edit_item" => "Edit " . $singular,
+    "new_item" => "New " . $singular,
+    "view_item" => "View " . $singular,
+    "search_items" => "Search " . $plural,
+    "not_found" => "No " . strtolower($plural) . " found",
+    "not_found_in_trash" => "No " . strtolower($plural) . " found in Trash",
+    "parent_item_colon" => "Parent " . $singular . ":",
+  );
+
+  $post_args = array(
+    "public" => true,
+    "menu_icon" => "dashicons-".$icon,
+    "labels" => $labels,
+    "capability_type" => "post",
+    "supports" => array(
+      "title",
+      "editor",
+      "custom-fields",
+      "revisions",
+      "thumbnail",
+    ),
+  );
+  
+  // If taxonomy is given
+  if($tax_name) {
+    add_taxonomy($tax_name, $name);
+  }
+
+  register_post_type(strtolower($name), $post_args);
+}
+
+/*
+  Create Custom Taxonomy
+*/
+
+function add_taxonomy($name, $post_type) {
+  $plural = Inflector::pluralize($name);
+  $singular = $name;
+
+  $labels = array(
+    "name" => $plural,
+    "singular_name" => $singular,
+    "all_items" => "All " . $plural,
+    "edit_item" => "Edit " . $singular,
+    "view_item" => "View " . $singular,
+    "update_item" => "Update " . $singular,
+    "add_new_item" => "Add New " . $singular,
+    "parent_item" => "Parent " . $singular,
+    "search_items" => "Search " . $plural,
+    "popular_items" => "Popular " . $plural,
+    "add_or_remove_items" => "Add or remove " . strtolower($plural),
+    "choose_from_most_used" => "Choose from the most used " . strtolower($plural),
+    "not_found" => "No " . strtolower($plural) . " found"
+  );
+
+  $tax_args = array(
+    "labels" => $labels,
+    "show_ui" => true,
+    "query_var" => true,
+    "show_admin_column" => false,
+    "hierarchical" => true,
+  );
+  register_taxonomy(strtolower($name), strtolower($post_type), $tax_args);
+
+  new CPT_Filter(array(strtolower($post_type) => array(strtolower($singular) ) ) );
+}
+
+/*
+  Add Taxonomy filter to a CPT
+  @author Ohad Raz <admin@bainternet.info>
+*/
+class CPT_Filter {
+  function __construct($cpt = array()) {
+    $this->cpt = $cpt;
+    add_action("restrict_manage_posts", array($this, "my_restrict_manage_posts") );
+  }
+
+  /*
+    Add select dropdown per taxonomy
+  */
+  public function my_restrict_manage_posts() {
+    // only display these taxonomy filters on desired custom post_type listings
+    global $typenow;
+    $types = array_keys($this->cpt);
+
+    if (in_array($typenow, $types) ) {
+      // create an array of taxonomy slugs you want to filter by - if you want to retrieve all taxonomies, could use get_taxonomies() to build the list
+      $filters = $this->cpt[$typenow];
+
+      foreach ($filters as $tax_slug) {
+        // retrieve the taxonomy object
+        $tax_obj = get_taxonomy($tax_slug);
+        $tax_name = $tax_obj->labels->name;
+
+        // output html for taxonomy dropdown filter
+        echo "<select name='".strtolower($tax_slug)."' id='".strtolower($tax_slug)."' class='postform'>";
+        echo "<option value=''>Show All $tax_name</option>";
+        $this->generate_taxonomy_options($tax_slug,0,0,(isset($_GET[strtolower($tax_slug)])? $_GET[strtolower($tax_slug)] : null));
+        echo "</select>";
+      }
+    }
+  }
+     
+  /*
+    Generate_taxonomy_options generate dropdown       
+  */
+  public function generate_taxonomy_options($tax_slug, $parent = "", $level = 0, $selected = null) {
+    $args = array("show_empty" => 1);
+
+    if(!is_null($parent) ) {
+      $args = array("parent" => $parent);
+    }
+    $terms = get_terms($tax_slug, $args);
+    $tab = "";
+    
+    for($i = 0; $i < $level; $i++) {
+      $tab .= "--";
+    }
+
+    foreach ($terms as $term) {
+      // output each select option line, check against the last $_GET to show the current option selected
+      echo "<option value=". $term->slug, $selected == $term->slug ? " selected='selected'" : "", ">" . $tab . $term->name ." (" . $term->count .")</option>";
+      $this->generate_taxonomy_options($tax_slug, $term->term_id, $level + 1, $selected);
+    }
+  }
+}//end class

data/template/wordpress/code/inflector.php

@@ -1,8 +1,13 @@
 <?php
-// Thanks to http://www.eval.ca/articles/php-pluralize (MIT license)
-//           http://dev.rubyonrails.org/browser/trunk/activesupport/lib/active_support/inflections.rb (MIT license)
-//           http://www.fortunecity.com/bally/durrus/153/gramch13.html
-//           http://www2.gsu.edu/~wwwesl/egw/crump.htm
+/*
+  Pluralize or Singularize a verb/noun
+
+  Thanks to:
+  - http://www.eval.ca/articles/php-pluralize (MIT license)
+  - http://dev.rubyonrails.org/browser/trunk/activesupport/lib/active_support/inflections.rb (MIT license)
+  - http://www.fortunecity.com/bally/durrus/153/gramch13.html
+  - http://www2.gsu.edu/~wwwesl/egw/crump.htm
+*/
 
 class Inflector {
   static $plural = array(
@@ -59,26 +64,26 @@ class Inflector {
   );
   
   static $irregular = array(
-    'move'   => 'moves',
-    'foot'   => 'feet',
-    'goose'  => 'geese',
-    'sex'    => 'sexes',
-    'child'  => 'children',
-    'man'    => 'men',
-    'tooth'  => 'teeth',
-    'person' => 'people'
+    "move"   => "moves",
+    "foot"   => "feet",
+    "goose"  => "geese",
+    "sex"    => "sexes",
+    "child"  => "children",
+    "man"    => "men",
+    "tooth"  => "teeth",
+    "person" => "people"
   );
   
   static $uncountable = array( 
-    'sheep', 
-    'fish',
-    'deer',
-    'series',
-    'species',
-    'money',
-    'rice',
-    'information',
-    'equipment'
+    "sheep", 
+    "fish",
+    "deer",
+    "series",
+    "species",
+    "money",
+    "rice",
+    "information",
+    "equipment"
   );
   
   public static function pluralize( $string ) {
@@ -89,7 +94,7 @@ class Inflector {
 
     // check for irregular singular forms
     foreach ( self::$irregular as $pattern => $result ) {
-      $pattern = '/' . $pattern . '$/i';
+      $pattern = "/" . $pattern . "$/i";
         
       if ( preg_match( $pattern, $string ) ) {
         return preg_replace( $pattern, $result, $string);
@@ -114,7 +119,7 @@ class Inflector {
 
     // check for irregular plural forms
     foreach ( self::$irregular as $result => $pattern ) {
-      $pattern = '/' . $pattern . '$/i';
+      $pattern = "/" . $pattern . "$/i";
       
       if ( preg_match( $pattern, $string ) ) {
         return preg_replace( $pattern, $result, $string);

data/template/wordpress/code/main.php

@@ -5,6 +5,8 @@
   - Requirement: Wordpress 3.8 and PHP 5.3
 ------------------------------------------- */
 include "inflector.php";
+include "cpt.php";
+include "query.php";
 
 function home() { echo home_url()."/"; }
 function root() { return get_template_directory_uri()."/"; }
@@ -13,31 +15,6 @@ function root() { return get_template_directory_uri()."/"; }
   function js()    { echo root()."assets/js/";  }
   function files() { echo root()."assets/files/"; }
 
-/*
-  ELLIPSIZE
-  - Adding "..." at the end of the string.
-  - Default is 160 characters
-*/
-
-function ellipsize($text, $char_number = "160", $etc = "...") {
-  $text = html_entity_decode($text, ENT_QUOTES);
-  if (strlen($text) > $char_number) {
-    $text = substr($text, 0, $char_number);
-    $text = substr($text,0,strrpos($text," "));
-
-    $punctuation = ".!?:;,-"; // punctuation you want removed
-
-    $text = (strspn(strrev($text),  $punctuation) != 0)
-            ?
-            substr($text, 0, -strspn(strrev($text),  $punctuation))
-            :
-            $text;
-
-    $text = $text.$etc;
-  }
-  $text = htmlentities($text, ENT_QUOTES);
-  return $text;
-}
 
 /*
   CUSTOM NAV MENU
@@ -53,113 +30,6 @@ function edge_nav_menu() {
   ));
 }
 
-/*
-  DATABASE CALL
-*/
-
-class Post {
-  public static function find($args = null) {
-    wp_reset_postdata();
-    
-    if(empty($args) ) {
-      $args = array(
-        "post_type" => get_called_class()
-      );
-    }
-
-    return new WP_Query($args);
-  }
-
-  public static function find_by($key, $value) {
-    wp_reset_postdata();
-
-    $args = array(
-      $key => $value,
-      "post_type" => get_called_class()
-    );
-    return new WP_Query($args);
-  }
-}
-
-class Page extends Post {}
-
-/*
-  CUSTOM POST TYPE
-*/
-
-function add_post_type($name, $icon = "admin-post", $tax_name = null) {
-  $plural = Inflector::pluralize($name);
-  $singular = $name;
-
-  $labels = array(
-    "name" => $plural,
-    "singular_name" => $singular,
-    "add_new_item" => "Add New " . $singular,
-    "edit_item" => "Edit " . $singular,
-    "new_item" => "New " . $singular,
-    "view_item" => "View " . $singular,
-    "search_items" => "Search " . $plural,
-    "not_found" => "No " . strtolower($plural) . " found",
-    "not_found_in_trash" => "No " . strtolower($plural) . " found in Trash",
-    "parent_item_colon" => "Parent " . $singular . ":",
-  );
-
-  $post_args = array(
-    "public" => true,
-    "menu_icon" => "dashicons-".$icon,
-    "labels" => $labels,
-    "capability_type" => "post",
-    "supports" => array(
-      "title",
-      "editor",
-      "custom-fields",
-      "revisions",
-      "thumbnail",
-    ),
-  );
-  
-  // If taxonomy is given
-  if($tax_name) {
-    add_taxonomy($tax_name, $name);
-  }
-
-  register_post_type(strtolower($name), $post_args);
-}
-
-/*
-  CUSTOM TAXONOMY
-*/
-
-function add_taxonomy($name, $post_type) {
-  $plural = Inflector::pluralize($name);
-  $singular = $name;
-
-  $labels = array(
-    "name" => $plural,
-    "singular_name" => $singular,
-    "all_items" => "All " . $plural,
-    "edit_item" => "Edit " . $singular,
-    "view_item" => "View " . $singular,
-    "update_item" => "Update " . $singular,
-    "add_new_item" => "Add New " . $singular,
-    "parent_item" => "Parent " . $singular,
-    "search_items" => "Search " . $plural,
-    "popular_items" => "Popular " . $plural,
-    "add_or_remove_items" => "Add or remove " . strtolower($plural),
-    "choose_from_most_used" => "Choose from the most used " . strtolower($plural),
-    "not_found" => "No " . strtolower($plural) . " found"
-  );
-
-  $tax_args = array(
-    "labels" => $labels,
-    "show_ui" => true,
-    "query_var" => true,
-    "show_admin_column" => false,
-    "hierarchical" => true,
-  );
-  register_taxonomy(strtolower($name), strtolower($post_type), $tax_args);
-}
-
 /* REMOVE MENU ITEMS */
 add_action("admin_menu", "remove_menu_items");
 

data/template/wordpress/code/query.php

@@ -0,0 +1,31 @@
+<?php
+
+/*
+  Custom WP Query
+*/
+
+class Post {
+  public static function find($args = null) {
+    wp_reset_postdata();
+    
+    if(empty($args) ) {
+      $args = array(
+        "post_type" => get_called_class()
+      );
+    }
+
+    return new WP_Query($args);
+  }
+
+  public static function find_by($key, $value) {
+    wp_reset_postdata();
+
+    $args = array(
+      $key => $value,
+      "post_type" => get_called_class()
+    );
+    return new WP_Query($args);
+  }
+}
+
+class Page extends Post {}

data/template/wordpress/code/util.php

@@ -0,0 +1,27 @@
+<?php // Generic Utility
+
+/*
+  ELLIPSIZE
+  - Adding "..." at the end of the string.
+  - Default is 160 characters
+*/
+
+function ellipsize($text, $char_number = "160", $etc = "...") {
+  $text = html_entity_decode($text, ENT_QUOTES);
+  if (strlen($text) > $char_number) {
+    $text = substr($text, 0, $char_number);
+    $text = substr($text,0,strrpos($text," "));
+
+    $punctuation = ".!?:;,-"; // punctuation you want removed
+
+    $text = (strspn(strrev($text),  $punctuation) != 0)
+            ?
+            substr($text, 0, -strspn(strrev($text),  $punctuation))
+            :
+            $text;
+
+    $text = $text.$etc;
+  }
+  $text = htmlentities($text, ENT_QUOTES);
+  return $text;
+}

data/template/wordpress/functions.php

@@ -4,15 +4,19 @@
 add_theme_support("post-thumbnails"); 
 add_theme_support("menus");
 
+
+
 /* CUSTOM POST TYPE
    1: Type name, MUST be singular
    2: (opt) Icon name, check http://melchoyce.github.io/dashicons/
    3: (opt) Taxonomy name, MUST be singular
 */
-add_post_type("Product", "cart", "Brand"); // Sample
-// Allow the use of Product::find()
+// Example:
+add_post_type("Product", "cart", "Brand");
 class Product extends Post {};
 
+
+
 /* Remove Unnecessary ADMIN SIDEBAR
    - Use the slug
 */

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: edge_framework
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.1.0
 platform: ruby
 authors:
 - Henner Setyono
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-27 00:00:00.000000000 Z
+date: 2014-05-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -109,6 +109,7 @@ files:
 - assets/sass/edge/components/_code.scss
 - assets/sass/edge/components/_form.scss
 - assets/sass/edge/components/_grid.scss
+- assets/sass/edge/components/_grid_old.scss
 - assets/sass/edge/components/_normalize.scss
 - assets/sass/edge/components/_print.scss
 - assets/sass/edge/components/_tile.scss
@@ -125,7 +126,6 @@ files:
 - lib/edge/sprockets.rb
 - lib/edge/version.rb
 - lib/edge_framework.rb
-- template/base/.gitignore
 - template/base/assets/css/.keep
 - template/base/assets/files/.keep
 - template/base/assets/fonts/.keep
@@ -139,16 +139,17 @@ files:
 - template/base/assets/sass/app.scss
 - template/base/assets/sass/framework.scss
 - template/base/config.rb
+- template/base/gitignore
 - template/base/robots.txt
 - template/html/index.html
-- template/php/_footer.php
-- template/php/_header.php
-- template/php/index.php
 - template/rails/application.html.erb
 - template/wordpress/404.php
 - template/wordpress/category.php
+- template/wordpress/code/cpt.php
 - template/wordpress/code/inflector.php
 - template/wordpress/code/main.php
+- template/wordpress/code/query.php
+- template/wordpress/code/util.php
 - template/wordpress/comments.php
 - template/wordpress/content-post.php
 - template/wordpress/content-posts.php

data/template/php/_footer.php

@@ -1,17 +0,0 @@
-  <div id="footer-push"></div>
-</div>
-<footer class="main-footer"></footer>
-
-<!-- JAVASCRIPT LIBRARY -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-<script>
-  // Fallback if Google's one doesn't load
-  if (!window.jQuery) {
-    document.write("<script src='assets/js/vendor/jquery.min.js'><\/script>");
-  }
-</script>
-<script src="assets/js/vendor/fastclick.min.js"></script>
-<script src="assets/js/app.js"></script>
-
-</body>
-</html>

data/template/php/_header.php

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width">
-
-  <!-- WEBSITE DETAIL -->
-  <title>My Website</title>
-  <meta name="description" content="This is a description of your website, only first 160 characters matters">
-
-  <!-- FAVICON -->
-  <link rel="icon" href="assets/img/favicon.png">
-  <link rel="apple-touch-icon-precomposed" href="assets/img/favicon-big.png">
-  
-  <!-- JAVASCRIPT that must load first -->
-  <script src="assets/js/vendor/custom.modernizr.js"></script>
-  
-  <!-- STYLESHEET -->
-  <link rel="stylesheet" href="assets/css/framework.css">
-  <link rel="stylesheet" href="assets/css/app.css">
-
-</head>
-<body>
-<div id="main-wrapper">

data/template/php/index.php

@@ -1,5 +0,0 @@
-<?php include "_header.php"; ?>
-
-<!-- Content here -->
-
-<?php include "_footer.php"; ?>