xing-framework 0.0.1 → 0.0.2

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

@@ -0,0 +1,47 @@
+import { Controller } from 'a1atscript';
+
+@Controller('PasswordsRequestCtrl', ['$scope', '$auth', '$state', '$lrdToast', 'Serializer'])
+export function PasswordsRequestController( $scope, $auth, $state, $lrdToast, Serializer) {
+  $scope.passwordRequest = {
+    email: '',
+  };
+
+  $scope.passwordRequestSubmit = function() {
+    var serializer = new Serializer();
+
+    $auth.requestPasswordReset(serializer.serialize({
+      user: $scope.passwordRequest,
+      update_url: $state.href("^.passwordsUpdate")
+    }))
+      .then(function(resp) {
+        $state.go('root.inner.passwordsRequestSuccess');
+      })
+      .catch(function(resp) {
+        $lrdToast.errorList(resp.data.errors);
+        // handle error response
+      });
+  };
+}
+
+@Controller('PasswordsUpdateCtrl', ['$scope', '$auth', '$state', '$lrdToast', '$location', 'Serializer'])
+export function PasswordsUpdateController( $scope, $auth, $state, $lrdToast, $location, Serializer) {
+  $scope.passwordUpdate = {
+    password: '',
+    passwordConfirmation: ''
+  };
+
+  $scope.passwordUpdateSubmit = function() {
+    var serializer = new Serializer();
+    var query = $location.search();
+    query["user"] = $scope.passwordUpdate;
+
+    $auth.updatePassword(serializer.serialize(query))
+      .then(function(resp) {
+        $state.go('root.inner.passwordsUpdateSuccess');
+      })
+      .catch(function(resp) {
+        $lrdToast.errorList(resp.data.errors, "We could not update your password because:");
+        // handle error response
+      });
+  };
+}

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

@@ -0,0 +1,38 @@
+import {State, Resolve} from 'stateInjector';
+import {LoggedInOnlyState} from 'stateClasses';
+
+@State( 'root.inner.passwordsRequest')
+export class PasswordsRequestState {
+  constructor() {
+    this.url = '^/reset-password';
+    this.controller = 'PasswordsRequestCtrl';
+    this.templateUrl = 'auth/passwords/passwords-request.tpl.html';
+  }
+}
+
+@State( 'root.inner.passwordsRequestSuccess')
+export class PasswordsRequestSuccessState {
+  constructor() {
+    this.url = '^/reset-password-sent';
+    this.templateUrl = 'auth/passwords/passwords-request-success.tpl.html';
+  }
+}
+
+@State( 'root.inner.passwordsUpdate')
+export class PasswordsUpdateState extends LoggedInOnlyState {
+  constructor() {
+    super();
+    this.url = '^/update-password';
+    this.controller = 'PasswordsUpdateCtrl';
+    this.templateUrl = 'auth/passwords/passwords-update.tpl.html';
+  }
+}
+
+@State( 'root.inner.passwordsUpdateSuccess')
+export class PasswordsUpdateSuccessState extends LoggedInOnlyState {
+  constructor() {
+    super();
+    this.url = '^/updated-password';
+    this.templateUrl = 'auth/passwords/passwords-update-success.tpl.html';
+  }
+}

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

@@ -0,0 +1 @@
+<h2>A message with a confirmation link has been sent to your email address. Please follow the link to activate your account.</h2>

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

@@ -0,0 +1,14 @@
+import {Module} from 'a1atscript';
+import {Toast, Serializer} from 'xing-frontend-utils';
+import * as RegistrationsStates from './registrationsStates.js';
+import RegistrationsController from './registrationsControllers.js';
+
+var registrations = new Module( 'auth.registrations', [
+  'ui.router.state',
+  'ng-token-auth',
+  Toast,
+  Serializer,
+  RegistrationsStates,
+  RegistrationsController]);
+
+export default registrations;

data/default_configuration/base_app/frontend/src/app/auth/registrations/registrations.tpl.html

@@ -0,0 +1,37 @@
+<h1>Sign Up</h1>
+
+<form id='registrations-form'>
+
+    <div class='lrd-form-row'>
+      <label for="email">Email:</label>
+      <input name="email" ng-model="registration.email" placeholder="Email" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <label for="email-confirmation">Email Confirmation:</label>
+      <input name="email-confirmation" ng-model="registration.emailConfirmation" placeholder="Email Confirmation" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <label for="password">Password:</label>
+      <input type="password" name="password" ng-model="registration.password" placeholder="Password" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <label for="password-confirmation">Password Confirmation:</label>
+      <input type="password" name="password-confirmation" ng-model="registration.passwordConfirmation" placeholder="Password Confirmation" />
+      <span class='comment'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <button type="submit" ng-click="registrationSubmit()" class='call-to-action'>Sign Up</button>
+    </div>
+
+    <div class='lrd-form-row'>
+      <a ui-sref='root.inner.sessions'  class='input-like'>Already have an account?</a>
+    </div>
+
+</form>

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

@@ -0,0 +1,25 @@
+import {Controller} from 'a1atscript';
+
+@Controller('RegistrationsCtrl', ['$scope', '$auth', '$state', '$lrdToast', 'Serializer'])
+export default function RegistrationsController( $scope, $auth, $state, $lrdToast, Serializer) {
+  $scope.registration = {
+    email: '',
+    emailConfirmation: '',
+    password: '',
+    passwordConfirmation: ''
+  };
+
+  $scope.registrationSubmit = function() {
+    var serializer = new Serializer();
+
+    $auth.submitRegistration(serializer.serialize({user: $scope.registration}))
+      .then(function(resp) {
+        $state.go('root.inner.registrationsSuccess');
+      })
+      .catch(function(resp) {
+        $lrdToast.errorList(resp.data.errors, "We cannot process your registration because:");
+        // handle error response
+      });
+  };
+
+}

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

@@ -0,0 +1,18 @@
+import {State} from 'stateInjector';
+
+@State( 'root.inner.registrations')
+export class RegistrationsState {
+  constructor() {
+    this.url = '^/sign-up';
+    this.controller = 'RegistrationsCtrl';
+    this.templateUrl = 'auth/registrations/registrations.tpl.html';
+  }
+}
+
+@State( 'root.inner.registrationsSuccess')
+export class RegistrationsSuccessState {
+  constructor() {
+    this.url = '^/signed-up';
+    this.templateUrl = 'auth/registrations/registrations-success.tpl.html';
+  }
+}

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

@@ -0,0 +1 @@
+<h1>You have successfully logged in!</h1>

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

@@ -0,0 +1,18 @@
+import {Module} from 'a1atscript';
+import {Toast, Serializer} from 'xing-frontend-utils';
+import Inflector from 'xing-inflector';
+import Config from '../config.js';
+import * as SessionsStates from './sessionsStates.js';
+import SessionsController from './sessionsControllers.js';
+
+var sessions = new Module('auth.sessions', [
+  'ui.router.state',
+  'ng-token-auth',
+  Toast,
+  Inflector,
+  Serializer,
+  Config,
+  SessionsStates,
+  SessionsController]);
+
+export default sessions;

data/default_configuration/base_app/frontend/src/app/auth/sessions/sessions.tpl.html

@@ -0,0 +1,25 @@
+<h1>Sign In</h1>
+
+<form id='sessions-form'>
+    <div class='lrd-form-row'>
+      <label for="{{authKey}}">{{humanAuthKey}}:</label>
+      <input name="{{authKey}}" ng-model="session[authKey]" placeholder="{{humanAuthKey}}" required />
+      <span class='messages'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <label for="password">Password:</label>
+      <input type="password" name="password" ng-model="session.password" placeholder="Password" required />
+      <span class='messages'></span>
+    </div>
+
+    <div class='lrd-form-row'>
+      <button type="submit" ng-click="sessionSubmit()" class="call-to-action">Sign In</button>
+    </div>
+
+    <div class='lrd-form-row'>
+      <div ng-if="passwordShow" class='input-like'>
+        <a ui-sref='root.inner.passwordsRequest'>Forgot your password?</a>
+      </div>
+    </div>
+</form>

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

@@ -0,0 +1,26 @@
+import {Controller} from 'a1atscript';
+
+@Controller('SessionsCtrl', ['$scope', '$auth', '$state', '$lrdToast', 'Serializer', 'authConfig', 'Inflector'])
+export default function SessionsController( $scope, $auth, $state, $lrdToast, Serializer, authConfig, Inflector) {
+  $scope.session = {
+    password: ''
+  };
+  $scope.session[authConfig.authKey] = '';
+  $scope.authKey = authConfig.authKey;
+  $scope.humanAuthKey = Inflector.humanize(authConfig.authKey);
+  $scope.passwordShow = authConfig.recoverable;
+
+  $scope.sessionSubmit = function() {
+    var serializer = new Serializer();
+
+    $auth.submitLogin(serializer.serialize({user: $scope.session}))
+      .then(function(resp) {
+        $state.go('root.inner.sessionsSuccess');
+      })
+      .catch(function(resp) {
+        $lrdToast.error(resp.errors);
+        // handle error response
+      });
+  };
+
+}

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

@@ -0,0 +1,20 @@
+import {State, Resolve} from 'stateInjector';
+import {LoggedInOnlyState} from 'stateClasses';
+
+@State( 'root.inner.sessions')
+export class SessionsState {
+  constructor() {
+    this.url = '^/sign-in';
+    this.controller = 'SessionsCtrl';
+    this.templateUrl = 'auth/sessions/sessions.tpl.html';
+  }
+}
+
+@State( 'root.inner.sessionsSuccess')
+export class SessionsSuccessState extends LoggedInOnlyState {
+  constructor() {
+    super();
+    this.url = '^/signed-in';
+    this.templateUrl = 'auth/sessions/sessions-success.tpl.html';
+  }
+}

data/default_configuration/base_app/frontend/src/app/homepage/homepage-show.tpl.html

@@ -0,0 +1,2 @@
+<h1>Xing Homepage</h1>
+<p>This will be the home page of whatever project is based on Xing.</p>

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

@@ -0,0 +1,10 @@
+import {Module} from 'a1atscript';
+import * as HomepageControllers from './homepageControllers.js';
+import * as HomepageStates from './homepageStates.js';
+
+var Homepage = new Module('homepage', [
+  HomepageControllers,
+  HomepageStates
+]);
+
+export default Homepage;

data/default_configuration/base_app/frontend/src/app/homepage/homepage.tpl.html

@@ -0,0 +1,13 @@
+<lrd-responsive-menu>
+  <a ui-sref='root.inner.homepage'>Homepage</a>
+  <lrd-session-links>
+  </lrd-session-links>
+</lrd-responsive-menu>
+
+<ui-view lrd-state-attrs></ui-view>
+
+<footer>
+  <span id="copyright">&copy; 2014 Your Organization Here</span>
+  <a ui-sref='root.inner.sessions' id='sign-in-link'>Sign In</a>
+  <a href='#' xng-unimplemented>Demo Unimplemented Feature</a>
+</footer>

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

@@ -0,0 +1,9 @@
+import {Controller} from 'a1atscript';
+
+@Controller('HomepageShowCtrl', [])
+export function HomepageShowController(){
+}
+
+@Controller('HomepageCtrl', [])
+export function HomepageController() {
+}

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

@@ -0,0 +1,22 @@
+import {State, Resolve} from 'stateInjector';
+import {AdminOnlyState, TrackAdminState} from 'stateClasses';
+
+@State('root.homepage')
+export class HomepageState extends TrackAdminState {
+  constructor() {
+    super();
+    this.controller = 'HomepageCtrl';
+    this.templateUrl = 'homepage/homepage.tpl.html';
+    this.abstract = true;
+    this.url = 'home';
+  }
+}
+
+@State('root.homepage.show')
+export class HomepageShowState {
+  constructor() {
+    this.url = '';
+    this.controller = 'HomepageShowCtrl';
+    this.templateUrl = 'homepage/homepage-show.tpl.html';
+  }
+}

data/default_configuration/base_app/frontend/src/app/inner.tpl.html

@@ -0,0 +1,16 @@
+<lrd-responsive-menu>
+  <lrd-navbar id="main_nav" menu="mainMenu">
+  </lrd-navbar>
+  <lrd-session-links>
+  </lrd-session-links>
+</lrd-responsive-menu>
+
+<div id="toast_main">
+</div>
+
+<ui-view lrd-state-attrs></ui-view>
+
+<footer>
+  <span id="copyright">&copy; 2014 Your Organization Here</span>
+  <a ui-sref='root.inner.sessions' id='sign-in-link'>Sign In</a>
+</footer>

data/default_configuration/base_app/frontend/src/app/root.tpl.html

@@ -0,0 +1,2 @@
+<ui-view lrd-state-attrs>
+</ui-view>

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

@@ -0,0 +1,8 @@
+import {Controller} from 'a1atscript';
+
+@Controller( 'RootCtrl', ['$scope', '$state', '$rootScope', '$window' ])
+export default function RootCtrl( $scope, $state, $rootScope, $window ) {
+  $rootScope.$on("$viewContentLoaded", function(event) {
+    $window.frontendContentLoaded = true;
+  });
+}

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

@@ -0,0 +1,20 @@
+import {State} from 'stateInjector';
+
+@State('root')
+export class RootState {
+  constructor() {
+    this.templateUrl = "root.tpl.html";
+    this.controller = 'RootCtrl';
+    this.abstract = true;
+    this.url = "/";
+  }
+}
+
+@State('root.inner')
+export class RootInnerState {
+  constructor() {
+    this.templateUrl ="inner.tpl.html";
+    this.abstract = true;
+    this.url = "inner";
+  }
+}

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

@@ -0,0 +1,4 @@
+# The `src/assets` Directory
+
+There's really not much to say here. Every file in this directory is recursively transferred to `dist/assets/`.
+

data/default_configuration/base_app/frontend/src/assets/icons/alert.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M476.7,422.2L270.1,72.7c-2.9-5-8.3-8.7-14.1-8.7c-5.9,0-11.3,3.7-14.1,8.7L35.3,422.2c-2.8,5-4.8,13-1.9,17.9   c2.9,4.9,8.2,7.9,14,7.9h417.1c5.8,0,11.1-3,14-7.9C481.5,435.2,479.5,427.1,476.7,422.2z M288,400h-64v-48h64V400z M288,320h-64   V176h64V320z"/></g></svg>

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

@@ -0,0 +1,19 @@
+# The `src/common/` Directory
+
+The `src/common/` directory is reusable components that serve as the business logic of the application. They may be specific to this application, but should be organized so that they can be easily copied and reused in another application. In general user visible components like directives, controllers, states, and templates should not live here.
+
+```
+src/
+  |- common/
+  |  |- resources
+  |  |- components
+  |  |- config.js
+  |  |- environment.js
+  |  |- AppBackend.js
+```
+
+- `resources` - this houses sub-classes of BackendResource which provide an object oriented interface to backend data
+- `components` - reusuable UI components, usually directives, that do not make up an entire new view on the page that would change the URL
+- config.js - contains important configuration variables used throughout the app
+- environment.js - DON'T EDIT THIS FILE. it gets regenerated. instead, edit the individual environment files in frontend/config
+- AppBackend.js provides app specific endpoints to the backend