2019-07-20 21:13:36 +00:00
|
|
|
__filename__ = "webinterface.py"
|
|
|
|
|
__author__ = "Bob Mottram"
|
|
|
|
|
__license__ = "AGPL3+"
|
|
|
|
|
__version__ = "0.0.1"
|
|
|
|
|
__maintainer__ = "Bob Mottram"
|
|
|
|
|
__email__ = "bob@freedombone.net"
|
|
|
|
|
__status__ = "Production"
|
|
|
|
|
|
|
|
|
|
import json
|
2019-07-21 12:41:31 +00:00
|
|
|
from utils import getNicknameFromActor
|
|
|
|
|
from utils import getDomainFromActor
|
2019-07-20 21:13:36 +00:00
|
|
|
|
2019-07-21 18:18:58 +00:00
|
|
|
def htmlHeader(css=None,lang='en') -> str:
|
|
|
|
|
if not css:
|
|
|
|
|
htmlStr= \
|
|
|
|
|
'<!DOCTYPE html>\n' \
|
|
|
|
|
'<html lang="'+lang+'">\n' \
|
|
|
|
|
' <meta charset="utf-8">\n' \
|
|
|
|
|
' <style>\n' \
|
|
|
|
|
' @import url("epicyon.css");\n'+ \
|
|
|
|
|
' </style>\n' \
|
|
|
|
|
' <body>\n'
|
|
|
|
|
else:
|
|
|
|
|
htmlStr= \
|
|
|
|
|
'<!DOCTYPE html>\n' \
|
|
|
|
|
'<html lang="'+lang+'">\n' \
|
|
|
|
|
' <meta charset="utf-8">\n' \
|
|
|
|
|
' <style>\n'+css+'</style>\n' \
|
|
|
|
|
' <body>\n'
|
2019-07-20 21:13:36 +00:00
|
|
|
return htmlStr
|
|
|
|
|
|
|
|
|
|
def htmlFooter() -> str:
|
|
|
|
|
htmlStr= \
|
|
|
|
|
' </body>\n' \
|
|
|
|
|
'</html>\n'
|
|
|
|
|
return htmlStr
|
|
|
|
|
|
|
|
|
|
def htmlProfile(profileJson: {}) -> str:
|
|
|
|
|
"""Show the profile page as html
|
|
|
|
|
"""
|
2019-07-21 18:18:58 +00:00
|
|
|
nickname=profileJson['name']
|
|
|
|
|
if not nickname:
|
|
|
|
|
return ""
|
|
|
|
|
preferredName=profileJson['preferredUsername']
|
|
|
|
|
domain,port=getDomainFromActor(profileJson['id'])
|
|
|
|
|
if not domain:
|
|
|
|
|
return ""
|
|
|
|
|
domainFull=domain
|
|
|
|
|
if port:
|
|
|
|
|
domainFull=domain+':'+str(port)
|
|
|
|
|
profileStr= \
|
|
|
|
|
' <div class="hero-image">' \
|
|
|
|
|
' <div class="hero-text">' \
|
|
|
|
|
' <img src="'+profileJson['icon']['url']+'" alt="'+nickname+'@'+domainFull+'" style="width:100%">' \
|
|
|
|
|
' <h1>'+preferredName+'</h1>' \
|
|
|
|
|
' <p><b>@'+nickname+'@'+domainFull+'</b></p>' \
|
|
|
|
|
' <p>'+profileJson['publicKey']['summary']+'</p>' \
|
|
|
|
|
' </div>' \
|
2019-07-21 19:37:48 +00:00
|
|
|
'</div>' \
|
|
|
|
|
'<div class="container">\n' \
|
|
|
|
|
' <center>' \
|
|
|
|
|
' <a href="'+profileJson['id']+'/outbox?page=true"><button class="button"><span>Posts </span></button></a>' \
|
|
|
|
|
' <a href="'+profileJson['id']+'/following?page=true"><button class="button"><span>Following </span></button></a>' \
|
|
|
|
|
' <a href="'+profileJson['id']+'/followers?page=true"><button class="button"><span>Followers </span></button></a>' \
|
|
|
|
|
' </center>' \
|
2019-07-21 18:18:58 +00:00
|
|
|
'</div>'
|
|
|
|
|
|
|
|
|
|
profileStyle= \
|
|
|
|
|
'body, html {' \
|
|
|
|
|
' height: 100%;' \
|
|
|
|
|
' margin: 0;' \
|
|
|
|
|
' font-family: Arial, Helvetica, sans-serif;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.hero-image {' \
|
|
|
|
|
' background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("'+profileJson['id']+'/image.png");' \
|
|
|
|
|
' height: 50%;' \
|
|
|
|
|
' background-position: center;' \
|
|
|
|
|
' background-repeat: no-repeat;' \
|
|
|
|
|
' background-size: cover;' \
|
|
|
|
|
' position: relative;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.hero-text {' \
|
|
|
|
|
' text-align: center;' \
|
|
|
|
|
' position: absolute;' \
|
|
|
|
|
' top: 50%;' \
|
|
|
|
|
' left: 50%;' \
|
|
|
|
|
' transform: translate(-50%, -50%);' \
|
|
|
|
|
' color: white;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.hero-text button {' \
|
|
|
|
|
' border: none;' \
|
|
|
|
|
' outline: 0;' \
|
|
|
|
|
' display: inline-block;' \
|
|
|
|
|
' padding: 10px 25px;' \
|
|
|
|
|
' color: black;' \
|
|
|
|
|
' background-color: #ddd;' \
|
|
|
|
|
' text-align: center;' \
|
|
|
|
|
' cursor: pointer;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.hero-text button:hover {' \
|
|
|
|
|
' background-color: #555;' \
|
|
|
|
|
' color: white;' \
|
2019-07-21 19:37:48 +00:00
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.button {' \
|
|
|
|
|
' border-radius: 4px;' \
|
|
|
|
|
' background-color: #999;' \
|
|
|
|
|
' border: none;' \
|
|
|
|
|
' color: #FFFFFF;' \
|
|
|
|
|
' text-align: center;' \
|
|
|
|
|
' font-size: 18px;' \
|
|
|
|
|
' padding: 10px;' \
|
|
|
|
|
' width: 200px;' \
|
|
|
|
|
' transition: all 0.5s;' \
|
|
|
|
|
' cursor: pointer;' \
|
|
|
|
|
' margin: 5px;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.button span {' \
|
|
|
|
|
' cursor: pointer;' \
|
|
|
|
|
' display: inline-block;' \
|
|
|
|
|
' position: relative;' \
|
|
|
|
|
' transition: 0.5s;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.button span:after {' \
|
|
|
|
|
" content: '\\00bb';" \
|
|
|
|
|
' position: absolute;' \
|
|
|
|
|
' opacity: 0;' \
|
|
|
|
|
' top: 0;' \
|
|
|
|
|
' right: -20px;' \
|
|
|
|
|
' transition: 0.5s;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.button:hover span {' \
|
|
|
|
|
' padding-right: 25px;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'' \
|
|
|
|
|
'.button:hover span:after {' \
|
|
|
|
|
' opacity: 1;' \
|
|
|
|
|
' right: 0;' \
|
|
|
|
|
'}' \
|
|
|
|
|
'.container {' \
|
|
|
|
|
' border: 2px solid #dedede;' \
|
|
|
|
|
' background-color: #f1f1f1;' \
|
|
|
|
|
' border-radius: 5px;' \
|
|
|
|
|
' padding: 10px;' \
|
|
|
|
|
' margin: 10px 0;' \
|
|
|
|
|
'}'
|
2019-07-21 18:18:58 +00:00
|
|
|
profileStr=htmlHeader(profileStyle)+profileStr+htmlFooter()
|
|
|
|
|
return profileStr
|
2019-07-20 21:13:36 +00:00
|
|
|
|
|
|
|
|
def htmlFollowing(followingJson: {}) -> str:
|
|
|
|
|
"""Show the following collection as html
|
|
|
|
|
"""
|
|
|
|
|
return htmlHeader()+"<h1>Following collection</h1>"+htmlFooter()
|
|
|
|
|
|
|
|
|
|
def htmlFollowers(followersJson: {}) -> str:
|
|
|
|
|
"""Show the followers collection as html
|
|
|
|
|
"""
|
|
|
|
|
return htmlHeader()+"<h1>Followers collection</h1>"+htmlFooter()
|
|
|
|
|
|
2019-07-21 09:09:28 +00:00
|
|
|
def individualPostAsHtml(postJsonObject: {}) -> str:
|
2019-07-21 11:20:49 +00:00
|
|
|
avatarPosition=''
|
|
|
|
|
containerClass='container'
|
|
|
|
|
timeClass='time-right'
|
2019-07-21 13:03:57 +00:00
|
|
|
nickname=getNicknameFromActor(postJsonObject['actor'])
|
|
|
|
|
domain,port=getDomainFromActor(postJsonObject['actor'])
|
|
|
|
|
titleStr='@'+nickname+'@'+domain
|
2019-07-21 11:20:49 +00:00
|
|
|
if postJsonObject['object']['inReplyTo']:
|
|
|
|
|
containerClass='container darker'
|
|
|
|
|
avatarPosition=' class="right"'
|
|
|
|
|
timeClass='time-left'
|
2019-07-21 13:03:57 +00:00
|
|
|
if '/statuses/' in postJsonObject['object']['inReplyTo']:
|
|
|
|
|
replyNickname=getNicknameFromActor(postJsonObject['object']['inReplyTo'])
|
|
|
|
|
replyDomain,replyPort=getDomainFromActor(postJsonObject['object']['inReplyTo'])
|
2019-07-21 13:05:07 +00:00
|
|
|
if replyNickname and replyDomain:
|
|
|
|
|
titleStr+=' <i>replying to</i> <a href="'+postJsonObject['object']['inReplyTo']+'">@'+replyNickname+'@'+replyDomain+'</a>'
|
2019-07-21 13:03:57 +00:00
|
|
|
else:
|
|
|
|
|
titleStr+=' <i>replying to</i> '+postJsonObject['object']['inReplyTo']
|
2019-07-21 11:20:49 +00:00
|
|
|
attachmentStr=''
|
|
|
|
|
if postJsonObject['object']['attachment']:
|
|
|
|
|
if isinstance(postJsonObject['object']['attachment'], list):
|
|
|
|
|
attachmentCtr=0
|
|
|
|
|
for attach in postJsonObject['object']['attachment']:
|
|
|
|
|
if attach.get('mediaType') and attach.get('url'):
|
|
|
|
|
mediaType=attach['mediaType']
|
|
|
|
|
imageDescription=''
|
|
|
|
|
if attach.get('name'):
|
|
|
|
|
imageDescription=attach['name']
|
|
|
|
|
if mediaType=='image/png' or \
|
|
|
|
|
mediaType=='image/jpeg' or \
|
|
|
|
|
mediaType=='image/gif':
|
|
|
|
|
if attach['url'].endswith('.png') or \
|
|
|
|
|
attach['url'].endswith('.jpg') or \
|
|
|
|
|
attach['url'].endswith('.jpeg') or \
|
|
|
|
|
attach['url'].endswith('.gif'):
|
|
|
|
|
if attachmentCtr>0:
|
|
|
|
|
attachmentStr+='<br>'
|
|
|
|
|
attachmentStr+= \
|
2019-07-21 12:24:38 +00:00
|
|
|
'<a href="'+attach['url']+'">' \
|
|
|
|
|
'<img src="'+attach['url']+'" alt="'+imageDescription+'" title="'+imageDescription+'" class="attachment"></a>\n'
|
2019-07-21 11:20:49 +00:00
|
|
|
attachmentCtr+=1
|
2019-07-21 13:03:57 +00:00
|
|
|
|
2019-07-21 09:09:28 +00:00
|
|
|
return \
|
2019-07-21 11:20:49 +00:00
|
|
|
'<div class="'+containerClass+'">\n' \
|
2019-07-21 12:11:28 +00:00
|
|
|
'<a href="'+postJsonObject['actor']+'">' \
|
|
|
|
|
'<img src="'+postJsonObject['actor']+'/avatar.png" alt="Avatar"'+avatarPosition+'></a>\n'+ \
|
2019-07-21 13:03:57 +00:00
|
|
|
'<p class="post-title">'+titleStr+'</p>'+ \
|
2019-07-21 09:09:28 +00:00
|
|
|
postJsonObject['object']['content']+'\n'+ \
|
2019-07-21 11:20:49 +00:00
|
|
|
attachmentStr+ \
|
|
|
|
|
'<span class="'+timeClass+'">'+postJsonObject['object']['published']+'</span>\n'+ \
|
2019-07-21 11:52:13 +00:00
|
|
|
'</div>\n'
|
2019-07-21 09:09:28 +00:00
|
|
|
|
|
|
|
|
def htmlTimeline(timelineJson: {}) -> str:
|
|
|
|
|
"""Show the timeline as html
|
|
|
|
|
"""
|
|
|
|
|
if not timelineJson.get('orderedItems'):
|
|
|
|
|
return ""
|
|
|
|
|
tlStr=htmlHeader()
|
|
|
|
|
for item in timelineJson['orderedItems']:
|
|
|
|
|
if item['type']=='Create':
|
|
|
|
|
tlStr+=individualPostAsHtml(item)
|
|
|
|
|
tlStr+=htmlFooter()
|
|
|
|
|
return tlStr
|
|
|
|
|
|
2019-07-20 21:13:36 +00:00
|
|
|
def htmlInbox(inboxJson: {}) -> str:
|
|
|
|
|
"""Show the inbox as html
|
|
|
|
|
"""
|
2019-07-21 09:09:28 +00:00
|
|
|
return htmlTimeline(inboxJson)
|
2019-07-20 21:13:36 +00:00
|
|
|
|
|
|
|
|
def htmlOutbox(outboxJson: {}) -> str:
|
|
|
|
|
"""Show the Outbox as html
|
|
|
|
|
"""
|
2019-07-21 09:09:28 +00:00
|
|
|
return htmlTimeline(outboxJson)
|
2019-07-20 21:13:36 +00:00
|
|
|
|
|
|
|
|
def htmlIndividualPost(postJsonObject: {}) -> str:
|
|
|
|
|
"""Show an individual post as html
|
|
|
|
|
"""
|
2019-07-21 09:09:28 +00:00
|
|
|
return htmlHeader()+ \
|
|
|
|
|
individualPostAsHtml(postJsonObject)+ \
|
|
|
|
|
htmlFooter()
|
2019-07-20 21:13:36 +00:00
|
|
|
|
|
|
|
|
def htmlPostReplies(postJsonObject: {}) -> str:
|
|
|
|
|
"""Show the replies to an individual post as html
|
|
|
|
|
"""
|
|
|
|
|
return htmlHeader()+"<h1>Replies</h1>"+htmlFooter()
|
