wasm-micro-runtime/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/appstore.html

99 lines
4.3 KiB
HTML
Raw Normal View History

<!--
/* Copyright (C) 2019 Intel Corporation. All rights reserved.
* SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
*/
-->
2019-08-14 02:37:39 +00:00
{% load static %}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">
<title> Wasm-Micro-Runtime </title>
<link rel="stylesheet" type="text/css" href="{%static 'css/appstore.css'%}"/>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body style="background-color:rgb(240, 240, 240)">
<div id="container" style="background-image: url('{%static 'photo//totalblack.png'%}')">
<div id="content">
<div id= "mainnav">
<ul>
<li ><a href="https://github.com/intel/wasm-micro-runtime">GitHub</a></li>
<li ><a href="/">Devices</a></li>
<li ><a href="/appstore/">App Store</a></li>
<li ><a href="/help/">Help</a></li>
</ul>
</div>
</div>
<div class="headers" style="background-image: url('{%static 'photo/milky-way-2695569_1280.jpg'%}')">
<h1 id="maintitle">WebAssembly Micro Runtime - APP Store Demo</h1>
</div>
</div>
<!-- <div id="introinfo"></div> -->
<!-- <div class="style-one"></div> -->
<div class="deletebox" style="display:none;">
<div class="warning2">Dialog Box</div>
<div class="findapp"> APP </div>
<button class="suresbtn" type="button" value="sure">OK</button>
<button class="delsbtn" type="button" value="Cancel">Cancel</button>
</div>
<div id = "introstore">
<div id="applicationlist">
<div class="bar">
<div class="leftpart">The products </div>
<div style="position:relative; float:left; left:50px; font-size:14px; height:50px; top:10px;">Application List</div>
<div class="rightpart">
<form action="/upload" method = "POST" enctype="multipart/form-data">
{%csrf_token%}
<div class="stylehere">
<input type ="file" required name="myfile" class = "file">
<a href="#" class="choosestyle">Choose File</a>
</div>
<div class="stylehere">
<input type="submit" value = "upload" class="btn btn-info">
</div>
</form>
</div>
</div>
<div class = "appbook">
<div id="applications">
<div id="appimage" ><img class="mysoftware" src="{%static 'photo/software-icon-32081.png'%}" ;height="50" width="40"/></div>
<p id="appinfo1" style="position:relative; font-size:15px;width:35%; height:25px; float:left; left:5%;"> Product Name: </p>
<p id="appinfo2" style="position:relative; font-size:15px;width:30%; height:25px; float:left; left:5%;"> Product Version: </p>
<p id="lable" style="position:relative;font-size:11px;font-family:'logo';width:10%; height:25px; float:left; left:5%;"> Preloaded Apps </p>
<button id="delbutton" type="button" style="position: relative; height:25px; float:left; left:5%;" onclick="deleteClick(this)" method = "get" name="delete">Remove</button>
</div>
</div>
<br>
</div>
</div>
</div>
<footer class="footer">
Copyright&copy; intel.com
</footer>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
var elist = {{staticlist|safe}}/*saves all the apps that preloaded and are not able to be removed from applestore*/
var flist = {{flist|safe}} /*a list of locally uploaded apps installed by users*/
var ulist = {{ulist|safe}} /*Declare about is the app avaliable for uploading to the appstore: wasm_file OR preloaded already*/
</script>
<script type="text/javascript" src="{%static 'js/appstore.js'%}"></script>
</body>
</html>