mj-saunders
c563caef1c
We're learning emissary as we go here, figuring out what can be reused and in the process determining what tweaks or additions might be necessary for the emissary codebase itself.
65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
{{- $folders := .FoldersWithSelection}}
|
|
{{- $folder := $folders.Selected -}}
|
|
{{- $filter := .FilteredByFollowing -}}
|
|
|
|
{{- $folderID := $folder.FolderID.Hex -}}
|
|
{{- $followingID := .QueryParam "origin.followingId" -}}
|
|
|
|
<div class="page app flex-row" hx-get="{{.URL}}" hx-trigger="refreshPage from:window" script="on load take .selected from .nav-item for #nav-inbox">
|
|
|
|
<link rel="stylesheet" href="/.templates/user-inbox/stylesheet">
|
|
|
|
<!-- Sidebar Content -->
|
|
{{- template "sidebar" $folders -}}
|
|
|
|
<!-- Main App Content -->
|
|
<div class="app-content">
|
|
|
|
<div class="pos-sticky flex-row" style="padding:8px 0px; top:56px; width:100%; background-color:var(--page-background);z-index:100;">
|
|
|
|
{{- if $filter.NotZero -}}
|
|
{{- $following := .FollowingByToken $followingID -}}
|
|
<div class="flex-grow-1 margin-top-sm">
|
|
<div class="bold"><a href="/@me/inbox?folderId={{$folderID}}" hx-get="/@me/inbox?folderId={{$folderID}}">{{icon $folder.Icon}} {{$folder.Label}}</a></div>
|
|
<div class="flex-row margin-vertical">
|
|
{{- if ne "" $following.IconURL -}}
|
|
<div class="margin-top-xs">
|
|
<img src="{{$following.IconURL}}" class="circle width-48">
|
|
</div>
|
|
{{- end -}}
|
|
|
|
<div>
|
|
<h1 class="margin-top-none margin-bottom-sm ellipsis-block">
|
|
{{$following.Label}}
|
|
</h1>
|
|
<div class="margin-none">
|
|
<a href="{{$following.URL}}" target="_blank" class="text-gray">{{$following.URL}}</a>
|
|
· {{$following.LastPolled | tinyDate}} ago
|
|
|
|
<button class="text-xs" hx-get="/@me/inbox/following-edit?followingId={{$following.FollowingID.Hex}}">Edit Source</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{- else -}}
|
|
<h1 class="margin-top-sm flex-grow-1">{{icon $folder.Icon}} {{$folder.Label}}</h1>
|
|
{{- end -}}
|
|
</div>
|
|
|
|
<div class="text-sm nowrap margin-top-sm pos-absolute" style="top:8px; right:8px; z-index:1000;">
|
|
<button hx-get="/@me/inbox/following-search?folderId={{$folderID}}" class="primary turboclick">{{icon "add"}} Follow</button>
|
|
{{- if $filter.IsZero -}}
|
|
<button hx-get="/@me/inbox/filter?folderId={{$folderID}}" class="turboclick">{{icon "filter"}} Filter</button>
|
|
{{- else -}}
|
|
<button hx-get="/@me/inbox/filter?folderId={{$folderID}}&followingId={{$followingID}}" class="selected ellipsis turboclick" style="max-width:160px;">{{icon "filter-fill"}} {{$filter.Label}}</button>
|
|
{{- end -}}
|
|
<button hx-get="/@me/inbox/folder-edit?folderId={{$folderID}}" class="turboclick">{{icon "settings"}} Folder Settings</button>
|
|
</div>
|
|
|
|
{{- template "list" . -}}
|
|
|
|
</div>
|
|
|
|
<script src="/.templates/user-inbox/hyperscript" type="text/hyperscript"></script>
|
|
|
|
</div> |