Responsive new repo page

This commit is contained in:
Joseph Schorr 2015-04-17 12:17:44 -04:00
parent f87e77cc3f
commit dca6b93592
5 changed files with 83 additions and 68 deletions

View file

@ -31,8 +31,13 @@
<div class="section">
<div class="new-header">
<span class="namespace-selector-header">
<span class="visible-xs xs-label">Namespace:</span>
<span class="namespace-selector" user="user" namespace="repo.namespace" require-create="true"></span>
<span class="slash">/</span>
<span class="slash hidden-xs">/</span>
<span class="visible-xs xs-label">Repository Name:</span>
<span class="name-container">
<input id="repoName" name="repoName" type="text" class="form-control" placeholder="Repository Name" ng-model="repo.name"
required autofocus data-trigger="manual" data-content="{{ createError }}" data-placement="right" ng-pattern="/^[.a-z0-9_-]+$/">
@ -56,23 +61,28 @@
<div class="row">
<div class="col-md-12">
<div class="section-title">Repository Visibility</div>
<div class="section">
<div class="section-title">Repository Visibility</div>
<br>
<div class="repo-option">
<input type="radio" id="publicrepo" name="publicorprivate" ng-model="repo.is_public" value="1">
<i class="fa fa-unlock fa-large" data-title="Public Repository"></i>
<div class="repo-option-title">
<input type="radio" id="publicrepo" name="publicorprivate" ng-model="repo.is_public" value="1">
<i class="fa fa-unlock fa-large" data-title="Public Repository"></i>
<label for="publicrepo"><strong>Public</strong></label>
</div>
<div class="option-description">
<label for="publicrepo"><strong>Public</strong></label>
<span class="description-text">Anyone can see and pull from this repository. You choose who can push.</span>
</div>
</div>
<div class="repo-option">
<input type="radio" id="privaterepo" name="publicorprivate" ng-model="repo.is_public" value="0">
<i class="fa fa-lock fa-large" data-title="Private Repository"></i>
<div class="repo-option-title">
<input type="radio" id="privaterepo" name="publicorprivate" ng-model="repo.is_public" value="0">
<i class="fa fa-lock fa-large" data-title="Private Repository"></i>
<label for="privaterepo"><strong>Private</strong></label>
</div>
<div class="option-description">
<label for="privaterepo"><strong>Private</strong></label>
<span class="description-text">You choose who can see, pull and push from/to this repository.</span>
</div>
</div>
@ -142,11 +152,14 @@
<div class="col-md-12">
<div class="section">
<div class="section-title">Upload Dockerfile or Archive</div>
<div class="section-title">Initialize from Dockerfile</div>
<div style="padding-top: 20px;">
<div class="initialize-repo">
<div class="dockerfile-build-form" repository="createdForBuild || repo" upload-failed="handleBuildFailed(message)"
build-started="handleBuildStarted()" build-failed="handleBuildFailed(message)" start-now="createdForBuild"
<div class="dockerfile-build-form" repository="createdForBuild || repo"
upload-failed="handleBuildFailed(message)"
build-started="handleBuildStarted()"
build-failed="handleBuildFailed(message)"
start-now="createdForBuild"
is-ready="hasDockerfile" uploading="uploading" building="building"></div>
</div>
</div>