Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2025-01-22 07:44:27 +03:00
Code Issues Projects Releases Packages Wiki Activity

addd search

Browse source
This commit is contained in:
mrilyew 2025-01-12 14:59:22 +03:00
parent 49f8238670
commit d962317ad0
2 changed files with 39 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
Web/static/css/main.css
View file

@ -4007,7 +4007,7 @@ hr {
background: #F0F0F0;
}
#docs_page_wrapper .docs_page_search input[type="search"] {
#docs_page_wrapper .docs_page_search input[type="search"], .attachment_selector .attachment_search input {
height: 23px;
background: url('/assets/packages/static/openvk/img/search_icon.png') no-repeat 3px 5px;
background-color: #fff;
@ -4238,3 +4238,12 @@ hr {
cursor: pointer;
user-select: none;
}
.attachment_selector .attachment_search {
margin: 6px 0px;
}
.attachment_selector .attachment_search input {
height: 30px;
background-position-y: 9px;
}

35
Web/static/js/al_docs.js
View file

@ -305,14 +305,14 @@ u(document).on("click", ".docListViewItem a.viewerOpener, a.docGalleryItem", asy
})
// ctx > "wall" and maybe "messages" in future
// source > "user" || "club" > source_id
async function __docAttachment(form, ctx = "wall", source = "user", source_id = 0) {
// source > "user" || "club" > source_arg
async function __docAttachment(form, ctx = "wall", source = "user", source_arg = 0) {
const per_page = 10
const msg = new CMessageBox({
title: tr('select_doc'),
custom_template: u(`
<div class="ovk-photo-view-dimmer">
<div class="ovk-photo-view" style="z-index: 1025;">
<div class="ovk-photo-view">
<div class="photo_com_title">
<text id="photo_com_title_photos">
${tr("select_doc")}
@ -330,6 +330,9 @@ async function __docAttachment(form, ctx = "wall", source = "user", source_id =
</div>
<div class='photo_viewer_wrapper photo_viewer_wrapper_scrollable doc_viewer_wrapper'>
<div class='attachment_selector' style="width: 100%;">
<div class="attachment_search">
<input type="search" maxlength="100" name="q" class="input_with_search_icon" placeholder="${tr("search_by_documents")}">
</div>
<div id='_attachment_insert'>
<div class="docsInsert"></div>
</div>
@ -340,7 +343,7 @@ async function __docAttachment(form, ctx = "wall", source = "user", source_id =
</div>`),
})
msg.getNode().find(".ovk-photo-view").attr('style', 'width: 400px;')
msg.getNode().find(".ovk-photo-view").attr('style', 'width: 400px;min-height:90vh;')
msg.getNode().find('.ovk-diag-body').attr('style', 'height:335px;padding:0px;')
docs_reciever = new class {
ctx = "my"
@ -358,7 +361,8 @@ async function __docAttachment(form, ctx = "wall", source = "user", source_id =
count: 0,
}
u('#gif_loader').remove()
u('#gif_loader, #_attachment_insert #show_more').remove()
u("#_attachment_insert .docsInsert").html("")
}
async page(page = 1, perPage = 10) {
@ -367,7 +371,12 @@ async function __docAttachment(form, ctx = "wall", source = "user", source_id =
const fd = new FormData
fd.append("context", "list")
fd.append("hash", window.router.csrf)
const req = await fetch(`/docs${source == "club" ? source_id : ""}?picker=1&p=${page}`, {
let url = `/docs${source == "club" ? source_arg : ""}?picker=1&p=${page}`
if(this.query) {
fd.append("context", "search")
fd.append("ctx_query", this.query)
}
const req = await fetch(url, {
method: "POST",
body: fd
})
@ -403,6 +412,16 @@ async function __docAttachment(form, ctx = "wall", source = "user", source_id =
this.showMore()
}
async search(query_string) {
this.clean()
if(query_string == "")
this.query = null
else
this.query = query_string
await this.page(1)
}
showMore() {
if(this.stat.page < this.stat.pagesCount) {
u('#_attachment_insert').append(`
@ -476,6 +495,10 @@ async function __docAttachment(form, ctx = "wall", source = "user", source_id =
msg.close()
await __docAttachment(form, "wall")
})
msg.getNode().on("change", ".attachment_search input", async (e) => {
await docs_reciever.search(ovk_proc_strtr(e.target.value, 100))
})
await docs_reciever.page(docs_reciever.stat.page + 1)
}