examples(1.x/sibbling-routes): add simple sibbling viewport example

btford · btford · commit 2bb06ef30c55 · 2015-03-04T01:18:51.000-08:00
diff --git a/examples/angular-1/sibbling-routes/app.css b/examples/angular-1/sibbling-routes/app.css
@@ -0,0 +1,9 @@
+
+.container {
+  display: flex;
+  flex-flow: row;
+}
+
+[ng-viewport] {
+  flex: 1;
+}
diff --git a/examples/angular-1/sibbling-routes/app.js b/examples/angular-1/sibbling-routes/app.js
@@ -0,0 +1,12 @@
+angular.module('myApp', [
+  'ngNewRouter'
+])
+.controller('AppController', ['$router', AppController]);
+
+function AppController($router) {
+  $router.config([
+    { path: '/',            redirectTo: '/users/posts' },
+    { path: '/users/posts', components: { left: 'users', right: 'posts' } },
+    { path: '/posts/users', components: { left: 'posts', right: 'users' } },
+  ]);
+}
diff --git a/examples/angular-1/sibbling-routes/components/posts/posts.html b/examples/angular-1/sibbling-routes/components/posts/posts.html
@@ -0,0 +1,3 @@
+<div>
+  <h1>Posts</h1>
+</div>
diff --git a/examples/angular-1/sibbling-routes/components/users/users.html b/examples/angular-1/sibbling-routes/components/users/users.html
@@ -0,0 +1,3 @@
+<div>
+  <h1>Users</h1>
+</div>
diff --git a/examples/angular-1/sibbling-routes/index.html b/examples/angular-1/sibbling-routes/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <base href="/examples/angular-1/sibbling-routes/">
+  <link rel="stylesheet" href="./app.css">
+</head>
+<body ng-app="myApp" ng-strict-di ng-controller="AppController">
+
+  <nav>
+    <a href="./users/posts">users then posts</a>
+    <a href="./posts/users">posts then users</a>
+  </nav>
+  <div class="container">
+    <div ng-viewport="left"></div>
+    <div ng-viewport="right"></div>
+  </div>
+
+  <script src="/node_modules/angular/angular.js"></script>
+  <script src="/dist/router.es5.js"></script>
+  <script src="./app.js"></script>
+</body>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<div>`
	`2`	`+ <h1>Posts</h1>`
	`3`	`+</div>`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<div>`
	`2`	`+ <h1>Users</h1>`
	`3`	`+</div>`