To add a direct upload button with server list for various media fields #106

New Issue

freakoverse · 2024-10-29T19:22:57Z

freakoverse commented

2024-10-29 19:22:57 +00:00

For example, in the submit-mod page, the featured image url field, along with the multiples of screenshot fields, to have (next to them) a dropdown to select from multiple servers (list below), and a button to upload a file.

others fields are the profile picture and banner in profile settings page.

When the user uploads and it's done, the url is added to the field.

(note: someone adding a custom link is still a viable option / they don't have to upload)

List of servers (first one is default):
https://nostr.build/
https://nostrcheck.me/
https://nostpic.com/
https://files.sovbit.host/
https://void.cat/

Big note: If possible, if we can have drag-drop (and click to multi-select) multiple media files to upload, and it'd upload/add them one by one with their respective link.

For example, in the submit-mod page, the featured image url field, along with the multiples of screenshot fields, to have (next to them) a dropdown to select from multiple servers (list below), and a button to upload a file. others fields are the profile picture and banner in profile settings page. When the user uploads and it's done, the url is added to the field. (note: someone adding a custom link is still a viable option / they don't have to upload) List of servers (first one is default): https://nostr.build/ https://nostrcheck.me/ https://nostpic.com/ https://files.sovbit.host/ https://void.cat/ Big note: If possible, if we can have drag-drop (and click to multi-select) multiple media files to upload, and it'd upload/add them one by one with their respective link.

freakoverse added the

Kind/Feature

label 2024-10-29 19:22:57 +00:00

freakoverse added this to the Extra Features project 2024-11-17 11:21:55 +00:00

freakoverse added the

Priority

Medium

label 2024-11-17 16:04:01 +00:00

freakoverse commented

2024-12-25 12:22:38 +00:00

https://github.com/quentintaranpino/nostrcheck-server/blob/main/DOCS.md#media

freakoverse commented

2025-01-01 12:21:53 +00:00

classes already added so no need to use styles (kept them here for ref), and dropdown got it from filters in /mods (adjust as needed when you grab package/code from other projects)

<div class="uploadBoxMain" style="
    background: hsl(0deg 0% 0% / 10%);
    border-radius: 10px;
    height: 150px;
    padding: 10px;
    border: solid 1px hsl(0deg 0% 100% / 5%);
">
    <div class="uploadBoxMainInside" style="
    padding: 10px;
    border: dashed 2px hsl(0deg 0% 100% / 5%);
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: hsl(0deg 0% 100% / 20%);
    grid-gap: 10px;
"><p>Click or drag files here</p><div class="FiltersMainElement"><div class="dropdown dropdownMain"><button class="btn dropdown-toggle btnMain btnMainDropdown" aria-expanded="false" data-bs-toggle="dropdown" type="button">Image Host: nostr.build</button><div class="dropdown-menu dropdownMainMenu" style=""><div class="dropdown-item dropdownMainMenuItem">Show From: degmods.com</div><div class="dropdown-item dropdownMainMenuItem">Show All</div></div></div></div></div>
</div>

classes already added so no need to use styles (kept them here for ref), and dropdown got it from filters in /mods (adjust as needed when you grab package/code from other projects) ``` <div class="uploadBoxMain" style=" background: hsl(0deg 0% 0% / 10%); border-radius: 10px; height: 150px; padding: 10px; border: solid 1px hsl(0deg 0% 100% / 5%); "> <div class="uploadBoxMainInside" style=" padding: 10px; border: dashed 2px hsl(0deg 0% 100% / 5%); border-radius: 8px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: hsl(0deg 0% 100% / 20%); grid-gap: 10px; "><p>Click or drag files here</p><div class="FiltersMainElement"><div class="dropdown dropdownMain"><button class="btn dropdown-toggle btnMain btnMainDropdown" aria-expanded="false" data-bs-toggle="dropdown" type="button">Image Host: nostr.build</button><div class="dropdown-menu dropdownMainMenu" style=""><div class="dropdown-item dropdownMainMenuItem">Show From: degmods.com</div><div class="dropdown-item dropdownMainMenuItem">Show All</div></div></div></div></div> </div> ```

Screenshot_40.png

24 KiB

freakoverse was assigned by endo

2025-01-02 15:15:40 +00:00

enes was assigned by freakoverse

2025-01-02 15:26:54 +00:00

freakoverse closed this issue

2025-01-08 11:34:57 +00:00

enes moved this to Done (features) in Extra Features on 2025-01-16 12:08:38 +00:00

enes moved this to Done (features) in Extra Features on 2025-01-16 14:06:03 +00:00

enes moved this to Done (features) in Extra Features on 2025-01-16 17:18:24 +00:00

freakoverse moved this to Done (features) in Extra Features on 2025-01-21 10:59:54 +00:00

freakoverse moved this to Done (features) in Extra Features on 2025-01-21 17:38:58 +00:00

freakoverse moved this to Done (features) in Extra Features on 2025-01-22 17:42:43 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: degmods/degmods.com#106