Navigation, creation and removal of bookmarks/folders

This commit is contained in:
2022-12-15 01:57:49 +03:00
parent 5b385a852f
commit 17f6aede91
6 changed files with 2132 additions and 46 deletions

View File

@ -15,8 +15,20 @@
<span></span>
</template>
<template id="newFolder">
<div class="card hoverable">
<h3><i data-feather-t="folder-plus"></i>New folder</h3>
</div>
</template>
<template id="newBookmark">
<div class="card hoverable">
<h3><i data-feather-t="file-plus"></i>New bookmark</h3>
</div>
</template>
<template id="folder">
<div class="card">
<div class="card hoverable">
<div class="xmark">
<i data-feather-t="x"></i>
</div>
@ -25,7 +37,7 @@
</template>
<template id="bookmark">
<div class="card">
<div class="card hoverable">
<div class="xmark">
<i data-feather-t="x"></i>
</div>
@ -35,9 +47,42 @@
</div>
</template>
<template id="bookmark_form">
<div class="panel">
<div class="xmark">
<i data-feather="x" onclick="closeModal()"></i>
</div>
<h1>New bookmark</h1>
<form onsubmit="newBookmark(event)">
<input type="text" id="bookmark_name" placeholder="Name" />
<input type="url" id="bookmark_url" placeholder="http://example.com/" />
<input
type="text"
id="bookmark_tags"
placeholder="Tags, comma separated"
/>
<input type="submit" value="Create" />
</form>
</div>
</template>
<template id="folder_form">
<div class="panel">
<div class="xmark" onclick="closeModal()">
<i data-feather="x"></i>
</div>
<h1>New folder</h1>
<form onsubmit="newFolder(event)">
<input type="text" id="folder_name" placeholder="Name" />
<input type="submit" value="Create" />
</form>
</div>
</template>
<body>
<div id="modal" onclick="closeModal(event)" class="modal-base"></div>
<div class="wrapper">
<h1>Dashboard protorype</h1>
<h1 id="title">Dashboard protorype</h1>
<div id="bookmarks"></div>
</div>
</body>