summaryrefslogtreecommitdiff
path: root/views/controls/editor/collaborators.ejs
blob: 69e5b644074ec5bf6d1775a11f03b842e6648aa0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
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>