treebird/static/post.tmpl
nekobit 6a8802adae Icons and template updates
FossilOrigin-Name: 940f5314e2f0ee2d57a65e89726a0e1b15b522d947b3ff6430ac4c7ade52e840
2022-07-09 03:42:11 +00:00

60 lines
3.8 KiB
Cheetah

<form action="{{%s:prefix}}/status/create" method="post" enctype="multipart/form-data">
{{%s:reply_input}}
<div class="statusbox">
<textarea name="content" placeholder="Just landed in N.Y." rows="5" tabindex="1">{{%s:content}}</textarea>
<div class="statusfooter">
<div class="statusfooter-left">
<select tabindex="3" name="visibility" id="visibility">
<option value="public">Public</option>
<option value="unlisted">Unlisted</option>
<option value="private">Private</option>
<option value="direct">Direct</option>
<option value="local">Local</option>
<!-- TODO generate lists -->
</select>
<div class="post-group">
<!-- Local -->
<label for="vis-check-local">
<input type="checkbox" id="vis-check-local" name="visibility" value="local" class="hidden">
<div class="visibility-icon vis-local">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/></svg>
</div>
</label>
<!-- Direct -->
<label for="vis-check-direct">
<input type="checkbox" id="vis-check-direct" name="visibility" value="direct" class="hidden">
<div class="visibility-icon vis-direct">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
</div>
</label>
<!-- Private -->
<label for="vis-check-private">
<input type="checkbox" id="vis-check-private" name="visibility" value="private" class="hidden">
<div class="visibility-icon vis-private">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
</div>
</label>
<!-- Unlisted -->
<label for="vis-check-unlisted">
<div class="visibility-icon vis-unlisted">
<input type="checkbox" id="vis-check-unlisted" name="visibility" value="public" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
</div>
</label>
<!-- Public -->
<label for="vis-check-public">
<div class="visibility-icon vis-public">
<input type="checkbox" id="vis-check-public" name="visibility" value="" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
</div>
</label>
</div>
<input type="file" name="file" tabindex="4" multiple>
</div>
<div class="statusfooter-right">
<input type="submit" value="Post" tabindex="2" class="btn post-btn">
</div>
</div>
</div>
</form>