add quickinfo app

This commit is contained in:
Seth Ladygo
2019-08-02 15:40:51 -07:00
parent 02a4080c48
commit 6c23d30897
10 changed files with 188 additions and 0 deletions

View File

@ -0,0 +1,85 @@
{% load staticfiles i18n %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ settings.CUSTOMER_NAME }} ProCatalog: {% trans "Material Search"%}: {{ id }}</title>
<link href="{% static 'img/favicon.ico' %}" rel="shortcut icon" />
<style>
html, body {
font-family: sans-serif;
height: 100%;
padding: 10px;
background-color: #535353;
}
#both {
width: 400px;
background-color: #fff;
box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.3);
position: relative;
}
#image {
padding: 15px;
}
#data {
border-top: 4px solid hsl(52, 100%, 50%);
background-color: #e1e1e1;
padding: 10px 15px;
}
img {
max-width: 100%;
max-height: 100%;
}
p {
font-size: 12pt;
margin: 0;
line-height: 1.75;
}
p.large {
font-size: 16pt;
}
p.notfound {
padding: 18px 15px;
color: #777;
}
img.logo {
float: right;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
</style>
</head>
<body>
<div id="both">
<img class="logo" src="/static/img/keen_logo.svg" width="90">
{% if image %}
<div id="image">
<a href="{{ image }}"><img src="{{ image }}"/></a>
</div>
{% else %}
<p class="notfound">Image not found</p>
{% endif %}
<div id="data">
{% if prod %}
<p class="large"><b>{{ prod.name }}</b></p>
<p>{{ prod.sap }}</p>
<p>{{ prod.gender | title }} {{ prod.category | title }}</p>
<p>{{ prod.color }}</p>
{% else %}
<p class="large"><b>{{ id }}</b></p>
<p>No data</p>
{% endif %}
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,24 @@
{% load staticfiles i18n %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ settings.CUSTOMER_NAME }} ProCatalog: {% trans "Material Search"%}</title>
<link href="{% static 'img/favicon.ico' %}" rel="shortcut icon" />
<style>
html {
background-color: white;
font-family: sans-serif;
}
</style>
</head>
<body>
<b>{% trans "KEEN Quick Image Search" %}</b>
<font size="-2"> {% trans "please input material number" %}</font>
<form action="{% url 'quickinfo_result' %}" method='get'>
<input type="text" name="id">
<input type="submit" value="Go">
</form>
</body>
</html>