xing-framework 0.0.1 → 0.0.2

data/default_configuration/base_app/frontend/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "LRD-CMS2",
+  "version": "0.0.1",
+  "repository": "git@git.lrdesign.com:lrd/cms2.git",
+  "author": "Logical Reality Design",
+  "homepage": "http://lrdesign.com",
+  "scripts": {
+    "test": "grunt test"
+  },
+  "devDependencies": {
+    "a1atscript": "0.4.5",
+    "angular": "~1.4.5",
+    "angular-animate": "~1.4.5",
+    "angular-cookies": "~1.4.5",
+    "angular-fontawesome": "~0.3.1",
+    "angular-mocks": "~1.4.5",
+    "angular-ui-router": "0.2.15",
+    "angular-ui-utils": "~0.1.1",
+    "bower": "~1.3.2",
+    "breakpoint-sass": "^2.6.1",
+    "font-awesome": "^4.4.0",
+    "grunt": "^0.4.5",
+    "grunt-bump": "https://registry.npmjs.org/grunt-bump/-/grunt-bump-0.0.13.tgz",
+    "grunt-bushcaster": "https://registry.npmjs.org/grunt-bushcaster/-/grunt-bushcaster-0.0.7.tgz",
+    "grunt-cli": "~0.1.13",
+    "grunt-coffeelint": "0.0.10",
+    "grunt-concat-sourcemap": "https://registry.npmjs.org/grunt-concat-sourcemap/-/grunt-concat-sourcemap-0.4.3.tgz",
+    "grunt-concurrent": "https://registry.npmjs.org/grunt-concurrent/-/grunt-concurrent-1.0.0.tgz",
+    "grunt-contrib-clean": "https://registry.npmjs.org/grunt-contrib-clean/-/grunt-contrib-clean-0.5.0.tgz",
+    "grunt-contrib-coffee": "~0.10.1",
+    "grunt-contrib-compass": "https://registry.npmjs.org/grunt-contrib-compass/-/grunt-contrib-compass-1.0.1.tgz",
+    "grunt-contrib-compress": "https://registry.npmjs.org/grunt-contrib-compress/-/grunt-contrib-compress-0.13.0.tgz",
+    "grunt-contrib-concat": "~0.4.0",
+    "grunt-contrib-connect": "https://registry.npmjs.org/grunt-contrib-connect/-/grunt-contrib-connect-0.8.0.tgz",
+    "grunt-contrib-copy": "https://registry.npmjs.org/grunt-contrib-copy/-/grunt-contrib-copy-0.5.0.tgz",
+    "grunt-contrib-jshint": "https://registry.npmjs.org/grunt-contrib-jshint/-/grunt-contrib-jshint-0.11.2.tgz",
+    "grunt-contrib-sass": "^0.8.1",
+    "grunt-contrib-uglify": "https://registry.npmjs.org/grunt-contrib-uglify/-/grunt-contrib-uglify-0.4.1.tgz",
+    "grunt-contrib-watch": "https://registry.npmjs.org/grunt-contrib-watch/-/grunt-contrib-watch-0.6.1.tgz",
+    "grunt-conventional-changelog": "https://registry.npmjs.org/grunt-conventional-changelog/-/grunt-conventional-changelog-1.1.0.tgz",
+    "grunt-html2js": "https://registry.npmjs.org/grunt-html2js/-/grunt-html2js-0.2.8.tgz",
+    "grunt-jsonlint": "https://registry.npmjs.org/grunt-jsonlint/-/grunt-jsonlint-1.0.4.tgz",
+    "grunt-karma": "https://registry.npmjs.org/grunt-karma/-/grunt-karma-0.8.3.tgz",
+    "grunt-ng-annotate": "https://registry.npmjs.org/grunt-ng-annotate/-/grunt-ng-annotate-0.3.2.tgz",
+    "grunt-string-replace": "^1.2.0",
+    "grunt-xing-index": "0.0.2",
+    "hammerjs": "~2.0.4",
+    "jquery": "^2.1.1",
+    "json": "^9.0.1",
+    "jsonlint": "^1.6.2",
+    "karma": "^0.12.37",
+    "karma-chrome-launcher": "~0.1.3",
+    "karma-coffee-preprocessor": "~0.2.1",
+    "karma-firefox-launcher": "~0.1.3",
+    "karma-jasmine": "~0.3.0",
+    "karma-ng-html2js-preprocessor": "^0.1.0",
+    "karma-requirejs": "^0.2.2",
+    "karma-sourcemap-loader": "git://github.com/LRDesign/karma-sourcemap-loader",
+    "lodash": "^2.4.1",
+    "relayer": "0.1.0",
+    "requirejs": "^2.1.15",
+    "responsive-nav": "~1.0.32",
+    "sass-import-once": "~0.1.1",
+    "singularitygs": "> 0",
+    "traceur": "0.0.87",
+    "uri-templates": "~0.1.5",
+    "xing-framework-sass": "0.0.2",
+    "xing-frontend-grunt": "0.0.8",
+    "xing-frontend-token-auth": "0.0.3",
+    "xing-frontend-utils": "0.0.1-beta5",
+    "xing-grunt-revise": "0.0.1",
+    "xing-inflector": "0.0.2",
+    "xing-traceur": "0.0.8"
+  }
+}

data/default_configuration/base_app/frontend/sprockets/index.tpl.js

@@ -0,0 +1,2 @@
+<% scripts.forEach(function(file) { %>//= require <%= file %>
+<% }); %>

data/default_configuration/base_app/frontend/src/README.md

@@ -0,0 +1,48 @@
+# The `src` Directory
+
+## Overview
+
+The `src/` directory contains all code used in the application along with all
+tests of such code.
+
+```
+src/
+  |- app/
+  |  |- about/
+  |  |- home/
+  |  |- app.js
+  |  |- app.spec.js
+  |- assets/
+  |- common/
+  |  |- plusOne/
+  |- less/
+  |  |- main.less
+  |  |- variables.less
+  |- index.html
+```
+
+- `src/app/` - application-specific code, i.e. code not likely to be reused in
+  another application. [Read more »](app/README.md)
+- `src/assets/` - static files like fonts and images. 
+  [Read more »](assets/README.md)
+- `src/common/` - third-party libraries or components likely to be reused in
+  another application. [Read more »](common/README.md)
+- `src/less/` - LESS CSS files. [Read more »](less/README.md)
+- `src/index.html` - this is the HTML document of the single-page application.
+  See below.
+
+See each directory for a detailed explanation.
+
+## `index.html`
+
+The `index.html` file is the HTML document of the single-page application (SPA)
+that should contain all markup that applies to everything in the app, such as
+the header and footer. It declares with `ngApp` that this is `ngBoilerplate`,
+specifies the main `AppCtrl` controller, and contains the `ngView` directive
+into which route templates are placed.
+
+Unlike any other HTML document (e.g. the templates), `index.html` is compiled as
+a Grunt template, so variables from `Gruntfile.js` and `package.json` can be
+referenced from within it. Changing `name` in `package.json` from
+"ng-boilerplate" will rename the resultant CSS and JavaScript placed in `build/`,
+so this HTML references them by variable for convenience.

data/default_configuration/base_app/frontend/src/app/README.md

@@ -0,0 +1,68 @@
+# The `src/app` Directory
+
+## Overview
+
+```
+src/
+  |- app/
+  |  |- auth/
+  |  |- pages/
+  |  |- homepage/
+  |  |- app.js
+  |  |- appConfig.js
+  |  |- rootController.js
+```
+
+The `src/app` directory contains all code specific to this application. Apart
+from `app.js` , this directory is
+filled with subdirectories corresponding to high-level sections of the
+application, often corresponding to top-level routes. Each directory can have as
+many subdirectories as it needs, and the build system will understand what to
+do. For example, a top-level route might be "products", which would be a folder
+within the `src/app` directory that conceptually corresponds to the top-level
+route `/products`, though this is in no way enforced. Products may then have
+subdirectories for "create", "view", "search", etc. The "view" submodule may
+then define a route of `/products/:id`, ad infinitum.
+
+## `app.js`
+
+This is our main app configuration file. It kickstarts the whole process by
+requiring all the modules from `src/app` that we need. We must load these now to
+ensure the routes are loaded. If as in our "products" example there are
+subroutes, we only require the top-level module, and allow the submodules to
+require their own submodules.
+
+As a matter of course, we also require the template modules that are generated
+during the build.
+
+However, the modules from `src/common` should be required by the app
+submodules that need them to ensure proper dependency handling. These are
+app-wide dependencies that are required to assemble your app.
+
+```js
+var app = new Module(appName, [
+  'templates-app', 'templates-common', 'ui.router',
+  'picardy.fontawesome',
+  StateAttrs,
+  UIRouteLogger,
+  Menus,
+  Homepage,
+  Auth,
+  Admin,
+  ResponsiveMenu,
+  Metadata,
+  ExampleForm,
+  SessionLinks,
+  Toast,
+  Pages,
+  Backend,
+  NavigationBar,
+  appConfig,
+  RootCtrl
+]);
+```
+
+With app modules broken down in this way, all routing is performed by the
+submodules we include, as that is where our app's functionality is really
+defined.  So all we need to do in `app.js` is specify a default route to follow,
+which route of course is defined in a submodule.

data/default_configuration/base_app/frontend/src/app/app.js

@@ -0,0 +1,47 @@
+import {appName} from 'config';
+import {} from 'build/templates-app.js';
+import {} from 'build/templates-common.js';
+
+import { Module, Injector } from "a1atscript";
+import SessionLinks from 'components/sessionLinks/sessionLinks.js';
+
+import {
+  Fallback,
+  Toast,
+  ResponsiveMenu,
+  UnimplementedDirective,
+  StateAttrs,
+  uiRouteLogger,
+  stateFallback,
+  ExampleForm
+} from 'xing-frontend-utils';
+
+import appConfig from './appConfig.js';
+
+import Auth from './auth/auth.js';
+import Homepage from './homepage/homepage.js';
+
+import * as RootStates from './rootStates.js';
+import RootCtrl from './rootController.js';
+
+var app = new Module(appName, [
+  'templates-app', 'templates-common', 'ui.router',
+  'picardy.fontawesome',
+  StateAttrs,
+  uiRouteLogger,
+  stateFallback,
+  Homepage,
+  Auth,
+  Fallback,
+  ResponsiveMenu,
+  UnimplementedDirective,
+  ExampleForm,
+  SessionLinks,
+  Toast,
+  appConfig,
+  RootStates,
+  RootCtrl
+]);
+
+var injector = new Injector(appName);
+injector.instantiate(app);

data/default_configuration/base_app/frontend/src/app/appConfig.js

@@ -0,0 +1,19 @@
+import {Config} from 'a1atscript';
+import {whenGoto} from 'xing-frontend-utils';
+
+@Config('$stateProvider', '$urlRouterProvider', '$locationProvider')
+export default function appConfig( $stateProvider, $urlRouterProvider, $locationProvider ) {
+  // enable html5 mode
+  $locationProvider.html5Mode(true);
+
+  // html5 mode when frontend urls hit directly they become a backend request
+  // backend in-turn redirects to /?goto=url wher url is the intended frontend url
+  // this function then redirects frontend (via history API) to appropriate frontend
+  // route
+  $urlRouterProvider.when(/.*/, ['$location', whenGoto]);
+
+  $urlRouterProvider.otherwise(($injector, $location) => {
+    $injector.get('$state').go('root.homepage.show');
+    //return '/home';
+  });
+}

data/default_configuration/base_app/frontend/src/app/auth/auth.js

@@ -0,0 +1,66 @@
+import {backendUrl} from 'config';
+import Sessions from './sessions/sessions.js';
+import Registrations from './registrations/registrations.js';
+import Confirmations from './confirmations/confirmations.js';
+import Passwords from './passwords/passwords.js';
+import AuthConfig from './config.js';
+import {Config, Module} from 'a1atscript';
+
+@Config('$authProvider', 'authConfigProvider')
+function authSetup($authProvider, authConfigProvider) {
+
+  var location = window.location.href;
+  var confirmationLocation = new URL(location)
+      confirmationLocation.pathname = "/confirmed";
+      confirmationLocation.search = "";
+
+  var passwordResetSuccessLocation = new URL(location)
+      passwordResetSuccessLocation.pathname = "/update-password";
+      passwordResetSuccessLocation.search = "";
+
+  var storageType = 'localStorage';
+
+  try {
+    localStorage.setItem("mod", "mod");
+    localStorage.removeItem("mod");
+  } catch(e) {
+    storageType = 'cookies';
+  }
+
+  $authProvider.configure({
+    apiUrl: backendUrl,
+    tokenValidationPath:     'users/validate_token',
+    signOutUrl:              'users/sign_out',
+    // ng-token-auth expects to setup with email -- we've modified the server
+    // side to work with anything but haven't forked ng-token-auth yet.
+    emailRegistrationPath:   'users',
+    accountUpdatePath:       'users',
+    accountDeletePath:       'users',
+    passwordResetPath:       'users/password',
+    passwordUpdatePath:      'users/password',
+    emailSignInPath:         'users/sign_in',
+    storage:                 storageType,
+    confirmationSuccessUrl:  confirmationLocation.toString(),
+    passwordResetSuccessUrl: passwordResetSuccessLocation.toString()
+  });
+
+  // change this to a different key as the auth key
+  authConfigProvider.authKey("email");
+
+  // turn this off to remove links to reset password
+  authConfigProvider.enableRecovery();
+
+}
+
+// remove modules as neccesary here if you don't want complex authorization
+var authModule = new Module( 'auth', [
+  'ng-token-auth',
+  Sessions,
+  Registrations,
+  Confirmations,
+  Passwords,
+  AuthConfig,
+  authSetup
+]);
+
+export default authModule;

data/default_configuration/base_app/frontend/src/app/auth/config.js

@@ -0,0 +1,22 @@
+import {Provider, Module} from 'a1atscript';
+
+@Module('auth.config')
+@Provider('authConfig')
+export default function authConfig() {
+  var config = {
+    authKey: "email",
+    recoverable: false
+  };
+
+  this.authKey = function (name) {
+    config.authKey = name;
+  };
+
+  this.enableRecovery = function() {
+    config.recoverable = true;
+  };
+
+  this.$get = [function authKey() {
+    return config;
+  }];
+}

data/default_configuration/base_app/frontend/src/app/auth/confirmations/confirmations-success.tpl.html

@@ -0,0 +1 @@
+<h2>Your email address has been successfully confirmed.</h2>

data/default_configuration/base_app/frontend/src/app/auth/confirmations/confirmations.js

@@ -0,0 +1,8 @@
+import {Module} from 'a1atscript';
+import * as ConfirmationsStates from './confirmationsStates.js';
+
+var confirmations = new Module( 'auth.confirmations', [
+  'ui.router.state',
+  'ng-token-auth',
+  ConfirmationsStates]);
+export default confirmations;

data/default_configuration/base_app/frontend/src/app/auth/confirmations/confirmationsStates.js

@@ -0,0 +1,12 @@
+import {State} from "stateInjector";
+import {LoggedInOnlyState} from "stateClasses";
+
+
+@State('root.inner.confirmationsSuccess')
+export class ConfirmationsSuccessState extends LoggedInOnlyState {
+  constructor() {
+    super();
+    this.url = '^/confirmed';
+    this.templateUrl = 'auth/confirmations/confirmations-success.tpl.html';
+  }
+}

data/default_configuration/base_app/frontend/src/app/auth/passwords/passwords-request-success.tpl.html

@@ -0,0 +1,3 @@
+<h1>Password reset email sent!</h1>
+
+<p>Please check your email.  Within a few minutes you receive an email with instructions on how to reset your password.</p>

data/default_configuration/base_app/frontend/src/app/auth/passwords/passwords-request.tpl.html

@@ -0,0 +1,16 @@
+<h1>Forgot your password?</h1>
+
+<p>Enter your email address below to receive a new confirmation email.</p>
+
+<form id='passwords-request-form'>
+    <div class='lrd-form-row'>
+      <label for="email">Email:</label>
+      <input name="email" ng-model="passwordRequest.email" placeholder="Email" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <button type="submit" ng-click="passwordRequestSubmit()" class="call-to-action">Send password reset instructions</button>
+    </div>
+
+</form>

data/default_configuration/base_app/frontend/src/app/auth/passwords/passwords-update-success.tpl.html

@@ -0,0 +1,3 @@
+<h1>Password Updated</h1>
+
+<p>Your password has been changed successfully.</p>

data/default_configuration/base_app/frontend/src/app/auth/passwords/passwords-update.tpl.html

@@ -0,0 +1,21 @@
+<h1>Reset Your Password</h1>
+
+<form id='passwords-update-form'>
+
+    <div class='lrd-form-row'>
+      <label for="password">New Password:</label>
+      <input type="password" name="password" ng-model="passwordUpdate.password" placeholder="New Password" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <label for="password-confirmation">Confirm New Password:</label>
+      <input type="password" name="password-confirmation" ng-model="passwordUpdate.passwordConfirmation" placeholder="New Password" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <button type="submit" ng-click="passwordUpdateSubmit()" class='call-to-action'>Update Password</button>
+    </div>
+
+</form>

data/default_configuration/base_app/frontend/src/app/auth/passwords/passwords.js

@@ -0,0 +1,11 @@
+import {Module} from 'a1atscript';
+import * as PasswordsStates from './passwordsStates.js';
+import * as PasswordsControllers from './passwordsControllers.js';
+
+var passwords = new Module('auth.passwords', [
+  'ui.router.state',
+  'ng-token-auth',
+  PasswordsStates,
+  PasswordsControllers]);
+
+export default passwords;