From ebf356a8a8ac6c486ffe7887f33a5a6b6c1a0e4c Mon Sep 17 00:00:00 2001
From: Nick Sergeant <nick@nicksergeant.com>
Date: Sat, 17 Oct 2015 09:49:55 -0400
Subject: [PATCH] Setup for team JS work on add-member.

---
 Makefile                                |  1 +
 git-pre-commit                          |  1 +
 media/js/src/team.js                    | 27 +++++++++++++
 teams/templates/teams/team-members.html | 50 +++++++++++++------------
 templates/base.html                     |  1 +
 5 files changed, 56 insertions(+), 24 deletions(-)
 create mode 100644 media/js/src/team.js

diff --git a/Makefile b/Makefile
index 435baee..68d00ca 100644
--- a/Makefile
+++ b/Makefile
@@ -37,6 +37,7 @@ assets:
 	@cat media/js/src/search.js > media/js/src/search.min.js
 	@cat media/js/src/jobs.js > media/js/src/jobs.min.js
 	@cat media/js/src/application.js > media/js/src/application.min.js
+	@cat media/js/src/team.js > media/js/src/team.min.js
 	@cat media/js/src/modules/site.js > media/js/src/modules/site.min.js
 	@cat media/js/src/modules/snipt.js > media/js/src/modules/snipt.min.js
 	@cat media/js/src/pro.js > media/js/src/pro.min.js
diff --git a/git-pre-commit b/git-pre-commit
index 3dad012..7595d4c 100755
--- a/git-pre-commit
+++ b/git-pre-commit
@@ -35,6 +35,7 @@ cat media/js/src/snipts.js|jsmin > media/js/src/snipts.min.js
 cat media/js/src/search.js|jsmin > media/js/src/search.min.js
 cat media/js/src/jobs.js|jsmin > media/js/src/jobs.min.js
 cat media/js/src/application.js|jsmin > media/js/src/application.min.js
+cat media/js/src/team.js|jsmin > media/js/src/team.min.js
 cat media/js/src/modules/site.js|jsmin > media/js/src/modules/site.min.js
 cat media/js/src/modules/snipt.js|jsmin > media/js/src/modules/snipt.min.js
 cat media/js/src/pro.js|jsmin > media/js/src/pro.min.js
diff --git a/media/js/src/team.js b/media/js/src/team.js
new file mode 100644
index 0000000..d793f07
--- /dev/null
+++ b/media/js/src/team.js
@@ -0,0 +1,27 @@
+(function() { 'use strict';
+
+if (typeof angular !== 'undefined') {
+
+  var root = this;
+  var $ = root.jQuery;
+  var controllers = {};
+  var app = root.app;
+
+  // Services.
+  app.factory('TeamStorage', function($http) {
+    return {
+
+    };
+  });
+
+  // Controllers.
+  controllers.TeamController = function($scope, TeamStorage) {
+
+  };
+
+  // Assign the controllers.
+  app.controller(controllers);
+
+}
+
+}).call(this);
diff --git a/teams/templates/teams/team-members.html b/teams/templates/teams/team-members.html
index cfc9fee..f3bae84 100644
--- a/teams/templates/teams/team-members.html
+++ b/teams/templates/teams/team-members.html
@@ -10,32 +10,34 @@
 {% endblock %}
 
 {% block content %}
-  <section class="snipts" id="snipts"></section>
-  <section class="profile group">
-    <aside>
-      <ul class="nav nav-list ng-cloak" ng-cloak>
-        <li class="nav-header">Team: {{ team.name }}</li>
-        <li class="active">
-          <a href="/{{ team.slug }}/members/">Members</a>
-        </li>
-        <li>
-          <a href="/{{ team.slug }}/billing/">Billing</a>
-        </li>
-      </ul>
-    </aside>
-    <section class="content">
-      <div class="def" data-title="Owner">
-        {{ team.owner }}
-      </div>
-      <div class="def" data-title="Members ({{ team.members.all|length }} of {{ team.member_limit }})">
-        <ul style="margin-bottom: 0">
-          {% for member in team.members.all %}
-            <li>{{ member }}</li>
-          {% endfor %}
+  <div ng-controller="TeamController">
+    <section class="snipts" id="snipts"></section>
+    <section class="profile group">
+      <aside>
+        <ul class="nav nav-list ng-cloak" ng-cloak>
+          <li class="nav-header">Team: {{ team.name }}</li>
+          <li class="active">
+            <a href="/{{ team.slug }}/members/">Members</a>
+          </li>
+          <li>
+            <a href="/{{ team.slug }}/billing/">Billing</a>
+          </li>
         </ul>
-      </div>
+      </aside>
+      <section class="content">
+        <div class="def" data-title="Owner">
+          {{ team.owner }}
+        </div>
+        <div class="def" data-title="Members ({{ team.members.all|length }} of {{ team.member_limit }})">
+          <ul style="margin-bottom: 0">
+            {% for member in team.members.all %}
+              <li>{{ member }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+      </section>
     </section>
-  </section>
+  </div>
 {% endblock %}
 
 {% block analytics %}
diff --git a/templates/base.html b/templates/base.html
index c665e29..4e2fa69 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -420,6 +420,7 @@
   <script type="text/javascript" src="{{ STATIC_URL }}js/libs/codemirror.js"></script>
   <script type="text/javascript" src="{{ STATIC_URL }}js/libs/highlight.js"></script>
   <script type="text/javascript" src="{{ STATIC_URL }}js/src/application.js"></script>
+  <script type="text/javascript" src="{{ STATIC_URL }}js/src/team.js"></script>
   <script type="text/javascript" src="{{ STATIC_URL }}js/src/modules/site.js"></script>
   <script type="text/javascript" src="{{ STATIC_URL }}js/src/modules/snipt.js"></script>
   <script type="text/javascript" src="{{ STATIC_URL }}js/src/account.js"></script>