vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Better new org messaging

Browse source 
Fixes #437
This commit is contained in:
Joseph Schorr 2015-09-02 13:49:55 -04:00
parent b76298121d
commit 18fe8a4d7c
3 changed files with 44 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static/css/core-ui.css
View file

@ -1254,3 +1254,14 @@ a:focus {
color: white;
z-index: 2;
}
.co-alert.thin {
padding: 6px;
padding-left: 38px;
margin-bottom: 0px;
}
.co-alert.thin:before {
top: 5px;
font-size: 18px;
}

14
static/css/pages/new-organization.css
View file

@ -1,4 +1,16 @@
.new-organization .co-main-content-panel {
padding: 30px;
position: relative;
}
}
.new-organization .field-container {
display: inline-block;
width: 400px;
margin-right: 10px;
}
.new-organization .field-row .co-alert {
display: inline-block;
margin-left: 10px;
margin-top: 10px;
}

29
static/partials/new-organization.html
View file

@ -36,19 +36,30 @@
<form method="post" name="newOrgForm" id="newOrgForm" ng-submit="createNewOrg()">
<div class="form-group nested">
<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="bottom" data-container="body" ng-pattern="/^[a-z0-9_]{4,30}$/">
<span class="description">This will also be the namespace for your repositories. Must be alphanumeric and all lowercase.</span>
<div class="field-row">
<span class="field-container">
<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="bottom" data-container="body" ng-pattern="/^[a-z0-9_]{4,30}$/">
</span>
<span class="co-alert co-alert-warning thin" ng-show="!newOrgForm.orgName.$error.required && !newOrgForm.orgName.$valid">
Organization names must match [a-z0-9_]+ and be at least four characters in length.
</span>
</div>
<span class="description">This will also be the namespace for your repositories. Must be alphanumeric, all lowercase and at least four characters long.</span>
</div>
<div class="form-group nested">
<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 class="field-row">
<span class="field-container">
<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>
</span>
</div>
</div>
<!-- Plans Table -->