Index: src/views/pages/authorize-interaction.ejs =================================================================== --- src/views/pages/authorize-interaction.ejs (revision aa521c34b7f04012f799c30105288fb176538c25) +++ src/views/pages/authorize-interaction.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) @@ -95,17 +95,5 @@ <% } else if (typeof followTarget !== 'undefined' && followTarget) { %>

<%= t('fedi.follow_heading') %>

-

- <%= t('fedi.follow_intro') %> - <%= followTarget.actor_name %> - <%= followTarget.actor_handle %> -

-
- -
- - <%= t('comments.cancel') %> -
-
-

<%= t('fedi.remote_as', { site: siteTitle }) %>

+ <%- include('../partials/remote-actor', { actor: followTarget, cancelUrl: '/', siteTitle: siteTitle }) %> <% } else { %>

<%= t('fedi.remote_title') %>

@@ -118,197 +106,8 @@ <% } else { %> -

- <%= t('fedi.remote_replying_to') %> - <%= target.actor_name %> - <%= target.actor_handle %> -

-
- <% if (target.content) { %>
<%- target.content %>
- <% } else if (target.preview) { %><%= target.preview %><% } %> - <% (target.images || []).forEach(function(im){ %> - - <% }); %> -
- <% if (target.url || uri) { %> - - - <%= t('fedi.remote_view_original') %> - - <% } %> - <% if (target.poll) { var _pl = target.poll; var _tot = _pl.options.reduce(function(s,o){return s+(o.count||0);},0); var _vn = (_pl.voters!=null?_pl.voters:_tot); %> - <% if (!_pl.closed) { %> -
- - <% _pl.options.forEach(function(o){ %> - - <% }); %> -
- -
-

<%= _vn %> <%= _vn === 1 ? t('poll.voter_one') : t('poll.voter_many') %> · <%= t('poll.open') %><% if (_pl.endTime) { %> · <%= t('poll.closes') %> <%= new Date(_pl.endTime).toLocaleString() %><% } %><% if (_pl.multiple) { %> · <%= t('poll.multiple') %><% } %>

-
- <% } else { %> -
- <% _pl.options.forEach(function(o){ var _pct = _tot ? Math.round((o.count||0)*100/_tot) : 0; %> -
<%= o.name %><%= _pct %>%
- <% }); %> -

<%= _vn %> <%= _vn === 1 ? t('poll.voter_one') : t('poll.voter_many') %> · <%= t('poll.closed') %><% if (_pl.multiple) { %> · <%= t('poll.multiple') %><% } %>

-
- <% } %> - <% } %> - <% var _liked = (typeof reacted !== 'undefined' && reacted.liked); var _boosted = (typeof reacted !== 'undefined' && reacted.boosted); %> -
-
- - -
-
- - -
-
- <% if (locals.mayReply !== false) { %> -

<%= t('fedi.or_reply') %>

-

💬 <%= t('fedi.reply_where') %>

-
- <%- include('../partials/reply-editor', { - action: '/authorize_interaction', - hiddenFields: [{ name: 'uri', value: uri }], - placeholder: t('fedi.reply_ph'), - submitLabel: t('fedi.send'), - rows: 4, - participants: (target && target.actor_uri) ? [{ - uri: target.actor_uri, - url: target.actor_url || target.actor_uri, - handle: target.actor_handle || '', - }] : [], - }) %> -
<%= t('comments.cancel') %>
-
- <% } %> -

<%= t('fedi.remote_as', { site: siteTitle }) %>

-
- 🚩 <%= t('fedi.report_open') %> -
- - -

<%= t('fedi.report_where') %>

- -
- -
-
-
+ <%- include('../partials/remote-object', { target: target, uri: uri, reacted: (typeof reacted !== 'undefined' ? reacted : { liked: false, boosted: false }), siteTitle: siteTitle, cancelUrl: uri }) %> <% } %> <% } %> - - - +<%- include('../partials/fedi-interact-styles') %> Index: src/views/pages/search.ejs =================================================================== --- src/views/pages/search.ejs (revision aa521c34b7f04012f799c30105288fb176538c25) +++ src/views/pages/search.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) @@ -26,4 +26,26 @@ <%= t(total === 1 ? 'search.results_one' : 'search.results_other', { n: total, q: query }) %>

+ <% } %> + + <%# Een geplakt adres is geen zoekterm maar een aanwijzing (shaer-utpi): het + object van de andere server staat bovenaan, met dezelfde knoppen als op + /authorize_interaction -- dezelfde partial, dus één render en één plek + waar een poort of een sanitizer kan wonen. %> + <% if (typeof remoteUri !== 'undefined' && remoteUri) { %> +

<%= t('search.section_fediverse') %>

+
+ <% if (!mayLookup) { %> + <%# Ophalen is een uitgaand verzoek namens deze server; dat doen we niet + op verzoek van een willekeurige bezoeker. %> +

<%= t('search.fedi_signin') %>

+ <% } else if (remote && remoteKind === 'note') { %> + <%- include('../partials/remote-object', { target: remote, uri: remoteUri, reacted: remoteReacted, siteTitle: siteTitle, cancelUrl: _base + '/search' }) %> + <% } else if (remote && remoteKind === 'actor') { %> + <%- include('../partials/remote-actor', { actor: remote, cancelUrl: _base + '/search', siteTitle: siteTitle }) %> + <% } else { %> +

<%= t('fedi.remote_notfound') %>

+ <% } %> +
+ <%- include('../partials/fedi-interact-styles') %> <% } %> Index: src/views/partials/fedi-interact-styles.ejs =================================================================== --- src/views/partials/fedi-interact-styles.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) +++ src/views/partials/fedi-interact-styles.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) @@ -0,0 +1,111 @@ +<%# + De opmaak van de fediverse-interactieschermen. Staat apart zodat de pagina en + de zoekresultaten dezelfde render krijgen zonder de regels twee keer op te + schrijven (een tweede kopie loopt gegarandeerd uit de pas). +%> + Index: src/views/partials/remote-actor.ejs =================================================================== --- src/views/partials/remote-actor.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) +++ src/views/partials/remote-actor.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) @@ -0,0 +1,29 @@ +<%# + Een PERSOON van een andere server: wie het is, en de knop om te volgen. + + Zelfde reden als remote-object: de zoekbalk en /authorize_interaction laten + hetzelfde zien, dus staat het op één plek. Het volgen zelf gaat naar + /authorize_interaction/follow, want daar zit de poort van de guardians + (shaer-p729) en die hoort niet twee keer geschreven te worden. + + Verwacht: actor (uit resolveRemoteActor). Optioneel: cancelUrl, siteTitle. +%> +<% const _annuleer = (typeof cancelUrl !== 'undefined' && cancelUrl) ? cancelUrl : '/'; %> +
+ <% if (actor.actor_icon) { %> + + <% } %> +

+ <%= t('fedi.follow_intro') %> + <%= actor.actor_name %> + <%= actor.actor_handle %> +

+
+
+ +
+ + <%= t('comments.cancel') %> +
+
+

<%= t('fedi.remote_as', { site: typeof siteTitle !== 'undefined' ? siteTitle : '' }) %>

Index: src/views/partials/remote-object.ejs =================================================================== --- src/views/partials/remote-object.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) +++ src/views/partials/remote-object.ejs (revision 3ceaef6e9590862b66c5019b361edfac9e1af4fe) @@ -0,0 +1,103 @@ +<%# + Een object van een andere server: hoe het eruit ziet, en wat je ermee kunt. + + EEN PLEK, TWEE INGANGEN (de zoekbalk en /authorize_interaction). Dit stond + alleen op die tweede pagina, en toen de zoekfunctie een URL leerde herkennen + zou het een tweede render worden -- en daarmee een tweede plek waar een poort, + een sanitizer of een knop vergeten kan worden. De formulieren posten dus ook + vanaf de zoekpagina naar /authorize_interaction/..., want daar zit het werk en + daar zit de rechtencontrole. + + Verwacht: target (uit resolveRemoteNote), uri, reacted {liked,boosted}. + Optioneel: mayReply (false = alleen lezen en reageren, geen antwoordvenster), + cancelUrl (waar Annuleren heen gaat, standaard het origineel), siteTitle. +%> +<% const _cancel = (typeof cancelUrl !== 'undefined' && cancelUrl) ? cancelUrl : uri; %> +

+ <%= t('fedi.remote_replying_to') %> + <%= target.actor_name %> + <%= target.actor_handle %> +

+
+ <% if (target.content) { %>
<%- target.content %>
+ <% } else if (target.preview) { %><%= target.preview %><% } %> + <% (target.images || []).forEach(function(im){ %> + + <% }); %> +
+ <% if (target.url || uri) { %> + + + <%= t('fedi.remote_view_original') %> + + <% } %> + <% if (target.poll) { var _pl = target.poll; var _tot = _pl.options.reduce(function(s,o){return s+(o.count||0);},0); var _vn = (_pl.voters!=null?_pl.voters:_tot); %> + <% if (!_pl.closed) { %> +
+ + <% _pl.options.forEach(function(o){ %> + + <% }); %> +
+ +
+

<%= _vn %> <%= _vn === 1 ? t('poll.voter_one') : t('poll.voter_many') %> · <%= t('poll.open') %><% if (_pl.endTime) { %> · <%= t('poll.closes') %> <%= new Date(_pl.endTime).toLocaleString() %><% } %><% if (_pl.multiple) { %> · <%= t('poll.multiple') %><% } %>

+
+ <% } else { %> +
+ <% _pl.options.forEach(function(o){ var _pct = _tot ? Math.round((o.count||0)*100/_tot) : 0; %> +
<%= o.name %><%= _pct %>%
+ <% }); %> +

<%= _vn %> <%= _vn === 1 ? t('poll.voter_one') : t('poll.voter_many') %> · <%= t('poll.closed') %><% if (_pl.multiple) { %> · <%= t('poll.multiple') %><% } %>

+
+ <% } %> + <% } %> + <% var _liked = (typeof reacted !== 'undefined' && reacted.liked); var _boosted = (typeof reacted !== 'undefined' && reacted.boosted); %> +
+
+ + +
+
+ + +
+
+ <% if (locals.mayReply !== false) { %> +

<%= t('fedi.or_reply') %>

+

💬 <%= t('fedi.reply_where') %>

+
+ <%- include('./reply-editor', { + action: '/authorize_interaction', + hiddenFields: [{ name: 'uri', value: uri }], + placeholder: t('fedi.reply_ph'), + submitLabel: t('fedi.send'), + rows: 4, + participants: (target && target.actor_uri) ? [{ + uri: target.actor_uri, + url: target.actor_url || target.actor_uri, + handle: target.actor_handle || '', + }] : [], + }) %> +
<%= t('comments.cancel') %>
+
+ <% } %> +

<%= t('fedi.remote_as', { site: siteTitle }) %>

+
+ 🚩 <%= t('fedi.report_open') %> +
+ + +

<%= t('fedi.report_where') %>

+ +
+ +
+
+