Navigation, creation and removal of bookmarks/folders
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user