mirror of
https://github.com/zyachel/quetre.git
synced 2025-04-04 05:27:36 +03:00
feat: add profile route
This commit is contained in:
zyachel
parent
a8574c4f0c
commit
49f5a3e74e
11 changed files with 710 additions and 9 deletions
|
|
@ -5,6 +5,7 @@ import axiosInstance from '../utils/axiosInstance.js';
|
|||
import catchAsyncErrors from '../utils/catchAsyncErrors.js';
|
||||
import getAnswers from '../fetchers/getAnswers.js';
|
||||
import getTopic from '../fetchers/getTopic.js';
|
||||
import getProfile from '../fetchers/getProfile.js';
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// EXPORTS
|
||||
|
|
@ -27,6 +28,11 @@ export const topic = catchAsyncErrors(async (req, res, next) => {
|
|||
res.status(200).json({ status: 'success', data });
|
||||
});
|
||||
|
||||
export const profile = catchAsyncErrors(async (req, res, next) => {
|
||||
const data = await getProfile(req.params.name);
|
||||
res.status(200).json({ status: 'success', data });
|
||||
});
|
||||
|
||||
export const unimplemented = (req, res, next) => {
|
||||
res.status(501).json({
|
||||
status: 'fail',
|
||||
|
|
@ -35,14 +41,17 @@ export const unimplemented = (req, res, next) => {
|
|||
};
|
||||
|
||||
export const image = catchAsyncErrors(async (req, res, next) => {
|
||||
if (!req.params.domain.endsWith("quoracdn.net")) {
|
||||
if (!req.params.domain.endsWith('quoracdn.net')) {
|
||||
return res.status(403).json({
|
||||
status: 'fail',
|
||||
message: "Invalid domain",
|
||||
message: 'Invalid domain',
|
||||
});
|
||||
}
|
||||
|
||||
const imageRes = await axiosInstance.get(`https://${req.params.domain}/${req.params.path}`, { responseType: 'arraybuffer' });
|
||||
res.set('Content-Type', imageRes.headers['content-type'])
|
||||
const imageRes = await axiosInstance.get(
|
||||
`https://${req.params.domain}/${req.params.path}`,
|
||||
{ responseType: 'arraybuffer' }
|
||||
);
|
||||
res.set('Content-Type', imageRes.headers['content-type']);
|
||||
res.status(200).send(imageRes.data);
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ import catchAsyncErrors from '../utils/catchAsyncErrors.js';
|
|||
import getAnswers from '../fetchers/getAnswers.js';
|
||||
import getTopic from '../fetchers/getTopic.js';
|
||||
import { nonSlugRoutes } from '../utils/constants.js';
|
||||
import getProfile from '../fetchers/getProfile.js';
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// EXPORTS
|
||||
|
|
@ -43,7 +44,7 @@ export const answers = catchAsyncErrors(async (req, res, next) => {
|
|||
.map(span => span.text)
|
||||
.join('');
|
||||
|
||||
res.status(200).render('answers', {
|
||||
return res.status(200).render('answers', {
|
||||
data: answersData,
|
||||
meta: {
|
||||
title,
|
||||
|
|
@ -68,6 +69,20 @@ export const topic = catchAsyncErrors(async (req, res, next) => {
|
|||
});
|
||||
});
|
||||
|
||||
export const profile = catchAsyncErrors(async (req, res, next) => {
|
||||
const profileData = await getProfile(req.params.name);
|
||||
|
||||
res.status(200).render('profile', {
|
||||
data: profileData,
|
||||
meta: {
|
||||
title: profileData.basic.name,
|
||||
url: `${req.urlObj.origin}${req.urlObj.pathname}`,
|
||||
imageUrl: `${req.urlObj.origin}/icon.svg`,
|
||||
description: `${profileData.basic.name}'s profile.`,
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
export const unimplemented = (req, res, next) => {
|
||||
const message =
|
||||
"This route isn't yet implemented. Check back sometime later!";
|
||||
|
|
|
|||
218
fetchers/getProfile.js
Normal file
218
fetchers/getProfile.js
Normal file
|
|
@ -0,0 +1,218 @@
|
|||
////////////////////////////////////////////////////////
|
||||
// IMPORTS
|
||||
////////////////////////////////////////////////////////
|
||||
import AppError from '../utils/AppError.js';
|
||||
import fetcher from './fetcher.js';
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// HELPER FUNCTIONS
|
||||
////////////////////////////////////////////////////////
|
||||
|
||||
// clean specific types of feed
|
||||
const feedAnswerCleaner = answer => ({
|
||||
type: 'answer',
|
||||
isPinned: answer.isPinned,
|
||||
aid: answer.aid,
|
||||
isViewable: !!answer.viewerHasAccess,
|
||||
text: JSON.parse(answer.content).sections,
|
||||
creationTime: answer.creationTime,
|
||||
updatedTime: answer.updatedTime,
|
||||
numComments: answer.numDisplayComments,
|
||||
numUpvotes: answer.numUpvotes,
|
||||
numViews: answer.numViews,
|
||||
numShares: answer.numSharers,
|
||||
numAnswerRequests: answer.numRequesters,
|
||||
isBusinessAnswer: answer.businessAnswer,
|
||||
author: {
|
||||
uid: answer.author.uid,
|
||||
isAnon: answer.author.isAnon,
|
||||
image: answer.author.profileImageUrl,
|
||||
isVerified: answer.author.isVerified,
|
||||
url: answer.author.profileUrl,
|
||||
name: `${answer.author.names[0].givenName} ${answer.author.names[0].familyName}`,
|
||||
credential: answer.authorCredential?.translatedString,
|
||||
// additionalCredentials: answer?.credibilityFacts.map(),
|
||||
},
|
||||
originalQuestion: {
|
||||
text: JSON.parse(answer.question.title).sections,
|
||||
url: answer.question.url,
|
||||
qid: answer.question.qid,
|
||||
isDeleted: answer.question.isDeleted,
|
||||
},
|
||||
});
|
||||
const feedPostCleaner = post => ({
|
||||
type: 'post',
|
||||
isPinned: post.isPinned,
|
||||
pid: post.pid,
|
||||
isViewable: post.viewerHasAccess,
|
||||
url: post.url,
|
||||
title: JSON.parse(post.title).sections,
|
||||
isDeleted: post.isDeleted,
|
||||
text: JSON.parse(post.content).sections,
|
||||
creationTime: post.creationTime,
|
||||
updatedTime: post.updatedTime,
|
||||
numComments: post.numDisplayComments,
|
||||
numUpvotes: post.numUpvotes,
|
||||
numViews: post.numViews,
|
||||
numShares: post.numSharers,
|
||||
author: {
|
||||
uid: post.author.uid,
|
||||
isAnon: post.author.isAnon,
|
||||
image: post.author.profileImageUrl,
|
||||
isVerified: post.author.isVerified,
|
||||
isPlusUser: post.author.consumerBundleActive,
|
||||
url: post.author.profileUrl,
|
||||
name: `${post.author.names[0].givenName} ${post.author.names[0].familyName}`,
|
||||
credential: post.authorCredential?.translatedString,
|
||||
},
|
||||
...(post.tribeItem && {
|
||||
space: {
|
||||
name: post.tribeItem.tribe.nameString,
|
||||
url: post.tribeItem.tribe.url,
|
||||
image: post.tribeItem.tribe.iconRetinaUrl,
|
||||
description: post.tribeItem.descriptionString,
|
||||
numFollowers: post.tribeItem.tribe.numFollowers,
|
||||
},
|
||||
}),
|
||||
});
|
||||
const feedQuestionCleaner = question => ({
|
||||
type: 'question',
|
||||
text: JSON.parse(question.title).sections,
|
||||
qid: question.qid,
|
||||
url: question.url,
|
||||
isDeleted: question.isDeleted,
|
||||
numFollowers: question.followerCount,
|
||||
creationTime: question.creationTime,
|
||||
numComments: question.numDisplayComments,
|
||||
numAnswers: question.answerCount,
|
||||
lastFollowTime: question.lastFollowTime,
|
||||
});
|
||||
|
||||
// takes feed from getProfile and passes them onto above helpers for cleansing.
|
||||
const feedCleaner = feed => {
|
||||
const cleanFeed = feed.map(feedItem => {
|
||||
if (feedItem.node.answer) return feedAnswerCleaner(feedItem.node.answer);
|
||||
if (feedItem.node.question)
|
||||
return feedQuestionCleaner(feedItem.node.question);
|
||||
if (feedItem.node.post) return feedPostCleaner(feedItem.node.post);
|
||||
|
||||
return [];
|
||||
});
|
||||
|
||||
return cleanFeed.filter(feedItem => feedItem.type);
|
||||
};
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// FUNCTION
|
||||
////////////////////////////////////////////////////////
|
||||
const getProfile = async slug => {
|
||||
// getting data and destructuring it in case it exists
|
||||
const res = await fetcher(`profile/${slug}`);
|
||||
|
||||
const {
|
||||
data: { user: rawData },
|
||||
} = JSON.parse(res);
|
||||
|
||||
if (!rawData)
|
||||
throw new AppError(
|
||||
"Profile couldn't be fetched. Recheck the URL, or resend the request if you believe the URL is correct.",
|
||||
404
|
||||
);
|
||||
|
||||
// main data object to be returned
|
||||
const data = {
|
||||
basic: {
|
||||
uid: rawData.uid,
|
||||
image: rawData.profileImageUrl,
|
||||
name: `${rawData.names[0].givenName} ${rawData.names[0].familyName}`,
|
||||
profile: rawData.profileUrl,
|
||||
isDeceased: rawData.isDeceased,
|
||||
isBusiness: rawData.businessStatus,
|
||||
isBot: rawData.isUserBot,
|
||||
isBanned: rawData.isUserBanned,
|
||||
isDeactivated: rawData.deactivated,
|
||||
isDeleted: rawData.isDeleted,
|
||||
isAnon: rawData.isAnon,
|
||||
isVerified: rawData.isVerified,
|
||||
isPlusUser: rawData.consumerBundleActive,
|
||||
twitterUsername: rawData.twitterScreenName,
|
||||
numFollowers: rawData.followerCount,
|
||||
numFollowing: rawData.followingCount,
|
||||
numAnswers: rawData.numPublicAnswers,
|
||||
numQuestions: rawData.numProfileQuestions,
|
||||
numPosts: rawData.postsCount,
|
||||
},
|
||||
highlights: {
|
||||
creationTime: rawData.creationTime,
|
||||
numAnswerViews: rawData.allTimePublicContentViews,
|
||||
numLastMonthAnswerViews: rawData.lastMonthPublicContentViews,
|
||||
topWriterYears: rawData.topWriterYears.join(', '),
|
||||
PublishedWriterIn: rawData.publishers
|
||||
.map(obj => obj.publisherName)
|
||||
.join(', '),
|
||||
publishedAnswersUrl: rawData.publishedUrl,
|
||||
topAskerYears: rawData.topAskerYears.join(', '),
|
||||
},
|
||||
credentials: {
|
||||
mainCredential: rawData.profileCredential?.experience,
|
||||
languageCredential: rawData.languageCredentials[0]?.language.name,
|
||||
...(rawData.workCredentials[0] && {
|
||||
workCredential: {
|
||||
position: rawData.workCredentials[0].position,
|
||||
company: rawData.workCredentials[0].company?.name,
|
||||
startYear: rawData.workCredentials[0].startYear,
|
||||
endYear: rawData.workCredentials[0].endYear,
|
||||
},
|
||||
}),
|
||||
...(rawData.schoolCredentials[0] && {
|
||||
schoolCredential: {
|
||||
degree: rawData.schoolCredentials[0].degree,
|
||||
school: rawData.schoolCredentials[0].school?.name,
|
||||
major: rawData.schoolCredentials[0].concentration?.name,
|
||||
},
|
||||
}),
|
||||
...(rawData.locationCredentials[0] && {
|
||||
locationCredential: {
|
||||
location: rawData.locationCredentials[0].location?.name,
|
||||
startYear: rawData.locationCredentials[0].startYear,
|
||||
endYear: rawData.locationCredentials[0].endYear,
|
||||
},
|
||||
}),
|
||||
},
|
||||
spaces: {
|
||||
numActiveInSpaces: rawData.numCanContributeTribes,
|
||||
numFollowingSpaces: rawData.numFollowedTribes,
|
||||
spaces: rawData.followingTribesConnection.edges.map(space => ({
|
||||
numItems: space.node.numItemsOfUser,
|
||||
url: space.node.url,
|
||||
name: space.node.nameString,
|
||||
image: space.node.iconRetinaUrl,
|
||||
isSensitive: space.node.isSensitive,
|
||||
})),
|
||||
},
|
||||
topics: {
|
||||
numFollowingTopics: rawData.numFollowedTopics,
|
||||
topics: rawData.expertiseTopicsConnection.edges.map(topic => ({
|
||||
name: topic.node.name,
|
||||
url: topic.node.url,
|
||||
isSensitive: topic.node.isSensitive,
|
||||
numFollowers: topic.node.numFollowers,
|
||||
image: topic.node.photoUrl,
|
||||
numAnswers: topic.node.numPublicAnswersOfUser,
|
||||
})),
|
||||
},
|
||||
profileFeed: {
|
||||
description: JSON.parse(
|
||||
rawData.descriptionQtextDocument?.legacyJson || '{}'
|
||||
)?.sections,
|
||||
feed: feedCleaner(rawData.combinedProfileFeedConnection.edges),
|
||||
},
|
||||
};
|
||||
|
||||
return data;
|
||||
};
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// EXPORTS
|
||||
////////////////////////////////////////////////////////
|
||||
export default getProfile;
|
||||
|
|
@ -72,6 +72,45 @@
|
|||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" id="icon-question">
|
||||
<path d="M204.3 32.01H96c-52.94 0-96 43.06-96 96c0 17.67 14.31 31.1 32 31.1s32-14.32 32-31.1c0-17.64 14.34-32 32-32h108.3C232.8 96.01 256 119.2 256 147.8c0 19.72-10.97 37.47-30.5 47.33L127.8 252.4C117.1 258.2 112 268.7 112 280v40c0 17.67 14.31 31.99 32 31.99s32-14.32 32-31.99V298.3L256 251.3c39.47-19.75 64-59.42 64-103.5C320 83.95 268.1 32.01 204.3 32.01zM144 400c-22.09 0-40 17.91-40 40s17.91 39.1 40 39.1s40-17.9 40-39.1S166.1 400 144 400z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-user-clock">
|
||||
<path d="M10.63,14.1C12.23,10.58 16.38,9.03 19.9,10.63C23.42,12.23 24.97,16.38 23.37,19.9C22.24,22.4 19.75,24 17,24C14.3,24 11.83,22.44 10.67,20H1V18C1.06,16.86 1.84,15.93 3.34,15.18C4.84,14.43 6.72,14.04 9,14C9.57,14 10.11,14.05 10.63,14.1V14.1M9,4C10.12,4.03 11.06,4.42 11.81,5.17C12.56,5.92 12.93,6.86 12.93,8C12.93,9.14 12.56,10.08 11.81,10.83C11.06,11.58 10.12,11.95 9,11.95C7.88,11.95 6.94,11.58 6.19,10.83C5.44,10.08 5.07,9.14 5.07,8C5.07,6.86 5.44,5.92 6.19,5.17C6.94,4.42 7.88,4.03 9,4M17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-users">
|
||||
<path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-answers">
|
||||
<path d="M16,15H9V13H16M19,11H9V9H19M19,7H9V5H19M21,1H7C5.89,1 5,1.89 5,3V17C5,18.11 5.9,19 7,19H21C22.11,19 23,18.11 23,17V3C23,1.89 22.1,1 21,1M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-post">
|
||||
<path d="M3 3V21H21V3H3M18 18H6V17H18V18M18 16H6V15H18V16M18 12H6V6H18V12Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-pen">
|
||||
<path d="M15.54,3.5L20.5,8.47L19.07,9.88L14.12,4.93L15.54,3.5M3.5,19.78L10,13.31C9.9,13 9.97,12.61 10.23,12.35C10.62,11.96 11.26,11.96 11.65,12.35C12.04,12.75 12.04,13.38 11.65,13.77C11.39,14.03 11,14.1 10.69,14L4.22,20.5L14.83,16.95L18.36,10.59L13.42,5.64L7.05,9.17L3.5,19.78Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-twitter">
|
||||
<path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-briefcase">
|
||||
<path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-degree">
|
||||
<path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-location">
|
||||
<path d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-globe">
|
||||
<path d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-flower">
|
||||
<path d="M3,13A9,9 0 0,0 12,22C12,17 7.97,13 3,13M12,5.5A2.5,2.5 0 0,1 14.5,8A2.5,2.5 0 0,1 12,10.5A2.5,2.5 0 0,1 9.5,8A2.5,2.5 0 0,1 12,5.5M5.6,10.25A2.5,2.5 0 0,0 8.1,12.75C8.63,12.75 9.12,12.58 9.5,12.31C9.5,12.37 9.5,12.43 9.5,12.5A2.5,2.5 0 0,0 12,15A2.5,2.5 0 0,0 14.5,12.5C14.5,12.43 14.5,12.37 14.5,12.31C14.88,12.58 15.37,12.75 15.9,12.75C17.28,12.75 18.4,11.63 18.4,10.25C18.4,9.25 17.81,8.4 16.97,8C17.81,7.6 18.4,6.74 18.4,5.75C18.4,4.37 17.28,3.25 15.9,3.25C15.37,3.25 14.88,3.41 14.5,3.69C14.5,3.63 14.5,3.56 14.5,3.5A2.5,2.5 0 0,0 12,1A2.5,2.5 0 0,0 9.5,3.5C9.5,3.56 9.5,3.63 9.5,3.69C9.12,3.41 8.63,3.25 8.1,3.25A2.5,2.5 0 0,0 5.6,5.75C5.6,6.74 6.19,7.6 7.03,8C6.19,8.4 5.6,9.25 5.6,10.25M12,22A9,9 0 0,0 21,13C16,13 12,17 12,22Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-user-remove">
|
||||
<path d="M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z"></path>
|
||||
</symbol>
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-quoraplus">
|
||||
<path d="M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z"></path>
|
||||
</symbol>
|
||||
|
||||
<!-- not yet used -->
|
||||
<symbol aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icon-cancel">
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 30 KiB |
|
|
@ -4,7 +4,8 @@ import {
|
|||
unimplemented,
|
||||
answers,
|
||||
topic,
|
||||
image
|
||||
image,
|
||||
profile,
|
||||
} from '../controllers/apiController.js';
|
||||
|
||||
const apiRouter = express.Router();
|
||||
|
|
@ -12,7 +13,7 @@ const apiRouter = express.Router();
|
|||
apiRouter.get('/', about);
|
||||
apiRouter.get('/search', unimplemented);
|
||||
apiRouter.get('/image/:domain/:path', image);
|
||||
apiRouter.get('/profile/:name', unimplemented);
|
||||
apiRouter.get('/profile/:name', profile);
|
||||
apiRouter.get('/topic/:slug', topic);
|
||||
apiRouter.get('/unanswered/:slug', answers);
|
||||
apiRouter.get('/:slug', answers);
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import {
|
|||
answers,
|
||||
topic,
|
||||
unimplemented,
|
||||
profile,
|
||||
} from '../controllers/viewController.js';
|
||||
|
||||
const viewRouter = express.Router();
|
||||
|
|
@ -12,7 +13,7 @@ const viewRouter = express.Router();
|
|||
viewRouter.get('/', about);
|
||||
viewRouter.get('/privacy', privacy);
|
||||
viewRouter.get('/search', unimplemented);
|
||||
viewRouter.get('/profile/:name', unimplemented);
|
||||
viewRouter.get('/profile/:name', profile);
|
||||
viewRouter.get('/topic/:slug', topic);
|
||||
viewRouter.get('/unanswered/:slug', answers);
|
||||
viewRouter.get('/:slug', answers);
|
||||
|
|
|
|||
56
views/pug/mixins/_post.pug
Normal file
56
views/pug/mixins/_post.pug
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
//-//////////////////////////////////////////////////////
|
||||
//- INCLUDES/EXTENDS
|
||||
//-//////////////////////////////////////////////////////
|
||||
include ../mixins/_formatText
|
||||
include ../mixins/_metadata
|
||||
include ../mixins/_utils
|
||||
|
||||
//-//////////////////////////////////////////////////////
|
||||
//- MAIN CONTENT
|
||||
//-//////////////////////////////////////////////////////
|
||||
mixin addPost(post)
|
||||
article.answer
|
||||
//- ABOUT AUTHOR
|
||||
if post.space
|
||||
figure.answer__metdata-primary.metadata-primary
|
||||
figcaption.metadata-primary__heading
|
||||
a.answers__link(href=post.space.url)= post.space.name
|
||||
img.metadata-primary__image(src=post.space.image.replace('https://', "/api/v1/image/"), alt=`cover photo of ${post.space.name} space`, loading='lazy')
|
||||
p.metadata-primary__misc= post.space.description
|
||||
else
|
||||
figure.answer__metdata-primary.metadata-primary
|
||||
figcaption.metadata-primary__heading
|
||||
if post.author.isAnon
|
||||
span Anonymous
|
||||
else
|
||||
a.answers__link(href=post.author.url)= post.author.name
|
||||
if post.author.isVerified
|
||||
svg.metadata-primary__icon
|
||||
title verified
|
||||
use(href='/misc/sprite.svg#icon-verified')
|
||||
img.metadata-primary__image(src=post.author.image.replace('https://', "/api/v1/image/"), alt=`${post.author.name}'s profile photo`, loading='lazy')
|
||||
p.metadata-primary__misc(aria-label=`${post.author.name}'s credentials`)= post.author.credential || ''
|
||||
|
||||
//- POST HEADING
|
||||
if post.title[0].spans[0].text
|
||||
.answer__question.heading.heading__tertiary
|
||||
+formatText(post.title)
|
||||
|
||||
//- POST CONTENT
|
||||
section.answer__text.text__container
|
||||
+formatText(post.text)
|
||||
//- for quora plus answers. since quora only shows half answer, we gotta warn viewer.
|
||||
unless post.isViewable
|
||||
p.answer__unviewable
|
||||
svg.answer__icon: use(href='/misc/sprite.svg#icon-danger')
|
||||
| This is a Quora plus answer and hence full answer is not viewable.
|
||||
|
||||
//- POST METADATA
|
||||
section.answer__metadata-secondary.metadata-secondary
|
||||
+addMetadataSecondary('clock', 'Answered', post.creationTime, 'date')
|
||||
if post.updatedTime
|
||||
+addMetadataSecondary('clock-edit', 'Updated', post.updatedTime, 'date')
|
||||
+addMetadataSecondary('eye', 'Views', post.numViews)
|
||||
+addMetadataSecondary('arrow-up', 'Upvotes', post.numUpvotes)
|
||||
+addMetadataSecondary('comments', 'Comments', post.numComments)
|
||||
+addMetadataSecondary('share', 'Shares', post.numShares)
|
||||
23
views/pug/mixins/_question.pug
Normal file
23
views/pug/mixins/_question.pug
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
//-//////////////////////////////////////////////////////
|
||||
//- INCLUDES/EXTENDS
|
||||
//-//////////////////////////////////////////////////////
|
||||
include ../mixins/_formatText
|
||||
include ../mixins/_metadata
|
||||
include ../mixins/_utils
|
||||
|
||||
//-//////////////////////////////////////////////////////
|
||||
//- MAIN CONTENT
|
||||
//-//////////////////////////////////////////////////////
|
||||
mixin addQuestion(question)
|
||||
article.answer
|
||||
h3.answer__question.heading.heading__tertiary
|
||||
a.answer__link.answers__link(href=question.url)
|
||||
+spansChecker(question.text[0].spans)
|
||||
|
||||
.metadata-secondary
|
||||
+addMetadataSecondary('clock', 'Asked', question.creationTime, 'date')
|
||||
if question.lastFollowTime
|
||||
+addMetadataSecondary('clock-edit', 'Last followed', question.lastFollowTime, 'date')
|
||||
+addMetadataSecondary('users', 'Followers', question.numFollowers)
|
||||
+addMetadataSecondary('answers', 'Answers', question.numAnswers)
|
||||
+addMetadataSecondary('comments', 'Comments', question.numComments)
|
||||
192
views/pug/pages/profile.pug
Normal file
192
views/pug/pages/profile.pug
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
//-//////////////////////////////////////////////////////
|
||||
//- INCLUDES/EXTENDS
|
||||
//-//////////////////////////////////////////////////////
|
||||
extends ../base
|
||||
include ../mixins/_formatText
|
||||
include ../mixins/_utils
|
||||
include ../mixins/_answer
|
||||
include ../mixins/_question
|
||||
include ../mixins/_post
|
||||
include ../mixins/_metadata
|
||||
|
||||
//-//////////////////////////////////////////////////////
|
||||
//- LOCAL HELPER MIXINS
|
||||
//-//////////////////////////////////////////////////////
|
||||
mixin addNumericStats(number, name, iconName)
|
||||
li.profile-highlights__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
use(href=`/misc/sprite.svg#icon-${iconName}`)
|
||||
p
|
||||
+formatNumber(number)
|
||||
| #{name}
|
||||
|
||||
mixin addTimeRange(start, end)
|
||||
- if (!start && (!end || end < 0))
|
||||
span
|
||||
- else if (start && (end < 0 || end === start))
|
||||
span (#{start}-present)
|
||||
- else
|
||||
span (#{start}-#{end})
|
||||
|
||||
//-//////////////////////////////////////////////////////
|
||||
//- MAIN CONTENT
|
||||
//-//////////////////////////////////////////////////////
|
||||
block content
|
||||
main#main.main.profile
|
||||
section.profile__meta.profile-meta
|
||||
.profile-meta__basic
|
||||
.metadata-primary.profile-meta__about
|
||||
img.metadata-primary__image.profile-meta__image(src=data.basic.image.replace('https://', "/api/v1/image/"), alt=`${data.basic.name}'s profile photo`, loading='lazy')
|
||||
h1.heading.heading__primary.metadata-primary__heading.profile-meta__heading-name.profile__name= data.basic.name
|
||||
if data.basic.isVerified
|
||||
svg.icon.metadata-primary__icon.profile-meta__icon
|
||||
title verified
|
||||
use(href='/misc/sprite.svg#icon-verified')
|
||||
if data.basic.isPlusUser
|
||||
svg.icon.metadata-primary__icon.profile-meta__icon
|
||||
title Quora+ user
|
||||
use(href='/misc/sprite.svg#icon-quoraplus')
|
||||
p.metadata-primary__misc.profile-meta__credential= data.credentials.mainCredential
|
||||
.metadata-secondary
|
||||
if data.basic.isBanned
|
||||
+addMetadataSecondary('user-remove', 'Banned', '', 'empty')
|
||||
if data.basic.isBot
|
||||
+addMetadataSecondary('danger', 'Bot', '', 'empty')
|
||||
if data.basic.isDeactivated
|
||||
+addMetadataSecondary('user-remove', 'Deactivated', '', 'empty')
|
||||
if data.basic.isDeleted
|
||||
+addMetadataSecondary('user-remove', 'Deleted', '', 'empty')
|
||||
if data.basic.isDeceased
|
||||
+addMetadataSecondary('flower', 'Deceased', '', 'empty')
|
||||
if data.basic.isBusiness
|
||||
+addMetadataSecondary('briefcase', 'Business', '', 'empty')
|
||||
a.link(href='https://www.quora.com' + data.basic.profile) View on Quora
|
||||
|
||||
if data.profileFeed.description[0].spans[0].text
|
||||
.profile-meta__description
|
||||
h2.heading.heading__secondary.profile-meta__heading-description Self description
|
||||
.text__container
|
||||
+formatText(data.profileFeed.description)
|
||||
|
||||
.profile__stats.profile-stats
|
||||
section.profile__highlights.profile-highlights
|
||||
h2.heading.heading__secondary.profile-highlights__heading Highlights
|
||||
ul.profile-highlights__list
|
||||
+addNumericStats(data.basic.numFollowers, 'Followers', 'users')
|
||||
+addNumericStats(data.basic.numFollowing, 'Following', 'users')
|
||||
+addNumericStats(data.basic.numAnswers, 'Answers', 'answers')
|
||||
+addNumericStats(data.basic.numQuestions, 'Questions', 'question')
|
||||
+addNumericStats(data.basic.numPosts, 'Posts', 'post')
|
||||
+addNumericStats(data.highlights.numAnswerViews, 'Answer views', 'eye')
|
||||
+addNumericStats(data.highlights.numLastMonthAnswerViews, 'Answer views this month', 'eye')
|
||||
- if(data.highlights.topWriterYears)
|
||||
li.profile-highlights__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
use(href='/misc/sprite.svg#icon-pen')
|
||||
span Top Writer #{data.highlights.topWriterYears}
|
||||
- if(data.highlights.publishedWriterIn)
|
||||
li.profile-highlights__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
use(href='/misc/sprite.svg#icon-pen')
|
||||
span Published Writer in #{data.highlights.publishedWriterIn}
|
||||
- if(data.highlights.topAskerYears)
|
||||
li.profile-highlights__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
use(href='/misc/sprite.svg#icon-question')
|
||||
span Top Question asker #{data.highlights.topAskerYears}
|
||||
- if(data.basic.twitterUsername)
|
||||
li.profile-highlights__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
use(href='/misc/sprite.svg#icon-twitter')
|
||||
span Twitter username: #{data.basic.twitterUsername}
|
||||
li.profile-highlights__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
use(href='/misc/sprite.svg#icon-user-clock')
|
||||
p Joined
|
||||
+addDate(data.highlights.creationTime)
|
||||
|
||||
section.profile__credentials.profile-credentials
|
||||
h2.heading.heading__secondary.profile-credentials__heading Credentials
|
||||
ul.profile-credentials__list
|
||||
-if (data.credentials.languageCredential)
|
||||
li.profile-credentials__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
title Language
|
||||
use(href='/misc/sprite.svg#icon-globe')
|
||||
span Knows #{data.credentials.languageCredential}
|
||||
-if (data.credentials.workCredential)
|
||||
li.profile-credentials__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
title Work
|
||||
use(href='/misc/sprite.svg#icon-briefcase')
|
||||
p
|
||||
span= data.credentials.workCredential.position
|
||||
span= ` at ${data.credentials.workCredential.company || '-'} `
|
||||
+addTimeRange(data.credentials.workCredential.startYear, data.credentials.workCredential.startYear)
|
||||
-if (data.credentials.schoolCredential)
|
||||
li.profile-credentials__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
title School
|
||||
use(href='/misc/sprite.svg#icon-degree')
|
||||
p
|
||||
span= data.credentials.schoolCredential.degree
|
||||
span= ` in ${data.credentials.schoolCredential.major || '-'}`
|
||||
span= ` from ${data.credentials.schoolCredential.school || '-'}`
|
||||
|
||||
-if (data.credentials.locationCredential)
|
||||
li.profile-credentials__item
|
||||
svg.icon.metadata-primary__icon.profile-stats__icon
|
||||
title Location
|
||||
use(href='/misc/sprite.svg#icon-location')
|
||||
p Lives
|
||||
span= ` in ${data.credentials.locationCredential.location || '-'}`
|
||||
+addTimeRange(data.credentials.locationCredential.startYear, data.credentials.locationCredential.startYear)
|
||||
|
||||
section.profile__spaces.profile-spaces
|
||||
h2.heading.heading__secondary Spaces
|
||||
p.profile-spaces__info
|
||||
span.profile-spaces__item Active in #{data.spaces.numActiveInSpaces},
|
||||
span.profile-spaces__item following #{data.spaces.numFollowingSpaces} spaces
|
||||
ul.profile-spaces__list
|
||||
each space in data.spaces.spaces
|
||||
li.metadata-primary.profile-spaces__list-item
|
||||
img.metadata-primary__image(src=space.image.replace('https://', '/api/v1/image/'), alt=`dedicated photo of ${space.name} space`)
|
||||
a.link.metadata-primary__heading(href=space.url)= space.name
|
||||
p.metadata-primary__misc
|
||||
+formatNumber(space.numItems)
|
||||
| items
|
||||
//- if space.isSensitive
|
||||
svg.answer__icon: use(href='/misc/sprite.svg#icon-arrow-up')
|
||||
span sensitive space
|
||||
|
||||
section.profile__topics.profile-topics
|
||||
h2.heading.heading__secondary.profile-topics__heading Topics
|
||||
p.profile-topics__info
|
||||
span.profile-topics__item Following #{data.topics.numFollowingTopics} topics
|
||||
ul.profile-topics__list
|
||||
each topic in data.topics.topics
|
||||
li.metadata-primary.profile-topics__list-item
|
||||
img.metadata-primary__image.profile-topics__img(src=topic.image.replace('https://', '/api/v1/image/'), alt=`image depicting ${topic.name} topic`)
|
||||
a.link.metadata-primary__heading(href=topic.url)= topic.name
|
||||
p.metadata-primary__misc
|
||||
+formatNumber(topic.numAnswers)
|
||||
| Answers
|
||||
//- if topic.isSensitive
|
||||
svg.icon.metadata-primary__icon: use(href='/misc/sprite.svg#icon-arrow-up')
|
||||
span sensitive topic
|
||||
|
||||
section.profile__feed.profile-feed
|
||||
h2.heading.heading__secondary Feed
|
||||
.profile-feed__container
|
||||
each item in data.profileFeed.feed
|
||||
.profile-feed__item
|
||||
//- -if(item.isPinned)
|
||||
//- p.profile-feed__pinned
|
||||
//- svg.icon.profile__icon: use(href='/misc/sprite.svg#icon-verified')
|
||||
//- span pinned
|
||||
- if (item.type === 'answer')
|
||||
+addAnswer(item)
|
||||
- else if (item.type === 'question')
|
||||
+addQuestion(item)
|
||||
- else if (item.type === 'post')
|
||||
+addPost(item)
|
||||
|
|
@ -446,3 +446,64 @@
|
|||
gap: var(--space-100);
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// PROFILE PAGE COMPONENTS
|
||||
////////////////////////////////////////////////////////
|
||||
.profile-meta {
|
||||
--img-dim: var(--fs-1000);
|
||||
|
||||
display: grid;
|
||||
gap: var(--space-300);
|
||||
|
||||
&__basic,
|
||||
&__description {
|
||||
display: grid;
|
||||
gap: var(--space-100);
|
||||
}
|
||||
|
||||
&__icon {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-highlights,
|
||||
.profile-credentials {
|
||||
display: grid;
|
||||
gap: var(--space-200);
|
||||
|
||||
&__item {
|
||||
display: flex;
|
||||
gap: var(--space-050);
|
||||
}
|
||||
|
||||
&__list {
|
||||
display: grid;
|
||||
gap: var(--space-100);
|
||||
}
|
||||
}
|
||||
|
||||
.profile-spaces,
|
||||
.profile-topics {
|
||||
--img-dim: var(--fs-500);
|
||||
|
||||
display: grid;
|
||||
gap: var(--space-200);
|
||||
|
||||
&__list {
|
||||
display: grid;
|
||||
gap: var(--space-200);
|
||||
}
|
||||
}
|
||||
.profile-feed {
|
||||
--img-dim: var(--fs-600);
|
||||
|
||||
display: grid;
|
||||
gap: var(--space-200);
|
||||
|
||||
&__container {
|
||||
display: grid;
|
||||
gap: var(--space-800);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -319,3 +319,89 @@
|
|||
padding-inline: var(--space-200);
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////
|
||||
// PROFILE
|
||||
////////////////////////////////////////////////////////
|
||||
.profile {
|
||||
padding: var(--space-800);
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1.2fr;
|
||||
grid-template-rows: min-content min-content 1fr;
|
||||
grid-auto-flow: dense;
|
||||
align-items: start;
|
||||
gap: var(--space-800);
|
||||
|
||||
&__name {
|
||||
font-size: var(--fs-300);
|
||||
|
||||
@include respond-to(bp-550) {
|
||||
font-size: var(--fs-270);
|
||||
}
|
||||
}
|
||||
|
||||
&__stats {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 1 / -1;
|
||||
|
||||
display: grid;
|
||||
gap: var(--space-400);
|
||||
align-items: start;
|
||||
|
||||
@include respond-to(bp-1200) {
|
||||
align-self: stretch;
|
||||
grid-auto-columns: 1fr 1fr;
|
||||
}
|
||||
@include respond-to(bp-900) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// gap: var(--space-300);
|
||||
}
|
||||
}
|
||||
|
||||
&__meta {
|
||||
grid-row: 1 / span 2;
|
||||
}
|
||||
|
||||
&__feed {
|
||||
grid-column: 1 / span 1;
|
||||
}
|
||||
|
||||
&__highlights {
|
||||
grid-row: 1 / span 1;
|
||||
}
|
||||
|
||||
&__credentials {
|
||||
grid-row: 2 / span 1;
|
||||
}
|
||||
|
||||
&__spaces {
|
||||
grid-row: 3 / span 1;
|
||||
|
||||
@include respond-to(bp-1200) {
|
||||
grid-row: 1 / span 1;
|
||||
}
|
||||
}
|
||||
|
||||
&__topics {
|
||||
grid-row: 4 / span 1;
|
||||
|
||||
@include respond-to(bp-1200) {
|
||||
grid-row: 2 / span 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to(bp-1200) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// gap: var(--space-800);
|
||||
}
|
||||
@include respond-to(bp-900) {
|
||||
padding: var(--space-500);
|
||||
gap: var(--space-500);
|
||||
}
|
||||
@include respond-to(bp-550) {
|
||||
padding-inline: var(--space-200);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue