updated form controls for MDB

This commit is contained in:
bill bittner 2017-06-10 19:10:46 -07:00
parent b561abac63
commit 9f03e59d07
4 changed files with 34 additions and 58 deletions

View file

@ -1,13 +1,11 @@
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-title card-block default-color-dark white-text">
<div class="card card-block default-color-dark white-text">
<div class="card-title">
<h1>Spee.ch</h1>
</div>
<div class="card-block">
<p>Spee.ch is a single-serving site that reads and publishes images to and from the <a href="https://lbry.io">LBRY</a> blockchain.</p>
</div>
<p>Spee.ch is a single-serving site that reads and publishes images to and from the <a class="white-text" href="https://lbry.io">LBRY</a> blockchain.</p>
</div>
</div>
</div>

View file

@ -4,45 +4,21 @@
<h2>Documentation</h2>
</div>
<div class="row">
<div class="col-md-6">
<h3>Site Navigation</h3>
<ul>
<li><strong><a href="/">spee.ch</a></strong>
<ul>
<li>To publish a file, navigate to the homepage.</li>
</ul>
</li>
<li><strong>spee.ch/&ltthe name of the claim&gt</strong>
<ul>
<li>To view the file with the largest bid at a claim.</li>
<li>E.g. <a href="/doitlive">spee.ch/doitlive</a>.</li>
</ul>
</li>
<li><strong>spee.ch/&lt the name of the claim &gt/&lt the claim_id &gt</strong>
<ul>
<li>To view a specific file at a claim</li>
<li>E.g. <a href="/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5">spee.ch/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5</a></li>
</ul>
</li>
<li><strong>spee.ch/&ltthe name of the claim&gt/all</strong>
<ul>
<li>To view a batch of files at a claim</li>
<li>E.g. <a href="/doitlive/all">spee.ch/doitlive/all</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-md-6">
<h3>API</h3>
<p>Note: these are being used for testing durring spee.ch development and may not be maintained</p>
<ul>
<li>A GET request to <strong>spee.ch/claim_list/&ltthe name of the claim&gt</strong>
<ul>
<li>Will return the claim_list for the claim in json format. </li>
<li>E.g. <a href="/claim_list/doitlive">spee.ch/claim_list/doitlive</a></li>
</ul>
</li>
</ul>
<div class="col-md-12">
<strong><a href="/">spee.ch</a></strong>
<li>To publish a file, use the tool on the homepage.</li>
<br>
<strong>spee.ch/&ltthe name of the claim&gt</strong>
<li >Serves the newest file with the largest bid at a claim.</li>
<li >E.g. <a href="/doitlive">spee.ch/doitlive</a>.</li>
<br>
<strong>spee.ch/&lt the name of the claim &gt/&lt the claim_id &gt</strong>
<li >Serves a specific file at a claim</li>
<li >E.g. <a href="/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5">spee.ch/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5</a></li>
<br>
<strong>spee.ch/&ltthe name of the claim&gt/all</strong>
<li >Displays a list of all files at a claim</li>
<li >E.g. <a href="/doitlive/all">spee.ch/doitlive/all</a></li>
</div>
</div>
</div>

View file

@ -4,7 +4,7 @@
<h2>Examples</h2>
</div>
<div class="card-block">
<ul class="list">
<ul>
<li class="list-square"><a href="/coconuts">spee.ch/coconuts</a></li>
<li class="list-square"><a href="/wood">spee.ch/wood</a></li>
<li class="list-square"><a href="/doitlive">spee.ch/doitlive</a></li>

View file

@ -7,26 +7,28 @@
<form id="publish-form" action="" method="" enctype="multipart/form-data">
<div id="drop-zone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)">
<p>Drag and drop your file here, or choose your file below.</p>
<input type="file" id="siofu_input" name="file" accept="video/*,image/*" onchange="previewAndStageFile(event.target.files[0])" enctype="multipart/form-data"/>
</div>
<img id="image-preview" src="" height="200" alt="Image preview..."/>
<br/>
Name: <input type="text" id="publish-name" name="name" value="name"/>
<br/>
License: <select type="text" id="publish-license" name="license" value="license">
<option value="Public Domain">Public Domain</option>
<option value="Creative Commons">Creative Commons</option>
</select>
<br/>
NSFW: <select type="text" id="publish-nsfw" name="nsfw" value="false">
<option value="false">False</option>
<option value="true">True</option>
</select>
<div class="md-form">
<input type="text" id="publish-name" value="Name" class="form-control">
</div>
<fieldset class="form-group">
License:
<select type="text" id="publish-license" name="license" value="license">
<option value="Public Domain">Public Domain</option>
<option value="Creative Commons">Creative Commons</option>
</select>
</fieldset>
<fieldset class="form-group">
<input type="checkbox" id="publish-nsfw">
<label for="publish-nsfw">NSFW</label>
</fieldset>
<p><i>By clicking 'Publish' I attest that I have read and agree to the <a href="https://lbry.io/termsofservice" target="_blank">LBRY terms of service</a>.</i></p>
<button id="publish-submit">Publish</button>
<button id="publish-reset">Reset</button>
</form>
</div>
</div>
</div>