Add App Page Framework
This commit is contained in:
parent
36645d1546
commit
0d05457b9b
|
@ -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()
|
||||
|
|
BIN
rootfs/standard/var/www/mynode/static/images/add_app.png
Normal file
BIN
rootfs/standard/var/www/mynode/static/images/add_app.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.8 KiB |
|
@ -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;">
|
||||
|
|
|
@ -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"> </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>
|
Loading…
Reference in New Issue
Block a user