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.
135 lines
3.9 KiB
135 lines
3.9 KiB
2 years ago
|
tag app-links
|
||
|
|
|
||
|
|
selection_index = 0
|
||
|
|
bang = no
|
||
|
|
|
||
|
|
def mount
|
||
|
|
$links-input.focus!
|
||
|
|
|
||
|
|
def render
|
||
|
|
|
||
|
|
<self>
|
||
|
|
|
||
|
|
<.header>
|
||
|
|
css
|
||
|
|
d:flex fld:row w:100%
|
||
|
|
|
||
|
|
css .side
|
||
|
|
c:purple3/90 fs:15px
|
||
|
|
d:flex ja:center w:30px
|
||
|
|
cursor:pointer
|
||
|
|
|
||
|
|
css .side svg
|
||
|
|
w:15px
|
||
|
|
|
||
|
|
css .left
|
||
|
|
d:flex jc:left
|
||
|
|
|
||
|
|
css .right
|
||
|
|
d:flex jc:right
|
||
|
|
|
||
|
|
<.side.left
|
||
|
|
@click=handle_click_toggle_simplify_ui
|
||
|
|
>
|
||
|
|
if config.enable_simplify_ui
|
||
|
|
<svg src="./assets/eye-off.svg">
|
||
|
|
else
|
||
|
|
<svg src="./assets/eye.svg">
|
||
|
|
|
||
|
|
<input$links-input
|
||
|
|
bind=state.query
|
||
|
|
@hotkey('return').capture.if(!state.loading)=handle_return
|
||
|
|
@hotkey('shift+return').capture.if(!state.loading)=handle_shift_return
|
||
|
|
@hotkey('esc').capture.if(!state.loading)=handle_esc
|
||
|
|
@hotkey('shift+backspace').capture.if(!state.loading)=handle_shift_backspace
|
||
|
|
@hotkey('down').capture.if(!state.loading)=increment_selection_index
|
||
|
|
@hotkey('up').capture.if(!state.loading)=decrement_selection_index
|
||
|
|
@keydown.del.if(!state.loading)=handle_del
|
||
|
|
@input.if(!state.loading)=handle_input
|
||
|
|
@paste.if(!state.loading)=handle_paste
|
||
|
|
@blur=this.focus
|
||
|
|
@cut=handle_cut
|
||
|
|
disabled=state.loading
|
||
|
|
>
|
||
|
|
|
||
|
|
let m = math_result
|
||
|
|
if m isnt no and m.toString! isnt state.query.trim!
|
||
|
|
<.side.right[c:blue3 fs:20px ml:10px w:unset]
|
||
|
|
@click=handle_click_copy(m)
|
||
|
|
> "= {Math.round(m * 100)/100}"
|
||
|
|
else
|
||
|
|
<.side.right @click.if(!state.loading)=toggle_settings>
|
||
|
|
<svg src="./assets/settings.svg">
|
||
|
|
|
||
|
|
if config.enable_tips and not config.enable_simplify_ui
|
||
|
|
<.middle-button>
|
||
|
|
<.tip[jc:start ta:left fl:1] @click=handle_return>
|
||
|
|
<.tip-hotkey> "Return"
|
||
|
|
<.tip-content> "Navigate To Link"
|
||
|
|
<.tip[jc:center ta:center fl:2 px:15px]
|
||
|
|
@click=handle_shift_return
|
||
|
|
>
|
||
|
|
<.tip-hotkey> "Shift + Return"
|
||
|
|
<.tip-content[of:hidden text-overflow:ellipsis white-space:nowrap]>
|
||
|
|
<span> "Add New Link"
|
||
|
|
<span[ws:pre]> " "
|
||
|
|
let sq = state.query.trim!.split /\s+/
|
||
|
|
if sq.length >= 2
|
||
|
|
let url = sq.pop!
|
||
|
|
<span> '"'
|
||
|
|
<span> sq.join ' '
|
||
|
|
<span[ws:pre]> ' '
|
||
|
|
<span[c:blue3]> url
|
||
|
|
<span> '"'
|
||
|
|
else
|
||
|
|
<span> '"'
|
||
|
|
<span> sq.join ' '
|
||
|
|
<span> '"'
|
||
|
|
<.tip[jc:end ta:right fl:1]
|
||
|
|
@click=handle_shift_backspace
|
||
|
|
>
|
||
|
|
<.tip-hotkey> "Shift + Backspace"
|
||
|
|
<.tip-content> "Edit Link"
|
||
|
|
|
||
|
|
<.links>
|
||
|
|
if not viewing_community_links and (bang or state.sorted_links.length < 1)
|
||
|
|
<a.link.selected
|
||
|
|
href=encoded_bang_query
|
||
|
|
@click=handle_click_bang
|
||
|
|
>
|
||
|
|
<.link-left>
|
||
|
|
<img.link-icon src=active_bang.icon>
|
||
|
|
<.display-name.bang-text> encoded_bang_query
|
||
|
|
<.link-right[jc:flex-end]>
|
||
|
|
<.frequency> active_bang.frequency
|
||
|
|
else
|
||
|
|
for link, index in state.sorted_links
|
||
|
|
<a.link
|
||
|
|
href=link.url
|
||
|
|
@pointerover=(selection_index = index)
|
||
|
|
@click.prevent=handle_click_link(link)
|
||
|
|
.selected=(index is selection_index)
|
||
|
|
>
|
||
|
|
<.link-left>
|
||
|
|
<img.link-icon src=link.icon>
|
||
|
|
<.display-name
|
||
|
|
[c:#FAD4AB]=link.is_bang
|
||
|
|
> link.display_name
|
||
|
|
if link.display_name isnt link.name and config.enable_effective_names
|
||
|
|
<.name>
|
||
|
|
<span.parens> "("
|
||
|
|
<span> link.name
|
||
|
|
<span.parens> ")"
|
||
|
|
<.link-right>
|
||
|
|
<.link-buttons .buttons-disabled=(not config.enable_buttons or config.enable_simplify_ui)>
|
||
|
|
<.link-button@click.prevent.stop=handle_click_edit(link)>
|
||
|
|
<svg src='./assets/edit-2.svg'>
|
||
|
|
<.link-button@click.prevent.stop=handle_click_delete(link)>
|
||
|
|
<svg src='./assets/trash.svg'>
|
||
|
|
<.link-button
|
||
|
|
@click.prevent.stop=handle_click_pin(link)
|
||
|
|
[visibility:visible c:purple3/50]=(link.is_pinned and (index isnt selection_index or not config.enable_buttons or config.enable_simplify_ui))
|
||
|
|
>
|
||
|
|
<svg src='./assets/star.svg'>
|
||
|
|
<.frequency> link.frequency
|