snoopy/in-c4
2
0
Fork 1
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

display items on map, switch to grid layout

Browse source 
closes #2
This commit is contained in:
jomo 2022-08-05 22:04:56 +02:00
parent fda7352e22
commit 8e19a1dbad
6 changed files with 151 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

48
static/index.html
View file

@ -5,27 +5,39 @@
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="index.js"></script>
<script src="shared.js"></script>
</head>
<body>
<h1>in?</h1>
<input type="text" id="search" value="" autocomplete="off" placeholder="RegEx search" tabindex="1" autofocus>
<label for="showhidden">Show hidden items</label> <input type="checkbox" id="showhidden">
<div id="results">
<span id="loading">loading…</span>
<template id="item">
<div id="" class="result" tabindex="0">
<h2>
<span class="id"></span>
<span class="name"></span>
<a title="edit">⚙</a>
<span class="loc"></span>
</h2>
<div class="type"></div>
<div class="note"></div>
<div class="content"></div>
<div id="grid">
<div id="searchcontainer">
<input type="text" id="search" value="" autocomplete="off" placeholder="RegEx search" tabindex="1" autofocus>
<label for="showhidden">Show hidden items</label>
<input type="checkbox" id="showhidden">
</div>
<div id="mapcontainer">
<div id="map">
<img src="80x80.svg">
<div id="mapgrid"></div>
</div>
</template>
<p id="mapnote"></p>
</div>
<div id="results">
<span id="loading">loading…</span>
<template id="item">
<div id="" class="result" tabindex="0" onfocus="showItem(event)" onfocusout="hideItem(event)">
<h2>
<span class="id"></span>
<span class="name"></span>
<a title="edit">⚙</a>
<span class="loc"></span>
</h2>
<div class="type"></div>
<div class="note"></div>
<div class="content"></div>
</div>
</template>
</div>
<a href="form.html" class="btn green">+</a>
</div>
<a href="form.html" class="btn green">+</a>
</body>
</html>