You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
5.6 KiB

V1.1.0 (#24) ## Update Info 🍆 **DICK** v1.1.0 🍆 Our number is getting bigger! Though, I hear size is not what matters but how you use it. So, I am happy to introduce you to a bunch of new stuff within the front end! 🔀 **UPDATING** Updating your instance should be easy, unless you already edited the code base, at that point your on your own. If you have a direct clone of the master of the current 1.0.2(old master) branch, then all you need to do is 1. Browse to your DICK folder 2. Run `git pull` to pull new changes 3. Run `npm i` to install new dependancies 4. Delete the `dist` folder 5. Start DICK using `npm start` 6. Enjoy > **Note** > If you load your instance and styling seems wrong, please clear your browsers cache, and reload the page. > **Note** > The first user to log into your DICK WebUI will be marked as the instance admin. You can change which users are admin by editing the user database file located at `/src/database/users.json`. This file will only appear once you've started your instance for the first time. ✏️ **CHANGELOG** ```diff ADDITIONS + Admin Dashboard > This page will be where system administrators can view their syatem settings and stats! + Database > Added DICK database, inside JSON files with management utils. + Added new app settings page to Admin Dashboard > This will allow administrators to customize their instance on the fly without having to edit the codebase. White labeling! + Added user list to Admin Dashboard > This allows administrators to view which users are registered in their ASS currently, and their roles set. You can also create new users from this page. (There are a lot of hidden divs in this page so imstance admins can add extra code to dick to enable stuff like deletion of users) + Registrations > Administrators can toggle registrations into their ASS from their DICK UI via the /register page! + Captcha > By default, when a user gets login information wrong they will be forwarded to a Rick Roll. Now you can add a hCaptcha site key to DICK to enable hCaptcha for your login and register public pages! + Added a "default profile picture" > Every users default profile picture. This is planned to be able to be set per user in the future, so users can pick their own seperate from the default. REMOVALS - Removeed STAFF_IDs from codebase. > This means you can remove this CONSTANT from your instance CONSTANTS file, please see the repo's constants example file to see if yours matches it. ``` ```fix CHANGES = Large codebase cleanup = Seperated js for components into their own files based on job = Redid some naming for tailwind colour theme classes to provide proper theming from the tailwind config file = Cleaned up a lot of the utils = Added embed gen page as a hidden extra for devs to add themselves in their own time if they wish (please PR if you achieve this 🤘) = Fixed the flash message warning colours to actually be red or green depending on error/success ``` ## Issues Resolved / Fixes In This Release Resolves #17 , Resolves #14 , Resolves #10 , Resolves #7
2 years ago
<div class="flex flex-col items-center justify-center w-full">
<div class="flex-1 lg:w-4/5 w-full">
<div class="flex flex-row flex-wrap w-full items-center mt-4 gap-5">
<!-- Add user -->
<div class="flex-none order-1">
<div class="inline-flex space-x-3">
<button type="button"
class="buttonModal rounded-md bg-accentsecondary py-2 px-2.5 font-medium text-color-primary hover:bg-accent">
Add New user
</button>
<!--
<button
class="custom-bg-button hover:custom-bg-button-hover rounded-md p-3 text-color-secondary">
<i data-lucide="download" class="text-color-primary"></i>
</button>
-->
</div>
</div>
<!-- End Add User -->
<!-- Total User -->
<div class="flex-1 lg:order-2 order-3 lg:basis-auto basis-full">
<div class="text-sm text-color-secondary lg:text-center text-right">
Showing <%= totalUsers %> users
</div>
</div>
<!-- End Total User -->
<!-- Search User -->
<!--
<div
class="lg:flex-none flex-1 lg:basis-80 sm:basis-auto basis-full lg:order-3 order-2">
<div class="sm:flex sm:justify-end">
<form action="#" class="relative h-auto lg:w-full w-full sm:w-3/5">
<input
class="bg-tertiary relative z-10 w-full rounded-md pl-4 pr-10 py-3 text-color-primary shadow-lg placeholder:text-color-secondary focus:border focus:border-gray-300/25 focus:outline-none md:w-full lg:w-full"
value="" placeholder="Search Users" />
<div
class="absolute inset-0 flex flex-row flex-nowrap items-center justify-end px-4">
<button type="button" class="absolute z-10">
<i data-lucide="search" class="text-color-secondary"></i>
</button>
</div>
</form>
</div>
</div>
-->
<!-- End Search user -->
</div>
<div class="mt-8">
<!-- Table User -->
<table class="table-fixed w-full md:text-base text-sm text-black">
<thead class="text-color-primary font-bold">
<tr>
<th class="p-3 text-left">
PROFILE PICTURE
</th>
<th class="p-3 text-left">
USERNAME
</th>
<!--
<th class="p-3 text-center">
UPLOADS
</th>
<th class="p-3 text-center">
DATA USED
</th>
<th class="p-3 text-center">
ACTIONS
</th>
-->
</tr>
</thead>
<tbody>
<% for(const user of dickUsers) {%>
<tr class="text-sm border-b-2 border-table">
<td class="p-4 bg-tertiary rounded-tl-2xl rounded-bl-2xl text-left ">
<img class="relative h-10 w-10 rounded-full object-cover object-center"
src=<%=settingsDatabase.defaultProfilePicture ?
settingsDatabase.defaultProfilePicture : "./images/profile.png" %> alt="Profile" />
</td>
<td class="p-4 bg-tertiary">
<span class="text-color-secondary font-semibold">
<%= user.username %>
</span>
<div class="text-color-tertiary text-xs">
<%= user.role %>
</div>
</td>
<!--
<td class="p-4 bg-tertiary text-color-secondary text-center">
66
</td>
<td class="p-4 bg-tertiary text-color-secondary text-center ">
<div class="sm:border-r border-slate-700 border-r-0">
65GB
</div>
</td>
-->
<!--
<td class="p-4 bg-tertiary rounded-br-2xl rounded-tr-2xl text-center">
<div class="flex justify-center">
<button class="text-red-500 flex sm:flex-row flex-col justify-center items-center space-x-1 ">
<i data-lucide="trash-2" class="text-color-red"></i>
<div>
Delete
</div>
</button>
</div>
</td>
-->
</tr>
<% } %>
</tbody>
</table>
<!-- End Table User -->
</div>
</div>
</div>