aboutsummaryrefslogtreecommitdiff
path: root/static/ncatalog.html
blob: 6a830d0a01194202b863043790be4bcb75c0c9dd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
{{ define "header" }}
<title>/{{ .Board.Name }}/ - catalog</title>
<meta name="description" content="{{ .Board.Summary }}">
<meta property="og:url" content="{{ .Board.Actor.Id }}">
<meta property="og:site_name" content="{{ .Instance.PreferredUsername }}" />

<meta property="og:title" content="{{ .Title }}">
<meta property="og:description" content="{{ .Board.Summary }}">

<meta name="twitter:title" content="{{ .Title }}">
<meta name="twitter:description" content="{{ .Board.Summary }}">
<meta name="twitter:card" content="summary_large_image">

<script src="/static/js/posts.js"></script>
{{ end }}

{{ define "content" }}
{{ $board := .Board }}
<hr>

<ul id="navlinks">
  <li>[<a href="/{{ $board.Name }}/">Return</a>]</li>
  {{ if showArchive }}
  <li>[<a href="/{{ $board.Name }}/archive">Archive</a>]</li>
  {{ end }}
  <li>[<a href="#bottom">Bottom</a>]</li>
  <li>[<a href="javascript:location.reload()">Refresh</a>]</li>
</ul>

<hr>

<div style="padding: 10px; text-align: center;">
  {{ range .Posts }}
  <div style="overflow: hidden; vertical-align: top; padding-right: 24px; padding-bottom: 24px; display: inline-block; width: 180px; max-height: 320px; margin-bottom: 10px;">
    {{ if eq $board.ModCred $board.Domain $board.Actor.Id }}
    <a href="/delete?id={{ .Id }}&board={{ $board.Actor.Name }}">[Delete Post]</a>
    {{ end }}
    {{ if .Attachment }}
    {{ if eq $board.ModCred $board.Domain $board.Actor.Id }}
    <a href="/deleteattach?id={{ .Id }}&board={{ $board.Actor.Name }}">[Delete Attachment]</a>
    <a href="/marksensitive?id={{ .Id }}&board={{ $board.Actor.Name }}">[Mark Sensitive]</a>
    {{ end }}
    <div id="hide-{{ .Id }}" style="display: none;">[Hide]</div>
    <div id="sensitive-{{ .Id }}" style="display: none;">
      <div style="position: relative; text-align: center;">
	<img id="sensitive-img-{{ .Id }}" style="float: left; margin-right: 10px; margin-bottom: 10px; max-width: 180px; max-height: 180px;" src="/static/sensitive.png">
	<div id="sensitive-text-{{ .Id }}" style="width: 170px; position: absolute; margin-top: 75px; padding: 5px; background-color: black; color: white; cursor: default; ">NSFW Content</div>
      </div>
    </div>
    <a id="{{ .Id }}-anchor" href="/{{ $board.Name }}/{{ short $board.Actor.Outbox .Id}}">
      <div id="media-{{ .Id }}" style="width:180px;"> {{ parseAttachment . true }}</div>
    </a>
      <script>
        media = document.getElementById("media-{{ .Id }}")

        if(({{ .Sensitive }} && {{ $board.Actor.Restricted }}) || ({{ isOnion .Id }} && !{{ isOnion $board.Domain }})){
            sensitive = document.getElementById("sensitive-{{ .Id }}")
            hide = document.getElementById("hide-{{ .Id }}")
            sensitive.onclick = function(){document.getElementById("media-{{ .Id }}").style="display: block;"; document.getElementById("sensitive-{{ .Id }}").style="display: none;"; document.getElementById("hide-{{ .Id }}").style="display: block; cursor: pointer;"}
            hide.onclick = function(){document.getElementById("media-{{ .Id }}").style="display: none;"; document.getElementById("sensitive-{{ .Id }}").style="display: block;"; document.getElementById("hide-{{ .Id }}").style="display: none;"}
            sensitive.style = "display: block"
            media.style = "display: none;"
        }

        if({{ isOnion .Id }} && !{{ isOnion $board.Domain }}) {
            sensitive = document.getElementById("sensitive-{{ .Id }}")
            document.getElementById("sensitive-img-{{ .Id }}").src = "/static/onion.png"
            document.getElementById("sensitive-text-{{ .Id }}").innerText = "Tor Instance"
            hide = document.getElementById("hide-{{ .Id }}")
            sensitive.onclick = function(){document.getElementById("media-{{ .Id }}").style="display: block;"; document.getElementById("sensitive-{{ .Id }}").style="display: none;"; document.getElementById("hide-{{ .Id }}").style="display: block; cursor: pointer;"}
            hide.onclick = function(){document.getElementById("media-{{ .Id }}").style="display: none;"; document.getElementById("sensitive-{{ .Id }}").style="display: block;"; document.getElementById("hide-{{ .Id }}").style="display: none;"}
            sensitive.style = "display: block"
            media.style = "display: none;"
        }
      </script>
      {{ end }}
      <a style="color: unset;" id="{{ .Id }}-link" href="/{{ $board.Name }}/{{ short $board.Actor.Outbox .Id }}">
	<div style="display: block;">
	    {{ $replies := .Replies }}
	    {{ if $replies }}
	    <span>R: {{ $replies.TotalItems }}{{ if $replies.TotalImgs }}/ A: {{ $replies.TotalImgs }}{{ end }}</span>
	    {{ end }}
	    {{ if .Name }}
	    <br>
	    <span class="subject"><b>{{ .Name }}</b></span>
	    {{ end }}

	    {{ if .Content }}
	    <br>
	    <span>{{.Content}}</span>
	    {{ end }}
	</div>
      </a>
  </div>
  {{ end }}
</div>
<hr>

<ul id="navlinks">
  <li>[<a href="/{{ $board.Name }}/">Return</a>]</li>
  {{ if showArchive }}
  <li>[<a href="/{{ $board.Name }}/archive">Archive</a>]</li>
  {{ end }}
  <li>[<a href="#top">Top</a>]</li>
  <li>[<a href="javascript:location.reload()">Refresh</a>]</li>
</ul>

<hr>
{{ end }}
{{ define "bottom" }}
{{ end }}

{{ define "script" }}
{{ end }}