first commit
This commit is contained in:
commit
32964d1d1f
227
app.py
Normal file
227
app.py
Normal file
@ -0,0 +1,227 @@
|
||||
from flask import Flask, render_template, request, redirect, url_for, jsonify
|
||||
import json
|
||||
import requests
|
||||
import logging
|
||||
import os
|
||||
import traceback
|
||||
|
||||
app = Flask(__name__)
|
||||
|
||||
# Setup logging to file
|
||||
logging.basicConfig(filename='log.log', level=logging.DEBUG, format='%(asctime)s %(levelname)s:%(message)s')
|
||||
|
||||
# Load the assort data
|
||||
ASSORT_FILE_PATH = 'assort.json'
|
||||
QUEST_ASSORT_FILE_PATH = 'questassort.json'
|
||||
CACHE_FILE_PATH = 'item_cache.json'
|
||||
RUBLE_TPL_ID = '5449016a4bdc2d6f028b456f'
|
||||
|
||||
try:
|
||||
with open(ASSORT_FILE_PATH) as f:
|
||||
assort_data = json.load(f)
|
||||
logging.debug("Assort data loaded successfully")
|
||||
except Exception as e:
|
||||
logging.error(f"Error loading assort data: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
|
||||
try:
|
||||
with open(QUEST_ASSORT_FILE_PATH) as f:
|
||||
quest_assort_data = json.load(f)
|
||||
logging.debug("Quest assort data loaded successfully")
|
||||
except Exception as e:
|
||||
logging.error(f"Error loading quest assort data: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
|
||||
# Load cache or initialize an empty dictionary
|
||||
if os.path.exists(CACHE_FILE_PATH):
|
||||
try:
|
||||
with open(CACHE_FILE_PATH) as f:
|
||||
item_cache = json.load(f)
|
||||
logging.debug("Item cache loaded successfully")
|
||||
except Exception as e:
|
||||
logging.error(f"Error loading item cache: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
item_cache = {}
|
||||
else:
|
||||
item_cache = {}
|
||||
logging.debug("Initialized empty item cache")
|
||||
|
||||
# Tarkov.dev API URL
|
||||
TARKOV_API_URL = "https://api.tarkov.dev/graphql"
|
||||
|
||||
def get_ruble_image():
|
||||
return get_item_details_cached(RUBLE_TPL_ID)
|
||||
|
||||
@app.route('/')
|
||||
def index():
|
||||
try:
|
||||
items = get_main_items_with_details(assort_data)
|
||||
ruble_image = get_ruble_image()
|
||||
return render_template('index.html', items=items, ruble_image=ruble_image)
|
||||
except Exception as e:
|
||||
logging.error(f"Error in index route: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
return "Error loading items", 500
|
||||
|
||||
def get_main_items_with_details(assort_data):
|
||||
items = []
|
||||
for item in assort_data['items']:
|
||||
if item['parentId'] == 'hideout':
|
||||
item_copy = item.copy() # Create a copy of the item to avoid modifying the original
|
||||
item_copy['details'] = get_item_details_cached(item_copy['_tpl'])
|
||||
item_copy['parts'] = get_item_parts_with_details(item_copy['_id'], assort_data)
|
||||
item_copy['barter_scheme'] = get_barter_scheme_with_details(item_copy['_id'], assort_data)
|
||||
item_copy['quest_requirement'] = get_quest_requirement(item_copy['_id'])
|
||||
item_copy['offer_name'] = item_copy['_id'] # Add offer name
|
||||
items.append(item_copy)
|
||||
logging.debug(f"Main items with details: {items}")
|
||||
return items
|
||||
|
||||
def get_item_details_cached(tpl):
|
||||
if tpl in item_cache:
|
||||
logging.debug(f"Cache hit for tpl {tpl}")
|
||||
return item_cache[tpl]
|
||||
else:
|
||||
logging.debug(f"Cache miss for tpl {tpl}, fetching from API")
|
||||
item_details = get_items_details([tpl])
|
||||
if tpl in item_details:
|
||||
item_cache[tpl] = item_details[tpl]
|
||||
save_item_cache()
|
||||
return item_details.get(tpl, {})
|
||||
|
||||
def get_items_details(tpls):
|
||||
queries = "\n".join([
|
||||
f'item{index}: item(id: "{tpl}") {{ id name shortName description basePrice image512pxLink wikiLink }}'
|
||||
for index, tpl in enumerate(tpls)
|
||||
])
|
||||
query = f"{{ {queries} }}"
|
||||
try:
|
||||
response = requests.post(TARKOV_API_URL, json={'query': query})
|
||||
data = response.json()
|
||||
logging.debug(f"Item details for tpls {tpls}: {data}")
|
||||
return {tpl: data['data'][f'item{index}'] for index, tpl in enumerate(tpls)}
|
||||
except Exception as e:
|
||||
logging.error(f"Error fetching item details for tpls {tpls}: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
return {}
|
||||
|
||||
def get_item_parts_with_details(parent_id, assort_data):
|
||||
parts = []
|
||||
def fetch_parts(parent_id):
|
||||
sub_parts = []
|
||||
for item in assort_data['items']:
|
||||
if item['parentId'] == parent_id:
|
||||
part_copy = item.copy() # Create a copy of the part to avoid modifying the original
|
||||
part_copy['details'] = get_item_details_cached(part_copy['_tpl'])
|
||||
part_copy['parts'] = fetch_parts(part_copy['_id']) # Fetch sub-parts recursively
|
||||
sub_parts.append(part_copy)
|
||||
return sub_parts
|
||||
parts = fetch_parts(parent_id)
|
||||
logging.debug(f"Parts for parent_id {parent_id}: {parts}")
|
||||
return parts
|
||||
|
||||
def get_barter_scheme_with_details(item_id, assort_data):
|
||||
barter_scheme = []
|
||||
if 'barter_scheme' in assort_data:
|
||||
for scheme in assort_data['barter_scheme'].get(item_id, []):
|
||||
scheme_details = []
|
||||
for req in scheme:
|
||||
req_copy = req.copy() # Create a copy of the req to avoid modifying the original
|
||||
req_details = get_item_details_cached(req_copy['_tpl'])
|
||||
req_copy['details'] = req_details
|
||||
scheme_details.append(req_copy)
|
||||
barter_scheme.append(scheme_details)
|
||||
logging.debug(f"Barter scheme for item_id {item_id}: {barter_scheme}")
|
||||
return barter_scheme
|
||||
|
||||
def get_quest_requirement(item_id):
|
||||
for quest_type, quests in quest_assort_data.items():
|
||||
if item_id in quests:
|
||||
return {
|
||||
"type": quest_type,
|
||||
"quest": quests[item_id]
|
||||
}
|
||||
return None
|
||||
|
||||
@app.route('/edit/<item_id>', methods=['GET', 'POST'])
|
||||
def edit_item(item_id):
|
||||
try:
|
||||
if request.method == 'POST':
|
||||
# Handle form submission
|
||||
new_barter_scheme = []
|
||||
tpl_list = request.form.getlist('barter_tpl')
|
||||
count_list = request.form.getlist('barter_count')
|
||||
scheme = []
|
||||
for i in range(len(tpl_list)):
|
||||
scheme.append({
|
||||
'_tpl': tpl_list[i],
|
||||
'count': int(count_list[i])
|
||||
})
|
||||
new_barter_scheme.append(scheme)
|
||||
update_barter_scheme(item_id, new_barter_scheme)
|
||||
return redirect(url_for('index'))
|
||||
|
||||
item = next((item for item in assort_data['items'] if item['_id'] == item_id), None)
|
||||
if item:
|
||||
item_copy = item.copy() # Create a copy of the item to avoid modifying the original
|
||||
item_copy['details'] = get_item_details_cached(item_copy['_tpl'])
|
||||
item_copy['parts'] = get_item_parts_with_details(item_id, assort_data)
|
||||
item_copy['barter_scheme'] = get_barter_scheme_with_details(item_id, assort_data)
|
||||
item_copy['quest_requirement'] = get_quest_requirement(item_id)
|
||||
ruble_image = get_ruble_image()
|
||||
return render_template('edit.html', item=item_copy, ruble_image=ruble_image)
|
||||
else:
|
||||
return "Item not found", 404
|
||||
except Exception as e:
|
||||
logging.error(f"Error in edit_item route: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
return "Error editing item", 500
|
||||
|
||||
def update_barter_scheme(item_id, new_barter_scheme):
|
||||
try:
|
||||
assort_data['barter_scheme'][item_id] = new_barter_scheme
|
||||
save_assort_data()
|
||||
except Exception as e:
|
||||
logging.error(f"Error updating barter scheme for item {item_id}: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
|
||||
def save_assort_data():
|
||||
try:
|
||||
# Deep copy the assort data and remove 'details' key before saving
|
||||
cleaned_assort_data = json.loads(json.dumps(assort_data)) # Deep copy
|
||||
|
||||
# Clean items
|
||||
for item in cleaned_assort_data['items']:
|
||||
if 'details' in item:
|
||||
del item['details']
|
||||
|
||||
# Clean barter_scheme
|
||||
for item_id, schemes in cleaned_assort_data.get('barter_scheme', {}).items():
|
||||
for scheme in schemes:
|
||||
for part in scheme:
|
||||
if 'details' in part:
|
||||
del part['details']
|
||||
|
||||
with open(ASSORT_FILE_PATH, 'w') as f:
|
||||
json.dump(cleaned_assort_data, f, indent=2) # Use 2 spaces for indentation
|
||||
logging.debug("Assort data saved successfully")
|
||||
except Exception as e:
|
||||
logging.error(f"Error saving assort data: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
|
||||
def save_item_cache():
|
||||
try:
|
||||
with open(CACHE_FILE_PATH, 'w') as f:
|
||||
json.dump(item_cache, f, indent=2) # Use 2 spaces for indentation
|
||||
logging.debug("Item cache saved successfully")
|
||||
except Exception as e:
|
||||
logging.error(f"Error saving item cache: {e}")
|
||||
logging.error(traceback.format_exc())
|
||||
|
||||
@app.route('/item_image/<tpl>')
|
||||
def item_image(tpl):
|
||||
details = get_item_details_cached(tpl)
|
||||
return jsonify({'image512pxLink': details.get('image512pxLink', ''), 'name': details.get('name', '')})
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(debug=True)
|
||||
2
requirements.txt
Normal file
2
requirements.txt
Normal file
@ -0,0 +1,2 @@
|
||||
Flask>=2.0.3
|
||||
requests>=2.26.0
|
||||
179
templates/edit.html
Normal file
179
templates/edit.html
Normal file
@ -0,0 +1,179 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Edit Item</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
<style>
|
||||
.price-box {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
margin-bottom: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
.price-box img {
|
||||
width: 30px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.price-box span {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.price-box small {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
color: #888;
|
||||
}
|
||||
.card {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.card-header img {
|
||||
width: 45px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.parts-tree {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.parts-tree > li {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.part-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #f8f9fa;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.part-item img {
|
||||
width: 30px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Edit {{ item.details.name }}</h1>
|
||||
<div class="form-group">
|
||||
<label for="main-item">Main Item</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">
|
||||
<img src="{{ item.details.image512pxLink }}" alt="{{ item.details.name }}" style="width: 50px;">
|
||||
</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" id="main-item" name="main-item" value="{{ item.details.name }}" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="price-box">
|
||||
<img src="{{ ruble_image.image512pxLink }}" alt="RUB">
|
||||
<div>
|
||||
<span>{{ item.details.basePrice }} RUB</span>
|
||||
<small>Base Price (for reference)</small>
|
||||
</div>
|
||||
</div>
|
||||
{% if item.parts|length > 0 %}
|
||||
<h2>
|
||||
<button class="btn btn-outline-primary-custom" type="button" data-toggle="collapse" data-target="#parts-{{ item._id }}" aria-expanded="false" aria-controls="parts-{{ item._id }}">
|
||||
Parts
|
||||
</button>
|
||||
</h2>
|
||||
<div id="parts-{{ item._id }}" class="collapse">
|
||||
<ul class="parts-tree">
|
||||
{% include 'parts.html' with context %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
<h2>Barter Scheme</h2>
|
||||
<form method="POST" id="barter-form">
|
||||
<div id="barter-scheme">
|
||||
{% for scheme in item.barter_scheme %}
|
||||
<div class="form-group barter-item" data-index="{{ loop.index0 }}">
|
||||
{% for req in scheme %}
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">
|
||||
<img src="{{ req.details.image512pxLink }}" alt="{{ req.details.name }}" style="width: 30px;" id="barter_img_{{ loop.index0 }}">
|
||||
</span>
|
||||
</div>
|
||||
<input type="text" class="form-control barter_tpl" id="barter_tpl_{{ loop.index0 }}" name="barter_tpl" value="{{ req._tpl }}" required>
|
||||
<input type="number" class="form-control barter_count" id="barter_count_{{ loop.index0 }}" name="barter_count" value="{{ req.count }}" required>
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-danger remove-barter-item" type="button">Remove</button>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary" id="add-barter-item">Add Barter Item</button>
|
||||
<button type="submit" class="btn btn-success">Save</button>
|
||||
<a href="{{ url_for('index') }}" class="btn btn-secondary">Cancel</a>
|
||||
</form>
|
||||
{% if item.quest_requirement %}
|
||||
<h2>Quest Requirement</h2>
|
||||
<p>
|
||||
<strong>Quest Requirement:</strong>
|
||||
{{ item.quest_requirement.quest }}
|
||||
{% if item.quest_requirement.type == 'success' %}
|
||||
<i class="fas fa-check-circle text-success"></i>
|
||||
{% elif item.quest_requirement.type == 'fail' %}
|
||||
<i class="fas fa-times-circle text-danger"></i>
|
||||
{% elif item.quest_requirement.type == 'started' %}
|
||||
<i class="fas fa-question-circle text-primary"></i>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
let barterIndex = {{ item.barter_scheme|length }};
|
||||
|
||||
$('#add-barter-item').click(function() {
|
||||
const newItem = `
|
||||
<div class="form-group barter-item" data-index="${barterIndex}">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">
|
||||
<img src="" alt="Barter Item" style="width: 30px;" id="barter_img_${barterIndex}">
|
||||
</span>
|
||||
</div>
|
||||
<input type="text" class="form-control barter_tpl" id="barter_tpl_${barterIndex}" name="barter_tpl" required>
|
||||
<input type="number" class="form-control barter_count" id="barter_count_${barterIndex}" name="barter_count" required>
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-danger remove-barter-item" type="button">Remove</button>
|
||||
</div>
|
||||
</div>`;
|
||||
$('#barter-scheme').append(newItem);
|
||||
barterIndex++;
|
||||
});
|
||||
|
||||
$(document).on('click', '.remove-barter-item', function() {
|
||||
if ($('.barter-item').length > 1) {
|
||||
$(this).closest('.barter-item').remove();
|
||||
} else {
|
||||
alert("You must have at least one barter item.");
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('change', '.barter_tpl', function() {
|
||||
const index = $(this).closest('.barter-item').data('index');
|
||||
const tpl = $(this).val();
|
||||
$.get(`/item_image/${tpl}`, function(data) {
|
||||
$(`#barter_img_${index}`).attr('src', data.image512pxLink);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
142
templates/index.html
Normal file
142
templates/index.html
Normal file
@ -0,0 +1,142 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Trader Assort</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
<style>
|
||||
.price-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
background-color: #f8f9fa;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.price-box img {
|
||||
width: 30px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.price-box span {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.price-box small {
|
||||
font-size: 0.8em;
|
||||
color: #888;
|
||||
}
|
||||
.card {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.card-header img {
|
||||
width: 45px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.barter-list {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.barter-list li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.barter-list li img {
|
||||
width: 45px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.parts-tree {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.parts-tree > li {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.part-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #f8f9fa;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.part-item img {
|
||||
width: 30px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Trader Assort</h1>
|
||||
<div class="list-group">
|
||||
{% for item in items %}
|
||||
<div class="card">
|
||||
<div class="card-header d-flex align-items-center">
|
||||
<img src="{{ item.details.image512pxLink }}" alt="{{ item.details.name }}">
|
||||
<strong>{{ item.details.name }}</strong>
|
||||
<div class="ml-2 text-muted">{{ item.offer_name }}</div> <!-- Add offer name here -->
|
||||
<div class="price-box ml-auto">
|
||||
<div><img src="{{ ruble_image.image512pxLink }}" alt="RUB"><span>{{ item.details.basePrice }} RUB</span></div>
|
||||
<small>Base Price (for reference)</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a href="{{ url_for('edit_item', item_id=item._id) }}" class="btn btn-primary btn-sm float-right">Edit</a>
|
||||
|
||||
{% if item.parts|length > 0 %}
|
||||
<h2>
|
||||
<button class="btn btn-outline-primary" type="button" data-toggle="collapse" data-target="#parts-{{ item._id }}" aria-expanded="false" aria-controls="parts-{{ item._id }}">
|
||||
Parts
|
||||
</button>
|
||||
</h2>
|
||||
<div id="parts-{{ item._id }}" class="collapse">
|
||||
<ul class="parts-tree">
|
||||
{% include 'parts.html' with context %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if item.barter_scheme|length > 0 %}
|
||||
<div><strong>Barter Requirements:</strong></div>
|
||||
<ul class="barter-list">
|
||||
{% for scheme in item.barter_scheme %}
|
||||
{% for req in scheme %}
|
||||
<li>
|
||||
<span>{{ req.count }} ×</span>
|
||||
<img src="{{ req.details.image512pxLink }}" alt="{{ req.details.name }}">
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
{% if item.quest_requirement %}
|
||||
<p>
|
||||
<strong>Quest Requirement:</strong>
|
||||
{{ item.quest_requirement.quest }}
|
||||
{% if item.quest_requirement.type == 'success' %}
|
||||
<i class="fas fa-check-circle text-success"></i>
|
||||
{% elif item.quest_requirement.type == 'fail' %}
|
||||
<i class="fas fa-times-circle text-danger"></i>
|
||||
{% elif item.quest_requirement.type == 'started' %}
|
||||
<i class="fas fa-question-circle text-primary"></i>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
16
templates/parts.html
Normal file
16
templates/parts.html
Normal file
@ -0,0 +1,16 @@
|
||||
{% macro render_parts(parts) %}
|
||||
{% for part in parts %}
|
||||
<li class="part-item">
|
||||
<img src="{{ part.details.image512pxLink }}" alt="{{ part.details.name }}">
|
||||
<div>
|
||||
<strong>{{ part.details.shortName }}</strong>
|
||||
{% if part.parts|length > 0 %}
|
||||
<ul class="parts-tree">
|
||||
{{ render_parts(part.parts) }}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
{{ render_parts(item.parts) }}
|
||||
Loading…
x
Reference in New Issue
Block a user