1 files changed, 61 insertions, 0 deletions
diff --git a/views/controls/editor/collaborators.ejs b/views/controls/editor/collaborators.ejs
new file mode 100644
index 0000000..69e5b64
--- /dev/null
+++ b/views/controls/editor/collaborators.ejs
@@ -0,0 +1,61 @@
+<div class="collaborators fixed mediaDrawer animate">
+	<span class="close">X</span>
+	
+  <div>
+    <h2>Collaborators</h2>
+
+    <p>
+      To invite others to contribute to this project, submit their email address below. They'll receive an email with instructions to join this blog and register if they're not a Vvalls user yet.
+    </p>
+
+    <form>
+      <input type="text" id="collaborator-email" name="email">
+      <input type="submit" id="collaborator-invite" value="Invite to this project">
+    </form>
+
+    <div id="collaborator-url-rapper">
+      We've sent a link to join this project to <span id="collaborator-dummy-email"></span>.
+      You can also send this link yourself:
+      <input type="text" id="collaborator-url">
+    </div>
+
+    <ul id="collaborator-list">
+    </ul>
+
+  </div>
+
+</div>
+
+<script type="text/html" id="collaborator-template">
+  <li>
+    <a class="user">
+      <div class="avatar"></div><span class="username"></span>
+    </a>
+    <span class="email"></span>
+    <button data-role="destroy-collaborator" class="remove-user">Remove</button>
+    <span class="role">owner</span>
+  </li>
+</script>
+
+<style>
+#collaborator-url-rapper {
+  display: none;
+  background: #fff;
+  border: 1px solid;
+  box-shadow: -3px 3px 0;
+  padding: 10px;
+  font-weight: 300;
+  font-size: 14px;
+  margin: 10px 0;
+}
+#collaborator-url {
+  font-size: 16px;
+  width: 500px;
+  border: 1px solid;
+  font-size: 14px;
+  padding: 5px;
+  font-weight: 300;
+  margin-top: 5px;
+  display: block;
+}
+</style>