100 lines
No EOL
4.4 KiB
HTML
100 lines
No EOL
4.4 KiB
HTML
<div class="convert-user-to-org-element">
|
|
<!-- Step 0 -->
|
|
<div class="panel" ng-show="convertStep == 0">
|
|
<div class="panel-body" ng-show="user.organizations.length > 0">
|
|
<div class="co-alert co-alert-info">
|
|
Cannot convert this account into an organization, as it is a member of {{user.organizations.length}} other
|
|
organization{{user.organizations.length > 1 ? 's' : ''}}. Please leave
|
|
{{user.organizations.length > 1 ? 'those organizations' : 'that organization'}} first.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-body" ng-show="user.organizations.length == 0">
|
|
<div class="co-alert co-alert-warning">
|
|
Note: Converting a user account into an organization <b>cannot be undone</b>
|
|
</div>
|
|
|
|
<button class="btn btn-primary" ng-click="showConvertForm()">Start conversion process</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 1 -->
|
|
<div class="convert-form" ng-show="convertStep == 1">
|
|
<form method="post" name="convertForm" id="convertForm" ng-submit="convertToOrg()">
|
|
<div class="form-group">
|
|
<label for="orgName">Organization Name</label>
|
|
<div class="existing-data">
|
|
<span class="avatar" size="24" data="user.avatar"></span>
|
|
{{ user.username }}</div>
|
|
<span class="description">This will continue to be the namespace for your repositories</span>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="orgName">Admin User</label>
|
|
<input id="adminUsername" name="adminUsername" type="text" class="form-control" placeholder="Admin Username"
|
|
ng-model="org.adminUser" required autofocus>
|
|
<input id="adminPassword" name="adminPassword" type="password" class="form-control" placeholder="Admin Password"
|
|
ng-model="org.adminPassword" required>
|
|
<span class="description">
|
|
The username and password for the account that will become an administrator of the organization.
|
|
Note that this account <b>must be a separate registered account</b> from the account that you are
|
|
trying to convert, and <b>must already exist</b>.
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Plans Table -->
|
|
<div class="form-group plan-group" quay-require="['BILLING']">
|
|
<label>Organization Plan</label>
|
|
<div class="plans-table" plans="orgPlans" current-plan="org.plan"></div>
|
|
</div>
|
|
|
|
<div class="button-bar">
|
|
<button class="btn btn-large btn-danger" type="submit"
|
|
ng-disabled="convertForm.$invalid || (Features.BILLING && !org.plan)"
|
|
analytics-on analytics-event="convert_to_organization">
|
|
Convert To Organization
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade" id="cannotconvertModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Cannot convert account</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
Your account could not be converted. Please try again in a moment.
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade" id="reallyconvertModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Convert to organization?</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="co-alert co-alert-danger">You will not be able to login to this account once converted!</div>
|
|
<div>Are you <b>absolutely sure</b> you would like to convert this account to an organization? Once done, there is no going back.</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="reallyConvert()">Absolutely: Convert Now</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
</div> |