Skip to content

Commit

Permalink
reformat: run djlint for detail.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@kunfang98927
kunfang98927 committed Jul 17, 2024
1 parent 341d0bb commit d30baca
Showing 1 changed file with 69 additions and 57 deletions.
126 changes: 69 additions & 57 deletions web-app/django/VIM/apps/instruments/templates/instruments/detail.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,18 @@

{% load static %}

{% block title %}
Instrument Detail
{% endblock %}
{% block title %}Instrument Detail{% endblock %}

{% block css_files %}
<link rel="stylesheet" href="{% static "instruments/css/index.css" %}">
<link rel="stylesheet" href="{% static "instruments/css/detail.css" %}">
<link rel="stylesheet" href="{% static "instruments/css/index.css" %}" />
<link rel="stylesheet" href="{% static "instruments/css/detail.css" %}" />
{% endblock %}

{% block content %}
<div class="instrument-detail">
<div class="detail-header">
<h2>{{ instrument_name_en }}</h2>
<hr>
<hr />
</div>
<div class="detail-body">
<div class="instrument-forms">
Expand All @@ -26,8 +24,10 @@ <h2>{{ instrument_name_en }}</h2>
<td>
<div class="name-form-item">
<div class="name-field">
<a class="view-field" href="https://www.wikidata.org/wiki/{{ wikidata_id }}" target="_blank">{{ wikidata_id }}</a>
<input class="edit-field" type="text" value="{{ wikidata_id }}">
<a class="view-field"
href="https://www.wikidata.org/wiki/{{ wikidata_id }}"
target="_blank">{{ wikidata_id }}</a>
<input class="edit-field" type="text" value="{{ wikidata_id }}" />
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
Expand All @@ -43,7 +43,7 @@ <h2>{{ instrument_name_en }}</h2>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ hornbostel_sachs_class }}</span>
<input class="edit-field" type="text" value="{{ hornbostel_sachs_class }}">
<input class="edit-field" type="text" value="{{ hornbostel_sachs_class }}" />
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
Expand All @@ -58,8 +58,10 @@ <h2>{{ instrument_name_en }}</h2>
<td>
<div class="name-form-item">
<div class="name-field">
<a class="view-field" href="https://vocabulary.mimo-international.com/InstrumentsKeywords/en/page/{{ mimo_class }}" target="_blank">{{ mimo_class }}</a>
<input class="edit-field" type="text" value="{{ mimo_class }}">
<a class="view-field"
href="https://vocabulary.mimo-international.com/InstrumentsKeywords/en/page/{{ mimo_class }}"
target="_blank">{{ mimo_class }}</a>
<input class="edit-field" type="text" value="{{ mimo_class }}" />
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
Expand All @@ -70,61 +72,69 @@ <h2>{{ instrument_name_en }}</h2>
</td>
</tr>
<tr>
<th scope="row">
Instrument Names in Different Languages
</th>
<th scope="row">Instrument Names in Different Languages</th>
<td>
<table class="table table-sm table-striped table-bordered">
<thead>
<tr>
<th scope="col"><span class="name-form-item">Language</span></th>
<th scope="col"><span class="name-form-item">Name</span></th>
<th scope="col"><span class="name-form-item">Source</span></th>
<th scope="col">
<span class="name-form-item">Language</span>
</th>
<th scope="col">
<span class="name-form-item">Name</span>
</th>
<th scope="col">
<span class="name-form-item">Source</span>
</th>
</tr>
</thead>
<tbody>
{% for instrument_name in instrument_names %}
<tr>
<td>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ instrument_name.language_en_label }}</span>
<input class="edit-field" type="text" value="{{ instrument_name.language_en_label }}">
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
<button class="btn cancel">Cancel</button>
<button class="btn publish">Publish</button>
</div>
</div>
</td>
<td>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ instrument_name.name }}</span>
<input class="edit-field" type="text" value="{{ instrument_name.name }}">
<tr>
<td>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ instrument_name.language_en_label }}</span>
<input class="edit-field"
type="text"
value="{{ instrument_name.language_en_label }}" />
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
<button class="btn cancel">Cancel</button>
<button class="btn publish">Publish</button>
</div>
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
<button class="btn cancel">Cancel</button>
<button class="btn publish">Publish</button>
</td>
<td>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ instrument_name.name }}</span>
<input class="edit-field" type="text" value="{{ instrument_name.name }}" />
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
<button class="btn cancel">Cancel</button>
<button class="btn publish">Publish</button>
</div>
</div>
</div>
</td>
<td>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ instrument_name.source_name }}</span>
<input class="edit-field" type="text" value="{{ instrument_name.source_name }}">
</td>
<td>
<div class="name-form-item">
<div class="name-field">
<span class="view-field">{{ instrument_name.source_name }}</span>
<input class="edit-field"
type="text"
value="{{ instrument_name.source_name }}" />
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
<button class="btn cancel">Cancel</button>
<button class="btn publish">Publish</button>
</div>
</div>
<div class="button-group">
<button class="btn edit">Edit</button>
<button class="btn cancel">Cancel</button>
<button class="btn publish">Publish</button>
</div>
</div>
</td>
</tr>
</td>
</tr>
{% endfor %}
</tbody>
</table>
Expand All @@ -135,7 +145,9 @@ <h2>{{ instrument_name_en }}</h2>
<td>
<div class="name-form-item">
<div class="detail-image">
<img src="{{ default_image_url }}" alt="{{ instrument_name_en }}" class="figure-img img-fluid rounded instrument-image">
<img src="{{ default_image_url }}"
alt="{{ instrument_name_en }}"
class="figure-img img-fluid rounded instrument-image" />
<div class="detail-image-caption">
<a href="{{ default_image_url }}" target="_blank">View image in full size</a>
</div>
Expand All @@ -152,4 +164,4 @@ <h2>{{ instrument_name_en }}</h2>

{% block script %}
<script src="{% static "instruments/js/InstrumentDetail.js" %}"></script>
{% endblock %}
{% endblock %}

0 comments on commit d30baca

Please sign in to comment.