all atb changes
This commit is contained in:
Joey Kimsey
30
app/plugins/bookmarks/views/dashboards/bookmarkRows.html
Normal file
30
app/plugins/bookmarks/views/dashboards/bookmarkRows.html
Normal file
@ -0,0 +1,30 @@
|
||||
{LOOP}
|
||||
<li class="list-group-item context-main-bg bg-{color} {hidden_class} {archived_class} mb-1">
|
||||
<a href="{ROOT_URL}bookmarks/bookmark/{ID}" class="context-main">{iconHtml}</a>
|
||||
<a href="{url}"> {title}</a>
|
||||
<span class="float-end">
|
||||
<a class="btn btn-sm atb-green-bg btn-share" data-bs-toggle="modal" data-bs-target="#linkShare{ID}">
|
||||
<i class="fa fa-fw fa-share"></i>
|
||||
</a>
|
||||
<div class="modal fade" id="linkShare{ID}" tabindex="-1" style="display: none;" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5">Share Url</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<input type="text" value="{SITE_URL}shared/link/{uuid}" name="input" class="w-100 form-control" id="shareLinkUrlInput{ID}">
|
||||
<button class="btn btn-secondary mt-2" onclick="copyElementText('shareLinkUrlInput{ID}')">Copy</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
{/LOOP}
|
||||
{ALT}
|
||||
<li class="list-group-item context-main context-main-bg mb-1">
|
||||
<p class="list-group text-center">No Bookmarks</p>
|
||||
</li>
|
||||
{/ALT}
|
||||
43
app/plugins/bookmarks/views/dashboards/create.html
Normal file
43
app/plugins/bookmarks/views/dashboards/create.html
Normal file
@ -0,0 +1,43 @@
|
||||
<div class="my-4">
|
||||
<div class="offset-md-1 col-10 py-3 context-main-bg text-center">
|
||||
<legend class="">Add Dashboard</legend>
|
||||
<hr>
|
||||
<p>Dashboards are groups of folders that usually share a theme. When links are added to folders they will automatically be added to dashboards unless hidden or archived. </p>
|
||||
<form action="" method="post" class="container py-4">
|
||||
<fieldset>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Title</label>
|
||||
<div class="col-lg-4">
|
||||
<input type="text" class="form-control" name="title" id="title" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Description:</label>
|
||||
<div class="col-lg-4">
|
||||
<textarea class="form-control" name="description" maxlength="2000" rows="4" id="description"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Dashboard Filters:</label>
|
||||
<div class="col-lg-4">
|
||||
{DASH_OPTIONS}
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Included Folders:</label>
|
||||
<div class="col-lg-4">
|
||||
{LINK_SELECT}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Hidden Token -->
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="text-center">
|
||||
<button type="submit" name="submit" value="submit" class="btn atb-green-bg btn-lg">Create</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
27
app/plugins/bookmarks/views/dashboards/dashOptions.html
Normal file
27
app/plugins/bookmarks/views/dashboards/dashOptions.html
Normal file
@ -0,0 +1,27 @@
|
||||
<div class="p-2">
|
||||
<!-- Status Filters -->
|
||||
<div class="d-flex align-items-center border p-2 rounded mb-3 context-main-bg">
|
||||
<div class="me-3 fw-bold">Status:</div>
|
||||
<div class="form-check form-switch me-3">
|
||||
<input class="form-check-input" type="checkbox" value="showArchivedSwitch" id="dashShowArchivedSwitch" name="link_filter[]"{showArchivedSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="showArchivedSwitch">Show Archived</label>
|
||||
</div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" value="showHiddenSwitch" id="dashShowHiddenSwitch" name="link_filter[]"{showHiddenSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="showHiddenSwitch">Show Hidden</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons Filters -->
|
||||
<div class="d-flex align-items-center border p-2 rounded context-main-bg">
|
||||
<div class="me-3 fw-bold">Buttons:</div>
|
||||
<div class="form-check form-switch me-3">
|
||||
<input class="form-check-input" type="checkbox" value="shareButtonSwitch" id="dashShareButtonSwitch" name="link_filter[]"{shareButtonSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="shareButtonSwitch">Share Button</label>
|
||||
</div>
|
||||
<div class="form-check form-switch me-3">
|
||||
<input class="form-check-input" type="checkbox" value="addButtonSwitch" id="dashAddButtonSwitch" name="link_filter[]"{addButtonSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="addButtonSwitch">Add Button</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
43
app/plugins/bookmarks/views/dashboards/edit.html
Normal file
43
app/plugins/bookmarks/views/dashboards/edit.html
Normal file
@ -0,0 +1,43 @@
|
||||
<div class="my-4">
|
||||
<div class="offset-md-1 col-10 py-3 context-main-bg text-center">
|
||||
<legend class="">Edit Dashboard</legend>
|
||||
<hr>
|
||||
<p>Dashboards are groups of folders that usually share a theme. When links are added to folders they will automatically be added to dashboards unless hidden or archived. </p>
|
||||
<form action="" method="post" class="container py-4">
|
||||
<fieldset>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Title</label>
|
||||
<div class="col-lg-4">
|
||||
<input type="text" class="form-control" name="title" id="title" value="{title}" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Description:</label>
|
||||
<div class="col-lg-4">
|
||||
<textarea class="form-control" name="description" maxlength="2000" rows="4" id="description">{description}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Dashboard Filters:</label>
|
||||
<div class="col-lg-4">
|
||||
{DASH_OPTIONS}
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="title" class="col-lg-4 col-form-label text-end">Included Folders:</label>
|
||||
<div class="col-lg-4">
|
||||
{LINK_SELECT}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Hidden Token -->
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="text-center">
|
||||
<button type="submit" name="submit" value="submit" class="btn atb-green-bg btn-lg">Save</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
54
app/plugins/bookmarks/views/dashboards/folderPanels.html
Normal file
54
app/plugins/bookmarks/views/dashboards/folderPanels.html
Normal file
@ -0,0 +1,54 @@
|
||||
{LOOP}
|
||||
<div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 bookmark-card" id="folderCard{ID}">
|
||||
<div class="card m-3 accordion">
|
||||
<div class="accordion-item">
|
||||
<div class="card-header accordion-header text-center bg-{color} context-main">
|
||||
<span class="float-start">
|
||||
<button class="btn btn-sm pe-3 folder-raise atb-green" type="button"><i class="fa-solid fa-arrow-up"></i></button>
|
||||
<button class="btn btn-sm ps-3 folder-lower atb-green" type="button"><i class="fa-solid fa-arrow-down"></i></button>
|
||||
</span>
|
||||
<span class="h4 text-center mx-5" data-bs-target="#Collapse{ID}" data-bs-toggle="collapse" aria-expanded="true" aria-controls="Collapse{ID}">{title}</span>
|
||||
<a class="btn btn-sm atb-green-bg btn-rounded float-end btn-share" data-bs-toggle="modal" data-bs-target="#linkShare{ID}">
|
||||
<i class="fa fa-fw fa-share"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="modal fade context-main" id="linkShare{ID}" tabindex="-1" style="display: none;" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header context-main-bg">
|
||||
<h1 class="modal-title fs-5">Share Url</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body context-second-bg">
|
||||
<p>This link can be shared with anyone and will show display info as long as it is set to public privacy.</p>
|
||||
<input type="text" value="{SITE_URL}shared/folder/{uuid}" name="input" class="w-100 form-control" id="shareFolderUrlInput{ID}">
|
||||
<button class="btn btn-secondary mt-2" onclick="copyElementText('shareFolderUrlInput{ID}')">Copy</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="Collapse{ID}" class="accordion-collapse collapse w-100 position-relative show">
|
||||
<div class="card-body accordion-body p-2 context-second-bg">
|
||||
<ul class="list-group mt-1">
|
||||
{bookmarkRows}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-footer d-flex justify-content-center align-items-center context-main-bg">
|
||||
<a href="{ROOT_URL}bookmarks/createBookmark/{ID}" class="btn btn-sm btn-success btn-addlink"><i class="fa fa-fw fa-plus"></i></a></td>
|
||||
<span class="ms-auto">
|
||||
<a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="btn btn-sm atb-green-outline"><i class="fa fa-fw fa-list"></i></a>
|
||||
<a href="{ROOT_URL}bookmarks/folders/{ID}" class="btn btn-sm atb-green-outline"><i class="fa fa-fw fa-info-circle"></i></a></td>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/LOOP}
|
||||
{ALT}
|
||||
<div class="col-12 text-center h4">
|
||||
<p>No folders found.</p>
|
||||
</div>
|
||||
{/ALT}
|
||||
54
app/plugins/bookmarks/views/dashboards/list.html
Normal file
54
app/plugins/bookmarks/views/dashboards/list.html
Normal file
@ -0,0 +1,54 @@
|
||||
<div class="my-4">
|
||||
<div class="offset-2 col-8 p-3 context-main-bg">
|
||||
<legend class="text-center">Dashboards</legend>
|
||||
<hr>
|
||||
{BKMTUTS}
|
||||
<p class="px-2">
|
||||
Dashboards are one of our most powerful and useful features of AllTheBookmarks. With dashboards, you're able to create, edit, share, and use pages built dynamically from your bookmark folders.
|
||||
When you create a dashboard, you select any number of your organized folders, select a few display options, and you gain access to a new page just for those folders.
|
||||
</p>
|
||||
<p class="px-2">
|
||||
Sometimes, there just isn't enough room on the toolbar. Instead of having 6 folders you always use, have 1, short link called "Games" that opens 1 page. I use this to group small sections of
|
||||
my bookmarks together like games. I have PalWorld, WoW, Satisfactory, and Diablo links in a "Games" dashboard. I can just quickly go to that dash, find the folder I need and go.
|
||||
</p>
|
||||
<p class="px-2 text-muted text-center">
|
||||
This explanation and others like it can be hidden in your <a href="/usercp/settings" class="text-decoration-none atb-green">Profile Settings</a>.
|
||||
</p>
|
||||
<hr>
|
||||
{/BKMTUTS}
|
||||
<div class="row g-3 text-center p-2">
|
||||
<table class="table context-main">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Title</th>
|
||||
<th>Description</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{LOOP}
|
||||
<tr>
|
||||
<td class="">{title}</td>
|
||||
<td>{description}</td>
|
||||
<td><a href="{ROOT_URL}bookmarks/dashboard/{uuid}" class="btn btn-sm atb-green-bg"><i class="fa fa-fw fa-upload"></i></a></td>
|
||||
<td><a href="{ROOT_URL}bookmarks/editDash/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a></td>
|
||||
<td><a href="{ROOT_URL}bookmarks/deleteDash/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>
|
||||
</tr>
|
||||
{/LOOP}
|
||||
{ALT}
|
||||
<tr>
|
||||
<td class="context-main" colspan="7">
|
||||
No results to show.
|
||||
</td>
|
||||
</tr>
|
||||
{/ALT}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="">
|
||||
<a href="{ROOT_URL}bookmarks/addDash" class="btn btn-lg atb-green-bg">Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
29
app/plugins/bookmarks/views/dashboards/view.html
Normal file
29
app/plugins/bookmarks/views/dashboards/view.html
Normal file
@ -0,0 +1,29 @@
|
||||
<div class="my-4">
|
||||
<div class="offset-md-1 col-10 py-3 context-main-bg">
|
||||
<legend class="text-center">{title}</legend>
|
||||
<hr>
|
||||
<form method="post">
|
||||
<fieldset>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<input type="hidden" name="dash_id" id="dash_id" value="{ID}">
|
||||
<input type="hidden" name="link_order" value="{link_order}" id="dashLinkOrder">
|
||||
<div class="row g-3" id="bookmarkSort">
|
||||
{folderPanels}
|
||||
</div>
|
||||
<hr>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-2">
|
||||
{DASH_OPTIONS}
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="h-100 d-flex align-items-center">
|
||||
<button type="submit" name="submit" value="submit" class="btn btn-lg mx-5 atb-green-bg">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user