express_ui 0.1.0.rc7 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3c58d2015fb5d2d3e3ea07be91fa7408547b53bb
-  data.tar.gz: 7783161a9d4cd6dd65744916c51241566a40cde2
+  metadata.gz: 579bd9ae18193f1d9f49b862522a94eeb9fa86d2
+  data.tar.gz: 677eb279093f9e1fc768dd7834bf0aaaa3847aab
 SHA512:
-  metadata.gz: f0c5a07ea96f663e66cc3daa0768683211b12d81d4858090cfcd787f2161116118f7e7dfd03405c21e3704a8fad1091d95c42d4da1a12dad1fefb3c28bbd1085
-  data.tar.gz: 9f8f99c0fd5e250fc9073538f5defd508fa209a331fe2b414f240c47b6168b2e97f9cc03f96bcb210d47f60f08fccd4fbc8c8b3b13e62cfecbd10c43a46038ed
+  metadata.gz: 36a75a44b64803f02dbf6fc166aa3624ace94a822d6671e1a6d7177aee2243b8b41e2b19c83df4425e2c064a6224161dd534447ec320f877d2a765a4b10d83e3
+  data.tar.gz: 534ac9247ed170c779475484e997a5577d7ab6d77723db16d0a8f0ba68639247ec3cc32b369ad6076fad39411b2470c32dd7a52fbf6069815a78cea38f5410d8

data/app/assets/javascripts/express_ui/styleguide.js

@@ -3,8 +3,14 @@
 //= require anchorific
 //= require resizable
 
+
 $(function() {
 
+  // TODO: Sidebar scripts in mobile that need to be moved to its proper JS folder
+  $('.js-ae-show-left-sidebar').on('click', function(){
+    $('.js-ae-sidebar').toggle();
+  });
+
   $('.ae-sidebar-right').resizable({
     handles: 'w',
     minWidth: 100,
@@ -45,17 +51,6 @@ $(function() {
   $('body').append("<a href='#' class='ae-btn ae-btn-secondary ae-btn-sm back-to-top'>Back to top &nbsp;<i class='fa fa-long-arrow-up'></i></a>");
   $('.back-to-top').css('display', 'none')
 
-  // Freeze body when scrolling over sidebar
-  // $(".ae-sidebar-overlay").on("mouseover", function() {
-  //   $("body").css("overflow-y", "hidden");
-  //   $(this).css('z-index', '-1');
-  // });
-
-  // $(".js-ae-sidebar").on("mouseleave", function() {
-  //   $("body").css("overflow-y", "auto");
-  //   $(this).css('z-index', '1');
-  // });
-
   $(window).scroll(function() {
     if ($(this).scrollTop() >= 100) {        // If page is scrolled more than 100px
         $('.back-to-top').fadeIn(200);    // Fade in the arrow
@@ -88,3 +83,4 @@ $( document ).ready(function() {
 });
 
 
+

data/app/assets/stylesheets/express_ui/atoms/_buttons.sass

@@ -4,6 +4,7 @@
   margin: 0.25em 0.25em 0 0
   border: 0
   cursor: pointer
+  text-align: center
 
 .ae-btn
   @include easeInOut
@@ -12,7 +13,7 @@
   text-decoration: none
   text-transform: uppercase
   box-shadow: none
-  vertical-align: middle
+  vertical-align: top
   @include body-font
 
   &:hover, &-hover

data/app/assets/stylesheets/express_ui/atoms/_images.sass

@@ -27,9 +27,7 @@ img
   display: block
   text-align: center
   position: relative
-  margin-bottom: 1.25em
-  margin-left: auto
-  margin-right: auto
+  margin: 1.25em auto
 
 .ae-img-responsive
   max-width: 100%

data/app/assets/stylesheets/express_ui/atoms/_media_queries.sass

@@ -25,3 +25,21 @@
 @mixin desktop
   @media only screen and (min-width: $desktop)
     @content
+
+@mixin desktop-only
+  display: none !important
+
+  @include tablet
+    display: inline-block !important
+
+@mixin mobile-only
+  display: block
+
+  @include tablet
+    display: none !important
+
+.ae-mobile-only
+  @include mobile-only
+
+.ae-desktop-only
+  @include desktop-only

data/app/assets/stylesheets/express_ui/atoms/_reset.sass

@@ -6,6 +6,7 @@
 html, body
   line-height: 1.4
   height: 100%
+  min-height: 100%
 
 body
   width: 100%

data/app/assets/stylesheets/express_ui/atoms/_typography.sass

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i')
+
 @mixin body-font
   font-family: 'Lato', sans-serif
 
@@ -18,7 +20,7 @@
     font-size: rem($large_size/1.4)
 
 @mixin p
-  @include font-size(12px, 14px)
+  @include font-size(18px, 14px)
   font-weight: normal
 
 .ae-u-text-left

data/app/assets/stylesheets/express_ui/molecules/_container.sass

@@ -9,6 +9,7 @@
   margin-left: auto
   margin-right: auto
   max-width: $container
+  word-wrap: break-word
 
   @include tablet
     width: 100%
@@ -27,3 +28,5 @@
 
   .ae-container-table-cell
     @include container-table-cell
+
+

data/app/assets/stylesheets/express_ui/molecules/_flash_messages.sass

@@ -11,9 +11,10 @@
 
   .ae-alert-action
     position: absolute
-    top: 0.5rem
+    top: 0.5
     right: 0.5rem
     text-decoration: none
+    @include font-size(12px, 16px)
 
   &-success
     background: lighten($success, 50%)ƒ

data/app/assets/stylesheets/express_ui/molecules/_form_groups.sass

@@ -35,6 +35,9 @@
   .ae-form-field
     position: relative
 
+    @include tablet-max
+      width: 100%
+
   .ae-actions
     width: auto
 

data/app/assets/stylesheets/express_ui/molecules/_forms.sass

@@ -7,6 +7,7 @@
   @include easeInOut
   margin: 10px 0
   @include body-font
+  vertical-align: top
 
   &:focus
     border: 1px solid $primary-color

data/app/assets/stylesheets/express_ui/molecules/_lists.sass

@@ -5,7 +5,6 @@ ul, ol
 
   li
     @include p
-    @include font-size(12px, 12px)
 
     &:before
       content: ""

data/app/assets/stylesheets/express_ui/molecules/_nav.sass

@@ -27,6 +27,14 @@ nav
   & > a
     @include button
 
+.ae-nav-main
+  @include tablet-max
+    float: none
+
+    .ae-list-inline .ae-nav-item
+      display: inline-block
+      float: none
+
 .ae-breadcrumbs
   .ae-nav-item
     position: relative

data/app/assets/stylesheets/express_ui/molecules/_tables.sass

@@ -51,14 +51,24 @@ table
   overflow-x: scroll
 
 .ae-table-filter
-  display: flex
-  flex-flow: row
-  flex-wrap: nowrap
-  justify-content: flex-start
-  align-items: stretch
-  align-content: stretch
   background-color: $gray-background
 
+  @include tablet
+    display: flex
+    flex-flow: row
+    flex-wrap: nowrap
+    justify-content: flex-start
+    align-items: stretch
+    align-content: stretch
+
+    *
+      display: flex
+      flex-direction: row
+      flex-wrap: nowrap
+      justify-content: flex-start
+      align-items: center
+      align-content: stretch
+
   .ae-filter
     // border-right: 1px solid $border-light
     padding: 0 $container-padding*2
@@ -67,11 +77,3 @@ table
     margin-top: 0
     border-top: 1px solid $border-light
 
-  *
-
-    display: flex
-    flex-direction: row
-    flex-wrap: nowrap
-    justify-content: flex-start
-    align-items: center
-    align-content: stretch

data/app/assets/stylesheets/express_ui/organisms/_header.sass

@@ -7,13 +7,26 @@ header
   @include tablet
     padding: 0.5em 0
 
-  img
-    margin: 0
+  @include tablet-max
+    text-align: center
+    height: $header-max-height*2
+    max-height: 100%
 
   .ae-logo
     float: left
     padding: 0.25em 0.5em
 
+    img
+      margin: 0
+
+    @include tablet-max
+      float: none
+      padding: 1em 0
+      display: block
+
+      img
+        margin: 0 auto
+
   &.ae-header-fixed
     position: fixed
     top: 0
@@ -24,6 +37,13 @@ header
     & + .ae-container
       margin-top: ($header-max-height/2.75)
 
+    @include tablet-max
+      z-index: 99
+
 
   & + [class*="ae-template-"]
     margin-top: ($header-max-height/2.75)
+
+    @include tablet-max
+      z-index: 99
+      margin-top: $header-max-height

data/app/assets/stylesheets/express_ui/organisms/_sidebar.sass

@@ -16,6 +16,15 @@
   .ae-content
     left: $width
 
+.ae-show-left-sidebar
+  @include tablet-max
+    position: fixed
+    left: 10px
+    top: $header-max-height*2.2
+    right: 10px
+    z-index: 99
+    margin-right: 0
+
 .ae-sidebar-left
   background-color: $primary-color
 
@@ -27,6 +36,7 @@
 .ae-sidebar
   word-wrap: inherit
   overflow-y: scroll
+  letter-spacing: 0
   padding:
     top: $container-padding
     bottom: $container-padding

data/app/assets/stylesheets/express_ui/styleguide.sass

@@ -141,6 +141,8 @@ pre
   padding: 1em
   @include box-shadow(inset 0, 0, 5px, 0, rgba($border-dark, 0.5))
   position: relative
+  width: 100%
+
 
 .pln
   color: #161b1d

data/app/assets/stylesheets/express_ui/templates/_content_sidebar.sass

@@ -1,3 +1,18 @@
+.ae-template-content-sidebar, .ae-template-content-sidebar-fixed
+  @include tablet-max
+    .ae-sidebar-left
+      display: none
+      left: 10px
+      top: 4.6em
+      right: 10px
+      width: auto !important
+      z-index: 99
+      height: auto !important
+
+    .ae-content
+      left: 0 !important
+      right: 0 !important
+
 .ae-template-content-sidebar
   @include sidebar(15%)
   display: flex
@@ -29,3 +44,7 @@
     position: absolute
     padding: $container-padding*2 $container-padding*4
     right: $container-padding*4
+    overflow: auto
+
+    @include tablet-max
+      padding-top: $container-padding*6

data/app/controllers/express_ui/pages_controller.rb

@@ -0,0 +1,21 @@
+require_dependency "express_ui/application_controller"
+
+module ExpressUi
+  class PagesController < ApplicationController
+    layout "express_ui/styleguide"
+
+
+    def register
+    end
+
+    def coming_soon
+    end
+
+    def login
+    end
+
+    def static
+    end
+
+  end
+end

data/app/views/express_ui/atoms/_buttons.html.erb

@@ -2,32 +2,31 @@
 <p>Required. Buttons require the <code>ae-btn</code> class and <code>type="button"</code> attribute.</p>
 
 <h4>Button Sizes</h4>
-<table>
-  <thead>
-    <th>Size</th>
-    <th>Demo</th>
-    <th>Usage</th>
-  </thead>
-  <tbody>
-    <tr>
-        <td>Small</td>
-        <td><button type="button" class="ae-btn ae-btn-sm">Small</button></td>
-        <td><code>.ae-btn-sm</code></td>
-    </tr>
-    <tr>
-        <td>Medium</td>
-        <td><button type="button" class="ae-btn ae-btn-md">Medium</button></td>
-        <td><code>.ae-btn-md</code></td>
-    </tr>
-    <tr>
-        <td>Large</td>
-        <td><button type="button" class="ae-btn ae-btn-lg">Large</button></td>
-        <td><code>.ae-btn-lg</code></td>
-
-    </tr>
-  </tbody>
-</table>
-
+    <table>
+      <thead>
+        <th>Size</th>
+        <th>Demo</th>
+        <th>Usage</th>
+      </thead>
+      <tbody>
+        <tr>
+            <td>Small</td>
+            <td><button type="button" class="ae-btn ae-btn-sm">Small</button></td>
+            <td><code>.ae-btn-sm</code></td>
+        </tr>
+        <tr>
+            <td>Medium</td>
+            <td><button type="button" class="ae-btn ae-btn-md">Medium</button></td>
+            <td><code>.ae-btn-md</code></td>
+        </tr>
+        <tr>
+            <td>Large</td>
+            <td><button type="button" class="ae-btn ae-btn-lg">Large</button></td>
+            <td><code>.ae-btn-lg</code></td>
+
+        </tr>
+      </tbody>
+    </table>
 <h4>Button States</h4>
 <table>
   <thead>
@@ -55,6 +54,8 @@
 </table>
 
 <h4>Button Styles</h4>
+<div class="ae-table-responsive">
+
 <table>
   <thead>
     <th>Name</th>
@@ -111,6 +112,7 @@
   </tbody>
 </table>
 
+</div>
 
 <p>Buttons can have a badge count. </p>
 

data/app/views/express_ui/atoms/_typography.html.erb

@@ -96,6 +96,8 @@
 <h4>Status</h4>
 <p>Status labels can be used to denote the state of an item or page, e.g., when an item has incurred a “cancelled” or “successful” state.</p>
 <p>The <code>.ae-status</code> class is required.</p>
+<div class="ae-table-responsive">
+
 <table>
 <thead>
 <tr>
@@ -162,7 +164,7 @@
 </tr>
 </tbody>
 </table>
-
+</div>
 
 <h4>Text Utilities</h4>
 <table>

data/app/views/express_ui/molecules/_forms.html.erb

@@ -3,7 +3,7 @@
 <p><strong>Required</strong>. Form elements should be wrapped in a <code>&lt;form&gt;&lt;div class=&quot;ae-form-field&quot;&gt;&lt;/div&gt;&lt;/form&gt;</code> to ensure that proper semantics are followed. This also ensures proper styling is applied. See <a href="http://w3c.github.io/html/semantics.html#forms" title="Form semantics at w3c">http://w3c.github.io/html/semantics.html#forms</a>.</p>
 
 <h4>Input Fields</h4>
-
+<div class="ae-table-responsive">
 <table>
 <thead>
 <tr>
@@ -136,7 +136,7 @@
 </tr>
 </tbody>
 </table>
-
+</div>
 
 <h4>Input Sizes</h4>
 <table>

data/app/views/express_ui/molecules/_table_with_filtering.html.erb

@@ -1,4 +1,3 @@
-  <div class="ae-table-responsive">
     <div class="ae-table-filter">
       <div class="ae-filter">
         <%= render "express_ui/molecules/form_group_single_line" %>
@@ -13,7 +12,9 @@
         <a href="#" title="Reset">×</a>
       </div>
     </div>
-    <table>
+    <div class="ae-table-responsive">
+      <table>
+
       <thead>
         <th><a href="#" title="created_at">Created At </a></th>
         <th width="30%"><a href="#" title="address">Address</a></th>

data/app/views/express_ui/pages/coming_soon.html.erb

@@ -0,0 +1,36 @@
+<div class="ae-template-half-width">
+  <div class="ae-container">
+
+    <div class="ae-content content ae-u-text-center">
+    <%= link_to image_tag('logo.svg', :width => "200"), "https://appexpress.io", :class => "logo", title: "Back to AppExpress", :width => "200"  %>
+
+
+    <div class="panel">
+    	<ul>
+    		<li>Ready-made application components.</li>
+				<li>Standard professional services. </li>
+				<li>High-performance managed hosting.</li>
+    	</ul>
+    	<h1>Coming Soon</h1>
+    </div>
+
+	<p>Enter your email address to receive a list of our services once we go live. </p>
+
+	<!-- Begin MailChimp Signup Form -->
+	<div id="mc_embed_signup">
+		<form action="#" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate ae-form-single ae-u-text-left" target="_blank" novalidate>
+			<div class="ae-form-field">
+				<input type="email" value="" name="EMAIL" class="email ae-text-field ae-input-md" id="mce-EMAIL" placeholder=" address" required>
+				<div style="position: absolute; left: -5000px;" aria-hidden="true">
+					<input type="text" name="b_e6a2ab7ec23502e4df28026e8_8a9529a053" tabindex="-1" value="">
+				</div>
+			</div>
+		  	<div class="ae-actions">
+				<button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class=" ae-btn ae-btn-primary ae-btn-md" />Subscribe</button>
+			</div>
+		</form>
+	</div>
+	<!--End mc_embed_signup-->
+   	</div>
+  </div>
+</div>

data/app/views/express_ui/pages/login.html.erb

@@ -0,0 +1,37 @@
+<div class="ae-template-half-width">
+  <div class="ae-container">
+
+    <div class="ae-content content ae-u-text-center">
+    <%= link_to image_tag('logo.svg', :width => "200"), "https://appexpress.io", :class => "logo", title: "Back to AppExpress"  %>
+
+	<div class="ae-alert ae-alert-success">
+	  <p>Congratulations! <a href="#" title="Click here to do something">Click here to do something</a>.</p>
+	  <a href="#" class="ae-alert-action" title="Click here to do something">×</a>
+	</div>
+
+	<div class="ae-alert ae-alert-error">
+	  <p>Error. <a href="#" title="Click here to do something">Click here to do something</a>.</p>
+	  <a href="#" class="ae-alert-action" title="Click here to do something">×</a>
+	</div>
+
+
+
+	<form class="ae-form-horizontal ae-u-text-left">
+    <h1>Welcome Back!</h1>
+	<div class="ae-form-field">
+	<label for="email">Email</label>
+	<input class="ae-text-field ae-input-md" type="email" name="email" value="user@email.com" id="email" placeholder="user@email.com" />
+	<p class="ae-hint">Your email adress</p>
+	</div>
+	<div class="ae-form-field">
+	<label for="password">Password</label>
+	<input class="ae-text-field ae-input-md" type="password" name="password" value="Enter password" id="password" placeholder="Enter password" />
+	</div>
+	<div class="ae-actions">
+	<button class="ae-btn ae-btn-primary ae-btn-md" type="submit">Login</button>
+	</div>
+	</form>
+
+   	</div>
+  </div>
+</div>

data/app/views/express_ui/pages/register.html.erb

@@ -0,0 +1,37 @@
+<div class="ae-template-half-width">
+  <div class="ae-container">
+
+    <div class="ae-content content ae-u-text-center">
+    <%= link_to image_tag('logo.svg', :width => "200"), "https://appexpress.io", :class => "logo", title: "Back to AppExpress"  %>
+
+	<div class="ae-alert ae-alert-success">
+	  <p>Congratulations! <a href="#" title="Click here to do something">Click here to do something</a>.</p>
+	  <a href="#" class="ae-alert-action" title="Click here to do something">×</a>
+	</div>
+
+	<div class="ae-alert ae-alert-error">
+	  <p>Error. <a href="#" title="Click here to do something">Click here to do something</a>.</p>
+	  <a href="#" class="ae-alert-action" title="Click here to do something">×</a>
+	</div>
+
+
+
+	<form class="ae-form-horizontal ae-u-text-left">
+    <h1>New Users</h1>
+	  <div class="ae-form-field">
+	    <label for="email">Email</label>
+	    <input class="ae-text-field ae-input-md" type="email" name="email" value="user@email.com" id="email" placeholder="user@email.com" />
+	    <p class="ae-hint">Your email adress</p>
+	  </div>
+	  <div class="ae-form-field">
+	    <label for="password">New Password</label>
+	    <input class="ae-text-field ae-input-md" type="password" name="password" value="Enter password" id="password" placeholder="Enter password" />
+	  </div>
+	  <div class="ae-actions">
+	    <button class="ae-btn ae-btn-primary ae-btn-md" type="submit">Create an Account</button>
+	  </div>
+	</form>
+
+   	</div>
+  </div>
+</div>

data/app/views/express_ui/pages/static.html.erb

@@ -0,0 +1,10 @@
+<div class="ae-template-full-width">
+  <div class="ae-container">
+
+    <h1>Static Page</h1>
+
+
+
+   	</div>
+  </div>
+</div>

data/app/views/express_ui/shared/_sidebar_left.html.erb

@@ -1,4 +1,5 @@
-<div class="ae-sidebar sidebar ae-sidebar-left ae-sidebar-has-icons">
-	<nav class="anchorific js-ae-sidebar"></nav>
+<a href="#" class="ae-mobile-only ae-btn ae-btn-primary ae-show-left-sidebar ae-btn-sm js-ae-show-left-sidebar">Show Menu</a>
+<div class="ae-sidebar sidebar ae-sidebar-left ae-sidebar-has-icons js-ae-sidebar">
+	<nav class="anchorific"></nav>
 </div>
 

data/app/views/express_ui/templates/_templates.html.erb

@@ -12,6 +12,7 @@
     <%= "</div>" %>
     <%= "<footer></footer>" %>
   <% end %>
+  <div class="ae-table-responsive">
   <table>
     <thead>
       <th>Template Name</th>
@@ -51,6 +52,7 @@
     </tr>
     </tbody>
   </table>
+  </div>
 
   <p>The master-detail template implementation on mobile is slightly different. The sidebar degrades into a pop-up whenever it's triggered.</p>
 

data/app/views/express_ui/uicomponents/_pages.html.erb

@@ -0,0 +1,26 @@
+<section>
+  <table>
+    <thead>
+      <th>Page</th>
+      <th>Demo</th>
+    </thead>
+    <tbody>
+    <tr>
+      <td>Launch/Coming Soon</th>
+      <td><a href=<%= ui_components_pages_coming_soon_path%>>View Sample</a></td>
+    </tr>
+    <tr>
+      <td>Register</th>
+      <td><a href=<%= ui_components_pages_register_path%>>View Sample</a></td>
+    </tr>
+    <tr>
+      <td>Login</th>
+      <td><a href=<%= ui_components_pages_login_path%>>View Sample</a></td>
+    </tr>
+    <tr>
+      <td>Static</th>
+      <td><a href=<%= ui_components_pages_static_path%>>View Sample</a></td>
+    </tr>
+    </tbody>
+  </table>
+</section>

data/app/views/layouts/express_ui/styleguide.html.erb

@@ -4,14 +4,15 @@
   <!--[if IE 9]><html class='no-js ie9 no-freight base #{yield :document_class}' data-topic="#{yield :topic}" lang='en'><![endif]-->
   <!--[if gt IE 9]><!--><html class='no-js no-freight base #{yield :document_class}' data-topic="#{yield :topic}" lang='en'><!--<![endif]-->
   <head>
-    <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">
     <meta charset="utf-8"/>
     <meta content="AppExpress" name="author"/>
     <title>AppExpress Express UI</title>
     <%= csrf_meta_tags %>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <%= stylesheet_link_tag 'express_ui/styleguide', :media => "all" %>
     <%= javascript_include_tag 'express_ui/application', 'data-turbolinks-track': 'reload' %>
     <%= javascript_include_tag 'https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js' %>
+   <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="31987794-4283-4e5c-b285-532739bddf02";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.im/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
   </head>
 
   <body>

data/config/routes.rb

@@ -10,4 +10,10 @@ ExpressUi::Engine.routes.draw do
   get '/ui_components/templates/content-and-sidebar-fixed', to: 'templates#content_and_sidebar_fixed'
   get '/ui_components/templates/half-width', to: 'templates#half_width'
   get '/ui_components/templates/full-width', to: 'templates#full_width'
+
+  get '/ui_components/pages/coming-soon', to: 'pages#coming_soon'
+  get '/ui_components/pages/register', to: 'pages#register'
+  get '/ui_components/pages/login', to: 'pages#login'
+  get '/ui_components/pages/static', to: 'pages#static'
+
 end

data/lib/express_ui/version.rb

@@ -1,3 +1,3 @@
 module ExpressUi
-  VERSION = '0.1.0.rc7'
+  VERSION = '0.1.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: express_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.0.rc7
+  version: 0.1.0
 platform: ruby
 authors:
 - Steven Talcott Smith
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-29 00:00:00.000000000 Z
+date: 2017-04-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: express_templates
@@ -18,26 +18,26 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.11.16.rc1
+        version: 0.11.16
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.11.16.rc1
+        version: 0.11.16
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ~>
       - !ruby/object:Gem::Version
         version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ~>
       - !ruby/object:Gem::Version
         version: '5.0'
 - !ruby/object:Gem::Dependency
@@ -82,34 +82,6 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: '4.7'
-- !ruby/object:Gem::Dependency
-  name: byebug
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: sqlite3
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '>='
-      - !ruby/object:Gem::Version
-        version: '0'
 description: User interface library for AppExpress components (https://appexpress.io)
 email:
 - steve@aelogica.com
@@ -154,6 +126,7 @@ files:
 - app/components/code_demo.rb
 - app/controllers/express_ui/about_controller.rb
 - app/controllers/express_ui/application_controller.rb
+- app/controllers/express_ui/pages_controller.rb
 - app/controllers/express_ui/styleguide_controller.rb
 - app/controllers/express_ui/templates_controller.rb
 - app/controllers/express_ui/uicomponents_controller.rb
@@ -184,6 +157,10 @@ files:
 - app/views/express_ui/molecules/_table.html.erb
 - app/views/express_ui/molecules/_table_with_filtering.html.erb
 - app/views/express_ui/organisms/_header.html.erb
+- app/views/express_ui/pages/coming_soon.html.erb
+- app/views/express_ui/pages/login.html.erb
+- app/views/express_ui/pages/register.html.erb
+- app/views/express_ui/pages/static.html.erb
 - app/views/express_ui/shared/_header.html.erb
 - app/views/express_ui/shared/_search_box.html.erb
 - app/views/express_ui/shared/_sidebar_left.html.erb
@@ -205,9 +182,8 @@ files:
 - app/views/express_ui/uicomponents/_icons.html.et
 - app/views/express_ui/uicomponents/_layout.html.et
 - app/views/express_ui/uicomponents/_lists.html.et
-- app/views/express_ui/uicomponents/_login.html.erb
 - app/views/express_ui/uicomponents/_nav.html.et
-- app/views/express_ui/uicomponents/_pages.html.et
+- app/views/express_ui/uicomponents/_pages.html.erb
 - app/views/express_ui/uicomponents/_panel.html.et
 - app/views/express_ui/uicomponents/_popup.html.et
 - app/views/express_ui/uicomponents/_register.html.erb
@@ -242,9 +218,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>'
+  - - '>='
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.0.14.1

data/app/views/express_ui/uicomponents/_login.html.erb

@@ -1,15 +0,0 @@
-
-<form class="ae-form-horizontal ae-u-text-left">
-<div class="ae-form-field">
-<label for="email">Email</label>
-<input class="ae-text-field ae-input-md" type="email" name="email" value="user@email.com" id="email" placeholder="user@email.com" />
-<p class="ae-hint">Your email adress</p>
-</div>
-<div class="ae-form-field">
-<label for="password">Password</label>
-<input class="ae-text-field ae-input-md" type="password" name="password" value="Enter password" id="password" placeholder="Enter password" />
-</div>
-<div class="ae-actions">
-<button class="ae-btn ae-btn-primary ae-btn-md" type="submit">Login</button>
-</div>
-</form>

data/app/views/express_ui/uicomponents/_pages.html.et

@@ -1,22 +0,0 @@
-section {
-  table {
-    thead {
-      th { 'Page Name' }
-      th { 'Demo' }
-    }
-    tbody {
-      tr {
-        td { 'Register' }
-        td { a(href: "#", title: "View Sample") { 'View Sample' } }
-      }
-      tr {
-        td { 'Login' }
-        td { a(href: "#", title: "View Sample") { 'View Sample' } }
-      }
-      tr {
-        td { 'Static' }
-        td { a(href: "#", title: "View Sample") { 'View Sample' } }
-      }
-    }
-  }
-}