PonyMirrors/ponepaste
1
0
Fork 0
mirror of https://github.com/Neetpone/ponepaste.git synced 2025-03-12 06:30:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Deduplicate some JS

Browse source
This commit is contained in:
Floorb 2022-03-26 23:48:19 -04:00
parent 85d411fd12
commit 02715158d3
4 changed files with 39 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
js/archive.js
View file

@ -1,5 +1,6 @@
import { escape, whenReady } from './dom'; import { escape, whenReady } from './dom';
import { DataTable, dumbFilterCallback } from './data_tables'; import { DataTable, dumbFilterCallback } from './data_tables';
import { tagsToHtml } from "./utils";
import { globalSetup } from './main'; import { globalSetup } from './main';
whenReady(() => { whenReady(() => {
@ -16,27 +17,10 @@ whenReady(() => {
.then(resolve); .then(resolve);
}, },
rowCallback: (rowData) => { rowCallback: (rowData) => {
const tags = rowData.tags.map((tagData) => {
let tagColorClass;
if (tagData.name.indexOf('nsfw') !== -1) {
tagColorClass = 'is-danger';
} else if (tagData.name.indexOf('safe') !== -1) {
tagColorClass = 'is-success';
} else if (tagData.name.indexOf('/') !== -1) {
tagColorClass = 'is-primary';
} else {
tagColorClass = 'is-info';
}
return `<a href="/archive?q=${tagData.slug}">
<span class="tag ${tagColorClass}">${escape(tagData.name)}</span>
</a>`;
}).join('');
return `<tr> return `<tr>
<td><a href="/${rowData.id}">${escape(rowData.title)}</a></td> <td><a href="/${rowData.id}">${escape(rowData.title)}</a></td>
<td><a href="/user/${escape(rowData.author)}">${escape(rowData.author)}</a></td> <td><a href="/user/${escape(rowData.author)}">${escape(rowData.author)}</a></td>
<td>${tags}</td> <td>${tagsToHtml(rowData.tags)}</td>
</tr>`; </tr>`;
}, },
filterCallback: dumbFilterCallback, filterCallback: dumbFilterCallback,

53
js/user_profile.js
View file

@ -1,5 +1,6 @@
import { escape, whenReady } from './dom'; import { escape, whenReady } from './dom';
import { DataTable, dumbFilterCallback } from './data_tables'; import { DataTable, dumbFilterCallback } from './data_tables';
import { tagsToHtml } from "./utils";
import { globalSetup } from './main'; import { globalSetup } from './main';
const getUserInfo = () => { const getUserInfo = () => {
@ -33,39 +34,23 @@ whenReady(() => {
}); });
}, },
rowCallback: (rowData) => { rowCallback: (rowData) => {
const tags = rowData.tags.map((tagData) => {
let tagColorClass;
if (tagData.name.indexOf('nsfw') !== -1) {
tagColorClass = 'is-danger';
} else if (tagData.name.indexOf('safe') !== -1) {
tagColorClass = 'is-success';
} else if (tagData.name.indexOf('/') !== -1) {
tagColorClass = 'is-primary';
} else {
tagColorClass = 'is-info';
}
return `<a href="/archive?q=${tagData.slug}">
<span class="tag ${tagColorClass}">${escape(tagData.name)}</span>
</a>`;
}).join('');
const userData = getUserInfo(); const userData = getUserInfo();
const deleteElem = true ? `<td> const deleteElem = true ? `<td class="td-center">
<form action="/${rowData.id}" method="POST"> <form action="/${rowData.id}" method="POST">
<input type="hidden" name="delete" value="delete" /> <input type="hidden" name="delete" value="delete" />
<input type="hidden" name="csrf_token" value="${userData.csrfToken}" /> <input type="hidden" name="csrf_token" value="${userData.csrfToken}" />
<input type="submit" value="Delete" /> <input type="submit" value="Delete" />
</form> </form>
</td>` : ''; </td>` : '';
const pasteCreatedAt = new Date(rowData.created_at).toLocaleString();
return `<tr> return `<tr>
<td><a href="/${rowData.id}">${escape(rowData.title)}</a></td> <td><a href="/${rowData.id}">${escape(rowData.title)}</a></td>
<td>${rowData.created_at}</td> <td class="td-center">${pasteCreatedAt}</td>
<td>${rowData.visibility}</td> <td class="td-center">${rowData.visibility}</td>
<td>${rowData.views || 0}</td> <td class="td-center">${rowData.views || 0}</td>
<td>${tags}</td> <td>${tagsToHtml(rowData.tags)}</td>
${deleteElem} ${deleteElem}
</tr>`; </tr>`;
}, },
@ -87,33 +72,17 @@ whenReady(() => {
}); });
}, },
rowCallback: (rowData) => { rowCallback: (rowData) => {
const tags = rowData.tags.map((tagData) => {
let tagColorClass;
if (tagData.name.indexOf('nsfw') !== -1) {
tagColorClass = 'is-danger';
} else if (tagData.name.indexOf('safe') !== -1) {
tagColorClass = 'is-success';
} else if (tagData.name.indexOf('/') !== -1) {
tagColorClass = 'is-primary';
} else {
tagColorClass = 'is-info';
}
return `<a href="/archive?q=${tagData.slug}">
<span class="tag ${tagColorClass}">${escape(tagData.name)}</span>
</a>`;
}).join('');
const recentUpdate = rowData.recently_updated ? const recentUpdate = rowData.recently_updated ?
`<i class='far fa-check-square fa-lg' aria-hidden='true'></i>` : `<i class='far fa-check-square fa-lg' aria-hidden='true'></i>` :
`<i class='far fa-minus-square fa-lg' aria-hidden='true'></i>`; `<i class='far fa-minus-square fa-lg' aria-hidden='true'></i>`;
const pasteFavedAt = new Date(rowData.favourited_at).toLocaleString();
// <td><a href="/user/${escape(rowData.author)}">${escape(rowData.author)}</a></td> // <td><a href="/user/${escape(rowData.author)}">${escape(rowData.author)}</a></td>
return `<tr> return `<tr>
<td><a href="/${rowData.id}">${escape(rowData.title)}</a></td> <td><a href="/${rowData.id}">${escape(rowData.title)}</a></td>
<td>${rowData.favourited_at}</td> <td class="td-center">${pasteFavedAt}</td>
<td>${recentUpdate}</td> <td class="td-center">${recentUpdate}</td>
<td>${tags}</td> <td>${tagsToHtml(rowData.tags)}</td>
</tr>`; </tr>`;
}, },
filterCallback: dumbFilterCallback filterCallback: dumbFilterCallback

23
js/utils.js Normal file
View file

@ -0,0 +1,23 @@
import { escape } from "./dom";
const tagsToHtml = (tags) => {
return tags.map(tagData => {
let tagColorClass;
if (tagData.name.indexOf('nsfw') !== -1) {
tagColorClass = 'is-danger';
} else if (tagData.name.indexOf('safe') !== -1) {
tagColorClass = 'is-success';
} else if (tagData.name.indexOf('/') !== -1) {
tagColorClass = 'is-primary';
} else {
tagColorClass = 'is-info';
}
return `<a href="/archive?q=${tagData.slug}">
<span class="tag ${tagColorClass}">${escape(tagData.name)}</span>
</a>`;
}).join('');
};
export { tagsToHtml };

4
theme/bulma/user_profile.php
View file

@ -132,7 +132,9 @@
<?php if ($is_current_user || $paste->visible == Paste::VISIBILITY_PUBLIC): ?> <?php if ($is_current_user || $paste->visible == Paste::VISIBILITY_PUBLIC): ?>
<tr data-paste-info="<?= pp_html_escape(json_encode($pasteJson)); ?>"> <tr data-paste-info="<?= pp_html_escape(json_encode($pasteJson)); ?>">
<td><a href="<?= urlForPaste($paste) ?>" title="<?= $escaped_title ?>"><?= $escaped_title ?></a></td> <td><a href="<?= urlForPaste($paste) ?>" title="<?= $escaped_title ?>"><?= $escaped_title ?></a></td>
<td data-sort="<?= $p_date->format('U') ?>" class="td-center"><?= $p_date->format('d F Y') ?></td> <td data-sort="<?= $p_date->format('U') ?>" class="td-center">
<?= $p_date->format('d F Y') ?>
</td>
<td class="td-center"><?= $p_visible; ?></td> <td class="td-center"><?= $p_visible; ?></td>
<td class="td-center"><?= $paste->views ?></td> <td class="td-center"><?= $paste->views ?></td>
<td class="td-left"><?= tagsToHtmlUser($paste->tags, $profile_username); ?></td> <td class="td-left"><?= tagsToHtmlUser($paste->tags, $profile_username); ?></td>