Promote language choice to page heading

This commit moves the language choice part of the form from the
"advanced" section to the main heading.

See gh-432
This commit is contained in:
Brian Clozel
2017-05-23 11:26:36 +02:00
committed by Stephane Nicoll
parent ddbadf7700
commit 820107ad78
3 changed files with 36 additions and 23 deletions

View File

@@ -1148,12 +1148,12 @@ initializr:
- name: Java - name: Java
id: java id: java
default: true default: true
- name: Groovy
id: groovy
default: false
- name: Kotlin - name: Kotlin
id: kotlin id: kotlin
default: false default: false
- name: Groovy
id: groovy
default: false
bootVersions: bootVersions:
- name : Latest SNAPSHOT - name : Latest SNAPSHOT
id: 1.2.4.BUILD-SNAPSHOT id: 1.2.4.BUILD-SNAPSHOT

View File

@@ -31,6 +31,15 @@ body, h1, h2, h3 {
margin: 1em 0; margin: 1em 0;
} }
.rwd-line {
display: block;
margin-top: 0.5em;
}
@media screen and (min-width: 992px){
.rwd-line { display: inline; }
}
#starters { #starters {
min-height: 3em; min-height: 3em;
} }

View File

@@ -20,18 +20,30 @@
<div class="container start-main"> <div class="container start-main">
<div class="row form-inline text-center"> <div class="row form-inline text-center">
<div class="form-group project-choice"> <div class="form-group project-choice">
<h2>Generate a <h2>
<span class="rwd-line">
<label for="type">Generate a</label>
<select tabindex="1" class="form-control" id="type" name="type"> <select tabindex="1" class="form-control" id="type" name="type">
{{#types.content}} {{#types.content}}
<option data-action="{{action}}" value="{{id}}"{{#default}} selected{{/default}}>{{name}}</option> <option data-action="{{action}}" value="{{id}}" {{#default}}
selected{{/default}}>{{name}}</option>
{{/types.content}} {{/types.content}}
</select> </select>
with Spring Boot <label for="language">with</label>
<select tabindex="2" class="form-control" name="bootVersion" id="bootVersion"> <select tabindex="2" class="form-control" name="language" id="language">
{{#languages.content}}
<option value="{{id}}" {{#default}} selected{{/default}}>{{name}}</option>
{{/languages.content}}
</select>
</span>
<span class="rwd-line">
<label for="bootVersion">and Spring Boot</label>
<select tabindex="3" class="form-control" name="bootVersion" id="bootVersion">
{{#bootVersions.content}} {{#bootVersions.content}}
<option value="{{id}}" {{#default}} selected{{/default}}>{{name}}</option> <option value="{{id}}" {{#default}} selected{{/default}}>{{name}}</option>
{{/bootVersions.content}} {{/bootVersions.content}}
</select> </select>
</span>
</h2> </h2>
</div> </div>
</div> </div>
@@ -46,34 +58,34 @@
<div class="form-group groupid-form-group"> <div class="form-group groupid-form-group">
<label for="groupId" class="control-label">{{groupId.title}}</label> <label for="groupId" class="control-label">{{groupId.title}}</label>
<input tabindex="3" id="groupId" class="form-control" type="text" value="{{groupId.content}}" <input tabindex="4" id="groupId" class="form-control" type="text" value="{{groupId.content}}"
name="groupId"> name="groupId">
</div> </div>
<div class="form-group artifactid-form-group"> <div class="form-group artifactid-form-group">
<label for="artifactId" class="control-label">{{artifactId.title}}</label> <label for="artifactId" class="control-label">{{artifactId.title}}</label>
<input tabindex="4" id="artifactId" class="form-control" type="text" <input tabindex="5" id="artifactId" class="form-control" type="text"
value="{{artifactId.content}}" value="{{artifactId.content}}"
name="artifactId"> name="artifactId">
</div> </div>
<div class="form-group full hidden name-form-group"> <div class="form-group full hidden name-form-group">
<label for="name" class="control-label">{{name.title}}</label> <label for="name" class="control-label">{{name.title}}</label>
<input tabindex="5" id="name" class="form-control" type="text" value="{{name.content}}" <input tabindex="6" id="name" class="form-control" type="text" value="{{name.content}}"
name="name"> name="name">
</div> </div>
<div class="form-group full hidden description-form-group"> <div class="form-group full hidden description-form-group">
<label for="description" class="control-label">{{description.title}}</label> <label for="description" class="control-label">{{description.title}}</label>
<input tabindex="6" id="description" class="form-control" type="text" <input tabindex="7" id="description" class="form-control" type="text"
value="{{description.content}}" name="description"> value="{{description.content}}" name="description">
</div> </div>
<div class="form-group full hidden packagename-form-group"> <div class="form-group full hidden packagename-form-group">
<label for="packageName" class="control-label">{{packageName.title}}</label> <label for="packageName" class="control-label">{{packageName.title}}</label>
<input tabindex="7" id="packageName" class="form-control" type="text" <input tabindex="8" id="packageName" class="form-control" type="text"
value="{{packageName.content}}" value="{{packageName.content}}"
name="packageName"> name="packageName">
</div> </div>
<div class="form-group full hidden packaging-form-group"> <div class="form-group full hidden packaging-form-group">
<label for="packaging" class="control-label">{{packagings.title}}</label> <label for="packaging" class="control-label">{{packagings.title}}</label>
<select tabindex="8" class="form-control" id="packaging" name="packaging"> <select tabindex="9" class="form-control" id="packaging" name="packaging">
{{#packagings.content}} {{#packagings.content}}
<option value="{{id}}"{{#default}} selected{{/default}}>{{name}}</option> <option value="{{id}}"{{#default}} selected{{/default}}>{{name}}</option>
{{/packagings.content}} {{/packagings.content}}
@@ -81,20 +93,12 @@
</div> </div>
<div class="form-group full hidden javaversion-form-group"> <div class="form-group full hidden javaversion-form-group">
<label for="javaVersion" class="control-label">{{javaVersions.title}}</label> <label for="javaVersion" class="control-label">{{javaVersions.title}}</label>
<select tabindex="9" class="form-control" name="javaVersion" id="javaVersion"> <select tabindex="10" class="form-control" name="javaVersion" id="javaVersion">
{{#javaVersions.content}} {{#javaVersions.content}}
<option value="{{id}}"{{#default}} selected{{/default}}>{{name}}</option> <option value="{{id}}"{{#default}} selected{{/default}}>{{name}}</option>
{{/javaVersions.content}} {{/javaVersions.content}}
</select> </select>
</div> </div>
<div class="form-group full hidden language-form-group">
<label for="language" class="control-label">{{languages.title}}</label>
<select tabindex="10" class="form-control" name="language" id="language">
{{#languages.content}}
<option value="{{id}}"{{#default}} selected{{/default}}>{{name}}</option>
{{/languages.content}}
</select>
</div>
</div> </div>
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<h2>Dependencies</h2> <h2>Dependencies</h2>