intercal/chanbans
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update post view to show OPs with red bars on the left

Browse Source 
Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
This commit is contained in:
Alek Ratzloff
2023-08-13 21:48:38 -07:00
parent 0f97d2c577
commit 44e28c2e44
2 changed files with 53 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
chanbans/templates/index.html
View File

@@ -41,36 +41,39 @@
{% for post in posts %} {% for post in posts %}
<tr class="constructed-post"> <tr class="constructed-post">
<td align="left"> <td align="left">
<div class="post reply {% if post['nsfw'] %}nws{% else %}ws{% endif %}"> <div class="post-container">
<div class="post-info"> <div class="post-left{% if post['op'] %}-op{%endif %}"></div>
<input type="checkbox" disabled> <div class="post post-right reply{% if post['nsfw'] %} nws{% else %} ws{% endif %}">
<span class="board"><a href="?board={{post['board']}}">/{{post['board']}}/</a></span> <div class="post-info">
<span class="subject">{{post['sub']|safe}}</span> <input type="checkbox" disabled>
<span class="name-block"> <span class="board"><a href="?board={{post['board']}}">/{{post['board']}}/</a></span>
<span class="name">{{post['name']}}</span> <span class="subject">{{post['sub']|safe}}</span>
{% if post['trip'] %} <span class="name-block">
<span class="poster-trip">{{post['trip']}}</span> <span class="name">{{post['name']}}</span>
{% endif %} {% if post['trip'] %}
</span> <span class="poster-trip">{{post['trip']}}</span>
<span class="date-time">{{post['now']}}</span> {% endif %}
<span class="post-num">No. XXX</span> </span>
</div> <span class="date-time">{{post['now']}}</span>
{% if post['thumb_path'] %} <span class="post-num">No. XXX</span>
<div class="file"> </div>
<div class="file-info"> {% if post['thumb_path'] %}
<span class="file-text"> <div class="file">
File: {{post['tim']}}{{post['ext']}} <div class="file-info">
({{post['fsize']}}, {{post['w']}}x{{post['h']}}, {{post['filename']}}{{post['ext']}}) <span class="file-text">
File: {{post['tim']}}{{post['ext']}}
({{post['fsize']}}, {{post['w']}}x{{post['h']}}, {{post['filename']}}{{post['ext']}})
</span>
</div>
<span class="file-thumb">
<img src="{{static_url(post['thumb_path'])}}" data-md5="{{post['md5']}}" loading="lazy">
</span> </span>
</div> </div>
<span class="file-thumb"> {% endif %}
<img src="{{static_url(post['thumb_path'])}}" data-md5="{{post['md5']}}" loading="lazy"> <blockquote class="post-message">
</span> {{post['com']|safe}}
</div> </blockquote>
{% endif %} </div>
<blockquote class="post-message">
{{post['com']|safe}}
</blockquote>
</div> </div>
</td> </td>
<td>{{post['action']}}</td> <td>{{post['action']}}</td>

22
static/style00.css
View File

@@ -42,6 +42,28 @@ header {
font-size: large; font-size: large;
} }
.post-container {
height: 100%;
width: 100%;
display: table;
}
.post-left {
display: table-cell;
width: 5px;
}
.post-left-op {
display: table-cell;
width: 5px;
background-color: #f00;
}
.post-right {
display: table-cell;
padding-left: 10px;
}
table { table {
border-top: 1px solid black; border-top: 1px solid black;
border-left: 1px solid black; border-left: 1px solid black;