added deletion of items
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
use dioxus::prelude::*;
|
||||
|
||||
use crate::{
|
||||
components::{MediaItem, MediaItemPlaceHolder},
|
||||
components::{MediaClassChangeEvent, MediaItem, MediaItemPlaceHolder},
|
||||
rpc::{
|
||||
aoba::{MediaModel, PageFilter},
|
||||
get_rpc_client,
|
||||
@@ -9,7 +9,8 @@ use crate::{
|
||||
};
|
||||
|
||||
#[derive(PartialEq, Clone, Props)]
|
||||
pub struct MediaGridProps {
|
||||
pub struct MediaGridProps
|
||||
{
|
||||
pub query: Signal<String>,
|
||||
pub max_page: Signal<i32>,
|
||||
pub total_items: Signal<i32>,
|
||||
@@ -18,19 +19,21 @@ pub struct MediaGridProps {
|
||||
pub on_page_loaded: Option<EventHandler<PaginationInfo>>,
|
||||
}
|
||||
|
||||
pub struct PaginationInfo {
|
||||
pub struct PaginationInfo
|
||||
{
|
||||
pub total_pages: i32,
|
||||
pub total_items: i32,
|
||||
}
|
||||
|
||||
#[component]
|
||||
pub fn MediaGrid(props: MediaGridProps) -> Element {
|
||||
pub fn MediaGrid(props: MediaGridProps) -> Element
|
||||
{
|
||||
let mut error_display = use_signal(|| {
|
||||
rsx! {}
|
||||
});
|
||||
let mut items = use_signal::<Option<Vec<MediaModel>>>(|| None);
|
||||
let media_result = use_resource(use_reactive!(|(props)| async move {
|
||||
items.set(None);
|
||||
// items.set(None);
|
||||
let mut client = get_rpc_client();
|
||||
let request = PageFilter {
|
||||
page_size: Some(props.page_size.cloned()),
|
||||
@@ -38,24 +41,32 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
|
||||
query: Some(props.query.cloned()),
|
||||
};
|
||||
let result = client.list_media(request).await;
|
||||
if let Ok(items) = result {
|
||||
if let Ok(items) = result
|
||||
{
|
||||
let res = items.into_inner();
|
||||
|
||||
return Ok(res);
|
||||
} else {
|
||||
}
|
||||
else
|
||||
{
|
||||
let err = result.err().unwrap();
|
||||
let message = err.message();
|
||||
return Err(format!("Failed to load results: {message}"));
|
||||
}
|
||||
}));
|
||||
|
||||
use_effect(move || match media_result() {
|
||||
Some(value) => match value {
|
||||
Ok(result) => {
|
||||
if let Some(pagination) = result.pagination {
|
||||
use_effect(move || match media_result()
|
||||
{
|
||||
Some(value) => match value
|
||||
{
|
||||
Ok(result) =>
|
||||
{
|
||||
if let Some(pagination) = result.pagination
|
||||
{
|
||||
let total_pages = pagination.total_pages;
|
||||
let total_items = pagination.total_items;
|
||||
if let Some(handler) = props.on_page_loaded {
|
||||
if let Some(handler) = props.on_page_loaded
|
||||
{
|
||||
handler.call(PaginationInfo {
|
||||
total_pages,
|
||||
total_items,
|
||||
@@ -71,7 +82,8 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
|
||||
}
|
||||
}),
|
||||
},
|
||||
_ => {}
|
||||
_ =>
|
||||
{}
|
||||
});
|
||||
|
||||
rsx! {
|
||||
@@ -79,7 +91,35 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
|
||||
class: "mediaGrid",
|
||||
{error_display}
|
||||
{match items(){
|
||||
Some(itms) => rsx!{MediaList { items: itms }},
|
||||
Some(itms) => rsx!{
|
||||
MediaList {
|
||||
items: itms,
|
||||
on_item_deleted: move |id|{
|
||||
if let Some(cur) = items.cloned(){
|
||||
let filtered = cur.iter()
|
||||
.filter(|i| i.id.clone().expect("No id").value != id)
|
||||
.map(|i|i.clone())
|
||||
.collect();
|
||||
items.set(Some(filtered));
|
||||
}
|
||||
},
|
||||
on_class_changed: move |e: MediaClassChangeEvent|{
|
||||
if let Some(cur) = items.cloned(){
|
||||
let updated = cur.iter()
|
||||
.map(|i|{
|
||||
let mut itm = i.clone();
|
||||
let id = itm.id.clone().expect("No id").value;
|
||||
if id == e.id{
|
||||
itm.class = e.class;
|
||||
}
|
||||
return itm;
|
||||
})
|
||||
.collect();
|
||||
items.set(Some(updated));
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
None => rsx!{PlaceholderGrid { count: props.page_size.cloned() as usize }}
|
||||
}}
|
||||
}
|
||||
@@ -87,7 +127,8 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
|
||||
}
|
||||
|
||||
#[component]
|
||||
fn PlaceholderGrid(count: usize) -> Element {
|
||||
fn PlaceholderGrid(count: usize) -> Element
|
||||
{
|
||||
rsx! {
|
||||
div{
|
||||
class: "mediaGrid",
|
||||
@@ -99,12 +140,18 @@ fn PlaceholderGrid(count: usize) -> Element {
|
||||
}
|
||||
|
||||
#[component]
|
||||
fn MediaList(items: Vec<MediaModel>) -> Element {
|
||||
fn MediaList(
|
||||
items: Vec<MediaModel>,
|
||||
on_item_deleted: Option<EventHandler<String>>,
|
||||
on_class_changed: Option<EventHandler<MediaClassChangeEvent>>,
|
||||
) -> Element
|
||||
{
|
||||
rsx! {
|
||||
{items.iter().enumerate().map(|(index, itm)| rsx!{
|
||||
{items.iter().map(|itm| rsx!{
|
||||
MediaItem {
|
||||
item: itm.clone(),
|
||||
index
|
||||
on_deleted: on_item_deleted,
|
||||
on_class_changed: on_class_changed
|
||||
}
|
||||
})}
|
||||
}
|
||||
|
||||
@@ -13,17 +13,16 @@ use crate::{
|
||||
|
||||
pub struct MediaClassChangeEvent
|
||||
{
|
||||
pub index: usize,
|
||||
pub class: String,
|
||||
pub id: String,
|
||||
pub class: i32,
|
||||
}
|
||||
|
||||
#[derive(PartialEq, Clone, Props)]
|
||||
pub struct MediaItemProps
|
||||
{
|
||||
pub item: MediaModel,
|
||||
pub index: usize,
|
||||
pub on_class_changed: Option<EventHandler<MediaClassChangeEvent>>,
|
||||
pub on_deleted: Option<EventHandler<usize>>,
|
||||
pub on_deleted: Option<EventHandler<String>>,
|
||||
}
|
||||
|
||||
#[component]
|
||||
@@ -100,8 +99,11 @@ pub fn MediaItem(props: MediaItemProps) -> Element
|
||||
value: "{id}",
|
||||
on_select: move |id: String|{
|
||||
spawn(async move {
|
||||
if let Ok(_) = set_class(id, 0).await{
|
||||
if let Ok(_) = set_class(&id, 0).await{
|
||||
class_signal.set("");
|
||||
if let Some(handler) = props.on_class_changed{
|
||||
handler.call(MediaClassChangeEvent { id, class: 0 });
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -118,12 +120,15 @@ pub fn MediaItem(props: MediaItemProps) -> Element
|
||||
{
|
||||
if class_signal() != "blur" {
|
||||
rsx!{ContextMenuItem {
|
||||
index: 2 as usize,
|
||||
index: 3 as usize,
|
||||
value: "{id}",
|
||||
on_select: move |id: String|{
|
||||
spawn(async move {
|
||||
if let Ok(_) = set_class(id, 1).await{
|
||||
if let Ok(_) = set_class(&id, 1).await{
|
||||
class_signal.set("blur");
|
||||
if let Some(handler) = props.on_class_changed{
|
||||
handler.call(MediaClassChangeEvent { id, class: 1 });
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -140,12 +145,15 @@ pub fn MediaItem(props: MediaItemProps) -> Element
|
||||
{
|
||||
if class_signal() != "secret" {
|
||||
rsx!{ContextMenuItem {
|
||||
index: 2 as usize,
|
||||
index: 4 as usize,
|
||||
value: "{id}",
|
||||
on_select: move |id: String|{
|
||||
spawn(async move {
|
||||
if let Ok(_) = set_class(id, 2).await{
|
||||
if let Ok(_) = set_class(&id, 2).await{
|
||||
class_signal.set("secret");
|
||||
if let Some(handler) = props.on_class_changed{
|
||||
handler.call(MediaClassChangeEvent { id, class: 2 });
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -160,8 +168,17 @@ pub fn MediaItem(props: MediaItemProps) -> Element
|
||||
}else{rsx!{}}
|
||||
}
|
||||
ContextMenuItem {
|
||||
index: 2 as usize,
|
||||
value: "",
|
||||
index: 5 as usize,
|
||||
value: "{id}",
|
||||
on_select: move |id: String|{
|
||||
spawn(async move {
|
||||
if let Ok(_) = delete_media(id.clone()).await{
|
||||
if let Some(handler) = props.on_deleted {
|
||||
handler.call(id);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
div{
|
||||
class: "contextItem",
|
||||
div{
|
||||
@@ -192,13 +209,19 @@ pub fn MediaItemPlaceHolder() -> Element
|
||||
};
|
||||
}
|
||||
|
||||
async fn set_class(id: String, class: i32) -> Result<Response<()>, Status>
|
||||
async fn delete_media(id: String) -> Result<Response<()>, Status>
|
||||
{
|
||||
let mut client = get_rpc_client();
|
||||
return client.delete_media(Id { value: id }).await;
|
||||
}
|
||||
|
||||
async fn set_class(id: &String, class: i32) -> Result<Response<()>, Status>
|
||||
{
|
||||
let mut client = get_rpc_client();
|
||||
return client
|
||||
.set_media_class(SetMediaClassRequest {
|
||||
class: class,
|
||||
id: Some(Id { value: id }),
|
||||
id: Some(Id { value: id.clone() }),
|
||||
})
|
||||
.await;
|
||||
}
|
||||
|
||||
@@ -133,6 +133,23 @@ public class AobaService(IMongoDatabase db)
|
||||
}
|
||||
}
|
||||
|
||||
public async Task DeleteFilesAsync(IEnumerable<ObjectId> mediaIds, CancellationToken cancellationToken = default)
|
||||
{
|
||||
foreach (var id in mediaIds)
|
||||
{
|
||||
try
|
||||
{
|
||||
cancellationToken.ThrowIfCancellationRequested();
|
||||
await _gridFs.DeleteAsync(id, CancellationToken.None);
|
||||
await _media.DeleteOneAsync(m => m.MediaId == id, CancellationToken.None);
|
||||
}
|
||||
catch (GridFSFileNotFoundException)
|
||||
{
|
||||
//ignore if file was not found
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
public async Task DeriveTagsAsync(CancellationToken cancellationToken = default)
|
||||
|
||||
@@ -8,6 +8,7 @@ import "Proto/Types.proto";
|
||||
service AobaRpc {
|
||||
rpc GetMedia (Id) returns (MediaResponse);
|
||||
rpc DeleteMedia (Id) returns (google.protobuf.Empty);
|
||||
rpc DeleteMediaBulk (IdList) returns (google.protobuf.Empty);
|
||||
rpc UpdateMedia (google.protobuf.Empty) returns (google.protobuf.Empty);
|
||||
rpc ListMedia(PageFilter) returns (ListResponse);
|
||||
rpc GetUser(Id) returns (UserResponse);
|
||||
|
||||
@@ -40,6 +40,10 @@ message Id {
|
||||
string value = 1;
|
||||
}
|
||||
|
||||
message IdList {
|
||||
repeated Id value = 1;
|
||||
}
|
||||
|
||||
message MediaResponse {
|
||||
optional MediaModel value = 1;
|
||||
}
|
||||
|
||||
@@ -57,4 +57,15 @@ public class AobaRpcService(AobaService aobaService, AccountsService accountsSer
|
||||
};
|
||||
}
|
||||
|
||||
public override async Task<Empty> DeleteMedia(Id request, ServerCallContext context)
|
||||
{
|
||||
await aobaService.DeleteFileAsync(request.ToObjectId(), context.CancellationToken);
|
||||
return new Empty();
|
||||
}
|
||||
|
||||
public override async Task<Empty> DeleteMediaBulk(IdList request, ServerCallContext context)
|
||||
{
|
||||
await aobaService.DeleteFilesAsync(request.ToObjectId(), context.CancellationToken);
|
||||
return new Empty();
|
||||
}
|
||||
}
|
||||
@@ -70,4 +70,9 @@ public static class ProtoExtensions
|
||||
{
|
||||
return id.Value.ToObjectId();
|
||||
}
|
||||
|
||||
public static IEnumerable<ObjectId> ToObjectId(this IdList id)
|
||||
{
|
||||
return id.Value.Select(v => v.ToObjectId());
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user