Port the web to bootstrap5
So it is responsive in phones.
This commit is contained in:
Las Zenow
parent
8af2ad3758
commit
6a3da59c75
40 changed files with 1131 additions and 849 deletions
|
|
@ -1,90 +1,113 @@
|
|||
{{template "header.html" .S}}
|
||||
|
||||
<!-- TODO: tokenfield -->
|
||||
|
||||
{{$submissionID := .SubmissionID}}
|
||||
{{with .Book}}
|
||||
<div class="row">
|
||||
{{if .Cover}}
|
||||
<div class="span4">
|
||||
<img src="/cover/{{.ID}}/big/{{.Title}}.jpg" alt="{{.Title}}" class="pull-right" />
|
||||
</div>
|
||||
<div class="d-none d-sm-block col-sm-4">
|
||||
<img src="/cover/{{.ID}}/big/{{.Title}}.jpg" alt="{{.Title}}" class="img-fluid float-end" />
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
<div class="span8">
|
||||
<form class="form-horizontal" method="POST"
|
||||
{{if $submissionID}}
|
||||
<div class="col-sm-8">
|
||||
<form method="POST"
|
||||
{{if $submissionID}}
|
||||
action="/submission/{{$submissionID}}/save/{{.ID}}">
|
||||
{{else}}
|
||||
{{else}}
|
||||
action="/save/{{.ID}}">
|
||||
{{end}}
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="title">Title</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge" type="text" id="title" value="{{.Title}}" name="title">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="author">Author</label>
|
||||
<div class="controls">
|
||||
{{range .Authors}}
|
||||
<input class="input-xlarge" type="text" id="author" value="{{.}}" name="author">
|
||||
{{end}}
|
||||
<input class="input-xlarge" type="text" id="author" placeholder="Add author" name="author">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="publisher">Publisher</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge" type="text" id="publisher" value="{{.Publisher}}" name="publisher">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="tags">Tags</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge" type="text" id="tags" value="{{range .Tags}}{{.}},{{end}}" name="tags" placeholder="Add tag and hit enter">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="tags">ISBN</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge" type="text" id="isbn" value="{{.Isbn}}" name="isbn">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="date">Date</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge" type="text" id="date" value="{{.Date}}" name="date">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="lang">Lang</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge" type="text" id="langs" value="{{.Lang}}" name="lang">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="description">Description</label>
|
||||
<div class="controls">
|
||||
<textarea class="input-xlarge" id="description" rows="5" name="description">{{.Description}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save</button>
|
||||
<a href="/book/{{.ID}}" class="btn">Cancel</a>
|
||||
</div>
|
||||
</fieldset>
|
||||
{{end}}
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="title">Title</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="text" id="title" value="{{.Title}}" name="title">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="author">Author</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<div class="row">
|
||||
{{range .Authors}}
|
||||
<div class="col-sm-6">
|
||||
<input class="form-control" type="text" id="author" value="{{.}}" name="author">
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="col-sm-6">
|
||||
<input class="form-control" type="text" id="author" placeholder="Add author" name="author">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="publisher">Publisher</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="text" id="publisher" value="{{.Publisher}}" name="publisher">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="tags">Tags</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="text" id="tags" value="{{range .Tags}}{{.}},{{end}}" name="tags" placeholder="Add tag and hit enter">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="tags">ISBN</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="text" id="isbn" value="{{.Isbn}}" name="isbn">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="date">Date</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="text" id="date" value="{{.Date}}" name="date">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="lang">Lang</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="text" id="langs" value="{{.Lang}}" name="lang">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-sm-2 text-sm-end">
|
||||
<label class="col-form-label" for="description">Description</label>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="description" rows="5" name="description">{{.Description}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save</button>
|
||||
<a href="/book/{{.ID}}" class="btn">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
<script src="/js/bootstrap-tokenfield.min.js"></script>
|
||||
<script>
|
||||
$('#tags').tokenfield();
|
||||
</script>
|
||||
<!-- TODO: tokenfield -->
|
||||
|
||||
{{template "footer.html" .S}}
|
||||
|
|
|
|||
Reference in a new issue