repo-file.html
HTML document, ASCII text
1{% extends "repo.html" %} 2{% block header %}{{ super() }}/<a href="/{{ username }}/{{ repository }}/tree">tree</a>{% endblock %} 3{% block content %} 4<!-- 5<dialog id="commit-dialog"> 6<x-frame style="--width: 768px; --margin: 0;"> 7<div class="card"> 8<section class="card-main"> 9<form> 10<x-vbox> 11<x-hbox style="align-items: center; justify-content: space-between;"> 12<h3>Commit</h3> 13<button class="button-flat big-button"><iconify-icon icon="mdi:close"></iconify-icon></button> 14</x-hbox> 15<div> 16<h4>Changes (-100, +100)</h4> 17<ul> 18<li>File 1: removed</li> 19<li>File 2: created</li> 20<li>File 3: modified</li> 21</ul> 22</div> 23<x-vbox class="flexible-space nopad"> 24<input id="commit-message" placeholder="Commit message"> 25<textarea rows="6"></textarea> 26</x-vbox> 27<x-buttonbox class="buttonbox-right"> 28<button class="button-flat" onclick="document.getElementById('stash-dialog').showModal(); return false;"> 29<iconify-icon icon="mdi:close-box-multiple"></iconify-icon> 30Stash 31</button> 32<button> 33<iconify-icon icon="mdi:send-check"></iconify-icon> 34Commit 35</button> 36</x-buttonbox> 37</x-vbox> 38</form> 39</section> 40</div> 41</x-frame> 42</dialog> 43<dialog id="stash-dialog"> 44<x-frame style="--width: 320px; --margin: 0;"> 45<div class="card"> 46<section class="card-main"> 47<form method="dialog"> 48<x-vbox> 49<div> 50<h4>Stash changes</h4> 51<p>Are you sure you want to stash your changes? They will be permanently lost.</p> 52</div> 53<x-buttonbox class="buttonbox-right"> 54<button class="button-flat"> 55No 56</button> 57<button class="button-flat"> 58Yes 59</button> 60</x-buttonbox> 61</x-vbox> 62</form> 63</section> 64</div> 65</x-frame> 66</dialog> 67--> 68 69<x-vbox> 70<!-- 71<x-frame style="--width: 896px;"> 72<article class="card"> 73<section class="card-main"> 74<x-hbox style="align-items: center; justify-content: space-between;"> 75You've got uncommitted changes (N files) 76<x-buttonbox> 77<button class="button-flat" onclick="document.getElementById('stash-dialog').showModal();"> 78<iconify-icon icon="mdi:close-box-multiple"></iconify-icon> 79Stash 80</button> 81<button onclick="document.getElementById('commit-dialog').showModal();"> 82<iconify-icon icon="mdi:send"></iconify-icon> 83Commit 84</button> 85</x-buttonbox> 86</x-hbox> 87</section> 88</article> 89</x-frame> 90<dialog id="new-branch"> 91<x-frame style="--width: 448px; --margin: 0;"> 92<div class="card"> 93<section class="card-main"> 94<form method="get"> 95<x-vbox> 96<div> 97<h4>Create new branch</h4> 98<p>The branch will be based on the currently selected branch.</p> 99</div> 100<x-vbox class="nopad"> 101<label for="current">Copy of:</label> 102<input id="current" name="current" value="{{ current }}" disabled> 103</x-vbox> 104<x-vbox class="nopad"> 105<label for="name">Name</label> 106<input id="name" name="name" placeholder="{{ current }}" value="" required> 107</x-vbox> 108<label><input type="checkbox" id="orphan">Orphan branch</label> 109<x-buttonbox class="buttonbox-right"> 110<button class="button-flat" onclick="document.getElementById('new-branch').close(); document.getElementById('branch-selection').value = 'branch-{{ current }}';"> 111Cancel 112</button> 113<button class="button-flat" type="submit"> 114Create 115</button> 116</x-buttonbox> 117</x-vbox> 118</form> 119</section> 120</div> 121</x-frame> 122</dialog> 123--> 124<x-frame style="--width: 896px;" class="flexible-space"> 125<article class="card"> 126<section class="card-main"> 127<x-vbox> 128<x-buttonbox> 129{% include "path-bar.html" %} 130<button onclick="history.back();" class="button-flat big-button"> 131<iconify-icon icon="mdi:arrow-left"></iconify-icon> 132</button> 133<button onclick="history.forward();" class="button-flat big-button"> 134<iconify-icon icon="mdi:arrow-right"></iconify-icon> 135</button> 136<a href="./" class="button button-flat big-button"> 137<iconify-icon icon="mdi:arrow-up"></iconify-icon> 138</a> 139<a href="/{{ username }}/{{ repository }}/tree/{{ branch }}" class="button button-flat big-button"> 140<iconify-icon icon="mdi:home"></iconify-icon> 141</a> 142<a href="" class="button button-flat big-button"> 143<iconify-icon icon="mdi:refresh"></iconify-icon> 144</a> 145</x-buttonbox> 146{% include "file-view.html" %} 147<!-- 148<x-buttonbox class="buttonbox"> 149<button class="button-flat big-button"> 150<iconify-icon icon="mdi:file-plus"></iconify-icon> 151</button> 152<button class="button-flat big-button"> 153<iconify-icon icon="mdi:upload"></iconify-icon> 154</button> 155<div class="flexible-space"></div> 156<button class="button-flat big-button" disabled> 157<iconify-icon icon="mdi:open-in-app"></iconify-icon> 158</button> 159<button class="button-flat big-button"> 160<iconify-icon icon="mdi:download"></iconify-icon> 161</button> 162<button class="button-flat big-button"> 163<iconify-icon icon="mdi:share"></iconify-icon> 164</button> 165<button class="button-flat big-button" disabled> 166<iconify-icon icon="mdi:content-copy"></iconify-icon> 167</button> 168<button class="button-flat big-button" disabled> 169<iconify-icon icon="mdi:content-cut"></iconify-icon> 170</button> 171<button class="button-flat big-button" disabled> 172<iconify-icon icon="mdi:content-paste"></iconify-icon> 173</button> 174<button class="button-flat big-button" disabled> 175<iconify-icon icon="mdi:rename"></iconify-icon> 176</button> 177<button class="button-flat big-button" disabled> 178<iconify-icon icon="mdi:delete"></iconify-icon> 179</button> 180</x-buttonbox> 181--> 182</x-vbox> 183</section> 184</article> 185</x-frame> 186</x-vbox> 187{% endblock %}