Add App Page Framework

This commit is contained in:
Taylor Helsper 2022-07-23 00:05:52 -05:00
parent 36645d1546
commit 0d05457b9b
4 changed files with 117 additions and 1 deletions

View File

@ -39,6 +39,19 @@ def marketplace_page():
}
return render_template('marketplace.html', **templateData)
@mynode_marketplace.route("/marketplace/add_app")
def marketplace_add_app_page():
check_logged_in()
# Load page
templateData = {
"title": "myNode - Add Community Application",
"ui_settings": read_ui_settings(),
"product_key_skipped": skipped_product_key()
}
return render_template('/marketplace_add_app.html', **templateData)
@mynode_marketplace.route("/marketplace/<app_name>")
def marketplace_app_page(app_name):
check_logged_in()

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -9,7 +9,9 @@
$(document).ready(function() {
$(".marketplace_app_tile").on("click", function() {
shortname = $(this).data("shortname");
window.location = "/marketplace/" + shortname;
if (shortname != undefined) {
window.location = "/marketplace/" + shortname;
}
});
});
</script>
@ -68,6 +70,25 @@
{% endif %}
{% endfor %}
<!-- Special Section for Comunity Apps -->
<div class="marketplace_category_header">Community Apps</div>
<div class="marketplace_category_container">
<div class="marketplace_app_tile" data-shortname="add_app">
<div class="marketplace_app_tile_left">
<img class="marketplace_app_tile_icon" src="{{ url_for('static', filename="images/")}}add_app.png"/>
</div>
<div class="marketplace_app_tile_right">
<div class="marketplace_app_tile_name">Add Application</div>
<div class="marketplace_app_tile_description">Add Community App to Device</div>
{% if product_key_skipped %}
<div class="marketplace_app_tile_version"><i>Premium Feature</i></div>
{% endif %}
</div>
</div>
</div>
<div id="loading_spinner_overlay" class="loading_spinner_overlay" style="display:none;">

View File

@ -0,0 +1,82 @@
<!DOCTYPE html lang="en">
<head>
<title>myNode - Add Community Application</title>
{% include 'includes/head.html' %}
<script src="{{ url_for('static', filename='js/manage_apps.js')}}"></script>
<script>
</script>
</head>
<body>
{% include 'includes/logo_header.html' %}
<div class="mynode_top_left_div">
<a href="/marketplace"><img class="mynode_nav_icon" src="{{ url_for('static', filename="images/back.png")}}"/></a>
</div>
<div class="main_header">Add Community Application</div>
{% include 'includes/message_display.html' %}
<div class="marketplace_app_page_container">
<div class="marketplace_app_page_block_header">&nbsp;</div>
<div class="marketplace_app_page_block_contents">
<div class="marketplace_app_page_block_contents_left">
<img class="marketplace_app_page_icon" src="{{ url_for('static', filename="images/")}}add_app.png"/>
<p style="font-size: 14px; text-align: center;">Add Community App</p>
{% if product_key_skipped %}
<p style="font-size: 14px; text-align: center;"><i>Premium Feature</i></p>
{% endif %}
</div>
<div class="marketplace_app_page_block_contents_right">
{% if product_key_skipped %}
<p>Adding new applications is a Premium feature.</p>
{% else %}
<form action="/marketplace/add_app" method="POST">
<div class="marketplace_app_page_block_contents_heading">
<div class="info-page-block">Select Application File</div>
</div>
<div class="marketplace_app_page_block_contents_text">
<input type="file" id="app_tarball" name="app_tarball">
</div>
<div class="marketplace_app_page_block_contents_heading">
<div class="info-page-block">Confirm Installation</div>
</div>
<div class="marketplace_app_page_block_contents_text">
<input type="checkbox" id="confirm1" name="confirm1" value="">
<label for="confirm1"> I trust the source of this application as well as the developers.</label><br>
<input type="checkbox" id="confirm2" name="confirm2" value="">
<label for="confirm2"> I understand myNode does not support community applications.</label><br>
<input type="checkbox" id="confirm3" name="confirm3" value="">
<label for="confirm2"> I understand myNode is not responsible for community applications.</label><br>
<input type="checkbox" id="confirm4" name="confirm4" value="">
<label for="confirm3"> I understand malicious applications could cause device instability, loss of privacy, and/or loss of funds.</label><br>
</br>
<input type="submit" class="ui-button ui-widget ui-corner-all ui-state-disabled" value="Add Application" disabled>
</div>
</form>
{% endif %}
</div>
</div>
</div>
<div id="loading_spinner_overlay" class="loading_spinner_overlay" style="display:none;">
<img id="loading_spinner" class="loading_image" src="{{ url_for('static', filename="images/loading.gif")}}"/>
<br/>
<span id="loading_spinner_message">Loading...</span>
</div>
</body>
</html>