Better UX for indicating upgrade is necessary to users
This commit is contained in:
Joseph Schorr
parent
1243350d30
commit
30d5f2a138
3 changed files with 59 additions and 86 deletions
|
|
@ -97,75 +97,75 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" ng-show="Features.BUILD_SUPPORT">
|
||||
<div ng-show="repo.is_public == '1' || (!planRequired && !checkingPlan)">
|
||||
<div class="row" ng-show="Features.BUILD_SUPPORT">
|
||||
<div class="col-md-12">
|
||||
<div class="section">
|
||||
<div class="section-title">Initialize repository</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="section">
|
||||
<div class="section-title">Initialize repository</div>
|
||||
<div style="padding-top: 10px;">
|
||||
<!-- Empty -->
|
||||
<div class="repo-option">
|
||||
<input type="radio" id="initEmpty" name="initialize" ng-model="repo.initialize" value="">
|
||||
<i class="fa fa-hdd-o fa-lg" style="padding: 6px; padding-left: 8px; padding-right: 6px;"></i>
|
||||
<label for="initEmpty" style="color: #aaa;">(Empty repository)</label>
|
||||
</div>
|
||||
|
||||
<div style="padding-top: 10px;">
|
||||
<!-- Empty -->
|
||||
<div class="repo-option">
|
||||
<input type="radio" id="initEmpty" name="initialize" ng-model="repo.initialize" value="">
|
||||
<i class="fa fa-hdd-o fa-lg" style="padding: 6px; padding-left: 8px; padding-right: 6px;"></i>
|
||||
<label for="initEmpty" style="color: #aaa;">(Empty repository)</label>
|
||||
</div>
|
||||
<!-- Dockerfile -->
|
||||
<div class="repo-option">
|
||||
<input type="radio" id="initDockerfile" name="initialize" ng-model="repo.initialize" value="dockerfile">
|
||||
<i class="fa fa-file fa-lg" style="padding: 6px; padding-left: 10px; padding-right: 8px;"></i>
|
||||
<label for="initDockerfile">Initialize from a <b>Dockerfile</b></label>
|
||||
</div>
|
||||
|
||||
<!-- Dockerfile -->
|
||||
<div class="repo-option">
|
||||
<input type="radio" id="initDockerfile" name="initialize" ng-model="repo.initialize" value="dockerfile">
|
||||
<i class="fa fa-file fa-lg" style="padding: 6px; padding-left: 10px; padding-right: 8px;"></i>
|
||||
<label for="initDockerfile">Initialize from a <b>Dockerfile</b></label>
|
||||
</div>
|
||||
|
||||
<!-- SCM -->
|
||||
<div class="repo-option"
|
||||
ng-repeat="type in TriggerService.getTypes()"
|
||||
ng-if="TriggerService.isEnabled(type)">
|
||||
<input type="radio" id="init{{type}}" name="initialize" ng-model="repo.initialize" value="{{ type }}">
|
||||
<i class="fa fa-lg" ng-class="TriggerService.getIcon(type)"
|
||||
style="padding: 6px; padding-left: 10px; padding-right: 12px;"></i>
|
||||
<label for="init{{type}}">Link to a {{ TriggerService.getTitle(type) }}</label>
|
||||
<!-- SCM -->
|
||||
<div class="repo-option"
|
||||
ng-repeat="type in TriggerService.getTypes()"
|
||||
ng-if="TriggerService.isEnabled(type)">
|
||||
<input type="radio" id="init{{type}}" name="initialize" ng-model="repo.initialize" value="{{ type }}">
|
||||
<i class="fa fa-lg" ng-class="TriggerService.getIcon(type)"
|
||||
style="padding: 6px; padding-left: 10px; padding-right: 12px;"></i>
|
||||
<label for="init{{type}}">Link to a {{ TriggerService.getTitle(type) }}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" ng-show="repo.initialize == 'dockerfile' || repo.initialize == 'zipfile'">
|
||||
<div class="col-md-12">
|
||||
<div class="section">
|
||||
<div class="section-title">Initialize from Dockerfile</div>
|
||||
<div style="padding-top: 20px;">
|
||||
<div class="initialize-repo">
|
||||
<div class="dockerfile-build-form" repository="repo || createdForBuild"
|
||||
is-ready="hasDockerfile"
|
||||
ready-for-build="readyForBuild(startBuild)"></div>
|
||||
<div class="row" ng-show="repo.initialize == 'dockerfile' || repo.initialize == 'zipfile'">
|
||||
<div class="col-md-12">
|
||||
<div class="section">
|
||||
<div class="section-title">Initialize from Dockerfile</div>
|
||||
<div style="padding-top: 20px;">
|
||||
<div class="initialize-repo">
|
||||
<div class="dockerfile-build-form" repository="repo || createdForBuild"
|
||||
is-ready="hasDockerfile"
|
||||
ready-for-build="readyForBuild(startBuild)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row"
|
||||
ng-repeat="type in TriggerService.getTypes()"
|
||||
ng-if="TriggerService.isEnabled(type) && repo.initialize == type">
|
||||
<div class="col-md-12">
|
||||
<div class="co-alert co-alert-info">
|
||||
You will be redirected to authorize for {{ TriggerService.getTitle(type) }} once the repository has been created
|
||||
<div class="row"
|
||||
ng-repeat="type in TriggerService.getTypes()"
|
||||
ng-if="TriggerService.isEnabled(type) && repo.initialize == type">
|
||||
<div class="col-md-12">
|
||||
<div class="co-alert co-alert-info">
|
||||
You will be redirected to authorize for {{ TriggerService.getTitle(type) }} once the repository has been created
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12">
|
||||
<button class="btn btn-large btn-primary" type="submit"
|
||||
ng-disabled="buildStarted || newRepoForm.$invalid || (repo.is_public == '0' && (planRequired || checkingPlan)) || ((repo.initialize == 'dockerfile' || repo.initialize == 'zipfile') && !hasDockerfile)">
|
||||
<i class="fa fa-large" ng-class="repo.is_public == '1' ? 'fa-unlock' : 'fa-lock'"
|
||||
style="margin-right: 4px"></i>
|
||||
Create {{ repo.is_public == '1' ? 'Public' : 'Private' }} Repository
|
||||
</button>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<button class="btn btn-large btn-primary" type="submit"
|
||||
ng-disabled="buildStarted || newRepoForm.$invalid || (repo.is_public == '0' && (planRequired || checkingPlan)) || ((repo.initialize == 'dockerfile' || repo.initialize == 'zipfile') && !hasDockerfile)">
|
||||
<i class="fa fa-large" ng-class="repo.is_public == '1' ? 'fa-unlock' : 'fa-lock'"
|
||||
style="margin-right: 4px"></i>
|
||||
Create {{ repo.is_public == '1' ? 'Public' : 'Private' }} Repository
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Reference in a new issue