TorrentIndexer/templates/create.html

<!--
vim: ts=2 noexpandtab
-->
{% extends "index.html" %}
{% block title %}{{ super() }} - {{ _("Create") }}{% endblock%}
{% set active_page = "create" %}
{% block content %}
	<link href="{{ url_for("static", filename="css/create.css") }}" rel="stylesheet">
	<script src="{{ url_for("static", filename="js/create.js") }}"></script>
	<div>
		<h2 class="headline">{{ _("Create new torrent") }}</h2>
		{% if errors %}
		{% for error in errors %}
		<div class="alert alert-danger alert-dismissible" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<span class="message">{{ error|safe }}</span>
		</div>
		{% endfor %}
		{% endif %}
		{% if messages %}
		{% for message in messages %}
		<div class="alert alert-success alert-dismissible" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<span class="message">{{ message|safe }}</span>
		</div>
		{% endfor %}
		{% endif %}
		<form class="form-horizontal torrent-form" action="/create" method="post" enctype="multipart/form-data" onsubmit="return validateForm()">
			<div class="form-group file required">
				<label for="inputTorrentFile" class="col-sm-3 control-label required">{{ _("Torrent file") }}</label>
				<div class="col-sm-9">
					<input name="torrentFile" class="file required" type="file" size="50" maxlength="100000" accept="application/x-bittorrent" onchange="setButtonToFilename(event)">
				</div>
			</div>
			<div class="form-group detectedInfosGroup">
				<label for="inputTorrentFile" class="col-sm-3 control-label">{{ _("File info") }}</label>
				<div class="col-sm-9 detectedInfos">
					<div class="detectedGroup sizeGroup">
						<h5>{{ _("Size") }}:</h5>
						<p class="detectedSize"></p>
					</div>
					<div class="detectedGroup trackerGroup">
						<h5>{{ _("Tracker") }}:</h5>
						<p class="detectedTracker"></p>
					</div>
					<div class="detectedGroup filesGroup">
						<h5>{{ _("Detected files") }}:</h5>
						<div class="detectedFiles fileRoot">
							<div class="label"></div>
							<div class="content"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="form-group category required">
				<label for="category" class="col-sm-3 control-label required">{{ _("Category") }}</label>
				<div class="col-sm-9">
					<div class="row row-container">
						<div class="col-md-6 category-column">
							<select class="form-control dropdown required" id="category" name="category">
								<option value="-1" selected>--- {{ _("Select Category") }} ---</option>
							{% for category in categories %}
								<option value="{{ category.id }}">{{ category.label }}</option>
							{% endfor %}
							</select>
						</div>
						<div class="col-md-6 subcategory-column">
							<select class="form-control dropdown required" id="subcategory" name="subcategory">
								<option value="-1" selected>--- {{ _("Select Subcategory") }} ---</option>
							</select>
						</div>
					</div>
				</div>
			</div>
			<div class="form-group name required">
				<label for="inputName" class="col-sm-3 control-label required">{{ _("Name") }}</label>
				<div class="col-sm-9">
					<input type="text" name="name" class="form-control name required" placeholder="{{ _("e.g. Attack of the Killer Tomatoes") }}" aria-describedby="basic-addon1">
				</div>
			</div>
			<div class="form-group audioquality">
				<label for="audioquality_description" class="col-sm-3 control-label">{{ _("Audio quality") }}</label>
				<div class="col-sm-9">
					<input type="text" name="audioquality_description" class="form-control name" placeholder="{{ _("e.g. English, AC-3 @ 384kbps") }}" aria-describedby="basic-addon1">
				</div>
			</div>
			<div class="form-group videoquality">
				<label for="videoquality_description" class="col-sm-3 control-label">{{ _("Video quality") }}</label>
				<div class="col-sm-9">
					<input type="text" name="videoquality_description" class="form-control name" placeholder="{{ _("e.g. XviD, 720×400 @ 1809 kbps") }}" aria-describedby="basic-addon1">
				</div>
			</div>
<!--
			<div class="form-group">
				<label for="inputName" class="col-sm-3 control-label">Audio-Quality</label>
				<div class="col-sm-9">
					<div class="btn-group quality-box" data-toggle="buttons">
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span> Subs</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span> Stereo</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span> 5.1</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span> 6.1</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span> 7.1</input>
						</label>
					</div>
				</div>
			</div>
-->
			<div class="form-group description required">
				<label for="inputName" class="col-sm-3 control-label required">{{ _("Description") }}</label>
				<div class="col-sm-9">
					<textarea name="description" class="form-control description required" rows="10" placeholder="{{ _("Hint: Markdown is supported in this field") }}"></textarea>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-3 col-sm-9">
					<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> {{ _("Create") }}!</button>
				</div>
			</div>
		</form>
	</div>
{% endblock content%}