Massive code rewrite

Author: gorriecoe

.gitattributes

@@ -0,0 +1,7 @@
+/.gitignore export-ignore
+/.gitattributes export-ignore
+/.editorconfig export-ignore
+/config.rb export-ignore
+/package.json export-ignore
+/scss export-ignore
+*.map export-ignore

.gitignore

@@ -0,0 +1,13 @@
+*Thumbs.db
+*web.config
+*.log
+*.buildpath
+*.project
+*.settings
+*.idea
+*.DS_Store
+*._.DS_Store
+*.codekit*
+*.sublime-*
+*.sass-cache
+*prepros.cfg

Gemfile

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+
+gem "sass", "~> 3.4.0"
+gem "compass", "~> 1.0"

Gemfile.lock

@@ -0,0 +1,32 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    chunky_png (1.3.5)
+    compass (1.0.3)
+      chunky_png (~> 1.2)
+      compass-core (~> 1.0.2)
+      compass-import-once (~> 1.0.5)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+      sass (>= 3.3.13, < 3.5)
+    compass-core (1.0.3)
+      multi_json (~> 1.0)
+      sass (>= 3.3.0, < 3.5)
+    compass-import-once (1.0.5)
+      sass (>= 3.2, < 3.5)
+    ffi (1.9.10)
+    multi_json (1.11.2)
+    rb-fsevent (0.9.6)
+    rb-inotify (0.9.5)
+      ffi (>= 0.5.0)
+    sass (3.4.20)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  compass (~> 1.0)
+  sass (~> 3.4.0)
+
+BUNDLED WITH
+   1.11.2

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2015, core
+Copyright (c) 2015, coreiho
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
@@ -11,7 +11,7 @@ modification, are permitted provided that the following conditions are met:
   this list of conditions and the following disclaimer in the documentation
   and/or other materials provided with the distribution.
 
-* Neither the name of silverstripe-patternlab nor the names of its
+* Neither the name of silverstripe-styleguide nor the names of its
   contributors may be used to endorse or promote products derived from
   this software without specific prior written permission.
 
@@ -25,4 +25,3 @@ SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-

_config.php

@@ -5,4 +5,4 @@
  *
  * @return string
 **/
-define('PATTERN_DIR', ltrim(Director::makeRelative(realpath(__DIR__)), DIRECTORY_SEPARATOR));
+define('STYLEGUIDE_DIR', ltrim(Director::makeRelative(realpath(__DIR__)), DIRECTORY_SEPARATOR));

_config/routes.yml

@@ -1,6 +1,6 @@
 ---
-Name: patternroutes
+Name: styleguideroutes
 ---
 Director:
   rules:
-    'patterns': 'PatternLab'
+    'styleguide': 'StyleGuide'

code/controllers/PatternLab.php

@@ -0,0 +1,56 @@
+e<?php
+
+/**
+* @package styleguide
+*/
+class StyleGuide extends Controller
+{
+    private static $allowed_actions = array(
+        'index'
+    );
+
+    public function index()
+    {
+        if(Director::isLive() && !Permission::check('CMS_ACCESS_CMSMain')) {
+            return Security::permissionFailure($this);
+        }
+
+        Requirements::css(STYLEGUIDE_DIR . '/css/styleguide.css');
+
+        return $this->renderWith(array(
+            __CLASS__,
+            'Page'
+        ));
+    }
+
+    public function getStyles()
+    {
+        $config = SiteConfig::current_site_config();
+        if ($config->Theme) {
+            Config::inst()->update('SSViewer', 'theme_enabled', true);
+            Config::inst()->update('SSViewer', 'theme', $config->Theme);
+        }
+        $theme = $config->Theme;
+
+        $manifest = SS_TemplateLoader::instance()->getManifest();
+
+        $templates = array();
+
+        // Debug::dump($manifest->getTemplates());
+        foreach($manifest->getTemplates() as $templateName => $templateInfo) {
+            $themeexists = $theme && isset($templateInfo['themes'][$theme]) && isset($templateInfo['themes'][$theme]['Styles']);
+
+            if ((isset($templateInfo['Styles']) || $themeexists) && !isset($templates[$templateName])) {
+                $templates[$templateName] = array(
+                    'ID' => trim($templateName),
+                    'Name' => trim(str_replace('_', ' ',$templateName)),
+                    'Layout' => $this->renderWith(array($templateName))
+                );
+            }
+        }
+
+        // ksort($templates);
+
+        return new ArrayList($templates);
+    }
+}

code/controllers/StyleGuide.php

@@ -1,8 +1,8 @@
 {
-    "name": "coreiho/silverstripe-patternlab",
-    "description": "Pattern lab",
+    "name": "coreiho/silverstripe-styleguide",
+    "description": "Style Guide",
     "type": "silverstripe-module",
-    "keywords": ["silverstripe", "patterns", "testing"],
+    "keywords": ["silverstripe", "style", "guide", "development"],
     "license": "BSD-3-Clause",
     "authors": [
     {
@@ -16,6 +16,6 @@
     	"silverstripe/cms": "3.*"
     },
     "extra": {
-        "installer-name": "pattern-lab"
+        "installer-name": "styleguide"
     }
 }

composer.json

@@ -0,0 +1,5 @@
+css_dir = "css"
+sass_dir = "scss"
+output_style = :compressed
+sourcemap = true
+line_comments = false

config.rb

@@ -1,18 +1,34 @@
 $grey: #808080;
+$dark-grey: #222;
+$white: #fff;
 
-.patternMaster{
+.styleGuideMaster{
     border: 1px solid $grey;
     padding: 1em;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 9999;
+    background-color: $white;
+    overflow: auto;
 }
 
-.patternList{
-    padding: 0px;
-    margin: 0px;
-    background: #222 none repeat scroll 0% 0%;
-    color: #FFF;
+.styleGuideNav{
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 20%;
+    z-index: 9999;
+    padding: 2em 0;
+    margin: 0;
+    background: $dark-grey none repeat scroll 0% 0%;
+    color: $white;
     font-family: "HelveticaNeue","Helvetica","Arial",sans-serif;
     text-transform: uppercase;
-    width: 100%;
+    overflow: auto;
     &:after{
         content: "";
         clear: both;
@@ -32,38 +48,34 @@ $grey: #808080;
         cursor: pointer;
         &:hover,
         &:focus{
-            color: #FFF;
-            background: rgba(255, 255, 255, 0.05) none repeat scroll 0% 0%;
+            color: $white;
+            background: $dark-grey none repeat scroll 0% 0%;
         }
     }
     li{
         list-style: none;
         display: block;
-        @media only screen and (min-width: 500px) {
-            width: 50%;
-            float: left;
-        }
-        @media only screen and (min-width: 1000px) {
-            width: 33.3333%;
-        }
-        @media only screen and (min-width: 1500px) {
-            width: 25%;
-        }
     }
 
 }
-.patternGroup{
+.styleGuideGroups{
+    position: absolute;
+    left: 20%;
+    padding: 2em;
+}
+.styleGuideGroup{
     clear: both;
     &:after{
         content: '';
         display: block;
         clear: both;
     }
 }
-.patternTitle{
+.styleGuideTitle{
     margin: 2em 0px;
     font-family: "HelveticaNeue","Helvetica","Arial",sans-serif;
     font-size: 14px!important;
+    text-transform: uppercase;
     font-weight: normal;
     padding: 1em 0px;
     border-bottom: 1px solid $grey;