git/ddServer
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases 5 Packages Wiki Activity Actions

edited formating of templates

Browse source
This commit is contained in:
Patryk Hegenberg 2024-02-15 16:17:58 +01:00
parent ff0f06c0b9
commit 2a47aa90a3
8 changed files with 793 additions and 818 deletions
Download patch file Download diff file Expand all files Collapse all files

3
templates/header.html
View file

@ -2,8 +2,7 @@
<header> <header>
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
data-target="navbarBasicExample">
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>

4
templates/main.html
View file

@ -23,8 +23,8 @@
</div> </div>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<button class="button" type="button" hx-post="/loadFile" hx-trigger="click" <button class="button" type="button" hx-post="/loadFile" hx-trigger="click" hx-target="#monster-table"
hx-target="#monster-table" hx-swap="outerHTML">Press Me</button> hx-swap="outerHTML">Press Me</button>
</div> </div>
</div> </div>
</form> </form>

27
templates/monsterForm.html
View file

@ -4,8 +4,7 @@
<div class="tile is-child field"> <div class="tile is-child field">
<label for="name">Monster Name:</label> <label for="name">Monster Name:</label>
<div class="control"> <div class="control">
<input type="text" name="name" required placeholder="Type here" <input type="text" name="name" required placeholder="Type here" class="input input-bordered w-full max-w-xs">
class="input input-bordered w-full max-w-xs">
</div> </div>
</div> </div>
</div> </div>
@ -94,8 +93,7 @@
<label for="str">Str:</label> <label for="str">Str:</label>
<div class="control"> <div class="control">
<input type="number" name="str" required class="input input-bordered w-full max-w-xs" <input type="number" name="str" required class="input input-bordered w-full max-w-xs"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML">
hx-swap="innerHTML">
</div> </div>
</div> </div>
</div> </div>
@ -104,8 +102,7 @@
<label for="dex">Dex:</label> <label for="dex">Dex:</label>
<div class="control"> <div class="control">
<input type="number" name="dex" required class="input input-bordered w-full max-w-xs" <input type="number" name="dex" required class="input input-bordered w-full max-w-xs"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML">
hx-swap="innerHTML">
</div> </div>
</div> </div>
</div> </div>
@ -114,8 +111,7 @@
<label for="con">Con:</label> <label for="con">Con:</label>
<div class="control"> <div class="control">
<input type="number" name="con" required class="input input-bordered w-full max-w-xs" <input type="number" name="con" required class="input input-bordered w-full max-w-xs"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML">
hx-swap="innerHTML">
</div> </div>
</div> </div>
</div> </div>
@ -123,9 +119,9 @@
<div class="tile is-child field"> <div class="tile is-child field">
<label for="cr">CR:</label> <label for="cr">CR:</label>
<div class="control"> <div class="control">
<input type="text" name="cr" required class="input input-bordered w-full max-w-xs" <input type="text" name="cr" required class="input input-bordered w-full max-w-xs" hx-post="/calculate-skills"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML" hx-target="#skills"
hx-swap="innerHTML" hx-target="#skills" hx-swap="outerHTML"> hx-swap="outerHTML">
</div> </div>
</div> </div>
</div> </div>
@ -136,8 +132,7 @@
<label for="int">Int:</label> <label for="int">Int:</label>
<div class="control"> <div class="control">
<input type="number" name="int" required class="input input-bordered w-full max-w-xs" <input type="number" name="int" required class="input input-bordered w-full max-w-xs"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML">
hx-swap="innerHTML">
</div> </div>
</div> </div>
</div> </div>
@ -146,8 +141,7 @@
<label for="wis">Wis:</label> <label for="wis">Wis:</label>
<div class="control"> <div class="control">
<input type="number" name="wis" required class="input input-bordered w-full max-w-xs" <input type="number" name="wis" required class="input input-bordered w-full max-w-xs"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML">
hx-swap="innerHTML">
</div> </div>
</div> </div>
</div> </div>
@ -156,8 +150,7 @@
<label for="cha">Cha:</label> <label for="cha">Cha:</label>
<div class="control"> <div class="control">
<input type="number" name="cha" required class="input input-bordered w-full max-w-xs" <input type="number" name="cha" required class="input input-bordered w-full max-w-xs"
hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-post="/calculate-skills" hx-trigger="keyup changed delay:100ms" hx-target="#skills" hx-swap="innerHTML">
hx-swap="innerHTML">
</div> </div>
</div> </div>
</div> </div>

95
templates/skills.html
View file

@ -11,8 +11,7 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent gap"> <div class="tile is-parent gap">
<div class="tile is-child field"> <div class="tile is-child field">
<label class="checkbox" for="savedex"><input type="checkbox" <label class="checkbox" for="savedex"><input type="checkbox" name="checkSavedex">Dex:</label>
name="checkSavedex">Dex:</label>
<div class="control"> <div class="control">
<input type="text" name="savedex" required class="input input-bordered w-full max-w-xs" <input type="text" name="savedex" required class="input input-bordered w-full max-w-xs"
value="{{.saveDex}}" readonly> value="{{.saveDex}}" readonly>
@ -21,8 +20,7 @@
</div> </div>
<div class="tile is-parent gap"> <div class="tile is-parent gap">
<div class="tile is-child field"> <div class="tile is-child field">
<label class="checkbox" for="savecon"><input type="checkbox" <label class="checkbox" for="savecon"><input type="checkbox" name="checkSavecon">Con:</label>
name="checkSavecon">Con:</label>
<div class="control"> <div class="control">
<input type="text" name="savecon" required class="input input-bordered w-full max-w-xs" <input type="text" name="savecon" required class="input input-bordered w-full max-w-xs"
value="{{.saveCon}}" readonly> value="{{.saveCon}}" readonly>
@ -31,8 +29,7 @@
</div> </div>
<div class="tile is-parent gap"> <div class="tile is-parent gap">
<div class="tile is-child field"> <div class="tile is-child field">
<label class="checkbox" for="savewis"><input type="checkbox" <label class="checkbox" for="savewis"><input type="checkbox" name="checkSavewis">Wis:</label>
name="checkSavewis">Wis:</label>
<div class="control"> <div class="control">
<input type="text" name="savewis" required class="input input-bordered w-full max-w-xs" <input type="text" name="savewis" required class="input input-bordered w-full max-w-xs"
value="{{.saveWis}}" readonly> value="{{.saveWis}}" readonly>
@ -85,29 +82,26 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label class="checkbox" for="acrobatics"><input type="checkbox" <label class="checkbox" for="acrobatics"><input type="checkbox" name="checkAcrobatics">Acrobatics:</label>
name="checkAcrobatics">Acrobatics:</label>
<div class="control"> <div class="control">
<input type="text" name="acrobatics" required <input type="text" name="acrobatics" required class="input input-bordered w-full max-w-xs" value="{{
class="input input-bordered w-full max-w-xs" value="{{
.acrobatics }}" readonly> .acrobatics }}" readonly>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="animalhandling" class="checkbox"><input type="checkbox" <label for="animalhandling" class="checkbox"><input type="checkbox" name="checkAnimalhandling">Animal
name="checkAnimalhandling">Animal Handling:</label> Handling:</label>
<div class="control"> <div class="control">
<input type="text" name="animalhandling" required <input type="text" name="animalhandling" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .animalHandling }}" readonly> value="{{ .animalHandling }}" readonly>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="arcana" class="ceckbox"><input type="checkbox" <label for="arcana" class="ceckbox"><input type="checkbox" name="checkArcana">Arcana:</label>
name="checkArcana">Arcana:</label>
<div class="control"> <div class="control">
<input type="text" name="arcana" required class="input input-bordered w-full max-w-xs" <input type="text" name="arcana" required class="input input-bordered w-full max-w-xs"
value="{{ .arcana }}" readonly> value="{{ .arcana }}" readonly>
@ -118,28 +112,25 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="athletics" class="checkbox"><input type="checkbox" <label for="athletics" class="checkbox"><input type="checkbox" name="checkAthletics">Athletics:</label>
name="checkAthletics">Athletics:</label>
<div class="control"> <div class="control">
<input type="text" name="athletics" required <input type="text" name="athletics" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .athletics }}" readonly> value="{{ .athletics }}" readonly>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="deception" class="checkbox"><input type="checkbox" <label for="deception" class="checkbox"><input type="checkbox" name="checkDeception">Deception:</label>
name="checkDeception">Deception:</label>
<div class="control"> <div class="control">
<input type="text" name="deception" required <input type="text" name="deception" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .deception }}" readonly> value="{{ .deception }}" readonly>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="history" class="checkbox"><input type="checkbox" <label for="history" class="checkbox"><input type="checkbox" name="checkHistory">History:</label>
name="checkHistory">History:</label>
<div class="control"> <div class="control">
<input type="text" name="history" required class="input input-bordered w-full max-w-xs" <input type="text" name="history" required class="input input-bordered w-full max-w-xs"
value="{{ .history }}" readonly> value="{{ .history }}" readonly>
@ -150,8 +141,7 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="insight" class="checkbox"><input type="checkbox" <label for="insight" class="checkbox"><input type="checkbox" name="checkInsight">Insight:</label>
name="checkInsight">Insight:</label>
<div class="control"> <div class="control">
<input type="text" name="insight" required class="input input-bordered w-full max-w-xs" <input type="text" name="insight" required class="input input-bordered w-full max-w-xs"
value="{{ .insight }}" readonly> value="{{ .insight }}" readonly>
@ -163,8 +153,8 @@
<label for="intimidation" class="checkbox"><input type="checkbox" <label for="intimidation" class="checkbox"><input type="checkbox"
name="checkIntimidation">Intimidation:</label> name="checkIntimidation">Intimidation:</label>
<div class="control"> <div class="control">
<input type="text" name="intimidation" required <input type="text" name="intimidation" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .intimidation }}" readonly> value="{{ .intimidation }}" readonly>
</div> </div>
</div> </div>
</div> </div>
@ -173,8 +163,8 @@
<label for="investigation" class="checkbox"><input type="checkbox" <label for="investigation" class="checkbox"><input type="checkbox"
name="checkInvestigation">Investigation:</label> name="checkInvestigation">Investigation:</label>
<div class="control"> <div class="control">
<input type="text" name="investigation" required <input type="text" name="investigation" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .investigation }}" readonly> value="{{ .investigation }}" readonly>
</div> </div>
</div> </div>
</div> </div>
@ -182,8 +172,7 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="medicine" class="checkbox"><input type="checkbox" <label for="medicine" class="checkbox"><input type="checkbox" name="checkMedicine">Medicine:</label>
name="checkMedicine">Medicine:</label>
<div class="control"> <div class="control">
<input type="text" name="medicine" required class="input input-bordered w-full max-w-xs" <input type="text" name="medicine" required class="input input-bordered w-full max-w-xs"
value="{{ .medicine }}" readonly> value="{{ .medicine }}" readonly>
@ -192,8 +181,7 @@
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="nature" class="checkbox"><input type="checkbox" <label for="nature" class="checkbox"><input type="checkbox" name="checkNature">Nature:</label>
name="checkNature">Nature:</label>
<div class="control"> <div class="control">
<input type="text" name="nature" required class="input input-bordered w-full max-w-xs" <input type="text" name="nature" required class="input input-bordered w-full max-w-xs"
value="{{ .nature }}" readonly> value="{{ .nature }}" readonly>
@ -205,8 +193,8 @@
<label for="performance" class="checkbox"><input type="checkbox" <label for="performance" class="checkbox"><input type="checkbox"
name="checkPerformance">Performance:</label> name="checkPerformance">Performance:</label>
<div class="control"> <div class="control">
<input type="text" name="performance" required <input type="text" name="performance" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .performance }}" readonly> value="{{ .performance }}" readonly>
</div> </div>
</div> </div>
</div> </div>
@ -214,18 +202,16 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="perception" class="checkbox"><input type="checkbox" <label for="perception" class="checkbox"><input type="checkbox" name="checkPerception">Perception:</label>
name="checkPerception">Perception:</label>
<div class="control"> <div class="control">
<input type="text" name="perception" required <input type="text" name="perception" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .perception }}" readonly> value="{{ .perception }}" readonly>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="stealth" class="checkbox"><input type="checkbox" <label for="stealth" class="checkbox"><input type="checkbox" name="checkStealth">Stealth:</label>
name="checkStealth">Stealth:</label>
<div class="control"> <div class="control">
<input type="text" name="stealth" required class="input input-bordered w-full max-w-xs" <input type="text" name="stealth" required class="input input-bordered w-full max-w-xs"
value="{{ .stealth }}" readonly> value="{{ .stealth }}" readonly>
@ -234,11 +220,10 @@
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="persuasion" class="checkbox"><input type="checkbox" <label for="persuasion" class="checkbox"><input type="checkbox" name="checkPersuasion">Persuasion:</label>
name="checkPersuasion">Persuasion:</label>
<div class="control"> <div class="control">
<input type="text" name="persuasion" required <input type="text" name="persuasion" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{ .persuasion }}" readonly> value="{{ .persuasion }}" readonly>
</div> </div>
</div> </div>
</div> </div>
@ -246,18 +231,17 @@
<div class="tile is-ancestor"> <div class="tile is-ancestor">
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="sleightofhand" class="checkbox"><input type="checkbox" <label for="sleightofhand" class="checkbox"><input type="checkbox" name="checkSleightofhand">Sleight of
name="checkSleightofhand">Sleight of Hand:</label> Hand:</label>
<div class="control"> <div class="control">
<input type="text" name="sleightofhand" required <input type="text" name="sleightofhand" required class="input input-bordered w-full max-w-xs"
class="input input-bordered w-full max-w-xs" value="{{.sleightOfHand }}" readonly> value="{{.sleightOfHand }}" readonly>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="religion" class="checkbox"><input type="checkbox" <label for="religion" class="checkbox"><input type="checkbox" name="checkReligion">Religion:</label>
name="checkReligion">Religion:</label>
<div class="control"> <div class="control">
<input type="text" name="religion" required class="input input-bordered w-full max-w-xs" <input type="text" name="religion" required class="input input-bordered w-full max-w-xs"
value="{{ .religion }}" readonly> value="{{ .religion }}" readonly>
@ -266,8 +250,7 @@
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child field"> <div class="tile is-child field">
<label for="survival" class="checkbox"><input type="checkbox" <label for="survival" class="checkbox"><input type="checkbox" name="checkSurvival">Survival:</label>
name="checkSurvival">Survival:</label>
<div class="control"> <div class="control">
<input type="text" name="survival" required class="input input-bordered w-full max-w-xs" <input type="text" name="survival" required class="input input-bordered w-full max-w-xs"
value="{{ .survival }}" readonly> value="{{ .survival }}" readonly>