104 lines
4 KiB
HTML
104 lines
4 KiB
HTML
|
<div class="container new-repo" ng-show="!user.anonymous">
|
||
|
<form method="post" name="newRepoForm" ng-submit="createNewRepo()">
|
||
|
|
||
|
<!-- Header -->
|
||
|
<div class="row">
|
||
|
<div class="col-md-1"></div>
|
||
|
<div class="col-md-8">
|
||
|
<div class="section">
|
||
|
<div class="new-header">
|
||
|
<span class="repo-circle no-background" repo="repo"></span>
|
||
|
<span style="color: #444;"> {{user.username}}</span> <span style="color: #ccc">/</span> <span class="name-container"><input id="repoName" name="repoName" type="text" class="form-control" placeholder="Repository Name" ng-model="repo.name" required autofocus></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="section">
|
||
|
<strong>Description:</strong><br>
|
||
|
<p class="description lead editable" ng-click="editDescription()">
|
||
|
<span class="content" ng-bind-html-unsafe="getMarkedDown(repo.description)"></span>
|
||
|
<i class="icon-edit"></i>
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Private/public -->
|
||
|
<div class="row">
|
||
|
<div class="col-md-1"></div>
|
||
|
<div class="col-md-8">
|
||
|
<div class="section">
|
||
|
<div class="repo-option">
|
||
|
<input type="radio" id="publicrepo" name="publicorprivate" ng-model="repo.is_public" value="1">
|
||
|
<i class="icon-unlock icon-large" title="Public Repository"></i>
|
||
|
|
||
|
<div class="option-description">
|
||
|
<label for="publicrepo">Public</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="icon-lock icon-large" title="Private Repository"></i>
|
||
|
|
||
|
<div class="option-description">
|
||
|
<label for="privaterepo">Private</label>
|
||
|
<span class="description-text">You choose who can see, pull and push from/to this repository.</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Initialize repository -->
|
||
|
<div class="row">
|
||
|
<div class="col-md-1"></div>
|
||
|
<div class="col-md-8">
|
||
|
<div class="section">
|
||
|
<input type="checkbox" class="cbox" id="initialize" name="initialize" ng-model="repo.initialize">
|
||
|
<div class="option-description">
|
||
|
<label for="initialize">Initialize Repository from <a href="http://www.docker.io/learn/dockerfile/" target="_new">Dockerfile</a></label>
|
||
|
<span class="description-text">Automatically populate your repository with a new image constructed from a Dockerfile</span>
|
||
|
</div>
|
||
|
|
||
|
<div ng-show="repo.initialize">
|
||
|
Initialize
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="col-md-1"></div>
|
||
|
<div class="col-md-8">
|
||
|
<button class="btn btn-large btn-success" type="submit" ng-disabled="newRepoForm.$invalid">Create Repository</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
</form>
|
||
|
</div>
|
||
|
|
||
|
<!-- Modal edit for the description -->
|
||
|
<div class="modal fade" id="editModal">
|
||
|
<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">Edit Repository Description</h4>
|
||
|
</div>
|
||
|
<div class="modal-body">
|
||
|
<div class="wmd-panel">
|
||
|
<div id="wmd-button-bar-description"></div>
|
||
|
<textarea class="wmd-input" id="wmd-input-description" placeholder="Enter description">{{ repo.description }}</textarea>
|
||
|
</div>
|
||
|
|
||
|
<div id="wmd-preview-description" class="wmd-panel wmd-preview"></div>
|
||
|
</div>
|
||
|
<div class="modal-footer">
|
||
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
|
<button type="button" class="btn btn-primary" ng-click="saveDescription()">Save changes</button>
|
||
|
</div>
|
||
|
</div><!-- /.modal-content -->
|
||
|
</div><!-- /.modal-dialog -->
|
||
|
</div><!-- /.modal -->
|
||
|
|