docs: Start API reference

Author: Urigo

docs/angular-meteor/client/index.html

@@ -24,12 +24,9 @@
             <li><a href="/tutorial-02">Tutorial 2 - User management, security, privacy and Angular forms</a></li>
           </ul>
         </li>
+        <li><a href="/api">API Reference</a></li>
+        <li><a href="/about">About us</a></li>
       </ul>
-      <form class="navbar-form navbar-left" role="search">
-        <div class="form-group">
-          <input type="text" class="form-control" placeholder="Search">
-        </div>
-      </form>
     </div><!-- /.navbar-collapse -->
   </div>
 </header>

docs/angular-meteor/client/scripts/routes.js

@@ -9,6 +9,18 @@ angular.module("meteor-angular-docs").config(['$urlRouterProvider', '$stateProvi
         template: UiRouter.template('main.html'),
         controller: 'MainCtrl'
       })
+      .state('about', {
+        url: '/about',
+        template: UiRouter.template('about.html')
+      })
+      .state('api', {
+        url: '/api',
+        template: UiRouter.template('api.html')
+      })
+        .state('api.collection', {
+          url: '/collection',
+          template: UiRouter.template('api.collection.html')
+        })
       .state('tutorial', {
         abstract: true,
         url: '/tutorial',

docs/angular-meteor/client/views/about.html

@@ -0,0 +1,16 @@
+<template name="about.html">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <h1>Team</h1>
+        <ul class="nav">
+          <li><a href="https://github.com/Urigo">@Urigo</a></li>
+          <li><a href="https://github.com/dotansimha">@dotansimha</a></li>
+          <li><a href="https://github.com/Arambse">@Arambse</a></li>
+          <li><a href="https://github.com/davidyaha">@davidyaha</a></li>
+          <li><a href="https://github.com/netanelgilad">@netanelgilad</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>

docs/angular-meteor/client/views/api.html

@@ -0,0 +1,26 @@
+<template name="api.html">
+  <div class="container tutorial-container">
+    <div class="row">
+      <div class="col-md-3">
+        <h2><a href="/api">API</a></h2>
+        <ul class="nav">
+          <li><a href="/api/collection">$collection</a></li>
+          <li><a href="/api/step_01">$collection.bind</a></li>
+          <li><a href="/api/step_01">$collection.bindOne</a></li>
+          <li><a href="/api/step_02">AngularMeteorCollection.save</a></li>
+          <li><a href="/api/step_03">AngularMeteorCollection.remove</a></li>
+          <li><a href="/api/step_03">$subscribe.subscribe</a></li>
+          <li><a href="/api/step_03">$methods.call</a></li>
+          <li><a href="/api/step_03">User</a></li>
+          <li><a href="/api/step_03">meteor-include directive</a></li>
+          <li><a href="/api/step_03">meteor-angular-ui-router</a></li>
+        </ul>
+        <h2><a href="https://docs.angularjs.org/api">AngularJS API Reference</a></h2>
+        <h2><a href="https://docs.meteor.com/#/full/">Meteor Docs</a></h2>
+      </div>
+      <div class="col-md-9 main-tutorial">
+        <div ui-view></div>
+      </div>
+    </div>
+  </div>
+</template>

docs/angular-meteor/client/views/api/api.collection.html

@@ -0,0 +1,15 @@
+<template name="api.collection.html">
+  <div>
+    <a href="https://github.com/Urigo/angular-meteor/edit/master/docs/angular-meteor/client/views/steps/tutorial.intro.html"
+       class="btn btn-default btn-lg improve-button">
+      <i class="glyphicon glyphicon-edit">&nbsp;</i>Improve this doc
+    </a>
+
+    <do-nothing>
+        {{#markdown}}
+
+
+        {{/markdown}}
+    </do-nothing>
+  </div>
+</template>

docs/angular-meteor/client/views/main.html

@@ -12,17 +12,13 @@ <h1>Combining the best frameworks - FutureStack</h1>
           <i class="icon-github-sign"></i>
           View on Github</a>
       </div>
-      <br>
-      <br>
-      <a href="/tutorial">
-        From nothing to full application tutorial</a>
     </div>
   </div>
   <div class="hero-unit">
     <div class="container">
       <h1><a href="/tutorial">The tutorial</a></h1>
       <div>
-        <iframe width="560" height="315" src="//www.youtube.com/embed/LVuCeKswPPE?list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd" frameborder="0" allowfullscreen></iframe>
+        <iframe width="960" height="720" src="//www.youtube.com/embed/LVuCeKswPPE?list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd" frameborder="0" allowfullscreen></iframe>
       </div>
     </div>
   </div>