Okay, done!
This commit is contained in:
parent
ffcbdaa95e
commit
b428e96db4
GPG key ID:
511C112F1331BBB4
5 changed files with 167 additions and 32 deletions
|
|
@ -1,6 +1,7 @@
|
||||||
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<div>Last updated $lastupdated</div>
|
<p>Last updated $lastupdated</p>
|
||||||
<div>Created with love by Zeus WPI</div>
|
<p>Created with ♥ by Zeus WPI · <a href="https://git.zeus.gent/midgard/mattermost-channels">Source code</a></p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
65
gen.sh
65
gen.sh
|
|
@ -10,6 +10,9 @@ dir="$(dirname "$0")"
|
||||||
out="$dir/dist/channels/index.html"
|
out="$dir/dist/channels/index.html"
|
||||||
mkdir -p "$(dirname "$out")"
|
mkdir -p "$(dirname "$out")"
|
||||||
|
|
||||||
|
cp go_to_channel.png dist/
|
||||||
|
cp main.css dist/
|
||||||
|
|
||||||
custom_emoji_file="$(mktemp --tmpdir custom_emoji.XXXXXXXXXX.json)"
|
custom_emoji_file="$(mktemp --tmpdir custom_emoji.XXXXXXXXXX.json)"
|
||||||
mmcli listcustomemoji | jq -s > "$custom_emoji_file"
|
mmcli listcustomemoji | jq -s > "$custom_emoji_file"
|
||||||
|
|
||||||
|
|
@ -30,11 +33,20 @@ emoji() {
|
||||||
|
|
||||||
markdown() {
|
markdown() {
|
||||||
htmlescape | \
|
htmlescape | \
|
||||||
{ pandoc --from=markdown --to=html || printf "Markdown conversion failed\n" >&2; } | \
|
{ pandoc --from=markdown+autolink_bare_uris+emoji --to=html || printf "Markdown conversion failed\n" >&2; } | \
|
||||||
sed 's/src="\(.*\)"/src=""/g' | \
|
sed -E '
|
||||||
|
s|<(h[0-6])[^>]*>|<div class="\1">|g
|
||||||
|
s|</(h[0-6])>|</div>|g
|
||||||
|
s/src="\(.*\)"/src=""/g
|
||||||
|
' | \
|
||||||
|
sed -f "$channels_sed_file" | \
|
||||||
emoji
|
emoji
|
||||||
}
|
}
|
||||||
|
|
||||||
|
format_number() {
|
||||||
|
awk '{printf "%'\''d\n", $1}'
|
||||||
|
}
|
||||||
|
|
||||||
format_timestamp() {
|
format_timestamp() {
|
||||||
format_str="$1"
|
format_str="$1"
|
||||||
xargs -Ixxx date --date "@xxx" "+$format_str"
|
xargs -Ixxx date --date "@xxx" "+$format_str"
|
||||||
|
|
@ -42,6 +54,9 @@ format_timestamp() {
|
||||||
|
|
||||||
channels="$(mmcli ls "$team_name" | jq -cs 'sort_by(- .last_post_at) | .[]')"
|
channels="$(mmcli ls "$team_name" | jq -cs 'sort_by(- .last_post_at) | .[]')"
|
||||||
channel_count="$(jqo "$channels" -s 'length')"
|
channel_count="$(jqo "$channels" -s 'length')"
|
||||||
|
channels_sed_file="$(mktemp --tmpdir "mattermost_channels.XXXXXXXXX.sed")"
|
||||||
|
jqo "$channels" -s 'map(.name) | sort_by(length) | reverse | .[]' | sed 's|.*|s/~&/<a href=\"#channel_&\">CHANNEL[&]<\\/a>/g|' > "$channels_sed_file"
|
||||||
|
printf 's/CHANNEL\\[\\([^]]*\\)\\]/~\\1/g\n' >> "$channels_sed_file"
|
||||||
|
|
||||||
substitute_vars() {
|
substitute_vars() {
|
||||||
sed '
|
sed '
|
||||||
|
|
@ -63,26 +78,46 @@ printf '%s\n' "$channels" | while IFS="" read -r chan || [ -n "$chan" ]; do
|
||||||
header="$(jqo "$chan" '.header' | markdown)"
|
header="$(jqo "$chan" '.header' | markdown)"
|
||||||
create_at="$(jqo "$chan" '.create_at / 1000' | format_timestamp '%Y-%m-%d')"
|
create_at="$(jqo "$chan" '.create_at / 1000' | format_timestamp '%Y-%m-%d')"
|
||||||
last_post_at="$(jqo "$chan" '.last_post_at / 1000' | format_timestamp '%Y-%m-%d %H:%M')"
|
last_post_at="$(jqo "$chan" '.last_post_at / 1000' | format_timestamp '%Y-%m-%d %H:%M')"
|
||||||
total_msg_count="$(jqo "$chan" '.total_msg_count')"
|
total_msg_count="$(jqo "$chan" '.total_msg_count' | format_number)"
|
||||||
|
|
||||||
cat >> "$out" <<HERE
|
cat >> "$out" <<HERE
|
||||||
<div class="channel" id="channel_$name">
|
<div class="channel" id="channel_$name">
|
||||||
<h3><a href="https://mattermost.zeus.gent/zeus/$name">$display_name</a></h3>
|
<h2>$display_name <a href="https://mattermost.zeus.gent/zeus/$name"><img src="../go_to_channel.png" alt="Go to channel" class="go_to_channel" /></a></h2>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>Channel purpose</dt>
|
HERE
|
||||||
<dd class="purpose">$purpose</dd>
|
if [ -n "$purpose" ]; then
|
||||||
|
cat >> "$out" <<HERE
|
||||||
|
<div class="purpose">
|
||||||
|
<dt>Purpose</dt>
|
||||||
|
<dd>$purpose</dd>
|
||||||
|
</div>
|
||||||
|
|
||||||
<dt>Channel header</dt>
|
HERE
|
||||||
<dd class="header">$header</dd>
|
fi
|
||||||
|
if [ -n "$header" ]; then
|
||||||
<dt>Channel created on</dt>
|
cat >> "$out" <<HERE
|
||||||
<dd class="create_at">$create_at</dd>
|
<div class="header">
|
||||||
|
<dt>Header</dt>
|
||||||
|
<dd>$header</dd>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
HERE
|
||||||
|
fi
|
||||||
|
cat >> "$out" <<HERE
|
||||||
|
<div class="stats">
|
||||||
|
<div class="create_at">
|
||||||
|
<dt>Created on</dt>
|
||||||
|
<dd>$create_at</dd>
|
||||||
|
</div>
|
||||||
|
<div class="last_post_at">
|
||||||
<dt>Last message</dt>
|
<dt>Last message</dt>
|
||||||
<dd class="last_post_at">$last_post_at</dd>
|
<dd>$last_post_at</dd>
|
||||||
|
</div>
|
||||||
<dt>Total amount of messages</dt>
|
<div class="total_msg_count">
|
||||||
<dd class="total_msg_count">$total_msg_count</dd>
|
<dt>Amount of messages</dt>
|
||||||
|
<dd>$total_msg_count</dd>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
HERE
|
HERE
|
||||||
|
|
|
||||||
BIN
go_to_channel.png
Normal file
BIN
go_to_channel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 592 B |
13
header.html
13
header.html
|
|
@ -4,14 +4,11 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>$mattermost_name channels</title>
|
<title>$mattermost_name channels</title>
|
||||||
<style>
|
<link href="../main.css" rel="stylesheet" />
|
||||||
img.emoji {
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
vertical-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<header>
|
||||||
<h1>$mattermost_name channels</h1>
|
<h1>$mattermost_name channels</h1>
|
||||||
<p>A list of all $channel_count public channels in the team $team_name on $mattermost_name, as of $lastupdated</p>
|
<p>A list of all $channel_count public channels in the team <tt>$team_name</tt> on $mattermost_name, as of $lastupdated</p>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
|
|
||||||
102
main.css
Normal file
102
main.css
Normal file
|
|
@ -0,0 +1,102 @@
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: sans-serif;
|
||||||
|
background-color: #121212; /* Dark background */
|
||||||
|
color: #c9c2c0; /* Light text color */
|
||||||
|
line-height: 1.6;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 { font-size: 125%; }
|
||||||
|
|
||||||
|
h2 { font-size: 110%; }
|
||||||
|
|
||||||
|
h3 { font-size: 105%; }
|
||||||
|
|
||||||
|
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #ff7000;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #efa76f;
|
||||||
|
}
|
||||||
|
|
||||||
|
dl {
|
||||||
|
margin-left: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
dt {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #8f6254;
|
||||||
|
margin-top: 0.625em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd {
|
||||||
|
margin-left: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 590px) {
|
||||||
|
.stats {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.stats > * {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
header, footer {
|
||||||
|
text-align: center;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Card Style */
|
||||||
|
.channel {
|
||||||
|
background-color: #1E1E1E; /* Card background */
|
||||||
|
border-radius: 1em;
|
||||||
|
padding: 0.7em 1em 1em;
|
||||||
|
margin: 1em auto;
|
||||||
|
max-width: 75em;
|
||||||
|
box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1000px) {
|
||||||
|
header, footer {
|
||||||
|
margin: 3em 0;
|
||||||
|
font-size: 125%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.channel {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img.emoji {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.go_to_channel {
|
||||||
|
margin-left: 0.3em;
|
||||||
|
width: 0.8em;
|
||||||
|
height: 0.8em;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue