- fix 'sonar' bugs

- update generator template files - update 'travis' and 'sonar' config - update gitignore, package.json, readme
bb-drummer · Dec 17, 2017 · bccc6ee · bccc6ee
1 parent 0a8d8d1
commit bccc6ee
Show file tree

Hide file tree

Showing 18 changed files with 1,667 additions and 94 deletions.
diff --git a/.gitignore b/.gitignore
@@ -11,3 +11,4 @@ npm-debug.log
 .settings
 *_save*
 *.save*
+.scanner*
diff --git a/.travis.yml b/.travis.yml
@@ -3,3 +3,22 @@ node_js:
   - "5"
   - "6"
   - "7"
+
+dist: trusty
+sudo: required
+
+addons:
+  sonarcloud:
+    organization: "bb-drummer-github"
+    token:
+      secure: "n32t4+uaiGvVfB106DHnX0FFj8uw/0hXRDs9wduPgH6xnBYilycRf8Zw9IHRXEWi251sZxnHBrDttW4GeFa8SP3oskzoYc2kge6RLwDCn6o87zooWjU737yizIqm0OHIf/2Jgcuyfrrctx9F8CUqbfvhAOIq9oNjRs7rQip7hX6cYG736BvSqZUiTS1Y85rD5vTqvunjIOh5nsuPdSRKinmUt8iYJNp1L84Agd0g+dO3zwACyHNByZ20LRLWL8XbkUC35eApB/qcjqysH6PTfcbwJPUdVTuwggBh+umAD7eAPm42e7F7xdx2EMq+9mmazieTvmv1Cwtc9dm9X++PMkUt2sM0KzUqQXYgG3GbzLsCHxuRAiNnphxly4B0Ec/oq6CheVvQ1nVakecqj869lGDv/7Oxf2si/Dt8F1h+xpUrIIOECxvJPNqI4jT0SjWuT7yGDgp1EMD6GJ5GD5aX34jJ9MvgNYdliZpE/BFMTcP4HhUlGyC728XNJJPagzO8hZM4wMNXUGLz7gb/HXAZahSHKQ6MC1FUB9CYiFdZjezFJVeXwPHYvIBi2gINCCcCrpfEAchurRhSEluKvvg30eUfLvXmsqcF/nBM1e8KY5COcV/oLzFXFaWh6Kb7H1B5nKG1wXrMjp4xXdOsnQHGBXnMReP8Lk/rE7RDpDyOe2U="
+jdk:
+  - oraclejdk8
+script:
+  - npm install
+  - npm test
+  - sonar-scanner
+cache:
+  directories:
+    - '$HOME/.sonar/cache'
+
diff --git a/gui/pages/pl/atoms/index.html b/gui/pages/pl/atoms/index.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html class="no-js">
+	<head>
+		<title>[Patternlibrary v0.0.1]</title>
+		<meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="apple-touch-fullscreen" content="YES">
+		<link rel="stylesheet" media="screen" type="text/css" href="../../assets/css/patternlibrary.css" />
+		<!--[if lte IE 8]><link rel="stylesheet" href="../../assets/css/ie8.css" /><![endif]-->
+		<!--[if lte IE 9]><link rel="stylesheet" href="../../assets/css/ie9.css" /><![endif]-->
+		<script src="../../assets/js/vendor.js"></script>
+		<script src="../../assets/js/patternlibrary-frontend.js"></script>
+	</head>
+	<body>
+
+		<section id="patternlibrarySection" class="patternlibrary">
+			<div class="row column small-12">
+			    <!-- #PL:TOPBAR -->
+			    <div class="row">
+			    	<div class="large-12 columns">
+			    		<div class="title-bar" data-responsive-toggle="pl-main-menu" data-hide-for="medium">
+			    		    <button class="menu-icon" type="button" data-toggle="pl-main-menu"></button>
+			    		    <div class="title-bar-title">[Patternlibrary v0.0.1]</div>
+			    		    <div class="title-bar-title float-right"><ul class="menu">
+			    	<li class="menu-text">
+			    		<span class="label is-hidden">Size:</span>
+			    		<span class="show-for-small-only">S</span>
+			    		<span class="show-for-medium-only">M</span>
+			    		<span class="show-for-large-only">L</span>
+			    		<span class="show-for-xlarge-only">XL</span>
+			    		<span class="show-for-xxlarge-only">XXL</span>
+			    	</li>
+			    </ul>
+			    </div>
+			    		</div> 
+
+			    		<div class="top-bar" id="pl-main-menu">
+			    		    <div class="top-bar-left">  
+			    		    	<ul class="dropdown menu" data-dropdown-menu>
+			    		    	    <li class="menu-text hide-for-small show-for-medium">[Patternlibrary v0.0.1]</li>
+			    		    	    <li><a href="../..//patterns"><i class="fa fa-puzzle-piece"></i> Patterns</a></li>
+			    		    	    <li><a href="../..//pages"><i class="fa fa-photo"></i> Pages</a></li>
+			    		    	    <li><a href="../..//builder"><i class="fa fa-magic"></i> Builder</a></li>
+			    		    	    <li>
+			    		    	        <a href="../..//help"><i class="fa fa-question"></i> Help</a> 
+			    		    	        <ul class="menu">
+			    		    	        	<li><a href="../..//help/docs">Docs</a></li>
+			    		    	        	<li><a href="../..//help/about.html">About</a></li>
+			    		    	        </ul>
+			    		    	    </li>
+			    		    	</ul>		    </div>
+			    		    <div class="top-bar-right">
+			    		    	<ul class="menu">
+			    		    		<li class="docs-search-wrapper"><input type="text" data-docs-search placeholder="Search" class="docs-search"></li>
+			    		    	</ul>
+			    		    </div>
+			    		    <div class="top-bar-right hide-for-small-only">
+			    		    	<ul class="menu">
+			    		    		<li class="menu-text">
+			    		    			<span class="label is-hidden">Size:</span>
+			    		    			<span class="show-for-small-only">S</span>
+			    		    			<span class="show-for-medium-only">M</span>
+			    		    			<span class="show-for-large-only">L</span>
+			    		    			<span class="show-for-xlarge-only">XL</span>
+			    		    			<span class="show-for-xxlarge-only">XXL</span>
+			    		    		</li>
+			    		    	</ul>
+			    		    </div>
+			    		</div>
+			    	</div>
+			    </div>
+			    <!-- /PL:TOPBAR -->
+
+<header class="hide-for-small show-for-large hide hidden is-hidden">
+  <div class="small-12 columns">
+    <h1>Patterns</h1>
+  </div>
+</header> 
+
+<div class="small-12 columns">
+	<!-- #PL:PATTERNLIST -->
+	<section class="row panel patternlist">
+	    <div class="small-12 columns">
+			<div class="row">
+				<div class="row large-12 columns">
+
+					<div class="title-bar" data-responsive-toggle="pl-patternlist-filter" data-hide-for="medium">
+					    <button class="menu-icon" type="button" data-toggle="pl-patternlist-filter"></button>
+					    <div class="title-bar-title">Patterns</div>
+					</div>
+
+					<div class="top-bar filter" id="pl-patternlist-filter">
+					    <div class="top-bar-left">
+							<ul class="dropdown menu" data-dropdown-menu>
+							  <li class="menu-text hide-for-small show-for-medium">Patterns:</li>
+							  <li class="hide-for-small show-for-medium"><a href="../..//patterns/atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
+							  <li class="hide-for-small show-for-medium"><a href="../..//patterns/molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
+							  <li class="hide-for-small show-for-medium"><a href="../..//patterns/organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
+							  <li class="hide-for-small show-for-medium"><a href="../..//patterns/templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
+						      <li class="show-for-small hide-for-medium">
+						          <a href="#"><i class="fa fa-list"></i> <span>Patterns</span></a> 
+						          <ul class="menu vertical">
+									  <li><a href="../..//patterns/atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
+									  <li><a href="../..//patterns/molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
+									  <li><a href="../..//patterns/organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
+									  <li><a href="../..//patterns/templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
+							      </ul>
+						      </li>
+						      <li>
+						        <a href="../..//categories"><i class="fa fa-list"></i> <span>Categories</span></a> 
+						        <ul class="menu vertical">
+
+						                  <li><a href="../..//categories/basic"><i class="fa fa-folder-o"></i> basic</a><!-- /categories/basic --></li>
+						                  <li><a href="../..//categories/typography"><i class="fa fa-folder-o"></i> typography</a><!-- /categories/typography --></li>
+						                  <li><a href="../..//categories/button"><i class="fa fa-folder-o"></i> button</a><!-- /categories/button --></li>
+						                  <li><a href="../..//categories/modal"><i class="fa fa-folder-o"></i> modal</a><!-- /categories/modal --></li>
+						                  <li><a href="../..//categories/basic"><i class="fa fa-folder-o"></i> basic</a><!-- /categories/basic --></li>
+						                  <li><a href="../..//categories/typography"><i class="fa fa-folder-o"></i> typography</a><!-- /categories/typography --></li>
+						                  <li><a href="../..//categories/basic"><i class="fa fa-folder-o"></i> basic</a><!-- /categories/basic --></li>
+						                  <li><a href="../..//categories/typography"><i class="fa fa-folder-o"></i> typography</a><!-- /categories/typography --></li>
+						                  <li><a href="../..//categories/typography"><i class="fa fa-folder-o"></i> typography</a><!-- /categories/typography --></li>
+						                  <li><a href="../..//categories/article"><i class="fa fa-folder-o"></i> article</a><!-- /categories/article --></li>
+						        </ul>
+						      </li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>	</div>
+
+	    <div class="small-12 columns">
+			<div class="row panel-body">
+			    <div class="row columns large-12">
+					<ul class="accordion" data-patternlibrary-accordion data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true" data-update-history>
+
+					</ul>
+			    </div>
+			</div>	</div>
+
+	</section>
+	<!-- /PL:PATTERNLIST -->
+</div>
+
+
+
+				<!-- Footer -->
+					<footer id="footer" class="row columns">
+						<div class="small-12 medium-6 column text-left">
+							<span class="patterns"  ><a href="../..//pl/patterns/">Patterns</a>
+							<span class="typography">| <a href="../..//typography.html">Typography</a>
+							<span class="plfoundation">| <a href="../..//kitchensink.html">Kitchen Sink</a>
+							<span class="styleguide">| <a href="../..//styleguide.html">Styleguide</a>
+							<span class="plfoundation">| <a href="../..//plfoundation.html">Demo</a>
+						</div>
+						<div class="small-12 medium-6 column text-right">
+							<span class="copyright" >[Patternlibrary v0.0.1]</a>
+							<span class="copyright" >| &copy; <a href="https://bjoernbartels.earth" target="_blank">[bjoernbartels.earth]</a>
+						</div>
+					</footer>				
+			</div>
+		</section>
+
+	</body>
+</html>
diff --git a/gui/pages/pl/builder/index.html b/gui/pages/pl/builder/index.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html class="no-js">
+	<head>
+		<title>[Patternlibrary v0.0.1]</title>
+		<meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="apple-touch-fullscreen" content="YES">
+		<link rel="stylesheet" media="screen" type="text/css" href="../../assets/css/patternlibrary.css" />
+		<!--[if lte IE 8]><link rel="stylesheet" href="../../assets/css/ie8.css" /><![endif]-->
+		<!--[if lte IE 9]><link rel="stylesheet" href="../../assets/css/ie9.css" /><![endif]-->
+		<script src="../../assets/js/vendor.js"></script>
+		<script src="../../assets/js/patternlibrary-frontend.js"></script>
+	</head>
+	<body>
+
+		<section id="patternlibrarySection" class="patternlibrary">
+			<div class="row column small-12">
+			    <!-- #PL:TOPBAR -->
+			    <div class="row">
+			    	<div class="large-12 columns">
+			    		<div class="title-bar" data-responsive-toggle="pl-main-menu" data-hide-for="medium">
+			    		    <button class="menu-icon" type="button" data-toggle="pl-main-menu"></button>
+			    		    <div class="title-bar-title">[Patternlibrary v0.0.1]</div>
+			    		    <div class="title-bar-title float-right"><ul class="menu">
+			    	<li class="menu-text">
+			    		<span class="label is-hidden">Size:</span>
+			    		<span class="show-for-small-only">S</span>
+			    		<span class="show-for-medium-only">M</span>
+			    		<span class="show-for-large-only">L</span>
+			    		<span class="show-for-xlarge-only">XL</span>
+			    		<span class="show-for-xxlarge-only">XXL</span>
+			    	</li>
+			    </ul>
+			    </div>
+			    		</div> 
+
+			    		<div class="top-bar" id="pl-main-menu">
+			    		    <div class="top-bar-left">  
+			    		    	<ul class="dropdown menu" data-dropdown-menu>
+			    		    	    <li class="menu-text hide-for-small show-for-medium">[Patternlibrary v0.0.1]</li>
+			    		    	    <li><a href="../..//patterns"><i class="fa fa-puzzle-piece"></i> Patterns</a></li>
+			    		    	    <li><a href="../..//pages"><i class="fa fa-photo"></i> Pages</a></li>
+			    		    	    <li><a href="../..//builder"><i class="fa fa-magic"></i> Builder</a></li>
+			    		    	    <li>
+			    		    	        <a href="../..//help"><i class="fa fa-question"></i> Help</a> 
+			    		    	        <ul class="menu">
+			    		    	        	<li><a href="../..//help/docs">Docs</a></li>
+			    		    	        	<li><a href="../..//help/about.html">About</a></li>
+			    		    	        </ul>
+			    		    	    </li>
+			    		    	</ul>		    </div>
+			    		    <div class="top-bar-right">
+			    		    	<ul class="menu">
+			    		    		<li class="docs-search-wrapper"><input type="text" data-docs-search placeholder="Search" class="docs-search"></li>
+			    		    	</ul>
+			    		    </div>
+			    		    <div class="top-bar-right hide-for-small-only">
+			    		    	<ul class="menu">
+			    		    		<li class="menu-text">
+			    		    			<span class="label is-hidden">Size:</span>
+			    		    			<span class="show-for-small-only">S</span>
+			    		    			<span class="show-for-medium-only">M</span>
+			    		    			<span class="show-for-large-only">L</span>
+			    		    			<span class="show-for-xlarge-only">XL</span>
+			    		    			<span class="show-for-xxlarge-only">XXL</span>
+			    		    		</li>
+			    		    	</ul>
+			    		    </div>
+			    		</div>
+			    	</div>
+			    </div>
+			    <!-- /PL:TOPBAR -->
+
+<header class="hide-for-small show-for-large hide hidden is-hidden">
+  <div class="small-12 columns">
+    <h1>Layoutbuilder</h1>
+  </div>
+</header> 
+
+<section id="the_layoutbuilder" class="small-12">
+	<div data-layoutbuilder data-class-col-prefix="col-" data-class-sizes="['xs','s','m','l','xl']">
+
+
+	    <div data-layoutbody class="documentbody callout">
+	        <a data-layoutbodyfullscreentoggler href="" class="hide hidden"></a>
+	        <div data-layoutrow class="row">
+	                <div data-layoutcolumn class="col-xs-12 small-12">
+	                </div>
+
+	        </div>
+
+	        <div data-layoutrow class="row">
+
+	                <div data-layoutcolumn class="col-xs-12 small-12 col-l-3 large-3 col-m-3 medium-3">
+	                </div>
+	                <div data-layoutcolumn class="col-xs-12 small-12 col-l-7 large-7 col-m-9 medium-9">
+
+	        			<div data-layoutrow class="row">
+	        			        <div data-layoutcolumn class="col-xs-12 small-12">
+	        			        </div>
+
+	        			</div>
+
+
+	        			<div data-layoutrow class="row">
+	        			        <div data-layoutcolumn class="col-xs-6 small-6">
+	        			        </div>
+	        			        <div data-layoutcolumn class="col-xs-6 small-6">
+	        			        </div>
+
+	        			</div>
+
+
+	        			<div data-layoutrow class="row">
+	        			        <div data-layoutcolumn class="col-xs-12 small-12">
+	        			        </div>
+
+	        			</div>
+
+	                </div>
+
+	                <div data-layoutcolumn class="col-xs-12 small-12 col-l-2 large-2">
+	                </div>
+
+	        </div>
+
+	        <div data-layoutrow class="row">
+	                <div data-layoutcolumn class="col-xs-12 small-12 col-m-6 medium-6">
+	                </div>
+	                <div data-layoutcolumn class="col-xs-12 small-12 col-m-6 medium-6">
+	                </div>
+
+	        </div>
+	    </div>
+
+	    <div data-layouthint class="hint">
+	        <div class="message">
+	            <span>Use [ESC] or [CTRL+ALT+F] to toggle fullscreen mode</span>
+	        </div>
+	    </div>
+
+	</div>
+</section>
+
+
+
+				<!-- Footer -->
+					<footer id="footer" class="row columns">
+						<div class="small-12 medium-6 column text-left">
+							<span class="patterns"  ><a href="../..//pl/patterns/">Patterns</a>
+							<span class="typography">| <a href="../..//typography.html">Typography</a>
+							<span class="plfoundation">| <a href="../..//kitchensink.html">Kitchen Sink</a>
+							<span class="styleguide">| <a href="../..//styleguide.html">Styleguide</a>
+							<span class="plfoundation">| <a href="../..//plfoundation.html">Demo</a>
+						</div>
+						<div class="small-12 medium-6 column text-right">
+							<span class="copyright" >[Patternlibrary v0.0.1]</a>
+							<span class="copyright" >| &copy; <a href="https://bjoernbartels.earth" target="_blank">[bjoernbartels.earth]</a>
+						</div>
+					</footer>				
+			</div>
+		</section>
+
+	</body>
+</html>