Update modules/render.py
This commit is contained in:
parent
c857e51c56
commit
838ac5719d
1 changed files with 113 additions and 151 deletions
|
@ -13,42 +13,36 @@ from modules import missing
|
|||
|
||||
|
||||
def html(page, json):
|
||||
|
||||
# This function adds a rendering of the json into the page
|
||||
|
||||
free = search.is_free(json)
|
||||
name = json.get("names",["Unknown"])[0]
|
||||
name = json.get("names", ["Unknown"])[0]
|
||||
page = page + """
|
||||
|
||||
|
||||
<!-- For each software in the list we do mostly the same things.
|
||||
And here it is. First we show it's name as a link to be able
|
||||
to search Free Competitors to what is found. -->
|
||||
|
||||
"""
|
||||
page = page + "\n <a href=\"/"+name.replace(" ", "+").lower()+"\">"
|
||||
page = page + "\n <h1>"
|
||||
page = page + "\n <a href=\"/" + name.replace(" ", "+").lower() + "\">"
|
||||
page = page + "\n <h1 class=\"software-heading\">"
|
||||
try:
|
||||
page = page + '\n <img src="'+ json["links"]["icon"] + '" alt="[LOGO]" style="height:50px;"> <!-- The logo of the software in question.-->\n'
|
||||
page = page + '\n <span class="software-logo"><img src="' + json["links"]["icon"] + '" alt="[LOGO]" style="height:50px;"></span>'
|
||||
except:
|
||||
pass
|
||||
|
||||
page = page + " "+ name +" <!-- The title of the program -->\n"
|
||||
page = page + "<span class=\"software-name\">" + name + "</span>\n"
|
||||
page = page + " </h1>\n </a>\n\n"
|
||||
|
||||
page = page + """
|
||||
|
||||
<!-- Next there is a short paragraph about the program.
|
||||
( Often Copypasted from some official page about it ).
|
||||
(Often Copypasted from some official page about it).
|
||||
Which means, it may contain the terrible words "Open Source"
|
||||
that hide the fact that Free Software is about User Freedom
|
||||
first of all. So we are trying to link to a special page on
|
||||
GNU.ORG if such a thing is found -->
|
||||
|
||||
"""
|
||||
|
||||
# Few words about it
|
||||
comment = json.get("comment","")
|
||||
comment = json.get("comment", "")
|
||||
not_foss = ['open source', 'open-source']
|
||||
if "open source" or "open-source" in comment.lower():
|
||||
# Well... Here is a thing. Free Software, not open source.
|
||||
|
@ -56,74 +50,69 @@ def html(page, json):
|
|||
# In case it has a slash in it.
|
||||
if where == -1:
|
||||
where = comment.lower().find("open-source")
|
||||
ops = comment[where:where+11]
|
||||
ops = comment[where:where + 11]
|
||||
if ops:
|
||||
comment = comment.replace(ops,
|
||||
"<a href=\"https://www.gnu.org/philosophy/open-source-misses-the-point.en.html\">"+ops+"</a>")
|
||||
page = page + "\n <p>\n "+comment+"\n </p>\n\n"
|
||||
"<a href=\"https://www.gnu.org/philosophy/open-source-misses-the-point.en.html\">" + ops + "</a>")
|
||||
page = page + "\n <p class=\"software-comment\">\n " + comment + "\n </p>\n\n"
|
||||
|
||||
# I want to show nothing else from if it's proprietary
|
||||
issues_files = list(os.listdir("data/issues"))
|
||||
if "issues" in json and json["issues"]:
|
||||
l = json.get("issues", [])
|
||||
page = page +"<h2>Anti-Features / Problems:</h2>"
|
||||
page = page + "<h2>Anti-Features / Problems:</h2>"
|
||||
page = page + "<ul class=\"anti-features\">"
|
||||
|
||||
for i in l:
|
||||
if i+".html" not in issues_files:
|
||||
page = page + " "+i+"<br>"
|
||||
if i + ".html" not in issues_files:
|
||||
page = page + "<li>" + i + "</li>"
|
||||
else:
|
||||
page = page + '<details title="Read about '+i+'">'
|
||||
page = page + "<summary>  "+i+"</summary>"
|
||||
issuefile = open("data/issues/"+i+".html")
|
||||
page = page + "<span><p>"+issuefile.read()+"</p></span>"
|
||||
page = page + "</details>"
|
||||
page = page + '<li><details title="Read about ' + i + '">'
|
||||
page = page + "<summary>" + i + "</summary>"
|
||||
issuefile = open("data/issues/" + i + ".html")
|
||||
page = page + "<span><p>" + issuefile.read() + "</p></span>"
|
||||
page = page + "</details></li>"
|
||||
|
||||
page = page + "</ul>"
|
||||
|
||||
if not free:
|
||||
return page
|
||||
|
||||
|
||||
# Links
|
||||
|
||||
page = page + """
|
||||
|
||||
<!-- And now the table itself. -->
|
||||
|
||||
"""
|
||||
|
||||
linksfilter = {"git":"source code","fsd":"Free Software Directory"}
|
||||
linksfilter = {"git": "source code", "fsd": "Free Software Directory"}
|
||||
links = json.get("links", {})
|
||||
for website in links:
|
||||
if website in ["icon"]:
|
||||
continue
|
||||
link = links[website]
|
||||
page = page + """
|
||||
|
||||
<!-- Here's how to do a simple button -->
|
||||
<a class="button" href=\""""+link+"""\" title=\""""+link+"""\">"""+linksfilter.get(website,website).upper()+"""</a>
|
||||
|
||||
<a class="button" href=\"""" + link + """\" title=\"""" + link + """\">""" + linksfilter.get(website,
|
||||
website).upper() + """</a>
|
||||
"""
|
||||
|
||||
page = page + """
|
||||
|
||||
<!-- Details are those little collapsable things that I like to
|
||||
use very much. It's very simple really. Just read the code
|
||||
carefully and you will get it -->
|
||||
|
||||
"""
|
||||
|
||||
# Details
|
||||
|
||||
categories = {"generic_name":"Features",
|
||||
"licenses":"License(s)",
|
||||
"platforms":"Platforms",
|
||||
"networks_read":"Accesses Data from",
|
||||
"networks_write":"Interacts / Publishes to",
|
||||
"formats_read":"Opens from File-Formats",
|
||||
"formats_write":"Saves to File-Formats",
|
||||
"interface":"Interface",
|
||||
"languages":"Programming Languages"}
|
||||
categories = {"generic_name": "Features",
|
||||
"licenses": "License(s)",
|
||||
"platforms": "Platforms",
|
||||
"networks_read": "Accesses Data from",
|
||||
"networks_write": "Interacts / Publishes to",
|
||||
"formats_read": "Opens from File-Formats",
|
||||
"formats_write": "Saves to File-Formats",
|
||||
"interface": "Interface",
|
||||
"languages": "Programming Languages"}
|
||||
|
||||
for c in categories:
|
||||
|
||||
l = json.get(c, [])
|
||||
if not l:
|
||||
continue
|
||||
|
@ -134,70 +123,64 @@ def html(page, json):
|
|||
for folder in alldata:
|
||||
if c.startswith(folder):
|
||||
try:
|
||||
allfiles = list(os.listdir("data/"+folder))
|
||||
allfiles = list(os.listdir("data/" + folder))
|
||||
break
|
||||
except:
|
||||
pass
|
||||
|
||||
# Count matches
|
||||
matches = 0
|
||||
for i in l:
|
||||
if i.startswith("*"):
|
||||
matches += 1
|
||||
|
||||
if matches:
|
||||
matchtext = "<i>( "+str(matches)+" )</i>"
|
||||
matchtext = "<i>( " + str(matches) + " )</i>"
|
||||
else:
|
||||
matchtext = ""
|
||||
|
||||
page = page + "\n\n <details>"
|
||||
page = page +"\n <summary>"+categories[c]+": "+matchtext+"</summary>"
|
||||
page = page + "\n <summary>" + categories[c] + ": " + matchtext + "</summary>"
|
||||
|
||||
for i in l:
|
||||
matchtext = ""
|
||||
if i.startswith("*"):
|
||||
i = i[1:]
|
||||
matchtext = " <i>( match )</i> "
|
||||
if i+".html" in allfiles:
|
||||
datapage = open("data/"+folder+"/"+i+".html")
|
||||
|
||||
if i + ".html" in allfiles:
|
||||
datapage = open("data/" + folder + "/" + i + ".html")
|
||||
page = page + """
|
||||
|
||||
<!-- Just so happened that about \""""+i+"""\" we had a file
|
||||
in data/"""+folder+""" folder. So why not make a detail inside a detail,
|
||||
<!-- Just so happened that about \"""" + i + """\" we had a file
|
||||
in data/""" + folder + """ folder. So why not make a detail inside a detail,
|
||||
a detail-sception, so to speak. And add the text of explanation into it. -->
|
||||
|
||||
"""
|
||||
page = page + "<details>\n"
|
||||
page = page + " <summary> "+matchtext+i+"</summary>\n"
|
||||
page = page + " <summary> " + matchtext + i + "</summary>\n"
|
||||
page = page + " <span>\n <p>\n"
|
||||
page = page + " " + datapage.read()+"\n"
|
||||
page = page + " " + datapage.read() + "\n"
|
||||
page = page + " </p>\n </span>\n </details>"
|
||||
else:
|
||||
page = page + "\n <span> "+matchtext+i+"</span>\n <br>\n"
|
||||
page = page + """
|
||||
page = page + "\n <span> " + matchtext + i + "</span>\n <br>\n"
|
||||
|
||||
page = page + """
|
||||
<!-- Just a tiny space after all the spans. So no to feel
|
||||
too crowded, so to speak -->
|
||||
<span><br></span>
|
||||
|
||||
</details>
|
||||
|
||||
"""
|
||||
|
||||
|
||||
return page
|
||||
|
||||
|
||||
def suggestions(page, json):
|
||||
|
||||
# This function will render suggestions
|
||||
|
||||
page = page + """
|
||||
|
||||
<!-- ===========================================================
|
||||
|
||||
This is where ther actual competitors are starting to show!!!
|
||||
|
||||
============================================================ -->
|
||||
|
||||
<h1>Free Competitors:</h1>
|
||||
|
||||
<div class="suggestions-container">
|
||||
<h1 class="competitors-heading">Free Competitors:</h1>
|
||||
"""
|
||||
|
||||
found = search.suggest(json)
|
||||
|
@ -219,24 +202,19 @@ def suggestions(page, json):
|
|||
|
||||
if frac < 10 and not more: # Below 10% features match
|
||||
page = page + """
|
||||
|
||||
<!-- Sometimes the suggestion is not very good. Below 10%
|
||||
of suggestion score. But it still kind of valid. So we
|
||||
want to put it into the page. Only when the user clicks
|
||||
something. Why not using the same old details? -->
|
||||
|
||||
<hr>
|
||||
<details>
|
||||
<summary><h1 title="Click to show more / less.">Problematic Competitors:</h1></summary>
|
||||
|
||||
<summary><h2 class="problematic-heading" title="Click to show more / less.">Problematic Competitors:</h2></summary>
|
||||
"""
|
||||
more = True
|
||||
|
||||
page = page +"""
|
||||
|
||||
<br><br>
|
||||
<!-- ================================================================== -->
|
||||
|
||||
<!-- ================================================================== -->
|
||||
"""
|
||||
|
||||
page = progress(page, frac/100, "Suggestion score: " + str(frac) + "%")
|
||||
|
@ -244,80 +222,65 @@ def suggestions(page, json):
|
|||
|
||||
if more:
|
||||
page = page + "</details>"
|
||||
|
||||
page = page + "</div>" # Close the suggestions-container
|
||||
|
||||
return page
|
||||
|
||||
|
||||
def search_widget(page, address):
|
||||
|
||||
# Adds a search bar to the page
|
||||
|
||||
page = page + """
|
||||
<!-- Search widget! This widget makes it possible to implement
|
||||
a search feature without using a single line of JavaScript code.
|
||||
In HTML, there is an input field that we can use. If we pare it
|
||||
with a button into a <form>, we can get a button that activates
|
||||
the search. -->
|
||||
|
||||
<form action="""
|
||||
page = page + address
|
||||
page = page + """search method="GET">
|
||||
<input type="text" name="item" class="search" placeholder="Name of Software">
|
||||
<button type="submit">Search</button>
|
||||
page = page + """search method="GET" class="search-form">
|
||||
<input type="text" name="item" class="search-input" placeholder="Name of Software">
|
||||
<button type="submit" class="search-button">Search</button>
|
||||
</form>
|
||||
|
||||
<!-- And that's it for the search widget -->
|
||||
|
||||
"""
|
||||
#page = page.format(ADDRESS)
|
||||
|
||||
return page
|
||||
|
||||
|
||||
def source_code_link(page):
|
||||
|
||||
# Adds a source code link
|
||||
|
||||
page = page + """
|
||||
|
||||
<!-- This the the footer of every page -->
|
||||
|
||||
<hr>
|
||||
This website is under the GNU AGPL license.
|
||||
|
||||
<!-- As always I want to add a bit of CSS to make tables
|
||||
invisible -->
|
||||
|
||||
<br><br>
|
||||
|
||||
<a class="button" href="/" title="Come back to the home page.">HOME</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors" title="See the full source code of the software that powers this website.">SOURCE CODE</a>
|
||||
<!-- This is the footer of every page -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>This website is under the GNU AGPL license.</p>
|
||||
<div class="button-group">
|
||||
<a class="button" href="/" title="Come back to the home page.">Home</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors" title="See the full source code of the software that powers this website.">Source Code</a>
|
||||
<a class="button" href="/faq" title="Frequently Asked Questions">FAQ</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors/issues" title="Report a Bug.">BUG?</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors/issues/25" title="Report a piece of software that's missing from the catalogue.">MISSING?</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors/issues/24" title="Report a mistake in data about software.">MISTAKE?</a>
|
||||
<a class="button" href="/stats" title="See stats of this server.">STATS</a>
|
||||
|
||||
<!-- And this was the page of Free Competitors. No Javascript.
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors/issues" title="Report a Bug.">Bug?</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors/issues/25" title="Report a piece of software that's missing from the catalogue.">Missing?</a>
|
||||
<a class="button" href="https://notabug.org/jyamihud/FreeCompetitors/issues/24" title="Report a mistake in data about software.">Mistake?</a>
|
||||
<a class="button" href="/stats" title="See stats of this server.">Stats</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- And this was the page of Free Competitors. No JavaScript.
|
||||
No crap. No trackers. No nothing. And still works. Take that
|
||||
Google!!! -->
|
||||
|
||||
|
||||
"""
|
||||
|
||||
|
||||
|
||||
return page
|
||||
|
||||
|
||||
def progress(page, frac, text=""):
|
||||
|
||||
# This will output a progress bar
|
||||
|
||||
page = page + """
|
||||
|
||||
<!-- ============ PROGRESS BARS =============
|
||||
Note that the progress bars will be visible only
|
||||
if the CSS file is configured for the divs of
|
||||
the progress bars. Otherwise it will just show
|
||||
the text. -->
|
||||
|
||||
<div class="back_progress">
|
||||
<div class="front_progress" style="width:"""+str(frac*100)+"""%">
|
||||
</div>
|
||||
|
@ -326,26 +289,23 @@ def progress(page, frac, text=""):
|
|||
"""
|
||||
return page
|
||||
|
||||
|
||||
def stats(page, mis=False, data=[]):
|
||||
|
||||
|
||||
# Graph will require some math to work.
|
||||
# We are going to use CSS and HTML5 to
|
||||
# draw it / interact with it.
|
||||
|
||||
spd = 60*60*24 # Seconds in each day
|
||||
spd = 60 * 60 * 24 # Seconds in each day
|
||||
span = max(data) - min(data) # Time of seconds between first and last entry
|
||||
days = span / spd # Time in days between first and last entry
|
||||
|
||||
# making sure there is at least something to show
|
||||
if days < 20:
|
||||
data.append(min(data)-(spd*20))
|
||||
spd = 60*60*24
|
||||
data.append(min(data) - (spd * 20))
|
||||
spd = 60 * 60 * 24
|
||||
span = max(data) - min(data)
|
||||
days = span / spd
|
||||
|
||||
|
||||
|
||||
widthfrac = 100 / days # the % to use for the width of each div
|
||||
|
||||
# Count how much hits happen per each day
|
||||
|
@ -354,25 +314,28 @@ def stats(page, mis=False, data=[]):
|
|||
for d in range(int(round(days))):
|
||||
count = 0
|
||||
for i in data:
|
||||
day = min(data) + (d*spd)
|
||||
if int(i) in range(int(day), int(day+spd)):
|
||||
day = min(data) + (d * spd)
|
||||
if int(i) in range(int(day), int(day + spd)):
|
||||
count += 1
|
||||
if count > biggest:
|
||||
biggest = count
|
||||
day_counts.append(count)
|
||||
|
||||
# Render them
|
||||
page = page +"<center>"
|
||||
page = page + "<center>"
|
||||
for n, d in enumerate(day_counts):
|
||||
if n == 0:
|
||||
d -= 1
|
||||
|
||||
dayis = min(data)+(n*spd)
|
||||
dayis = time.strftime("%Y/%m/%d", time.gmtime( dayis) )
|
||||
dayis = min(data) + (n * spd)
|
||||
dayis = time.strftime("%Y/%m/%d", time.gmtime(dayis))
|
||||
|
||||
page = page + '<div class="front_progress" title="'+str(dayis)+' : '+str(d)+' visitors" style="height:400; position:absolute; top:5%; left:calc(99vw/'+str(days)+'*'+str(n)+') ;width:'+str(widthfrac)+'%">\n'
|
||||
frac = 100-(d/biggest*99)
|
||||
page = page + '<div class="back_progress" style="height:'+str(frac)+'%; bottom:'+str(frac)+'%"></div></div>\n\n'
|
||||
page = page + '<div class="front-progress" title="' + str(dayis) + ' : ' + str(
|
||||
d) + ' visitors" style="height:400; position:absolute; top:5%; left:calc(99vw/' + str(
|
||||
days) + '*' + str(n) + ') ;width:' + str(widthfrac) + '%">\n'
|
||||
frac = 100 - (d / biggest * 99)
|
||||
page = page + '<div class="back-progress" style="height:' + str(frac) + '%; bottom:' + str(
|
||||
frac) + '%"></div></div>\n\n'
|
||||
|
||||
page = page + '\n</center>\n\n<div style="position:absolute; top:500">'
|
||||
# If to render missing software
|
||||
|
@ -381,9 +344,8 @@ def stats(page, mis=False, data=[]):
|
|||
# but people abused this feature to add a bunch of hilarious spam.
|
||||
# maybe there is a way to design this better.
|
||||
|
||||
#if mis:
|
||||
# if mis:
|
||||
# page = page + missing.List_html()
|
||||
|
||||
|
||||
page = source_code_link(page)
|
||||
return page
|
Loading…
Reference in a new issue