madmaniak
/
fuzzyhome-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

refactor

main
familyfriendlymikey 2 years ago
parent
303b2c5bf1
commit
731cf7a46e
2 changed files with 42 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 74
      app/components/app-link.imba
  2. 7
      app/components/app-links.imba

74
app/components/app-link.imba
View File

@ -1,54 +1,52 @@
tag app-link tag app-link
def render def render
<self> <self
@pointerover=set_selection_index(index)
@click.prevent=handle_click_link(link)
.selected=(index is selection_index)
>
css d:flex fld:row jc:space-between ai:center css d:flex fld:row jc:space-between ai:center
px:16px py:11px rd:5px cursor:pointer c:blue3 px:16px py:11px rd:5px cursor:pointer c:blue3
<.link <.link-left>
@pointerover=(selection_index = index) css d:flex fl:1
@click.prevent=handle_click_link(link)
.selected=(index is selection_index)
>
<.link-left> <img.link-icon src=data.icon>
css d:flex fl:1 css w:20px h:20px mr:10px rd:3px
<img.link-icon src=data.icon> <.display-name [c:#FAD4AB]=data.is_bang> data.display_name
css w:20px h:20px mr:10px rd:3px css tt:capitalize fs:20px overflow-wrap:anywhere
<.display-name [c:#FAD4AB]=data.is_bang> data.display_name if data.display_name isnt data.name and config.data.enable_effective_names
css tt:capitalize fs:20px overflow-wrap:anywhere <.name>
css d:flex ja:center c:gray4 ml:10px fs:14px
css .parens fs:10px c:gray4/80
if data.display_name isnt data.name and config.data.enable_effective_names <span.parens> "("
<.name> <span> data.name
css d:flex ja:center c:gray4 ml:10px fs:14px <span.parens> ")"
css .parens fs:10px c:gray4/80
<span.parens> "(" <.link-right>
<span> data.name css d:flex fld:row jc:space-between ai:center
<span.parens> ")" css .buttons-disabled .link-button visibility:hidden
css .selected .link-button visibility:visible
<.link-right> <.link-buttons .buttons-disabled=!config.data.enable_buttons>
css d:flex fld:row jc:space-between ai:center css d:flex fld:row jc:flex-start ai:center pr:25px gap:5px
css .buttons-disabled .link-button visibility:hidden css .link-button visibility:hidden rd:3px c:purple4 fs:15px cursor:pointer px:3px
css .selected .link-button visibility:visible css .link-button svg w:15px
<.link-buttons .buttons-disabled=!config.data.enable_buttons> <.link-button@click.prevent.stop=handle_click_edit(link)>
css d:flex fld:row jc:flex-start ai:center pr:25px gap:5px <svg src='../assets/edit-2.svg'>
css .link-button visibility:hidden rd:3px c:purple4 fs:15px cursor:pointer px:3px
css .link-button svg w:15px
<.link-button@click.prevent.stop=handle_click_edit(link)> <.link-button@click.prevent.stop=handle_click_delete(link)>
<svg src='../assets/edit-2.svg'> <svg src='../assets/trash.svg'>
<.link-button@click.prevent.stop=handle_click_delete(link)> <.link-button
<svg src='../assets/trash.svg'> @click.prevent.stop=handle_click_pin(link)
[visibility:visible c:purple3/50]=(data.is_pinned and (index isnt selection_index or not config.data.enable_buttons))
> <svg src='../assets/star.svg'>
<.link-button <.frequency> data.frequency
@click.prevent.stop=handle_click_pin(link) css fs:15px ml:7px
[visibility:visible c:purple3/50]=(data.is_pinned and (index isnt selection_index or not config.data.enable_buttons))
> <svg src='../assets/star.svg'>
<.frequency> data.frequency
css fs:15px ml:7px

7
app/components/app-links.imba
View File

@ -228,4 +228,9 @@ tag app-links
<app-bang data=active_bang> <app-bang data=active_bang>
else else
for link, index in state.sorted_links for link, index in state.sorted_links
<app-link data=link index=index> <app-link
data=link
set_selection_index=(do |index| selection_index = index)
index=index
selection_index=selection_index
>

Write Preview
Loading…
Cancel
Save