mirror of
https://github.com/thomiceli/opengist.git
synced 2024-12-23 13:02:39 +00:00
58 lines
3.9 KiB
HTML
58 lines
3.9 KiB
HTML
|
{{ template "header" .}}
|
||
|
|
<div class="py-10">
|
||
|
|
<header>
|
||
|
|
|
||
|
|
<h1 class="text-2xl font-bold leading-tight text-slate-300">
|
||
|
|
Editing {{ .gist.Title }}
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
</header>
|
||
|
|
<main class="mt-4">
|
||
|
|
<form id="create" class="space-y-4" method="post" action="/{{ .gist.User.Username }}/{{ .gist.Uuid }}/edit">
|
||
|
|
<div class="grid grid-cols-12 gap-x-4">
|
||
|
|
<div class="sm:col-span-4">
|
||
|
|
<div class="mt-1">
|
||
|
|
<input type="text" value="{{ .gist.Title }}" placeholder="Title" name="title" id="title" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sm:col-span-8">
|
||
|
|
<div class="mt-1">
|
||
|
|
<input type="text" value="{{ .gist.Description }}" placeholder="Description" name="description" id="description" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="editors" class="space-y-4">
|
||
|
|
{{ range $filename, $content := .files }}
|
||
|
|
<div class="rounded-md border border-1 border-gray-700 editor">
|
||
|
|
<div class="border-b-1 border-gray-700 bg-gray-800 my-auto">
|
||
|
|
<p class="mx-2 my-2 inline-flex">
|
||
|
|
<input type="text" value="{{ $filename }}" name="name" placeholder="Filename with extension" style="line-height: 0.05em; z-index: 99999" class="form-filename bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-l-md">
|
||
|
|
<button style="line-height: 0.05em" class="delete-file -ml-px relative inline-flex items-center space-x-2 px-4 py-2 border border-gray-700 text-sm font-medium rounded-r-md text-slate-300 bg-gray-800 hover:bg-gray-900 focus:outline-none" type="button">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" value="{{ $content }}" name="content" class="form-filecontent">
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex">
|
||
|
|
<button type="button" id="add-file" class="inline-flex items-center px-4 py-2 border border-transparent border-gray-700 text-sm font-medium rounded-md shadow-sm text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">Add file</button>
|
||
|
|
<a href="/{{ .gist.User.Username }}/{{ .gist.Uuid }}" type="submit" name="private" value="1" class="ml-auto inline-flex items-center px-4 py-2 border border-transparent border-gray-700 text-sm font-medium rounded-md shadow-sm bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 text-rose-400 hover:text-rose-400">Cancel</a>
|
||
|
|
<button type="submit" name="private" value="0" class="ml-2 inline-flex items-center px-4 py-2 border border-transparent border-gray-700 text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">Save</button>
|
||
|
|
</div>
|
||
|
|
{{ .csrfHtml }}
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="module" src="http://localhost:3000/editor.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
{{ template "footer" .}}
|