10714081133

Committed 05 Sep 2024 04:51AM UTC coverage: 81.815% (-0.9%) from 82.671%

Build # 10714081133

Build Type

Pull #530

github

Committed by

web-flow

Commit Message

Merge bcb855b43 into e7cfda55c

Pull Request Pull Request #530: Refactoring code in public/src/client/topic/postTools.js

Run Details

9966 of 13624 branches covered (73.15%)

Branch coverage included in aggregate %.

5 of 28 new or added lines in 1 file covered. (17.86%)

1 existing line in 1 file now uncovered.

22337 of 25859 relevant lines covered (86.38%)

1615.73 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

3.75

/public/src/client/topic/postTools.js

'use strict';

define('forum/topic/postTools', [
        'share',
        'navigator',
        'components',
        'translator',
        'forum/topic/votes',
        'api',
        'bootbox',
        'alerts',
        'hooks',
        'helpers',
], function (share, navigator, components, translator, votes, api, bootbox, alerts, hooks, helpers) {
        const PostTools = {};

        console.log('Lucia Fang');
        PostTools.checkDuration = function (duration, postTimestamp, languageKey) {
                if (!ajaxify.data.privileges.isAdminOrMod && duration && Date.now() - postTimestamp > duration * 1000) {
                        const numDays = Math.floor(duration / 86400);
                        const numHours = Math.floor((duration % 86400) / 3600);
                        const numMinutes = Math.floor(((duration % 86400) % 3600) / 60);
                        const numSeconds = ((duration % 86400) % 3600) % 60;
                        let msg = '[[error:' + languageKey + ', ' + duration + ']]';
                        if (numDays && numHours) {
                                msg = '[[error:' + languageKey + '-days-hours, ' + numDays + ', ' + numHours + ']]';
                        } else if (numDays && !numHours) {
                                msg = '[[error:' + languageKey + '-days, ' + numDays + ']]';
                        } else if (numHours && numMinutes) {
                                msg = '[[error:' + languageKey + '-hours-minutes, ' + numHours + ', ' + numMinutes + ']]';
                        } else if (numHours && !numMinutes) {
                                msg = '[[error:' + languageKey + '-hours, ' + numHours + ']]';
                        } else if (numMinutes && numSeconds) {
                                msg = '[[error:' + languageKey + '-minutes-seconds, ' + numMinutes + ', ' + numSeconds + ']]';
                        } else if (numMinutes && !numSeconds) {
                                msg = '[[error:' + languageKey + '-minutes, ' + numMinutes + ']]';
                        }
                        alerts.error(msg);
                        return false;
                }
                return true;
        };
        const utils = require('../../utils');

        let staleReplyAnyway = false;

        PostTools.init = function (tid) {
                staleReplyAnyway = false;

                renderMenu();

                addPostHandlers(tid);

                share.addShareHandlers(ajaxify.data.titleRaw);

                votes.addVoteHandler();

                PostTools.updatePostCount(ajaxify.data.postcount);
        };

        function renderMenu() {
                const container = document.querySelector('[component="topic"]');
                if (!container) {
                        return;
                }
                $('[component="topic"]').on('show.bs.dropdown', '[component="post/tools"]', function () {
                        const $this = $(this);
                        const dropdownMenu = $this.find('.dropdown-menu');
                        const { top } = this.getBoundingClientRect();
                        $this.toggleClass('dropup', top > window.innerHeight / 2);

                        if (dropdownMenu.attr('data-loaded')) {
                                return;
                        }
                        dropdownMenu.html(helpers.generatePlaceholderWave([
                                3, 5, 9, 7, 10, 'divider', 10,
                        ]));

                        const postEl = $this.parents('[data-pid]');
                        const pid = postEl.attr('data-pid');
                        const index = parseInt(postEl.attr('data-index'), 10);

                        socket.emit('posts.loadPostTools', { pid: pid }, async (err, data) => {
                                if (err) {
                                        return alerts.error(err);
                                }
                                data.posts.display_move_tools = data.posts.display_move_tools && index !== 0;

                                const html = await app.parseAndTranslate('partials/topic/post-menu-list', data);
                                const clipboard = require('clipboard');

                                dropdownMenu.attr('data-loaded', 'true').html(html);

                                new clipboard('[data-clipboard-text]');

                                hooks.fire('action:post.tools.load', {
                                        element: dropdownMenu,
                                });
                        });
                });
        }

        PostTools.toggle = function (pid, isDeleted) {
                const postEl = components.get('post', 'pid', pid);

                postEl.find('[component="post/quote"], [component="post/bookmark"], [component="post/reply"], [component="post/flag"], [component="user/chat"]')
                        .toggleClass('hidden', isDeleted);

                postEl.find('[component="post/delete"]').toggleClass('hidden', isDeleted).parent().attr('hidden', isDeleted ? '' : null);
                postEl.find('[component="post/restore"]').toggleClass('hidden', !isDeleted).parent().attr('hidden', !isDeleted ? '' : null);
                postEl.find('[component="post/purge"]').toggleClass('hidden', !isDeleted).parent().attr('hidden', !isDeleted ? '' : null);

                PostTools.removeMenu(postEl);
        };

        PostTools.removeMenu = function (postEl) {
                postEl.find('[component="post/tools"] .dropdown-menu')
                        .removeAttr('data-loaded').html('');
        };

        PostTools.updatePostCount = function (postCount) {
                const postCountEl = components.get('topic/post-count');
                postCountEl.attr('title', postCount)
                        .html(helpers.humanReadableNumber(postCount));
                navigator.setCount(postCount);
        };

        function addPostHandlers(tid) {
                const postContainer = components.get('topic');

                handleSelectionTooltip();

                postContainer.on('click', '[component="post/quote"]', function () {
                        onQuoteClicked($(this), tid);
                });

                postContainer.on('click', '[component="post/reply"]', function () {
                        onReplyClicked($(this), tid);
                });

                $('.topic').on('click', '[component="topic/reply"]', function (e) {
                        e.preventDefault();
                        onReplyClicked($(this), tid);
                });

                $('.topic').on('click', '[component="topic/reply-as-topic"]', function () {
                        translator.translate(`[[topic:link-back, ${ajaxify.data.titleRaw}, ${config.relative_path}/topic/${ajaxify.data.slug}]]`, function (body) {
                                hooks.fire('action:composer.topic.new', {
                                        cid: ajaxify.data.cid,
                                        body: body,
                                });
                        });
                });

                postContainer.on('click', '[component="post/bookmark"]', function () {
                        return bookmarkPost($(this), getData($(this), 'data-pid'));
                });

                postContainer.on('click', '[component="post/upvote"]', function () {
                        return votes.toggleVote($(this), '.upvoted', 1);
                });

                postContainer.on('click', '[component="post/downvote"]', function () {
                        return votes.toggleVote($(this), '.downvoted', -1);
                });

                postContainer.on('click', '[component="post/vote-count"]', function () {
                        votes.showVotes(getData($(this), 'data-pid'));
                });

                postContainer.on('click', '[component="post/flag"]', function () {
                        const pid = getData($(this), 'data-pid');
                        require(['flags'], function (flags) {
                                flags.showFlagModal({
                                        type: 'post',
                                        id: pid,
                                });
                        });
                });

                postContainer.on('click', '[component="post/flagUser"]', function () {
                        const uid = getData($(this), 'data-uid');
                        require(['flags'], function (flags) {
                                flags.showFlagModal({
                                        type: 'user',
                                        id: uid,
                                });
                        });
                });

                postContainer.on('click', '[component="post/flagResolve"]', function () {
                        const flagId = $(this).attr('data-flagId');
                        require(['flags'], function (flags) {
                                flags.resolve(flagId);
                        });
                });

                postContainer.on('click', '[component="post/edit"]', function () {
                        const btn = $(this);

                        const timestamp = parseInt(getData(btn, 'data-timestamp'), 10);
                        const postEditDuration = parseInt(ajaxify.data.postEditDuration, 10);
                        console.log('Lucia Fang');
                        if (PostTools.checkDuration(postEditDuration, timestamp, 'post-edit-duration-expired')) {
                                hooks.fire('action:composer.post.edit', {
                                        pid: getData(btn, 'data-pid'),
                                });
                        }
                });

                if (config.enablePostHistory && ajaxify.data.privileges['posts:history']) {
                        postContainer.on('click', '[component="post/view-history"], [component="post/edit-indicator"]', function () {
                                const btn = $(this);
                                require(['forum/topic/diffs'], function (diffs) {
                                        diffs.open(getData(btn, 'data-pid'));
                                });
                        });
                }

                postContainer.on('click', '[component="post/delete"]', function () {
                        const btn = $(this);
                        const timestamp = parseInt(getData(btn, 'data-timestamp'), 10);
                        const postDeleteDuration = parseInt(ajaxify.data.postDeleteDuration, 10);
                        console.log('Lucia Fang');
                        if (PostTools.checkDuration(postDeleteDuration, timestamp, 'post-delete-duration-expired')) {
                                togglePostDelete($(this));
                        }
                });

                postContainer.on('click', '[component="post/restore"]', function () {
                        togglePostDelete($(this));
                });

                postContainer.on('click', '[component="post/purge"]', function () {
                        purgePost($(this));
                });

                postContainer.on('click', '[component="post/move"]', function () {
                        const btn = $(this);
                        require(['forum/topic/move-post'], function (movePost) {
                                movePost.init(btn.parents('[data-pid]'));
                        });
                });

                postContainer.on('click', '[component="post/change-owner"]', function () {
                        const btn = $(this);
                        require(['forum/topic/change-owner'], function (changeOwner) {
                                changeOwner.init(btn.parents('[data-pid]'));
                        });
                });

                postContainer.on('click', '[component="post/ban-ip"]', function () {
                        const ip = $(this).attr('data-ip');
                        socket.emit('blacklist.addRule', ip, function (err) {
                                if (err) {
                                        return alerts.error(err);
                                }
                                alerts.success('[[admin/manage/blacklist:ban-ip]]');
                        });
                });

                postContainer.on('click', '[component="post/chat"]', function () {
                        openChat($(this));
                });
        }

        async function onReplyClicked(button, tid) {
                const selectedNode = await getSelectedNode();

                showStaleWarning(async function () {
                        let username = await getUserSlug(button);
                        if (getData(button, 'data-uid') === '0' || !getData(button, 'data-userslug')) {
                                username = '';
                        }

                        const toPid = button.is('[component="post/reply"]') ? getData(button, 'data-pid') : null;
                        const isQuoteToPid = !toPid || !selectedNode.pid || toPid === selectedNode.pid;

                        if (selectedNode.text && isQuoteToPid) {
                                username = username || selectedNode.username;
                                hooks.fire('action:composer.addQuote', {
                                        tid: tid,
                                        pid: toPid,
                                        title: ajaxify.data.titleRaw,
                                        username: username,
                                        body: selectedNode.text,
                                        selectedPid: selectedNode.pid,
                                });
                        } else {
                                hooks.fire('action:composer.post.new', {
                                        tid: tid,
                                        pid: toPid,
                                        title: ajaxify.data.titleRaw,
                                        body: username ? username + ' ' : ($('[component="topic/quickreply/text"]').val() || ''),
                                });
                        }
                });
        }

        async function onQuoteClicked(button, tid) {
                const selectedNode = await getSelectedNode();

                showStaleWarning(async function () {
                        const username = await getUserSlug(button);
                        const toPid = getData(button, 'data-pid');

                        function quote(text) {
                                hooks.fire('action:composer.addQuote', {
                                        tid: tid,
                                        pid: toPid,
                                        username: username,
                                        title: ajaxify.data.titleRaw,
                                        text: text,
                                });
                        }

                        if (selectedNode.text && toPid && toPid === selectedNode.pid) {
                                return quote(selectedNode.text);
                        }

                        const { content } = await api.get(`/posts/${toPid}/raw`);
                        quote(content);
                });
        }

        async function getSelectedNode() {
                let selectedText = '';
                let selectedPid;
                let username = '';
                const selection = window.getSelection ? window.getSelection() : document.selection.createRange();
                const postContents = $('[component="post"] [component="post/content"]');
                let content;
                postContents.each(function (index, el) {
                        if (selection && selection.containsNode && el && selection.containsNode(el, true)) {
                                content = el;
                        }
                });

                if (content && selection) {
                        selectedText = selection.toString();
                        const postEl = $(content).parents('[component="post"]');
                        selectedPid = postEl.attr('data-pid');
                        username = await getUserSlug($(content));
                }
                return { text: selectedText, pid: selectedPid, username: username };
        }

        function bookmarkPost(button, pid) {
                const method = button.attr('data-bookmarked') === 'false' ? 'put' : 'del';

                api[method](`/posts/${pid}/bookmark`, undefined, function (err) {
                        if (err) {
                                return alerts.error(err);
                        }
                        const type = method === 'put' ? 'bookmark' : 'unbookmark';
                        hooks.fire(`action:post.${type}`, { pid: pid });
                });
                return false;
        }

        function getData(button, data) {
                return button.parents('[data-pid]').attr(data);
        }

        function getUserSlug(button) {
                return new Promise((resolve) => {
                        let slug = '';
                        if (button.attr('component') === 'topic/reply') {
                                resolve(slug);
                                return;
                        }
                        const post = button.parents('[data-pid]');
                        if (post.length) {
                                require(['slugify'], function (slugify) {
                                        slug = slugify(post.attr('data-username'), true);
                                        if (!slug) {
                                                if (post.attr('data-uid') !== '0') {
                                                        slug = '[[global:former-user]]';
                                                } else {
                                                        slug = '[[global:guest]]';
                                                }
                                        }
                                        if (slug && slug !== '[[global:former-user]]' && slug !== '[[global:guest]]') {
                                                slug = '@' + slug;
                                        }
                                        resolve(slug);
                                });
                                return;
                        }

                        resolve(slug);
                });
        }

        function togglePostDelete(button) {
                const pid = getData(button, 'data-pid');
                const postEl = components.get('post', 'pid', pid);
                const action = !postEl.hasClass('deleted') ? 'delete' : 'restore';

                postAction(action, pid);
        }

        function purgePost(button) {
                postAction('purge', getData(button, 'data-pid'));
        }

        async function postAction(action, pid) {
                ({ action } = await hooks.fire(`static:post.${action}`, { action, pid }));
                if (!action) {
                        return;
                }

                bootbox.confirm('[[topic:post-' + action + '-confirm]]', function (confirm) {
                        if (!confirm) {
                                return;
                        }

                        const route = action === 'purge' ? '' : '/state';
                        const method = action === 'restore' ? 'put' : 'del';
                        api[method](`/posts/${pid}${route}`).catch(alerts.error);
                });
        }

        function openChat(button) {
                const post = button.parents('[data-pid]');
                require(['chat'], function (chat) {
                        chat.newChat(post.attr('data-uid'));
                });
                button.parents('.btn-group').find('.dropdown-toggle').click();
                return false;
        }

        function showStaleWarning(callback) {
                const topicStaleDays = parseInt(ajaxify.data.topicStaleDays, 10);
                if (!topicStaleDays) {
                        return callback();
                }
                const staleThreshold = Math.min(
                        Date.now() - (1000 * 60 * 60 * 24 * ajaxify.data.topicStaleDays),
                        8640000000000000
                );
                if (staleReplyAnyway || ajaxify.data.lastposttime >= staleThreshold) {
                        return callback();
                }

                const warning = bootbox.dialog({
                        title: '[[topic:stale.title]]',
                        message: '[[topic:stale.warning]]',
                        buttons: {
                                reply: {
                                        label: '[[topic:stale.reply-anyway]]',
                                        className: 'btn-link',
                                        callback: function () {
                                                staleReplyAnyway = true;
                                                callback();
                                        },
                                },
                                create: {
                                        label: '[[topic:stale.create]]',
                                        className: 'btn-primary',
                                        callback: function () {
                                                translator.translate(`[[topic:link-back, ${ajaxify.data.title}, ${config.relative_path}/topic/${ajaxify.data.slug}]]`, function (body) {
                                                        hooks.fire('action:composer.topic.new', {
                                                                cid: ajaxify.data.cid,
                                                                body: body,
                                                                fromStaleTopic: true,
                                                        });
                                                });
                                        },
                                },
                        },
                });

                warning.modal();
        }

        const selectionChangeFn = utils.debounce(selectionChange, 250);

        function handleSelectionTooltip() {
                if (!ajaxify.data.privileges['topics:reply']) {
                        return;
                }

                hooks.onPage('action:posts.loaded', delayedTooltip);
                $(document).off('selectionchange');
                $(document).on('selectionchange', function () {
                        const selectionEmpty = window.getSelection().toString() === '';
                        if (selectionEmpty) {
                                $('[component="selection/tooltip"]').addClass('hidden');
                        }
                });
                $(document).on('selectionchange', selectionChangeFn);
        }

        function selectionChange() {
                const selectionEmpty = window.getSelection().toString() === '';
                if (!selectionEmpty) {
                        delayedTooltip();
                }
        }

        async function delayedTooltip() {
                let selectionTooltip = $('[component="selection/tooltip"]');
                selectionTooltip.addClass('hidden');
                if (selectionTooltip.attr('data-ajaxify') === '1') {
                        selectionTooltip.remove();
                        return;
                }

                const selection = window.getSelection();
                if (selection.focusNode && selection.type === 'Range' && ajaxify.data.template.topic) {
                        const focusNode = $(selection.focusNode);
                        const anchorNode = $(selection.anchorNode);
                        const firstPid = anchorNode.parents('[data-pid]').attr('data-pid');
                        const lastPid = focusNode.parents('[data-pid]').attr('data-pid');
                        if (firstPid !== lastPid || !focusNode.parents('[component="post/content"]').length || !anchorNode.parents('[component="post/content"]').length) {
                                return;
                        }
                        const postEl = focusNode.parents('[data-pid]');
                        const selectionRange = selection.getRangeAt(0);
                        if (!postEl.length || selectionRange.collapsed) {
                                return;
                        }
                        const rects = selectionRange.getClientRects();
                        const lastRect = rects[rects.length - 1];

                        if (!selectionTooltip.length) {
                                selectionTooltip = await app.parseAndTranslate('partials/topic/selection-tooltip', ajaxify.data);
                                $('[component="selection/tooltip"]').remove();
                                selectionTooltip.addClass('hidden').appendTo('body');
                        }
                        selectionTooltip.off('click').on('click', '[component="selection/tooltip/quote"]', function () {
                                selectionTooltip.addClass('hidden');
                                onQuoteClicked(postEl.find('[component="post/quote"]'), ajaxify.data.tid);
                        });
                        selectionTooltip.removeClass('hidden');
                        $(window).one('action:ajaxify.start', function () {
                                selectionTooltip.attr('data-ajaxify', 1).addClass('hidden');
                                $(document).off('selectionchange', selectionChangeFn);
                        });
                        const tooltipWidth = selectionTooltip.outerWidth(true);
                        selectionTooltip.css({
                                top: lastRect.bottom + $(window).scrollTop(),
                                left: tooltipWidth > lastRect.width ? lastRect.left : lastRect.left + lastRect.width - tooltipWidth,
                        });
                }
        }

        return PostTools;
});



1	'use strict';
2
3	define('forum/topic/postTools', [	1✔
4	'share',
5	'navigator',
6	'components',
7	'translator',
8	'forum/topic/votes',
9	'api',
10	'bootbox',
11	'alerts',
12	'hooks',
13	'helpers',
14	], function (share, navigator, components, translator, votes, api, bootbox, alerts, hooks, helpers) {
15	const PostTools = {};	1✔
16
17	console.log('Lucia Fang');	1✔
18	PostTools.checkDuration = function (duration, postTimestamp, languageKey) {	1✔
19	if (!ajaxify.data.privileges.isAdminOrMod && duration && Date.now() - postTimestamp > duration * 1000) {	10!
NEW 20	const numDays = Math.floor(duration / 86400);	×
NEW 21	const numHours = Math.floor((duration % 86400) / 3600);	×
NEW 22	const numMinutes = Math.floor(((duration % 86400) % 3600) / 60);	×
NEW 23	const numSeconds = ((duration % 86400) % 3600) % 60;	×
NEW 24	let msg = '[[error:' + languageKey + ', ' + duration + ']]';	×
NEW 25	if (numDays && numHours) {	×
NEW 26	msg = '[[error:' + languageKey + '-days-hours, ' + numDays + ', ' + numHours + ']]';	×
NEW 27	} else if (numDays && !numHours) {	×
NEW 28	msg = '[[error:' + languageKey + '-days, ' + numDays + ']]';	×
NEW 29	} else if (numHours && numMinutes) {	×
NEW 30	msg = '[[error:' + languageKey + '-hours-minutes, ' + numHours + ', ' + numMinutes + ']]';	×
NEW 31	} else if (numHours && !numMinutes) {	×
NEW 32	msg = '[[error:' + languageKey + '-hours, ' + numHours + ']]';	×
NEW 33	} else if (numMinutes && numSeconds) {	×
NEW 34	msg = '[[error:' + languageKey + '-minutes-seconds, ' + numMinutes + ', ' + numSeconds + ']]';	×
NEW 35	} else if (numMinutes && !numSeconds) {	×
NEW 36	msg = '[[error:' + languageKey + '-minutes, ' + numMinutes + ']]';	×
37	}
NEW 38	alerts.error(msg);	×
NEW 39	return false;	×
40	}
41	return true;	10✔
42	};
43	const utils = require('../../utils');	1✔
44
45	let staleReplyAnyway = false;	1✔
46
47	PostTools.init = function (tid) {	1✔
48	staleReplyAnyway = false;	×
49
50	renderMenu();	×
51
52	addPostHandlers(tid);	×
53
54	share.addShareHandlers(ajaxify.data.titleRaw);	×
55
56	votes.addVoteHandler();	×
57
58	PostTools.updatePostCount(ajaxify.data.postcount);	×
59	};
60
61	function renderMenu() {
62	const container = document.querySelector('[component="topic"]');	×
63	if (!container) {	×
64	return;	×
65	}
66	$('[component="topic"]').on('show.bs.dropdown', '[component="post/tools"]', function () {	×
67	const $this = $(this);	×
68	const dropdownMenu = $this.find('.dropdown-menu');	×
69	const { top } = this.getBoundingClientRect();	×
70	$this.toggleClass('dropup', top > window.innerHeight / 2);	×
71
72	if (dropdownMenu.attr('data-loaded')) {	×
73	return;	×
74	}
75	dropdownMenu.html(helpers.generatePlaceholderWave([	×
76	3, 5, 9, 7, 10, 'divider', 10,
77	]));
78
79	const postEl = $this.parents('[data-pid]');	×
80	const pid = postEl.attr('data-pid');	×
81	const index = parseInt(postEl.attr('data-index'), 10);	×
82
83	socket.emit('posts.loadPostTools', { pid: pid }, async (err, data) => {	×
84	if (err) {	×
85	return alerts.error(err);	×
86	}
87	data.posts.display_move_tools = data.posts.display_move_tools && index !== 0;	×
88
89	const html = await app.parseAndTranslate('partials/topic/post-menu-list', data);	×
90	const clipboard = require('clipboard');	×
91
92	dropdownMenu.attr('data-loaded', 'true').html(html);	×
93
94	new clipboard('[data-clipboard-text]');	×
95
96	hooks.fire('action:post.tools.load', {	×
97	element: dropdownMenu,
98	});
99	});
100	});
101	}
102
103	PostTools.toggle = function (pid, isDeleted) {	1✔
104	const postEl = components.get('post', 'pid', pid);	×
105
106	postEl.find('[component="post/quote"], [component="post/bookmark"], [component="post/reply"], [component="post/flag"], [component="user/chat"]')	×
107	.toggleClass('hidden', isDeleted);
108
109	postEl.find('[component="post/delete"]').toggleClass('hidden', isDeleted).parent().attr('hidden', isDeleted ? '' : null);	×
110	postEl.find('[component="post/restore"]').toggleClass('hidden', !isDeleted).parent().attr('hidden', !isDeleted ? '' : null);	×
111	postEl.find('[component="post/purge"]').toggleClass('hidden', !isDeleted).parent().attr('hidden', !isDeleted ? '' : null);	×
112
113	PostTools.removeMenu(postEl);	×
114	};
115
116	PostTools.removeMenu = function (postEl) {	1✔
117	postEl.find('[component="post/tools"] .dropdown-menu')	×
118	.removeAttr('data-loaded').html('');
119	};
120
121	PostTools.updatePostCount = function (postCount) {	1✔
122	const postCountEl = components.get('topic/post-count');	×
123	postCountEl.attr('title', postCount)	×
124	.html(helpers.humanReadableNumber(postCount));
125	navigator.setCount(postCount);	×
126	};
127
128	function addPostHandlers(tid) {
129	const postContainer = components.get('topic');	×
130
131	handleSelectionTooltip();	×
132
133	postContainer.on('click', '[component="post/quote"]', function () {	×
134	onQuoteClicked($(this), tid);	×
135	});
136
137	postContainer.on('click', '[component="post/reply"]', function () {	×
138	onReplyClicked($(this), tid);	×
139	});
140
141	$('.topic').on('click', '[component="topic/reply"]', function (e) {	×
142	e.preventDefault();	×
143	onReplyClicked($(this), tid);	×
144	});
145
146	$('.topic').on('click', '[component="topic/reply-as-topic"]', function () {	×
147	translator.translate(`[[topic:link-back, ${ajaxify.data.titleRaw}, ${config.relative_path}/topic/${ajaxify.data.slug}]]`, function (body) {	×
148	hooks.fire('action:composer.topic.new', {	×
149	cid: ajaxify.data.cid,
150	body: body,
151	});
152	});
153	});
154
155	postContainer.on('click', '[component="post/bookmark"]', function () {	×
156	return bookmarkPost($(this), getData($(this), 'data-pid'));	×
157	});
158
159	postContainer.on('click', '[component="post/upvote"]', function () {	×
160	return votes.toggleVote($(this), '.upvoted', 1);	×
161	});
162
163	postContainer.on('click', '[component="post/downvote"]', function () {	×
164	return votes.toggleVote($(this), '.downvoted', -1);	×
165	});
166
167	postContainer.on('click', '[component="post/vote-count"]', function () {	×
168	votes.showVotes(getData($(this), 'data-pid'));	×
169	});
170
171	postContainer.on('click', '[component="post/flag"]', function () {	×
172	const pid = getData($(this), 'data-pid');	×
173	require(['flags'], function (flags) {	×
174	flags.showFlagModal({	×
175	type: 'post',
176	id: pid,
177	});
178	});
179	});
180
181	postContainer.on('click', '[component="post/flagUser"]', function () {	×
182	const uid = getData($(this), 'data-uid');	×
183	require(['flags'], function (flags) {	×
184	flags.showFlagModal({	×
185	type: 'user',
186	id: uid,
187	});
188	});
189	});
190
191	postContainer.on('click', '[component="post/flagResolve"]', function () {	×
192	const flagId = $(this).attr('data-flagId');	×
193	require(['flags'], function (flags) {	×
194	flags.resolve(flagId);	×
195	});
196	});
197
198	postContainer.on('click', '[component="post/edit"]', function () {	×
199	const btn = $(this);	×
200
201	const timestamp = parseInt(getData(btn, 'data-timestamp'), 10);	×
202	const postEditDuration = parseInt(ajaxify.data.postEditDuration, 10);	×
NEW 203	console.log('Lucia Fang');	×
NEW 204	if (PostTools.checkDuration(postEditDuration, timestamp, 'post-edit-duration-expired')) {	×
205	hooks.fire('action:composer.post.edit', {	×
206	pid: getData(btn, 'data-pid'),
207	});
208	}
209	});
210
211	if (config.enablePostHistory && ajaxify.data.privileges['posts:history']) {	×
212	postContainer.on('click', '[component="post/view-history"], [component="post/edit-indicator"]', function () {	×
213	const btn = $(this);	×
214	require(['forum/topic/diffs'], function (diffs) {	×
215	diffs.open(getData(btn, 'data-pid'));	×
216	});
217	});
218	}
219
220	postContainer.on('click', '[component="post/delete"]', function () {	×
221	const btn = $(this);	×
222	const timestamp = parseInt(getData(btn, 'data-timestamp'), 10);	×
223	const postDeleteDuration = parseInt(ajaxify.data.postDeleteDuration, 10);	×
NEW 224	console.log('Lucia Fang');	×
NEW 225	if (PostTools.checkDuration(postDeleteDuration, timestamp, 'post-delete-duration-expired')) {	×
226	togglePostDelete($(this));	×
227	}
228	});
229
230	postContainer.on('click', '[component="post/restore"]', function () {	×
231	togglePostDelete($(this));	×
232	});
233
234	postContainer.on('click', '[component="post/purge"]', function () {	×
235	purgePost($(this));	×
236	});
237
238	postContainer.on('click', '[component="post/move"]', function () {	×
239	const btn = $(this);	×
240	require(['forum/topic/move-post'], function (movePost) {	×
241	movePost.init(btn.parents('[data-pid]'));	×
242	});
243	});
244
245	postContainer.on('click', '[component="post/change-owner"]', function () {	×
246	const btn = $(this);	×
247	require(['forum/topic/change-owner'], function (changeOwner) {	×
248	changeOwner.init(btn.parents('[data-pid]'));	×
249	});
250	});
251
252	postContainer.on('click', '[component="post/ban-ip"]', function () {	×
253	const ip = $(this).attr('data-ip');	×
254	socket.emit('blacklist.addRule', ip, function (err) {	×
255	if (err) {	×
256	return alerts.error(err);	×
257	}
258	alerts.success('[[admin/manage/blacklist:ban-ip]]');	×
259	});
260	});
261
262	postContainer.on('click', '[component="post/chat"]', function () {	×
263	openChat($(this));	×
264	});
265	}
266
267	async function onReplyClicked(button, tid) {
268	const selectedNode = await getSelectedNode();	×
269
270	showStaleWarning(async function () {	×
271	let username = await getUserSlug(button);	×
272	if (getData(button, 'data-uid') === '0' \|\| !getData(button, 'data-userslug')) {	×
273	username = '';	×
274	}
275
276	const toPid = button.is('[component="post/reply"]') ? getData(button, 'data-pid') : null;	×
277	const isQuoteToPid = !toPid \|\| !selectedNode.pid \|\| toPid === selectedNode.pid;	×
278
279	if (selectedNode.text && isQuoteToPid) {	×
280	username = username \|\| selectedNode.username;	×
281	hooks.fire('action:composer.addQuote', {	×
282	tid: tid,
283	pid: toPid,
284	title: ajaxify.data.titleRaw,
285	username: username,
286	body: selectedNode.text,
287	selectedPid: selectedNode.pid,
288	});
289	} else {
290	hooks.fire('action:composer.post.new', {	×
291	tid: tid,
292	pid: toPid,
293	title: ajaxify.data.titleRaw,
294	body: username ? username + ' ' : ($('[component="topic/quickreply/text"]').val() \|\| ''),	×
295	});
296	}
297	});
298	}
299
300	async function onQuoteClicked(button, tid) {
301	const selectedNode = await getSelectedNode();	×
302
303	showStaleWarning(async function () {	×
304	const username = await getUserSlug(button);	×
305	const toPid = getData(button, 'data-pid');	×
306
307	function quote(text) {
308	hooks.fire('action:composer.addQuote', {	×
309	tid: tid,
310	pid: toPid,
311	username: username,
312	title: ajaxify.data.titleRaw,
313	text: text,
314	});
315	}
316
317	if (selectedNode.text && toPid && toPid === selectedNode.pid) {	×
318	return quote(selectedNode.text);	×
319	}
320
321	const { content } = await api.get(`/posts/${toPid}/raw`);	×
322	quote(content);	×
323	});
324	}
325
326	async function getSelectedNode() {
327	let selectedText = '';	×
328	let selectedPid;
329	let username = '';	×
330	const selection = window.getSelection ? window.getSelection() : document.selection.createRange();	×
331	const postContents = $('[component="post"] [component="post/content"]');	×
332	let content;
333	postContents.each(function (index, el) {	×
334	if (selection && selection.containsNode && el && selection.containsNode(el, true)) {	×
335	content = el;	×
336	}
337	});
338
339	if (content && selection) {	×
340	selectedText = selection.toString();	×
341	const postEl = $(content).parents('[component="post"]');	×
342	selectedPid = postEl.attr('data-pid');	×
343	username = await getUserSlug($(content));	×
344	}
345	return { text: selectedText, pid: selectedPid, username: username };	×
346	}
347
348	function bookmarkPost(button, pid) {
349	const method = button.attr('data-bookmarked') === 'false' ? 'put' : 'del';	×
350
351	api[method](`/posts/${pid}/bookmark`, undefined, function (err) {	×
352	if (err) {	×
353	return alerts.error(err);	×
354	}
355	const type = method === 'put' ? 'bookmark' : 'unbookmark';	×
356	hooks.fire(`action:post.${type}`, { pid: pid });	×
357	});
358	return false;	×
359	}
360
361	function getData(button, data) {
362	return button.parents('[data-pid]').attr(data);	×
363	}
364
365	function getUserSlug(button) {
366	return new Promise((resolve) => {	×
367	let slug = '';	×
368	if (button.attr('component') === 'topic/reply') {	×
369	resolve(slug);	×
370	return;	×
371	}
372	const post = button.parents('[data-pid]');	×
373	if (post.length) {	×
374	require(['slugify'], function (slugify) {	×
375	slug = slugify(post.attr('data-username'), true);	×
376	if (!slug) {	×
377	if (post.attr('data-uid') !== '0') {	×
378	slug = '[[global:former-user]]';	×
379	} else {
380	slug = '[[global:guest]]';	×
381	}
382	}
383	if (slug && slug !== '[[global:former-user]]' && slug !== '[[global:guest]]') {	×
384	slug = '@' + slug;	×
385	}
386	resolve(slug);	×
387	});
388	return;	×
389	}
390
391	resolve(slug);	×
392	});
393	}
394
395	function togglePostDelete(button) {
396	const pid = getData(button, 'data-pid');	×
397	const postEl = components.get('post', 'pid', pid);	×
398	const action = !postEl.hasClass('deleted') ? 'delete' : 'restore';	×
399
400	postAction(action, pid);	×
401	}
402
403	function purgePost(button) {
404	postAction('purge', getData(button, 'data-pid'));	×
405	}
406
407	async function postAction(action, pid) {
408	({ action } = await hooks.fire(`static:post.${action}`, { action, pid }));	×
409	if (!action) {	×
410	return;	×
411	}
412
413	bootbox.confirm('[[topic:post-' + action + '-confirm]]', function (confirm) {	×
414	if (!confirm) {	×
415	return;	×
416	}
417
418	const route = action === 'purge' ? '' : '/state';	×
419	const method = action === 'restore' ? 'put' : 'del';	×
420	api[method](`/posts/${pid}${route}`).catch(alerts.error);	×
421	});
422	}
423
424	function openChat(button) {
425	const post = button.parents('[data-pid]');	×
426	require(['chat'], function (chat) {	×
427	chat.newChat(post.attr('data-uid'));	×
428	});
429	button.parents('.btn-group').find('.dropdown-toggle').click();	×
430	return false;	×
431	}
432
433	function showStaleWarning(callback) {
434	const topicStaleDays = parseInt(ajaxify.data.topicStaleDays, 10);	×
435	if (!topicStaleDays) {	×
436	return callback();	×
437	}
438	const staleThreshold = Math.min(	×
439	Date.now() - (1000 * 60 * 60 * 24 * ajaxify.data.topicStaleDays),
440	8640000000000000
441	);
442	if (staleReplyAnyway \|\| ajaxify.data.lastposttime >= staleThreshold) {	×
443	return callback();	×
444	}
445
446	const warning = bootbox.dialog({	×
447	title: '[[topic:stale.title]]',
448	message: '[[topic:stale.warning]]',
449	buttons: {
450	reply: {
451	label: '[[topic:stale.reply-anyway]]',
452	className: 'btn-link',
453	callback: function () {
454	staleReplyAnyway = true;	×
455	callback();	×
456	},
457	},
458	create: {
459	label: '[[topic:stale.create]]',
460	className: 'btn-primary',
461	callback: function () {
462	translator.translate(`[[topic:link-back, ${ajaxify.data.title}, ${config.relative_path}/topic/${ajaxify.data.slug}]]`, function (body) {	×
463	hooks.fire('action:composer.topic.new', {	×
464	cid: ajaxify.data.cid,
465	body: body,
466	fromStaleTopic: true,
467	});
468	});
469	},
470	},
471	},
472	});
473
474	warning.modal();	×
475	}
476
477	const selectionChangeFn = utils.debounce(selectionChange, 250);	1✔
478
479	function handleSelectionTooltip() {
480	if (!ajaxify.data.privileges['topics:reply']) {	×
481	return;	×
482	}
483
484	hooks.onPage('action:posts.loaded', delayedTooltip);	×
485	$(document).off('selectionchange');	×
486	$(document).on('selectionchange', function () {	×
487	const selectionEmpty = window.getSelection().toString() === '';	×
488	if (selectionEmpty) {	×
489	$('[component="selection/tooltip"]').addClass('hidden');	×
490	}
491	});
492	$(document).on('selectionchange', selectionChangeFn);	×
493	}
494
495	function selectionChange() {
496	const selectionEmpty = window.getSelection().toString() === '';	×
497	if (!selectionEmpty) {	×
498	delayedTooltip();	×
499	}
500	}
501
502	async function delayedTooltip() {
503	let selectionTooltip = $('[component="selection/tooltip"]');	×
504	selectionTooltip.addClass('hidden');	×
505	if (selectionTooltip.attr('data-ajaxify') === '1') {	×
506	selectionTooltip.remove();	×
507	return;	×
508	}
509
510	const selection = window.getSelection();	×
511	if (selection.focusNode && selection.type === 'Range' && ajaxify.data.template.topic) {	×
512	const focusNode = $(selection.focusNode);	×
513	const anchorNode = $(selection.anchorNode);	×
514	const firstPid = anchorNode.parents('[data-pid]').attr('data-pid');	×
515	const lastPid = focusNode.parents('[data-pid]').attr('data-pid');	×
516	if (firstPid !== lastPid \|\| !focusNode.parents('[component="post/content"]').length \|\| !anchorNode.parents('[component="post/content"]').length) {	×
517	return;	×
518	}
519	const postEl = focusNode.parents('[data-pid]');	×
520	const selectionRange = selection.getRangeAt(0);	×
521	if (!postEl.length \|\| selectionRange.collapsed) {	×
522	return;	×
523	}
524	const rects = selectionRange.getClientRects();	×
525	const lastRect = rects[rects.length - 1];	×
526
527	if (!selectionTooltip.length) {	×
528	selectionTooltip = await app.parseAndTranslate('partials/topic/selection-tooltip', ajaxify.data);	×
529	$('[component="selection/tooltip"]').remove();	×
530	selectionTooltip.addClass('hidden').appendTo('body');	×
531	}
532	selectionTooltip.off('click').on('click', '[component="selection/tooltip/quote"]', function () {	×
533	selectionTooltip.addClass('hidden');	×
534	onQuoteClicked(postEl.find('[component="post/quote"]'), ajaxify.data.tid);	×
535	});
536	selectionTooltip.removeClass('hidden');	×
537	$(window).one('action:ajaxify.start', function () {	×
538	selectionTooltip.attr('data-ajaxify', 1).addClass('hidden');	×
539	$(document).off('selectionchange', selectionChangeFn);	×
540	});
541	const tooltipWidth = selectionTooltip.outerWidth(true);	×
542	selectionTooltip.css({	×
543	top: lastRect.bottom + $(window).scrollTop(),
544	left: tooltipWidth > lastRect.width ? lastRect.left : lastRect.left + lastRect.width - tooltipWidth,	×
545	});
546	}
547	}
548
549	return PostTools;	1✔
550	});
551
552

CMU-313 / NodeBB / 10714081133

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous