92 lines
3.4 KiB
HTML
92 lines
3.4 KiB
HTML
|
<div id="team" class="dialog in" style="padding:100px;z-index:20000;position:absolute;width:100%;min-height:100%;background-color:#fafafa" v-if="active_view == 'team' && user" v-cloak>
|
||
|
|
|
||
|
|
<a href="/spaces" class="btn btn-round btn-icon btn-stroke-darken btn-md pull-right" style="position:absolute;top:30px;right:30px"><span class="icon icon-cross-0"></span></a>
|
||
|
|
|
||
|
|
<h4>Spacedeck Team Management</h4>
|
||
|
|
|
||
|
|
<div v-if="!user.team" class="dialog-section text-left">
|
||
|
|
You are not in a team yet. Please upgrade first.</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div v-if="user.team">
|
||
|
|
<div class="dialog-section">
|
||
|
|
<h4 class="text-left">[[__("team_name")]]</h4>
|
||
|
|
<div class="input-group org-add-form">
|
||
|
|
<input id="org-member-emails" v-model="user.team.name" class="form-control input input-lg" type="text">
|
||
|
|
<span class="input-group-btn">
|
||
|
|
<span id="org-add-member" class="btn btn-lg btn-primary" v-on:click=" team_save()">
|
||
|
|
[[__("save")]]
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="dialog-section">
|
||
|
|
<h4 class="text-left">[[__("subdomain")]]</h4>
|
||
|
|
<div class="input-group org-add-form">
|
||
|
|
<input v-model="user.team.subdomain" class="form-control input input-lg" type="text">
|
||
|
|
<span class="input-group-btn">
|
||
|
|
<span id="org-add-member" class="btn btn-lg btn-primary" v-on:click=" team_save()">
|
||
|
|
[[__("save")]]
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="dialog-section text-left">
|
||
|
|
<h4>Members</h4>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
New members will get an invitation email. After the invitation was used, the member is active. The number of active members in your team will affect your monthly charge.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="input-group org-add-form">
|
||
|
|
<input id="org-member-emails" v-model="team_emails" class="form-control input input-lg" type="email" placeholder="[[__("team_adresses")]]">
|
||
|
|
<span class="input-group-btn">
|
||
|
|
<span id="org-add-member" class="btn btn-lg btn-primary org-save" v-on:click=" team_invite_members(team_emails)">
|
||
|
|
<span v-if="!team_email_invited">[[__("add")]]</span>
|
||
|
|
<span v-if="team_email_invited">✓ [[__("invited")]]</span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table class="table table-striped table-condensed" v-if="team_members.length">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th> [[__("email")]] </th>
|
||
|
|
<th> [[__("name")]] </th>
|
||
|
|
<th> [[__("role")]] </th>
|
||
|
|
<th></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
|
||
|
|
<tbody class="members-list">
|
||
|
|
|
||
|
|
<tr v-for="u in team_members">
|
||
|
|
|
||
|
|
<td class="email">
|
||
|
|
<span>{{u.email}}</span>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td class="display_name">
|
||
|
|
<span>{{u.nickname}}</span>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<span v-if="is_admin(u)">[[__("role_admin")]]</span>
|
||
|
|
<span v-if="!is_admin(u)">[[__("role_member")]]</span>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<span v-if="u._id != user._id" class="btn btn-sm btn-danger" v-on:click="team_remove_member(u)">[[__("remove")]]</span>
|
||
|
|
<span v-if="(u._id != user._id) && !is_admin(u)" class="btn btn-sm" v-on:click="team_promote_member(u)">[[__("promote")]]</span>
|
||
|
|
<span v-if="(u._id != user._id) && is_admin(u)" class="btn btn-sm" v-on:click="team_demote_member(u)">[[__("demote")]]</span>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|