[% META title = 'View Docs' %]
<!-- BEGIN [% component.name %] -->
<h1>[% title %]</h1>
[%# USE DataPrinter; DataPrinter.dump_html(entry) %]
[%# PROCESS 'search.tt' -%]
[% IF vars.input_error # after 'forward' %]
<div class="alert alert-warning" role="alert">[% vars.input_error %]</div>
[% ELSIF deferred.input_success # after 'redirect' %]
<div class="alert alert-success" role="alert">Input sucess ...</div>
[% END %]
<script type="text/javascript">
$('#content').on('input', function () {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
});
</script>
<div class="container">
<form action="[% request.uri_for('/search') %]" method="post">
<div class="row">
<div class="col-md-8">
<div class="input-group">
<input type="text" class="form-control search-input" name="search"
placeholder="Search title/keywords/content ...">
<button class="btn btn-outline-primary" type="submit">Submit</button>
<button class="btn btn-outline-secondary" type="reset">Clear</button>
<a class="btn btn-primary" href="[% request.uri_for('/') %]"
role="button">New Entry</a>
</div>
</div>
</div>
</form>
</div>
<hr class="my-3">
[% BLOCK document_block %]
<div class="container">
<form action="[% request.uri_for('/new_document') %]" method="post">
<div class="input-group flex-nowrap">
<span class="input-group-text col-md-2 id="title">Title</span>
<input type="text" class="form-control" [% IF entry.title %]
value="[% entry.title %]" disabled [% ELSE %]required="true"[% END %]
aria-label="title" name="title" placeholder="">
</div>
<div class="input-group flex-nowrap">
<span class="input-group-text col-md-2" id="keywords">Keywords</span>
<input type="text" class="form-control" [% IF entry.keywords %]
value="[% entry.keywords %]" disabled [% ELSE %]required="true"[% END %]
aria-label="keywords" name="keywords" placeholder="comma-separated list">
</div>
<div class="mb-3">
<!-- <label for="content" class="form-label">Content</label> -->
[% IF entry.content %]
<div id="content">[% entry.content %]</div>
[% ELSE %]
<textarea class="form-control" id="content" rows="5" name="content"
required="true"></textarea>
[% END %]
</div>
[% END %]
[% IF NOT entries; PROCESS document_block %]
<div>
[% IF entry.size %]
<a class="btn btn-primary" href="[% request.uri_for('/') %]"
role="button">New Entry</a>
[% ELSE %]
<button type="submit" class="btn btn-outline-primary">Submit</button>
<button type="reset" class="btn btn-outline-secondary">Clear</button>
[% END %]
</div>
[% END %]
</form>
</div>
[% IF NOT entries OR entry.content %]
<hr class="my-3">
[% PROCESS 'upload.tt' -%]
[% END %]
[% IF entries; FOREACH entry IN entries; PROCESS document_block; END; END %]
<!-- END [% component.name %] -->