xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

github releases timeline

This commit is contained in:
xaoxuu 2022-10-14 14:23:27 +08:00
parent a35ce9affc
commit 7442e12d9d
2 changed files with 55 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
source/css/_layout/tag-plugins/timeline.styl
View File

@ -91,11 +91,15 @@
font-size: $fs-14 font-size: $fs-14
p.title p.title
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 700
margin: 0 margin: 0
padding: 0.5rem 0 0.75rem padding: 0.5rem 0 0.75rem
line-height: 1.25 line-height: 1.25
border-bottom: 1px dashed var(--block-border) border-bottom: 1px dashed var(--block-border)
a
color: inherit
&:hover
color: $color-hover
pre code pre code
font-size: $fs-12 font-size: $fs-12
@ -116,18 +120,13 @@
line-height: 1.8 line-height: 1.8
&:empty &:empty
display: none display: none
a.comments .flex
margin-right: 0
.tag-plugin.timeline.stellar-timeline-api .body .footer .flex
display: flex display: flex
flex-wrap: wrap flex-wrap: wrap
font-size: $fs-12 font-size: $fs-12
align-items: stretch align-items: stretch
.reaction
border-color: var(--block) .tag-plugin.timeline.stellar-timeline-api .body .footer
border-style: dashed
.item .item
border-width: 1px border-width: 1px
border-style: solid border-style: solid
@ -136,24 +135,9 @@
padding: 0 0.5rem padding: 0 0.5rem
display: flex display: flex
align-items: center align-items: center
&.comments
border-width: 0
&:first-child &:first-child
margin-left: 0 margin-left: 0
&:last-child &:last-child
margin-right: 0 margin-right: 0
.key .reaction
margin-right: 4px border-color: var(--block)
.tag-plugin.timeline.stellar-timeline-api .body .footer a.comments
border-radius: 4px
padding: 0 0.5rem
color: white
trans1: all
margin-left: 2px
background: $color-theme
.key
margin-right: 4px
&:hover
background: $color-hover

34
source/js/plugins/timeline.js
View File

@ -59,45 +59,55 @@ const StellarTimeline = {
$(el).find('.loading-wrap').remove(); $(el).find('.loading-wrap').remove();
const arr = data.content || data; const arr = data.content || data;
arr.forEach((item, i) => { arr.forEach((item, i) => {
if (item.labels.length > 0) {
var cell = '<div class="timenode" index="' + i + '">'; var cell = '<div class="timenode" index="' + i + '">';
cell += '<div class="header">'; cell += '<div class="header">';
let date = new Date(item.created_at); let date = new Date(item.created_at);
cell += '<p>' + date.toString().replace(/\sGMT([^.]*)/i, "") + '</p>'; cell += '<p>' + date.toString().replace(/\sGMT([^.]*)/i, "") + '</p>';
cell += '</div>'; cell += '</div>';
cell += '<div class="body">'; cell += '<div class="body">';
cell += '<p class="title">' + item.title + '</p>'; cell += '<p class="title">';
cell += '<a href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
cell += item.title || item.name || item.tag_name;
cell += '</a>';
cell += '</p>';
cell += marked.parse(item.body); cell += marked.parse(item.body);
cell += '<div class="footer">'; cell += '<div class="footer">';
cell += '<div class="flex labels">'; cell += '<div class="flex left">';
if (item.labels) {
item.labels.forEach((label, i) => { item.labels.forEach((label, i) => {
cell += '<div class="item label ' + label.name + '" style="background:#' + label.color + '12;border-color:#' + label.color + '22">'; cell += '<div class="item label ' + label.name + '" style="background:#' + label.color + '18;border-color:#' + label.color + '36">';
cell += '<span>' + label.name + '</span>'; cell += '<span>' + label.name + '</span>';
cell += '</div>'; cell += '</div>';
}); });
} else if (item.zipball_url) {
cell += '<a class="item download" href="' + item.zipball_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
cell += '<span>📦 ' + item.tag_name + '.zip</span>';
cell += '</a>';
}
cell += '</div>'; cell += '</div>';
cell += '<div class="flex reactions">'; cell += '<div class="flex right">';
if (item.reactions.total_count > 0) { if (item.reactions && item.reactions.total_count > 0) {
for (let key of Object.keys(StellarTimeline.reactions)) { for (let key of Object.keys(StellarTimeline.reactions)) {
let num = item.reactions[key]; let num = item.reactions[key];
if (num > 0) { if (num > 0) {
cell += '<div class="item reaction ' + key + '">'; cell += '<div class="item reaction ' + key + '">';
cell += '<span class="key ' + key + '">' + StellarTimeline.reactions[key] + '</span>'; cell += '<span>' + StellarTimeline.reactions[key] + ' ' + item.reactions[key] + '</span>';
cell += '<span class="value ' + key + '">' + item.reactions[key] + '</span>';
cell += '</div>'; cell += '</div>';
} }
} }
} }
cell += '<a class="item comments" href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">'; if (item.comments) {
cell += '<span class="key comments">💬</span>'; cell += '<a class="item comments last" href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
cell += '<span class="value comments">' + item.comments + '</span>'; cell += '<span>💬 ' + item.comments + '</span>';
cell += '</a>'; cell += '</a>';
}
cell += '</div>'; cell += '</div>';
cell += '</div>'; cell += '</div>';
cell += '</div>'; cell += '</div>';
cell += '</div>'; cell += '</div>';
$(el).append(cell); $(el).append(cell);
}
}); });
}, function() { }, function() {
$(el).find('.loading-wrap svg').remove(); $(el).find('.loading-wrap svg').remove();