GitCodeTree/src/template.html

95 lines
3.3 KiB
HTML

<div>
<nav class="octotree_sidebar">
<a class="octotree_toggle btn"><div class="loader"></div><span></span></a>
<a class="octotree_opts" href="javascript:void(0)"><span></span></a>
<div class="octotree_views">
<div class="octotree_view octotree_treeview current">
<div class="octotree_view_header"></div>
<div class="octotree_view_body"></div>
</div>
<div class="octotree_view octotree_errorview">
<div class="octotree_view_header"></div>
<form class="octotree_view_body">
<div class="message"></div>
<div>
<input name="token" type="text" placeholder="Paste access token here" autocomplete="off">
</div>
<div>
<button type="submit" class="btn">Save</button>
<a href="https://github.com/buunguyen/octotree#access-token" target="_blank" tabIndex="-1">Why is this required?</a>
</div>
<div class="error"></div>
</form>
</div>
<div class="octotree_view octotree_optsview">
<div class="octotree_view_header">Settings</div>
<form class="octotree_view_body">
<div>
<label>Site access token</label>
<a href="https://github.com/buunguyen/octotree#access-token" target="_blank" tabIndex="-1">what's this?</a>
<input type="text" data-store="TOKEN" data-perhost="true">
</div>
<div>
<div>
<label>Hotkeys</label>
<a href="https://github.com/madrobby/keymaster#defining-shortcuts" target="_blank" tabIndex="-1">supported keys</a>
</div>
<input type="text" data-store="HOTKEYS">
</div>
<!-- @ifdef CHROME -->
<div class="octotree_github_only">
<div>
<label>GitHub Enterprise URLs</label>
</div>
<textarea data-store="GHEURLS" placeholder="https://github.mysite1.com/ https://github.mysite2.com/">
</textarea>
</div>
<div class="octotree_gitlab_only">
<div>
<label>GitLab Enterprise URLs</label>
</div>
<textarea data-store="GLEURLS" placeholder="https://gitlab.mysite1.com/ https://gitlab.mysite2.com/">
</textarea>
</div>
<!-- @endif -->
<div>
<label><input type="checkbox" data-store="REMEMBER"> Remember sidebar visibility</label>
</div>
<div>
<label><input type="checkbox" data-store="NONCODE"> Show in non-code pages</label>
</div>
<div class="octotree_github_only">
<label><input type="checkbox" data-store="LOADALL"> Load entire tree at once</label>
</div>
<div>
<button type="submit" class="btn">Save</button>
</div>
</form>
</div>
</div>
</nav>
<div class="octotree_popup">
<div class="arrow"></div>
<div class="content">
Octotree is enabled on this page. Click this button or press
<!-- @ifdef SAFARI -->
<kbd>cmd b</kbd> (or <kbd>ctrl b</kbd>)
<!-- @endif -->
<!-- @ifndef SAFARI -->
<kbd>cmd shift s</kbd> (or <kbd>ctrl shift s</kbd>)
<!-- @endif -->
to show it.
</div>
</div>
</div>