• Files
• Commits
• Log
• Graph
• Stats

<!-- BEGIN [% component.name %] -->
<div class="container">
	<h1>InfoLib</h1>
</div>

<script type="text/javascript">
    $('#content').on('input', function () {
        this.style.height = 'auto';
		this.style.height = (this.scrollHeight) + 'px';
    });
</script>

<!-- BEGIN search bar -->
<div class="container">
  <form hx-post="[% uri_for_section.infolib.search %]" hx-target="#hx-container">
    <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/content ...">
		  <button class="btn btn-outline-primary" type="submit">Submit</button>
		  <button class="btn btn-outline-secondary" type="reset">Clear</button>
		  <button class="btn btn-primary" hx-get="[% uri_for_section.infolib.new %]" 
			hx-target="#hx-container">New Entry</button>
          <a href="[% uri_for_section.infolib.home %]" class="btn btn-success">
            Home</a>
		</div>
	  </div>
	</div>
  </form>
</div>
<!-- END search bar -->

<div id="hx-container" class="container"></div>

[% IF settings.environment.match('development') %]
  <div class="container my-2">
	<button class="btn btn-outline-secondary btn-sm" id="dump-to-file">Download Live HTML</button>
  </div>
  <script src="[% request.uri_base %]/javascripts/dump-html-to-file.js"></script>
[% END %]

<!-- END [% component.name %] -->