broodjeaap/go-watch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added upload option to create watch page

Browse source
This commit is contained in:
BroodjeAap 2023-01-23 17:55:57 +00:00
parent dcb83666df
commit c2e1a29c3d
4 changed files with 79 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
main.go
View file

@ -489,6 +489,20 @@ func (web *Web) watchCreatePost(c *gin.Context) {
return
}
jsn = body
} else if templateID == -2 { // watch from file upload
file, err := c.FormFile("file")
if err != nil {
c.AbortWithError(http.StatusBadRequest, err)
return
}
openedFile, err := file.Open()
if err != nil {
c.AbortWithError(http.StatusBadRequest, err)
return
}
jsn, _ = ioutil.ReadAll(openedFile)
} else { // selected one of the templates
templateFiles, err := EMBED_FS.ReadDir("watchTemplates")
if err != nil {

21
static/create.js Normal file
View file

@ -0,0 +1,21 @@
function urlOnChange() {
var urlInput = document.getElementById("url");
if (urlInput.value.length > 0) {
var urlInputRadio = document.getElementById("urlRadio");
urlInputRadio.checked = true;
}
}
function fileOnChange() {
var fileInput = document.getElementById("file");
if (fileInput.files !== null) {
var fileInputRadio = document.getElementById("fileRadio");
fileInputRadio.checked = true;
}
}
function initOnChange() {
var urlInput = document.getElementById("url");
urlInput.onchange = urlOnChange;
var fileInput = document.getElementById("file");
fileInput.onchange = fileOnChange;
}
document.addEventListener('DOMContentLoaded', initOnChange, false);

25
static/create.ts Normal file
View file

@ -0,0 +1,25 @@
function urlOnChange(){
let urlInput = document.getElementById("url") as HTMLInputElement;
if (urlInput.value.length > 0){
let urlInputRadio = document.getElementById("urlRadio") as HTMLInputElement;
urlInputRadio.checked = true;
}
}
function fileOnChange(){
let fileInput = document.getElementById("file") as HTMLInputElement;
if (fileInput.files !== null){
let fileInputRadio = document.getElementById("fileRadio") as HTMLInputElement;
fileInputRadio.checked = true;
}
}
function initOnChange(){
let urlInput = document.getElementById("url") as HTMLInputElement;
urlInput.onchange = urlOnChange;
let fileInput = document.getElementById("file") as HTMLInputElement;
fileInput.onchange = fileOnChange;
}
document.addEventListener('DOMContentLoaded', initOnChange, false);

26
templates/watch/create.html
View file

@ -1,10 +1,14 @@
{{define "title"}}
GoWatch {{ .Watch.Name }}
GoWatch Create
{{end}}
{{define "head"}}
<script src="/static/create.js"></script>
{{ end }}
{{define "content"}}
<form action="/watch/create" method="POST">
<form action="/watch/create" enctype="multipart/form-data" method="POST">
<div class="container">
<div class="row g-3 justify-content-center">
<div class="col-auto">
@ -22,7 +26,7 @@ GoWatch {{ .Watch.Name }}
<div class="row justify-content-center mt-5">
<div class="row h3 justify-content-center">With Watch Template:</div>
<div class="col-2"> </div>
<div class="col-2">
<div class="col-4">
{{ range $i, $name := .templates }}
<div class="form-check d-flex my-2">
{{ if eq $i 0 }}
@ -30,17 +34,25 @@ GoWatch {{ .Watch.Name }}
{{ else }}
<input class="form-check-input" type="radio" name="template" value="{{ $i }}" id="template_{{ $i }}">
{{ end }}
<label class="form-check-label h5 mx-3" for="template_{{ $i }}">
<label class="form-check-label h5 mx-3 flex-fill" for="template_{{ $i }}">
{{ $name }}
</label>
</div>
{{ end }}
<div class="form-check d-flex my-2">
<div>
<input class="form-check-input" type="radio" name="template" value="-1">
<input class="form-check-input" type="radio" id="urlRadio" name="template" value="-1">
</div>
<div class="form-check-label mx-2">
<input type="text" class="form-control" name="url" size="15" placeholder="From URL">
<div class="form-check-label mx-2 flex-fill">
<input type="text" class="form-control" id="url" name="url" size="15" placeholder="From URL">
</div>
</div>
<div class="form-check d-flex my-2">
<div>
<input class="form-check-input" type="radio" id="fileRadio" name="template" value="-2">
</div>
<div class="form-check-label mx-2 flex-fill">
<input class="form-control" type="file" id="file" name="file">
</div>
</div>
</div>