Update modules/render.py

This commit is contained in:
Madiator2011 2024-04-29 18:17:57 +02:00
parent c857e51c56
commit 838ac5719d

View file

@ -13,38 +13,32 @@ 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]
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 <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).
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
@ -60,33 +54,33 @@ def html(page, json):
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"
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 + "<ul class=\"anti-features\">"
for i in l:
if i + ".html" not in issues_files:
page = page + "&nbsp;&nbsp;"+i+"<br>"
page = page + "<li>" + i + "</li>"
else:
page = page + '<details title="Read about '+i+'">'
page = page + "<summary>&nbsp;&nbsp"+i+"</summary>"
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>"
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"}
@ -96,22 +90,18 @@ def html(page, json):
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",
@ -123,7 +113,6 @@ def html(page, json):
"languages": "Programming Languages"}
for c in categories:
l = json.get(c, [])
if not l:
continue
@ -138,15 +127,18 @@ def html(page, json):
break
except:
pass
# Count matches
matches = 0
for i in l:
if i.startswith("*"):
matches += 1
if matches:
matchtext = "<i>( " + str(matches) + " )</i>"
else:
matchtext = ""
page = page + "\n\n <details>"
page = page + "\n <summary>" + categories[c] + ": " + matchtext + "</summary>"
@ -155,14 +147,13 @@ def html(page, json):
if i.startswith("*"):
i = i[1:]
matchtext = "&nbsp;&nbsp;&nbsp;&nbsp;<i>( match )</i> "
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,
a detail-sception, so to speak. And add the text of explanation into it. -->
"""
page = page + "<details>\n"
page = page + " <summary>&nbsp;&nbsp;&nbsp;&nbsp;" + matchtext + i + "</summary>\n"
@ -171,33 +162,25 @@ def html(page, json):
page = page + " </p>\n </span>\n </details>"
else:
page = page + "\n <span>&nbsp;&nbsp;&nbsp;&nbsp;" + matchtext + i + "</span>\n <br>\n"
page = page + """
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,9 +289,8 @@ 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.
@ -344,8 +306,6 @@ def stats(page, mis=False, data=[]):
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
@ -370,9 +330,12 @@ def stats(page, mis=False, data=[]):
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'
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="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
@ -384,6 +347,5 @@ def stats(page, mis=False, data=[]):
# if mis:
# page = page + missing.List_html()
page = source_code_link(page)
return page