Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

<div th:fragment="font-styling(designSettingsTextType, textType)">
	<div class="form-inline margin-top-20">
		<label class="col-xs-2" th:text="#{'design.' + ${textType}}"></label>
		<select class="form-control input-sm" th:name="${textType} + '.family'"
		        th:value="designSettingsTextType.family">
			<option value="arial" th:selected="${designSettingsTextType.family == 'arial'}">Arial</option>
			<option value="comicSans" th:selected="${designSettingsTextType.family == 'comicSans'}">Comic
				Sans MS
			</option>
			<option value="courierNew" th:selected="${designSettingsTextType.family == 'courierNew'}">
				Courier New
			</option>
			<option value="georgie" th:selected="${designSettingsTextType.family == 'georgie'}">Georgia
			</option>
			<option value="liberationMono"
			        th:selected="${designSettingsTextType.family == 'liberationMono'}">LiberationMono
			</option>
			<option value="timesNewRoman"
			        th:selected="${designSettingsTextType.family == 'timesNewRoman'}">Times New Roman
			</option>
			<option value="verdana" th:selected="${designSettingsTextType.family == 'verdana'}">Verdana
			</option>
		</select>
		<select class="form-control input-sm" th:name="${textType} + '.size'"
		        th:value="${designSettingsTextType.size}">
			<option th:each="i: ${#numbers.sequence(4, 36, 2)}" th:value="${i}" th:text="${i}"
			        th:selected="${designSettingsTextType.size == i}"></option>
		</select>
		<select class="form-control input-sm" th:name="${textType} + '.alignment'"
		        th:value="${designSettingsTextType.alignment}">
			<option th:text="#{design.left}" value="left"
			        th:selected="${designSettingsTextType.alignment == 'left'}">left
			</option>
			<option th:text="#{design.right}" value="right"
			        th:selected="${designSettingsTextType.alignment == 'right'}">right
			</option>
			<option th:text="#{design.center}" value="center"
			        th:selected="${designSettingsTextType.alignment == 'center'}">center
			</option>
		</select>

		<div class="checkbox">
			<label>
				<input type="checkbox" th:text="#{design.bold}" th:name="${textType} + '.bold'"
				       th:checked="${designSettingsTextType.bold}"/>
			</label>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox" th:text="#{design.italic}" th:name="${textType} + '.italic'"
				       th:checked="${designSettingsTextType.italic}"/>
			</label>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox" th:text="#{design.underline}" th:name="${textType} + '.underline'"
				       th:checked="${designSettingsTextType.underline}"/>
			</label>
		</div>
	</div>
</div>

</body>
</html>