85 lines
2.5 KiB
HTML
85 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Aida Recipes</title>
|
|
<link href="/css/app.css" rel="stylesheet" type="text/css"/>
|
|
<link href="/css/custom.css" rel="stylesheet" type="text/css"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="app">
|
|
|
|
<div id="header" class="navbar bg-primary">
|
|
<h2>
|
|
Recipes
|
|
</h2>
|
|
<ul>
|
|
<li>
|
|
<button class="btn btn-sm" id="new" type="button">New Recipe</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="editor" class="container" style="display:none ;">
|
|
<form autocomplete="off" class="card">
|
|
|
|
<label for="name">Name:</label>
|
|
<input type="text" id="name" name="name" value="" required/>
|
|
|
|
<label for="url">Url:</label>
|
|
<input type="text" id="url" name="url" value="" required/>
|
|
|
|
<label for="md">Markdown:</label>
|
|
<textarea id="md" name="md" cols="50" rows="10"></textarea>
|
|
|
|
<label for="meat">Meat</label>
|
|
<select id="meat" name="meat" required>
|
|
<option></option>
|
|
<option value="1">Chicken</option>
|
|
<option value="2">Beef</option>
|
|
<option value="3">Pork</option>
|
|
<option value="4">Fish</option>
|
|
<option value="5">Egg</option>
|
|
<option value="6">Vegetable</option>
|
|
|
|
</select>
|
|
|
|
<label for="mealtype">Meal type</label>
|
|
<select id="mealtype" name="mealtype" required>
|
|
<option></option>
|
|
<option value="1">Main</option>
|
|
<option value="2">Soup</option>
|
|
</select>
|
|
|
|
<input id="_id" name="id" type="hidden" value="" disabled/>
|
|
<input type="hidden" id="short" name="short" value="" disabled/>
|
|
<input type="hidden" id="hash" name="hash" value="" disabled/>
|
|
<input type="hidden" id="lastused" name="lastused" value="" disabled/>
|
|
|
|
<div class="my text-right">
|
|
|
|
<button class="btn btn-danger btn-sm" id="delete" type="button">Delete</button>
|
|
<button class="btn btn-sm" id="close" type="button">Close</button>
|
|
<button class="btn btn-primary btn-sm" id="save" type="button">Save</button>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div id="content" class="container">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type='module' src="js/bundle.js" async></script>
|
|
|
|
</body>
|
|
</html>
|