6417907224

Committed 05 Oct 2023 10:36AM UTC coverage: 84.957% (-0.02%) from 84.98%

Build # 6417907224

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #27 from CMU-17313Q/updating-the-user-icon-of-anonymous-posts

Updating the user icon of anonymous posts

Run Details

10225 of 13274 branches covered (0.0%)

Branch coverage included in aggregate %.

4 of 8 new or added lines in 2 files covered. (50.0%)

2 existing lines in 1 file now uncovered.

22609 of 25374 relevant lines covered (89.1%)

3124.46 hits per line

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

84.43

/public/src/modules/helpers.common.js

'use strict';

module.exports = function (utils, Benchpress, relative_path) {
    Benchpress.setGlobal('true', true);
    Benchpress.setGlobal('false', false);

    const helpers = {
        displayMenuItem,
        buildMetaTag,
        buildLinkTag,
        stringify,
        escape,
        stripTags,
        generateCategoryBackground,
        generateChildrenCategories,
        generateTopicClass,
        membershipBtn,
        spawnPrivilegeStates,
        localeToHTML,
        renderTopicImage,
        renderTopicEvents,
        renderEvents,
        renderDigestAvatar,
        userAgentIcons,
        buildAvatar,
        anonymousIcon,
        register,
        __escape: identity,
    };

    function identity(str) {
        return str;
    }

    function displayMenuItem(data, index) {
        const item = data.navigation[index];
        if (!item) {
            return false;
        }

        if (item.route.match('/users') && data.user && !data.user.privileges['view:users']) {
            return false;
        }

        if (item.route.match('/tags') && data.user && !data.user.privileges['view:tags']) {
            return false;
        }

        if (item.route.match('/groups') && data.user && !data.user.privileges['view:groups']) {
            return false;
        }

        return true;
    }

    function buildMetaTag(tag) {
        const name = tag.name ? 'name="' + tag.name + '" ' : '';
        const property = tag.property ? 'property="' + tag.property + '" ' : '';
        const content = tag.content ? 'content="' + tag.content.replace(/\n/g, ' ') + '" ' : '';

        return '<meta ' + name + property + content + '/>\n\t';
    }

    function buildLinkTag(tag) {
        const attributes = ['link', 'rel', 'as', 'type', 'href', 'sizes', 'title', 'crossorigin'];
        const [link, rel, as, type, href, sizes, title, crossorigin] = attributes.map(attr => (tag[attr] ? `${attr}="${tag[attr]}" ` : ''));

        return '<link ' + link + rel + as + type + sizes + title + href + crossorigin + '/>\n\t';
    }

    function stringify(obj) {
        // Turns the incoming object into a JSON string
        return JSON.stringify(obj).replace(/&/gm, '&amp;').replace(/</gm, '&lt;').replace(/>/gm, '&gt;')
            .replace(/"/g, '&quot;');
    }

    function escape(str) {
        return utils.escapeHTML(str);
    }

    function stripTags(str) {
        return utils.stripHTMLTags(str);
    }

    function generateCategoryBackground(category) {
        if (!category) {
            return '';
        }
        const style = [];

        if (category.bgColor) {
            style.push('background-color: ' + category.bgColor);
        }

        if (category.color) {
            style.push('color: ' + category.color);
        }

        if (category.backgroundImage) {
            style.push('background-image: url(' + category.backgroundImage + ')');
            if (category.imageClass) {
                style.push('background-size: ' + category.imageClass);
            }
        }

        return style.join('; ') + ';';
    }

    function generateChildrenCategories(category) {
        let html = '';
        if (!category || !category.children || !category.children.length) {
            return html;
        }
        category.children.forEach(function (child) {
            if (child && !child.isSection) {
                const link = child.link ? child.link : (relative_path + '/category/' + child.slug);
                html += '<span class="category-children-item pull-left">' +
                    '<div role="presentation" class="icon pull-left" style="' + generateCategoryBackground(child) + '">' +
                    '<i class="fa fa-fw ' + child.icon + '"></i>' +
                    '</div>' +
                    '<a href="' + link + '"><small>' + child.name + '</small></a></span>';
            }
        });
        html = html ? ('<span class="category-children">' + html + '</span>') : html;
        return html;
    }

    function generateTopicClass(topic) {
        const fields = ['locked', 'pinned', 'deleted', 'unread', 'scheduled'];
        return fields.filter(field => !!topic[field]).join(' ');
    }

    // Groups helpers
    function membershipBtn(groupObj) {
        if (groupObj.isMember && groupObj.name !== 'administrators') {
            return '<button class="btn btn-danger" data-action="leave" data-group="' + groupObj.displayName + '"' + (groupObj.disableLeave ? ' disabled' : '') + '><i class="fa fa-times"></i> [[groups:membership.leave-group]]</button>';
        }

        if (groupObj.isPending && groupObj.name !== 'administrators') {
            return '<button class="btn btn-warning disabled"><i class="fa fa-clock-o"></i> [[groups:membership.invitation-pending]]</button>';
        } else if (groupObj.isInvited) {
            return '<button class="btn btn-link" data-action="rejectInvite" data-group="' + groupObj.displayName + '">[[groups:membership.reject]]</button><button class="btn btn-success" data-action="acceptInvite" data-group="' + groupObj.name + '"><i class="fa fa-plus"></i> [[groups:membership.accept-invitation]]</button>';
        } else if (!groupObj.disableJoinRequests && groupObj.name !== 'administrators') {
            return '<button class="btn btn-success" data-action="join" data-group="' + groupObj.displayName + '"><i class="fa fa-plus"></i> [[groups:membership.join-group]]</button>';
        }
        return '';
    }

    function spawnPrivilegeStates(member, privileges) {
        const states = [];
        for (const priv in privileges) {
            if (privileges.hasOwnProperty(priv)) {
                states.push({
                    name: priv,
                    state: privileges[priv],
                });
            }
        }
        return states.map(function (priv) {
            const guestDisabled = ['groups:moderate', 'groups:posts:upvote', 'groups:posts:downvote', 'groups:local:login', 'groups:group:create'];
            const spidersEnabled = ['groups:find', 'groups:read', 'groups:topics:read', 'groups:view:users', 'groups:view:tags', 'groups:view:groups'];
            const globalModDisabled = ['groups:moderate'];
            const disabled =
                (member === 'guests' && (guestDisabled.includes(priv.name) || priv.name.startsWith('groups:admin:'))) ||
                (member === 'spiders' && !spidersEnabled.includes(priv.name)) ||
                (member === 'Global Moderators' && globalModDisabled.includes(priv.name));

            return '<td class="text-center" data-privilege="' + priv.name + '" data-value="' + priv.state + '"><input autocomplete="off" type="checkbox"' + (priv.state ? ' checked' : '') + (disabled ? ' disabled="disabled"' : '') + ' /></td>';
        }).join('');
    }

    function localeToHTML(locale, fallback) {
        locale = locale || fallback || 'en-GB';
        return locale.replace('_', '-');
    }

    function renderTopicImage(topicObj) {
        if (topicObj.thumb) {
            return '<img src="' + topicObj.thumb + '" class="img-circle user-img" title="' + topicObj.user.username + '" />';
        }
        return '<img component="user/picture" data-uid="' + topicObj.user.uid + '" src="' + topicObj.user.picture + '" class="user-img" title="' + topicObj.user.username + '" />';
    }

    function renderTopicEvents(index, sort) {
        if (sort === 'most_votes') {
            return '';
        }
        const start = this.posts[index].eventStart;
        const end = this.posts[index].eventEnd;
        const events = this.events.filter(event => event.timestamp >= start && event.timestamp < end);
        if (!events.length) {
            return '';
        }

        return renderEvents.call(this, events);
    }

    function renderEvents(events) {
        return events.reduce((html, event) => {
            html += `<li component="topic/event" class="timeline-event" data-topic-event-id="${event.id}" data-topic-event-type="${event.type}">
                <div class="timeline-badge">
                    <i class="fa ${event.icon || 'fa-circle'}"></i>
                </div>
                <span class="timeline-text">
                    ${event.href ? `<a href="${relative_path}${event.href}">${event.text}</a>` : event.text}&nbsp;
                </span>
            `;

            if (event.user) {
                if (!event.user.system) {
                    html += `<span><a href="${relative_path}/user/${event.user.userslug}">${buildAvatar(event.user, 'xs', true)}&nbsp;${event.user.username}</a></span>&nbsp;`;
                } else {
                    html += `<span class="timeline-text">[[global:system-user]]</span>&nbsp;`;
                }
            }

            html += `<span class="timeago timeline-text" title="${event.timestampISO}"></span>`;

            if (this.privileges.isAdminOrMod) {
                html += `&nbsp;<span component="topic/event/delete" data-topic-event-id="${event.id}" data-topic-event-type="${event.type} class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>`;
            }

            return html;
        }, '');
    }

    function renderDigestAvatar(block) {
        if (block.teaser) {
            if (block.teaser.user.picture) {
                return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.teaser.user.picture + '" title="' + block.teaser.user.username + '" />';
            }
            return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.teaser.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.teaser.user['icon:text'] + '</div>';
        }
        if (block.user.picture) {
            return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.user.picture + '" title="' + block.user.username + '" />';
        }
        return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.user['icon:text'] + '</div>';
    }

    function userAgentIcons(data) {
        let icons = '';

        switch (data.platform) {
        case 'Linux':
            icons += '<i class="fa fa-fw fa-linux"></i>';
            break;
        case 'Microsoft Windows':
            icons += '<i class="fa fa-fw fa-windows"></i>';
            break;
        case 'Apple Mac':
            icons += '<i class="fa fa-fw fa-apple"></i>';
            break;
        case 'Android':
            icons += '<i class="fa fa-fw fa-android"></i>';
            break;
        case 'iPad':
            icons += '<i class="fa fa-fw fa-tablet"></i>';
            break;
        case 'iPod': // intentional fall-through
        case 'iPhone':
            icons += '<i class="fa fa-fw fa-mobile"></i>';
            break;
        default:
            icons += '<i class="fa fa-fw fa-question-circle"></i>';
            break;
        }

        switch (data.browser) {
        case 'Chrome':
            icons += '<i class="fa fa-fw fa-chrome"></i>';
            break;
        case 'Firefox':
            icons += '<i class="fa fa-fw fa-firefox"></i>';
            break;
        case 'Safari':
            icons += '<i class="fa fa-fw fa-safari"></i>';
            break;
        case 'IE':
            icons += '<i class="fa fa-fw fa-internet-explorer"></i>';
            break;
        case 'Edge':
            icons += '<i class="fa fa-fw fa-edge"></i>';
            break;
        default:
            icons += '<i class="fa fa-fw fa-question-circle"></i>';
            break;
        }

        return icons;
    }

    function buildAvatar(userObj, size, rounded, classNames, component) {
        /**
         * userObj requires:
         *   - uid, picture, icon:bgColor, icon:text (getUserField w/ "picture" should return all 4), username
         * size: one of "xs", "sm", "md", "lg", or "xl" (required), or an integer
         * rounded: true or false (optional, default false)
         * classNames: additional class names to prepend (optional, default none)
         * component: overrides the default component (optional, default none)
         */

        // Try to use root context if passed-in userObj is undefined
        if (!userObj) {
            userObj = this;
        }

        const attributes = [
            'alt="' + userObj.username + '"',
            'title="' + userObj.username + '"',
            'data-uid="' + userObj.uid + '"',
            'loading="lazy"',
        ];
        const styles = [];
        classNames = classNames || '';

        // Validate sizes, handle integers, otherwise fall back to `avatar-sm`
        if (['xs', 'sm', 'sm2x', 'md', 'lg', 'xl'].includes(size)) {
            classNames += ' avatar-' + size;
        } else if (!isNaN(parseInt(size, 10))) {
            styles.push('width: ' + size + 'px;', 'height: ' + size + 'px;', 'line-height: ' + size + 'px;', 'font-size: ' + (parseInt(size, 10) / 16) + 'rem;');
        } else {
            classNames += ' avatar-sm';
        }
        attributes.unshift('class="avatar ' + classNames + (rounded ? ' avatar-rounded' : '') + '"');

        // Component override
        if (component) {
            attributes.push('component="' + component + '"');
        } else {
            attributes.push('component="avatar/' + (userObj.picture ? 'picture' : 'icon') + '"');
        }

        if (userObj.picture) {
            return '<img ' + attributes.join(' ') + ' src="' + userObj.picture + '" style="' + styles.join(' ') + '" />';
        }

        // if user is anonymous, use empty icon
        if (userObj.isAnonymous) {
            return;
        }

        styles.push('background-color: ' + userObj['icon:bgColor'] + ';');
        return '<span ' + attributes.join(' ') + ' style="' + styles.join(' ') + '">' + userObj['icon:text'] + '</span>';
    }

    // function for anonymous icon to display topic-lists
    function anonymousIcon() {
        const styles = [];
        styles.push('color: #100100; text-align: center; line-height: 50px; width: 50px; height: 50px; border-radius: 50%;');
        return '<span style="' + styles.join(' ') + '"><i class="fa fa-user" style="font-size: 40px;"></i></span>';
    }

    function register() {
        Object.keys(helpers).forEach(function (helperName) {
            Benchpress.registerHelper(helperName, helpers[helperName]);
        });
    }

    return helpers;
};

1	'use strict';
2
3	module.exports = function (utils, Benchpress, relative_path) {	4✔
4	Benchpress.setGlobal('true', true);	4✔
5	Benchpress.setGlobal('false', false);	4✔
6
7	const helpers = {	4✔
8	displayMenuItem,
9	buildMetaTag,
10	buildLinkTag,
11	stringify,
12	escape,
13	stripTags,
14	generateCategoryBackground,
15	generateChildrenCategories,
16	generateTopicClass,
17	membershipBtn,
18	spawnPrivilegeStates,
19	localeToHTML,
20	renderTopicImage,
21	renderTopicEvents,
22	renderEvents,
23	renderDigestAvatar,
24	userAgentIcons,
25	buildAvatar,
26	anonymousIcon,
27	register,
28	__escape: identity,
29	};
30
31	function identity(str) {
32	return str;	40,858✔
33	}
34
35	function displayMenuItem(data, index) {
36	const item = data.navigation[index];	52✔
37	if (!item) {	52✔
38	return false;	4✔
39	}
40
41	if (item.route.match('/users') && data.user && !data.user.privileges['view:users']) {	48✔
42	return false;	4✔
43	}
44
45	if (item.route.match('/tags') && data.user && !data.user.privileges['view:tags']) {	44✔
46	return false;	4✔
47	}
48
49	if (item.route.match('/groups') && data.user && !data.user.privileges['view:groups']) {	40✔
50	return false;	4✔
51	}
52
53	return true;	36✔
54	}
55
56	function buildMetaTag(tag) {
57	const name = tag.name ? 'name="' + tag.name + '" ' : '';	5,290✔
58	const property = tag.property ? 'property="' + tag.property + '" ' : '';	5,290✔
59	const content = tag.content ? 'content="' + tag.content.replace(/\n/g, ' ') + '" ' : '';	5,290✔
60
61	return '<meta ' + name + property + content + '/>\n\t';	5,290✔
62	}
63
64	function buildLinkTag(tag) {
65	const attributes = ['link', 'rel', 'as', 'type', 'href', 'sizes', 'title', 'crossorigin'];	4,446✔
66	const [link, rel, as, type, href, sizes, title, crossorigin] = attributes.map(attr => (tag[attr] ? `${attr}="${tag[attr]}" ` : ''));	35,568✔
67
68	return '<link ' + link + rel + as + type + sizes + title + href + crossorigin + '/>\n\t';	4,446✔
69	}
70
71	function stringify(obj) {
72	// Turns the incoming object into a JSON string
73	return JSON.stringify(obj).replace(/&/gm, '&').replace(/</gm, '<').replace(/>/gm, '>')	4✔
74	.replace(/"/g, '"');
75	}
76
77	function escape(str) {
78	return utils.escapeHTML(str);	4✔
79	}
80
81	function stripTags(str) {
82	return utils.stripHTMLTags(str);	64✔
83	}
84
85	function generateCategoryBackground(category) {
86	if (!category) {	104✔
87	return '';	4✔
88	}
89	const style = [];	100✔
90
91	if (category.bgColor) {	100✔
92	style.push('background-color: ' + category.bgColor);	92✔
93	}
94
95	if (category.color) {	100✔
96	style.push('color: ' + category.color);	92✔
97	}
98
99	if (category.backgroundImage) {	100✔
100	style.push('background-image: url(' + category.backgroundImage + ')');	4✔
101	if (category.imageClass) {	4!
102	style.push('background-size: ' + category.imageClass);	4✔
103	}
104	}
105
106	return style.join('; ') + ';';	100✔
107	}
108
109	function generateChildrenCategories(category) {
110	let html = '';	20✔
111	if (!category \|\| !category.children \|\| !category.children.length) {	20✔
112	return html;	12✔
113	}
114	category.children.forEach(function (child) {	8✔
115	if (child && !child.isSection) {	8!
116	const link = child.link ? child.link : (relative_path + '/category/' + child.slug);	8!
117	html += '<span class="category-children-item pull-left">' +	8✔
118	'<div role="presentation" class="icon pull-left" style="' + generateCategoryBackground(child) + '">' +
119	'<i class="fa fa-fw ' + child.icon + '"></i>' +
120	'</div>' +
121	'<a href="' + link + '"><small>' + child.name + '</small></a></span>';
122	}
123	});
124	html = html ? ('<span class="category-children">' + html + '</span>') : html;	8!
125	return html;	8✔
126	}
127
128	function generateTopicClass(topic) {
129	const fields = ['locked', 'pinned', 'deleted', 'unread', 'scheduled'];	68✔
130	return fields.filter(field => !!topic[field]).join(' ');	340✔
131	}
132
133	// Groups helpers
134	function membershipBtn(groupObj) {
135	if (groupObj.isMember && groupObj.name !== 'administrators') {	20✔
136	return '<button class="btn btn-danger" data-action="leave" data-group="' + groupObj.displayName + '"' + (groupObj.disableLeave ? ' disabled' : '') + '><i class="fa fa-times"></i> [[groups:membership.leave-group]]</button>';	4!
137	}
138
139	if (groupObj.isPending && groupObj.name !== 'administrators') {	16✔
140	return '<button class="btn btn-warning disabled"><i class="fa fa-clock-o"></i> [[groups:membership.invitation-pending]]</button>';	4✔
141	} else if (groupObj.isInvited) {	12✔
142	return '<button class="btn btn-link" data-action="rejectInvite" data-group="' + groupObj.displayName + '">[[groups:membership.reject]]</button><button class="btn btn-success" data-action="acceptInvite" data-group="' + groupObj.name + '"><i class="fa fa-plus"></i> [[groups:membership.accept-invitation]]</button>';	4✔
143	} else if (!groupObj.disableJoinRequests && groupObj.name !== 'administrators') {	8✔
144	return '<button class="btn btn-success" data-action="join" data-group="' + groupObj.displayName + '"><i class="fa fa-plus"></i> [[groups:membership.join-group]]</button>';	4✔
145	}
146	return '';	4✔
147	}
148
149	function spawnPrivilegeStates(member, privileges) {
150	const states = [];	88✔
151	for (const priv in privileges) {	88✔
152	if (privileges.hasOwnProperty(priv)) {	1,128!
153	states.push({	1,128✔
154	name: priv,
155	state: privileges[priv],
156	});
157	}
158	}
159	return states.map(function (priv) {	88✔
160	const guestDisabled = ['groups:moderate', 'groups:posts:upvote', 'groups:posts:downvote', 'groups:local:login', 'groups:group:create'];	1,128✔
161	const spidersEnabled = ['groups:find', 'groups:read', 'groups:topics:read', 'groups:view:users', 'groups:view:tags', 'groups:view:groups'];	1,128✔
162	const globalModDisabled = ['groups:moderate'];	1,128✔
163	const disabled =
164	(member === 'guests' && (guestDisabled.includes(priv.name) \|\| priv.name.startsWith('groups:admin:'))) \|\|	1,128✔
165	(member === 'spiders' && !spidersEnabled.includes(priv.name)) \|\|
166	(member === 'Global Moderators' && globalModDisabled.includes(priv.name));
167
168	return '<td class="text-center" data-privilege="' + priv.name + '" data-value="' + priv.state + '"><input autocomplete="off" type="checkbox"' + (priv.state ? ' checked' : '') + (disabled ? ' disabled="disabled"' : '') + ' /></td>';	1,128✔
169	}).join('');
170	}
171
172	function localeToHTML(locale, fallback) {
173	locale = locale \|\| fallback \|\| 'en-GB';	322!
174	return locale.replace('_', '-');	322✔
175	}
176
177	function renderTopicImage(topicObj) {
178	if (topicObj.thumb) {	8✔
179	return '<img src="' + topicObj.thumb + '" class="img-circle user-img" title="' + topicObj.user.username + '" />';	4✔
180	}
181	return '<img component="user/picture" data-uid="' + topicObj.user.uid + '" src="' + topicObj.user.picture + '" class="user-img" title="' + topicObj.user.username + '" />';	4✔
182	}
183
184	function renderTopicEvents(index, sort) {
185	if (sort === 'most_votes') {	20!
186	return '';	×
187	}
188	const start = this.posts[index].eventStart;	20✔
189	const end = this.posts[index].eventEnd;	20✔
190	const events = this.events.filter(event => event.timestamp >= start && event.timestamp < end);	20!
191	if (!events.length) {	20!
192	return '';	20✔
193	}
194
195	return renderEvents.call(this, events);	×
196	}
197
198	function renderEvents(events) {
199	return events.reduce((html, event) => {	×
200	html += `<li component="topic/event" class="timeline-event" data-topic-event-id="${event.id}" data-topic-event-type="${event.type}">	×
201	<div class="timeline-badge">
202	<i class="fa ${event.icon \|\| 'fa-circle'}"></i>	×
203	</div>
204	<span class="timeline-text">
205	${event.href ? `<a href="${relative_path}${event.href}">${event.text}</a>` : event.text}	×
206	</span>
207	`;
208
209	if (event.user) {	×
210	if (!event.user.system) {	×
211	html += `<span><a href="${relative_path}/user/${event.user.userslug}">${buildAvatar(event.user, 'xs', true)} ${event.user.username}</a></span> `;	×
212	} else {
213	html += `<span class="timeline-text">[[global:system-user]]</span> `;	×
214	}
215	}
216
217	html += `<span class="timeago timeline-text" title="${event.timestampISO}"></span>`;	×
218
219	if (this.privileges.isAdminOrMod) {	×
220	html += ` <span component="topic/event/delete" data-topic-event-id="${event.id}" data-topic-event-type="${event.type} class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>`;	×
221	}
222
223	return html;	×
224	}, '');
225	}
226
227	function renderDigestAvatar(block) {
228	if (block.teaser) {	72✔
229	if (block.teaser.user.picture) {	56✔
230	return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.teaser.user.picture + '" title="' + block.teaser.user.username + '" />';	4✔
231	}
232	return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.teaser.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.teaser.user['icon:text'] + '</div>';	52✔
233	}
234	if (block.user.picture) {	16✔
235	return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.user.picture + '" title="' + block.user.username + '" />';	4✔
236	}
237	return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.user['icon:text'] + '</div>';	12✔
238	}
239
240	function userAgentIcons(data) {
241	let icons = '';	32✔
242
243	switch (data.platform) {	32!
244	case 'Linux':
245	icons += '<i class="fa fa-fw fa-linux"></i>';	4✔
246	break;	4✔
247	case 'Microsoft Windows':
248	icons += '<i class="fa fa-fw fa-windows"></i>';	4✔
249	break;	4✔
250	case 'Apple Mac':
251	icons += '<i class="fa fa-fw fa-apple"></i>';	4✔
252	break;	4✔
253	case 'Android':
254	icons += '<i class="fa fa-fw fa-android"></i>';	4✔
255	break;	4✔
256	case 'iPad':
257	icons += '<i class="fa fa-fw fa-tablet"></i>';	4✔
258	break;	4✔
259	case 'iPod': // intentional fall-through
260	case 'iPhone':
261	icons += '<i class="fa fa-fw fa-mobile"></i>';	4✔
262	break;	4✔
263	default:
264	icons += '<i class="fa fa-fw fa-question-circle"></i>';	8✔
265	break;	8✔
266	}
267
268	switch (data.browser) {	32✔
269	case 'Chrome':
270	icons += '<i class="fa fa-fw fa-chrome"></i>';	4✔
271	break;	4✔
272	case 'Firefox':
273	icons += '<i class="fa fa-fw fa-firefox"></i>';	4✔
274	break;	4✔
275	case 'Safari':
276	icons += '<i class="fa fa-fw fa-safari"></i>';	4✔
277	break;	4✔
278	case 'IE':
279	icons += '<i class="fa fa-fw fa-internet-explorer"></i>';	4✔
280	break;	4✔
281	case 'Edge':
282	icons += '<i class="fa fa-fw fa-edge"></i>';	4✔
283	break;	4✔
284	default:
285	icons += '<i class="fa fa-fw fa-question-circle"></i>';	12✔
286	break;	12✔
287	}
288
289	return icons;	32✔
290	}
291
292	function buildAvatar(userObj, size, rounded, classNames, component) {
293	/**
294	* userObj requires:
295	* - uid, picture, icon:bgColor, icon:text (getUserField w/ "picture" should return all 4), username
296	* size: one of "xs", "sm", "md", "lg", or "xl" (required), or an integer
297	* rounded: true or false (optional, default false)
298	* classNames: additional class names to prepend (optional, default none)
299	* component: overrides the default component (optional, default none)
300	*/
301
302	// Try to use root context if passed-in userObj is undefined
303	if (!userObj) {	300!
304	userObj = this;	×
305	}
306
307	const attributes = [	300✔
308	'alt="' + userObj.username + '"',
309	'title="' + userObj.username + '"',
310	'data-uid="' + userObj.uid + '"',
311	'loading="lazy"',
312	];
313	const styles = [];	300✔
314	classNames = classNames \|\| '';	300✔
315
316	// Validate sizes, handle integers, otherwise fall back to `avatar-sm`
317	if (['xs', 'sm', 'sm2x', 'md', 'lg', 'xl'].includes(size)) {	300✔
318	classNames += ' avatar-' + size;	228✔
319	} else if (!isNaN(parseInt(size, 10))) {	72!
320	styles.push('width: ' + size + 'px;', 'height: ' + size + 'px;', 'line-height: ' + size + 'px;', 'font-size: ' + (parseInt(size, 10) / 16) + 'rem;');	72✔
321	} else {
322	classNames += ' avatar-sm';	×
323	}
324	attributes.unshift('class="avatar ' + classNames + (rounded ? ' avatar-rounded' : '') + '"');	300!
325
326	// Component override
327	if (component) {	300✔
328	attributes.push('component="' + component + '"');	20✔
329	} else {
330	attributes.push('component="avatar/' + (userObj.picture ? 'picture' : 'icon') + '"');	280✔
331	}
332
333	if (userObj.picture) {	300✔
334	return '<img ' + attributes.join(' ') + ' src="' + userObj.picture + '" style="' + styles.join(' ') + '" />';	112✔
335	}
336
337	// if user is anonymous, use empty icon
338	if (userObj.isAnonymous) {	188!
NEW 339	return;	×
340	}
341
342	styles.push('background-color: ' + userObj['icon:bgColor'] + ';');	188✔
343	return '<span ' + attributes.join(' ') + ' style="' + styles.join(' ') + '">' + userObj['icon:text'] + '</span>';	188✔
344	}
345
346	// function for anonymous icon to display topic-lists
347	function anonymousIcon() {
NEW 348	const styles = [];	×
NEW 349	styles.push('color: #100100; text-align: center; line-height: 50px; width: 50px; height: 50px; border-radius: 50%;');	×
NEW 350	return '<span style="' + styles.join(' ') + '"><i class="fa fa-user" style="font-size: 40px;"></i></span>';	×
351	}
352
353	function register() {
354	Object.keys(helpers).forEach(function (helperName) {	4✔
355	Benchpress.registerHelper(helperName, helpers[helperName]);	84✔
356	});
357	}
358
359	return helpers;	4✔
360	};

CMU-17313Q / fall23-nodebb-generation-z / 6417907224

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