72 lines
1.7 KiB
Templ
72 lines
1.7 KiB
Templ
package shared
|
|
|
|
import "github.com/dominicf2001/comfychan/internal/database"
|
|
import "strings"
|
|
import "github.com/dominicf2001/comfychan/internal/util"
|
|
|
|
templ NewPostForm(board database.Board, endpoint string, isForThread bool) {
|
|
<div style="display: none;" id="newPostWarning" class="warning"></div>
|
|
<form
|
|
hx-encoding="multipart/form-data"
|
|
id="newPostForm"
|
|
hx-swap="none"
|
|
hx-post={ endpoint }
|
|
_="
|
|
on htmx:beforeRequest toggle @disabled on <button/> until htmx:afterRequest
|
|
on htmx:afterRequest
|
|
if isHttpWarningStatus(event.detail.xhr.status)
|
|
show #newPostWarning
|
|
put event.detail.xhr.responseText into #newPostWarning
|
|
else
|
|
hide #newPostWarning
|
|
set #newPostBody.value to ''
|
|
set #newPostFile.value to ''
|
|
set #newPostSubject.value to ''
|
|
trigger refreshPosts on body
|
|
end
|
|
"
|
|
>
|
|
<table>
|
|
{{ acceptedMimeTypes := strings.Join(util.SUPPORTED_IMAGE_MIME_TYPES, ",") + "," + strings.Join(util.SUPPORTED_VIDEO_MIME_TYPES, ",") }}
|
|
<tbody>
|
|
<tr
|
|
if !isForThread {
|
|
style="display: none;"
|
|
}
|
|
class="new-post-form-field"
|
|
>
|
|
<th>Subject</th>
|
|
<td><input id="newPostSubject" name="subject"/></td>
|
|
</tr>
|
|
<tr class="new-post-form-field">
|
|
<th>Comment</th>
|
|
<td>
|
|
<textarea
|
|
id="newPostBody"
|
|
name="body"
|
|
if isForThread {
|
|
required
|
|
}
|
|
></textarea>
|
|
</td>
|
|
</tr>
|
|
<tr class="new-post-form-field">
|
|
<th>File</th>
|
|
<td>
|
|
<input
|
|
accept={ acceptedMimeTypes }
|
|
id="newPostFile"
|
|
name="file"
|
|
type="file"
|
|
if isForThread {
|
|
required
|
|
}
|
|
/>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
}
|