113 lines
4.1 KiB
HTML
113 lines
4.1 KiB
HTML
<div class="loading" ng-show="loading || creating">
|
|
<i class="fa fa-spinner fa-spin fa-3x"></i>
|
|
</div>
|
|
|
|
<div class="container create-org" ng-show="!loading && !creating">
|
|
|
|
<div class="row header-row">
|
|
<div class="col-md-1"></div>
|
|
<div class="col-md-8">
|
|
<h2>Create Organization</h2>
|
|
|
|
<div class="steps-container" ng-show="false">
|
|
<ul class="steps">
|
|
<li class="step" ng-class="!user || user.anonymous ? 'active' : ''">
|
|
<i class="fa fa-sign-in"></i>
|
|
<span class="title">Login with an account</span>
|
|
</li>
|
|
<li class="step" ng-class="!user.anonymous && !created ? 'active' : ''">
|
|
<i class="fa fa-gear"></i>
|
|
<span class="title">Setup your organization</span>
|
|
</li>
|
|
<li class="step" ng-class="!user.anonymous && created ? 'active' : ''">
|
|
<i class="fa fa-group"></i>
|
|
<span class="title">Create teams</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 1 -->
|
|
<div class="row" ng-show="!user || user.anonymous">
|
|
<div class="col-sm-6 col-sm-offset-3">
|
|
<div class="step-container" >
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<div class="signin-form" redirect-url="'/organizations/new'"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 2 -->
|
|
<div class="row" ng-show="user && !user.anonymous && !created">
|
|
<div class="col-md-1"></div>
|
|
<div class="col-md-8">
|
|
<div class="step-container">
|
|
<h3>Setup the new organization</h3>
|
|
|
|
<form method="post" name="newOrgForm" id="newOrgForm" ng-submit="createNewOrg()">
|
|
<div class="form-group">
|
|
<label for="orgName">Organization Name</label>
|
|
<input id="orgName" name="orgName" type="text" class="form-control" placeholder="Organization Name"
|
|
ng-model="org.name" required autofocus data-trigger="manual" data-content="{{ createError }}"
|
|
data-placement="right">
|
|
<span class="description">This will also be the namespace for your repositories</span>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="orgName">Organization Email</label>
|
|
<input id="orgEmail" name="orgEmail" type="email" class="form-control" placeholder="Organization Email"
|
|
ng-model="org.email" required>
|
|
<span class="description">This address must be different from your account's email</span>
|
|
</div>
|
|
|
|
<!-- Plans Table -->
|
|
<div class="form-group plan-group">
|
|
<strong>Choose your organization's plan</strong>
|
|
<table class="table table-hover plans-table" ng-show="plans">
|
|
<thead>
|
|
<th>Plan</th>
|
|
<th>Private Repositories</th>
|
|
<th style="min-width: 64px">Price</th>
|
|
<th></th>
|
|
</thead>
|
|
|
|
<tr ng-repeat="plan in plans" ng-class="currentPlan == plan ? 'active' : ''">
|
|
<td>{{ plan.title }}</td>
|
|
<td>{{ plan.privateRepos }}</td>
|
|
<td><div class="plan-price">${{ plan.price / 100 }}</div></td>
|
|
<td class="controls">
|
|
<a class="btn" href="javascript:void(0)" ng-class="currentPlan == plan ? 'btn-primary' : 'btn-default'"
|
|
ng-click="setPlan(plan)">
|
|
{{ currentPlan == plan ? 'Selected' : 'Choose' }}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="button-bar">
|
|
<button class="btn btn-large btn-success" type="submit" ng-disabled="newOrgForm.$invalid || !currentPlan">
|
|
Create Organization
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 3 -->
|
|
<div class="row" ng-show="user && !user.anonymous && created">
|
|
<div class="col-md-1"></div>
|
|
<div class="col-md-8">
|
|
<div class="step-container">
|
|
<h3>Organization Created</h3>
|
|
<h4><a href="/organization/{{ org.name }}">Manage Teams Now</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|