RubyGems - xing-framework - Versions diffs - 0.0.1 → 0.0.2 - Mend

xing-framework 0.0.1 → 0.0.2

Files changed (216) hide show

data/default_configuration/base_app/frontend/src/common/components/OnLoginDirective/OnLoginDirective.js ADDED Viewed

@@ -0,0 +1,17 @@
+export default class OnLoginDirective {
+  constructor($rootScope, $auth) {
+    this.$rootScope = $rootScope;
+    this.$auth = $auth;
+    this.onLogout();
+    this.$auth.validateUser().then((user) => {
+      this.onLogin(user);
+    });
+    this.$rootScope.$on('auth:login-success', (ev, user) => {
+      this.onLogin(user);
+    });
+    this.$rootScope.$on('auth:logout-success', (ev, user) => {
+      this.onLogout();
+    });
+  }
+}

data/default_configuration/base_app/frontend/src/common/components/adminOnly/admin-only.tpl.html ADDED Viewed

@@ -0,0 +1,4 @@
+<div ng-if="adminOnly.showAdmin">
+  <div ng-transclude>
+  </div>
+</div>

data/default_configuration/base_app/frontend/src/common/components/adminOnly/adminOnly.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { Module, Component, Template } from 'a1atscript';
+import OnLoginDirective from 'components/OnLoginDirective/OnLoginDirective.js';
+@Module('adminOnly', ['ng-token-auth'])
+@Component({
+  selector: 'adminOnly',
+  services: ['$rootScope', '$auth'],
+  transclude: true
+})
+@Template({
+  url: 'components/adminOnly/admin-only.tpl.html'
+})
+export default class AdminOnly extends OnLoginDirective {
+  onLogout() {
+    this.showAdmin = false;
+  }
+  onLogin(user) {
+    this.showAdmin = true;
+  }
+}

data/default_configuration/base_app/frontend/src/common/components/sessionLinks/session-links.tpl.html ADDED Viewed

@@ -0,0 +1,5 @@
+<ul class="session-links">
+  <li ng-hide="lrdSessionLinks.isLoggedIn"><a ui-sref='root.inner.registrations'>Sign Up</a></li>
+  <li ng-hide="lrdSessionLinks.isLoggedIn"><a ui-sref='root.inner.sessions'>Sign In</a></li>
+  <li ng-show="lrdSessionLinks.isLoggedIn"><a lrd-sign-out>Sign Out</a></li>
+</ul>

data/default_configuration/base_app/frontend/src/common/components/sessionLinks/sessionLinks.js ADDED Viewed

@@ -0,0 +1,25 @@
+import SignOut from 'components/signOut/signOut.js';
+import {Module, Component, Template} from 'a1atscript';
+import OnLoginDirective from 'components/OnLoginDirective/OnLoginDirective.js';
+@Module( 'sessionLinks', [
+  'ng-token-auth',
+  SignOut])
+@Component({
+  selector: 'lrdSessionLinks',
+  services: ['$rootScope', '$auth']
+})
+@Template({
+  url: 'components/sessionLinks/session-links.tpl.html'
+})
+export default class SessionLinks extends OnLoginDirective {
+  onLogin(user) {
+    this.isLoggedIn = true;
+  }
+  onLogout() {
+    this.isLoggedIn = false;
+  }
+}

data/default_configuration/base_app/frontend/src/common/components/signOut/signOut.js ADDED Viewed

@@ -0,0 +1,19 @@
+import {Module, DirectiveObject} from 'a1atscript';
+@Module('signOutDirective', ['ng-token-auth', 'ui.router.state'])
+@DirectiveObject('lrdSignOut', ['$state', '$auth'])
+export default class SignOut {
+  constructor($state, $auth) {
+    this.$state = $state;
+    this.$auth = $auth;
+    this.restrict = 'A';
+  }
+  link(scope, element, attrs) {
+    element.on('click',() => {
+      this.$auth.signOut().then((response) => {
+        this.$state.go('root.homepage.show');
+      });
+    });
+  }
+}

data/default_configuration/base_app/frontend/src/common/config.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { environment } from "./environment.js";
+export var backendUrl = (function(){
+  var cookies = [];
+  if(document.cookie) {
+    cookies = document.cookie.split(';');
+  }
+  var matches = cookies.filter((cookie) => {
+    return /^lrdBackendUrl=/.test(cookie);
+  });
+  if(matches.length > 0) {
+    return matches[0].split('=')[1];
+  } else {
+    return environment.backendUrl;
+  }
+}());
+export var appName = "LRD-CMS2";
+export var configuration = { backendUrl, appName };
+if(environment.name){
+  configuration.appTitle = `${configuration.appName} - ${environment.name}`;
+} else {
+  configuration.appTitle = configuration.appName;
+}

data/default_configuration/base_app/frontend/src/index.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html ng-app="<%= appName %>" ng-strict-di>
+  <head>
+    <!-- page information -->
+    <title>Xing Framework Based Website</title>
+    <!-- angular html5mode base url -->
+    <base href="/">
+    <!-- let google know there is ajax content -->
+    <meta name="fragment" content="!">
+    <!-- a value for snapshoting services to check to for page javascript complete -->
+    <meta name="ready-var" content="window.frontendContentLoaded">
+    <!-- enable mobile responsiveness -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0;">
+    <!-- compiled CSS --><% styles.forEach( function ( file ) { %>
+    <link rel="stylesheet" type="text/css" href="<%= file %>" /><% }); %>
+    <!-- compiled JavaScript --><% scripts.forEach( function ( file ) { %>
+    <script type="text/javascript" src="<%= file %>"></script><% }); %>
+    <style>
+        .intro-loading-circle-outer {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+        }
+        .intro-loading-circle-inner {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            margin-left: -100px;
+            margin-top: -100px;
+        }
+        .intro-loading-circle {
+          margin-top: 40px;
+          margin-left: 60px;
+          margin-right: 60px;
+          width: 80px;
+          height: 80px;
+          border-radius: 40px;
+          -webkit-box-sizing: border-box;
+          border: solid 10px rgba(255, 255, 255, 0.2);
+          border-top-color: #FFF;
+          -webkit-animation: spin 1s infinite linear;
+        }
+        @-webkit-keyframes spin {
+          100% {
+            -webkit-transform: rotate(360deg);
+          }
+        }
+        .intro-loading-text {
+            color: white;
+            text-align: center;
+        }
+    </style>
+  </head>
+  <body>
+    <div id='wrap'>
+      <ui-view lrd-state-attrs>
+        <div class="intro-loading-circle-outer">
+            <div class="intro-loading-circle-inner">
+                <div class="intro-loading-circle">
+                </div>
+                <h3 class="intro-loading-text">
+                    Loading Content...
+                </h3>
+            </div>
+        </div>
+      </ui-view>
+    </div>
+  </body>
+</html>

data/default_configuration/base_app/frontend/src/styles/_constants.sass ADDED Viewed

@@ -0,0 +1,14 @@
+$navbar_link_h_padding: 10px
+$navbar_link_v_padding: 10px
+$call_to_action_color: #8E5
+$error_bg_color: #e9b2b2
+@mixin error_notice_colors
+  border-width: 2px
+  border-style: solid
+  border-color: #ff4444
+  background: $error_bg_color
+$link_color: #00e

data/default_configuration/base_app/frontend/src/styles/main.sass ADDED Viewed

@@ -0,0 +1,52 @@
+$include-clearfix: true
+/**
+ * This is the main application stylesheet. It should include or import all
+ * stylesheets used throughout the application as this is the only stylesheet in
+ * the Grunt configuration that is automatically processed.
+ */
+/**
+ * First, we include vendor files Only the ones used in the
+ * project should be imported as the rest are just wasting space.
+ */
+@import "compass"
+@import "compass/reset"
+@import "breakpoint-sass/stylesheets/breakpoint"
+@import "xing-framework-sass/sassybuttons"
+@import "singularitygs/stylesheets/singularitygs"
+// fontawesome.  the constant is required to override the default
+// path so that the FA styles will find the fonts in the place our
+// assets build puts them
+$fa-font-path: '../assets'
+@import "font-awesome/scss/font-awesome"
+// Load reusable constants.  First the framework defaults,
+// then any app overides.
+@import "xing-framework-sass/_default_constants"
+@import "_constants"
+// Framework default styling for common DOM structures
+// Don't edit these files in an individual project.  In the base framework,
+// try only to make edits that will not break projects.
+@import "xing-framework-sass/_base"
+@import "xing-framework-sass/_forms"
+@import "xing-framework-sass/_navbar"
+@import "xing-framework-sass/_flexbox"
+@import "xing-framework-sass/_errorFallback"
+// Application-specific style files.  Add new files below this line.
+// Default-override group.  These files all have equivalents in xing-framework-sass/
+@import "partials/_forms"
+@import "partials/_navbar"
+@import "partials/_footer"
+// Project-specific group.  Put files new to a project under here.
+@import "partials/_layout"
+@import "partials/_typography"
+@import "states/root_homepage"
+@import "states/errorFallback"

data/default_configuration/base_app/frontend/src/styles/partials/_footer.sass ADDED Viewed

@@ -0,0 +1,18 @@
+footer
+  position: relative
+  font-size: 80%
+  margin-top: 2em
+  padding: 2em
+  text-align: center
+  background: #333
+  color: white
+  @include background-image(radial-gradient(100px 50px, #505050 100px, #222 400px))
+  span
+    display: inline-block
+    margin: 0 1em
+  #sign-in-link
+    position: absolute
+    bottom: 5px
+    right: 5px

data/default_configuration/base_app/frontend/src/styles/partials/_forms.sass ADDED Viewed

@@ -0,0 +1,9 @@
+//  Application-specific forms styling should go in this file
+//  As a combination of new styles, and override of defaults
+// This mixin is itself a combination of mixins defined in framework/_forms.sass.
+// You can customize by:
+//   * Overriding rules
+//   * Including only the sub-mixins you care about
+//   * Removing this include entirely and writing new rules
+@include lrd-form-defaults

data/default_configuration/base_app/frontend/src/styles/partials/_layout.sass ADDED Viewed

@@ -0,0 +1,17 @@
+body
+  background-color: $main_background_color
+  font-family: sans-serif
+#wrap
+  background-color: white
+  max-width: 1024px
+  margin: 0 auto
+  box-sizing: border-box
+  margin-top: 1em
+#root_inner, #root_homepage
+  > ui-view
+    @include add-grid(12)
+    @include add-gutter(1/3)
+    @include sgs-change('output', 'isolation')
+    padding: 1em gutter-span()

data/default_configuration/base_app/frontend/src/styles/partials/_navbar.sass ADDED Viewed

@@ -0,0 +1,10 @@
+//  Application-specific navigation bar styling should go in this file
+//  As a combination of new styles, and override of defaults
+// This mixin is itself a combination of mixins defined in framework/_navbar.sass.
+// You can customize by:
+//   * Overriding rules
+//   * Including only the sub-mixins you care about
+//   * Removing this include entirely and writing new rules
+@include lrd-navbar-defaults

data/default_configuration/base_app/frontend/src/styles/partials/_typography.sass ADDED Viewed

@@ -0,0 +1,18 @@
+body
+  font-family: sans-serif
+h1, h2, h3, h4
+  font-weight: bold
+  margin: .5em 0
+h1
+  font-size: 200%
+h2
+  font-size: 160%
+h3
+  font-size: 120%
+h4
+  font-size: 100%

data/default_configuration/base_app/frontend/src/styles/states/_errorFallback.sass ADDED Viewed

@@ -0,0 +1,7 @@
+/* Default page when a critical error occurs. */
+#errorFallback
+  @include flexbox-absolute-center
+  .error
+    @include xing-fallback-error-defaults

data/default_configuration/base_app/frontend/src/styles/states/_root_homepage.sass ADDED Viewed

@@ -0,0 +1,8 @@
+#root_homepage
+  h1
+    border-bottom: 1px black solid
+// Sub-state styles can be put in the same file, if they aren't long enough
+// to deserve a separate file.
+#root_homepage_show

data/default_configuration/base_app/frontend/test-help/xpath.js ADDED Viewed

@@ -0,0 +1,9 @@
+export function xpath(context, expr, resType){
+  if(!resType) { resType = XPathResult.ORDERED_NODE_SNAPSHOT_TYPE; }
+  var result = document.evaluate(expr, context[0], null, resType, null);
+  return result;
+}
+export function stringAtXpath(context, expr){
+  return xpath(context, expr, XPathResult.STRING_TYPE).stringValue;
+}

data/default_configuration/base_app/frontend/test/app.js ADDED Viewed

@@ -0,0 +1,24 @@
+import '../src/app/app.js';
+import {appName} from 'config';
+describe( 'RootCtrl', function() {
+  describe( 'isCurrentUrl', function() {
+    var RootCtrl, $location, $scope, mockMain;
+    beforeEach( module( appName ) );
+    beforeEach( inject( function( $controller, _$location_, $rootScope ) {
+      $location = _$location_;
+      $scope = $rootScope.$new();
+      mockMain = {
+        children: {}
+      };
+      RootCtrl = $controller( 'RootCtrl', { $location: $location, $scope: $scope });
+    }));
+    it( 'should pass a dummy test', inject( function() {
+      expect( RootCtrl ).toBeTruthy();
+    }));
+  });
+});

data/default_configuration/base_app/frontend/test/auth/confirmations/confirmationsStates.js ADDED Viewed

@@ -0,0 +1,46 @@
+import {appName} from 'config';
+import {} from '../../../src/app/auth/auth.js';
+import {} from '../../support/testStates.js';
+import {LoggedInOnlyState} from "stateClasses";
+describe('confirmations states', function() {
+  var $rootScope, $state, $injector, state, $auth, $q;
+  beforeEach(function() {
+    module(`${appName}.testStates`);
+    module(`${appName}.auth.confirmations`);
+    inject(function(_$rootScope_, _$state_, _$injector_, $templateCache, _$q_, _$auth_) {
+      $rootScope = _$rootScope_;
+      $state = _$state_;
+      $injector = _$injector_;
+      $q = _$q_;
+      $auth = _$auth_;
+      $templateCache.put('auth/confirmations/confirmations-success.tpl.html', '');
+    });
+  });
+  describe("confirmationsSuccess", function() {
+    beforeEach(function() {
+      state = $state.get('root.inner.confirmationsSuccess');
+    });
+    it('should extend LoggedInOnlyState', function() {
+      expect(state instanceof LoggedInOnlyState).toBe(true);
+    });
+    it('should respond to URL', function() {
+      expect($state.href(state)).toEqual('#/confirmed');
+    });
+    it('should render the sessions template', function() {
+      expect(state.templateUrl).toEqual('auth/confirmations/confirmations-success.tpl.html');
+    });
+  });
+});