From f6db8e13f1b6f41735b450ea278be8edca896041 Mon Sep 17 00:00:00 2001
From: Dylan Hillerbrand <dhillerbrand@gmail.com>
Date: Tue, 27 Aug 2024 14:46:55 -0400
Subject: [PATCH] style: format existing django templates with djlint

---
 .../templates/admin/load_chants.html          |  19 +-
 .../templates/admin/map_folios.html           | 230 +++++++++---------
 app/public/cantusdata/templates/base.html     | 103 ++++----
 .../missing_manuscript_redirect.html          |  33 ++-
 app/public/cantusdata/templates/require.html  |  42 ++--
 5 files changed, 218 insertions(+), 209 deletions(-)

diff --git a/app/public/cantusdata/templates/admin/load_chants.html b/app/public/cantusdata/templates/admin/load_chants.html
index d1be2c9d..3c03f2d7 100644
--- a/app/public/cantusdata/templates/admin/load_chants.html
+++ b/app/public/cantusdata/templates/admin/load_chants.html
@@ -1,7 +1,6 @@
 {% extends "base.html" %}
-
 {% block head %}
-<style>
+    <style>
     h2, h5 {
         width: 100%;
         text-align: center;
@@ -21,12 +20,14 @@
         margin: 0 auto;
         display: block
     }
-</style>
+    </style>
 {% endblock %}
 {% block body %}
-<h2>Chants are being loaded for these manuscripts.</h2>
-<h5>The changes are currently being applied to the database. They should appear in a few minutes.</h5>
-<form action="/admin/cantusdata/manuscript/">
-    <input class="blue-button horizontal-center" type="submit" value="Return to Admin Page">
-</form>
-{% endblock %}
\ No newline at end of file
+    <h2>Chants are being loaded for these manuscripts.</h2>
+    <h5>The changes are currently being applied to the database. They should appear in a few minutes.</h5>
+    <form action="/admin/cantusdata/manuscript/">
+        <input class="blue-button horizontal-center"
+               type="submit"
+               value="Return to Admin Page">
+    </form>
+{% endblock %}
diff --git a/app/public/cantusdata/templates/admin/map_folios.html b/app/public/cantusdata/templates/admin/map_folios.html
index 1622d5bc..f0a25ec8 100644
--- a/app/public/cantusdata/templates/admin/map_folios.html
+++ b/app/public/cantusdata/templates/admin/map_folios.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 {% block head %}
-<style>
+    <style>
     form.paths, h2, h5 {
         width: 100%;
         text-align: center;
@@ -111,121 +111,131 @@
         top: 40%;
         right: 25px;
     }
-</style>
+    </style>
 {% endblock %}
-
 {% block body %}
-
-{% if error %}
-<h2 class="error-message">{{ error }}</h2>
-
-{% elif manuscript_ids %}
-<table>
-    <tr>
-      <th>Manuscript</th>
-      <th>Status</th>
-      <th>Mapping</th>
-    </tr>
-    {% for m_id, m_str, is_mapped in manuscript_ids %}
-    <tr>
-        <td>{{ m_str }}</td>
-            {% if is_mapped == "MAPPED" %}
-            <td class="folio-mapped">Already mapped</td>
-            {% elif is_mapped == "PENDING" %}
-            <td class="folio-pending">Map pending</td>
-            {% else %}
-            <td class="folio-unmapped">Not mapped</td>
-            {% endif %}
-        <td>
-            {% if is_mapped == "MAPPED" %}
-            <a href="/admin/map_folios/?manuscript_id={{ m_id }}" class="table-link">Edit map</a>
-            {% elif is_mapped == "PENDING" %}
-            <span>Wait for mapping to process</span>
-            {% else %}
-            <a href="/admin/map_folios/?manuscript_id={{ m_id }}" class="table-link">Map now</a>
-            {% endif %}
-        </td>
-    </tr>
-    {% endfor %}
-</table>
-
-{% elif manuscript_id and uris and folios and manuscript_mapping_state %}
-
-<h5><br><em>Tip: Use 'Tab' and 'Shift+Tab' to navigate the input fields.</em></h5>
-
-
-
-<form class="mapping-column" action="/admin/map_folios/" method="post">
-    {% csrf_token %}
-    <input type="hidden" name="manuscript_id" value="{{ manuscript_id }}" />
-    <div class="two-folio-checkbox">
-        {% if not dbl_folio_img %}
-            <input type="checkbox" id="two-folio-images" name="two_folio_images"
-                   unchecked>
-        {% else %}
-            <input type="checkbox" id="two-folio-images" name="two_folio_images"
-                checked>
-        {% endif %}
-            <label for="two-folio-images">Images have two folios?</label>
-    </div>
-    <ul>
-        <li><h4>Pages from the manifest:</h4></li>
-        <!-- Manuscripts are assumed by default to have only one folio per image. In this case, 
+    {% if error %}
+        <h2 class="error-message">{{ error }}</h2>
+    {% elif manuscript_ids %}
+        <table>
+            <tr>
+                <th>Manuscript</th>
+                <th>Status</th>
+                <th>Mapping</th>
+            </tr>
+            {% for m_id, m_str, is_mapped in manuscript_ids %}
+                <tr>
+                    <td>{{ m_str }}</td>
+                    {% if is_mapped == "MAPPED" %}
+                        <td class="folio-mapped">Already mapped</td>
+                    {% elif is_mapped == "PENDING" %}
+                        <td class="folio-pending">Map pending</td>
+                    {% else %}
+                        <td class="folio-unmapped">Not mapped</td>
+                    {% endif %}
+                    <td>
+                        {% if is_mapped == "MAPPED" %}
+                            <a href="/admin/map_folios/?manuscript_id={{ m_id }}" class="table-link">Edit map</a>
+                        {% elif is_mapped == "PENDING" %}
+                            <span>Wait for mapping to process</span>
+                        {% else %}
+                            <a href="/admin/map_folios/?manuscript_id={{ m_id }}" class="table-link">Map now</a>
+                        {% endif %}
+                    </td>
+                </tr>
+            {% endfor %}
+        </table>
+    {% elif manuscript_id and uris and folios and manuscript_mapping_state %}
+        <h5>
+            <br>
+            <em>Tip: Use 'Tab' and 'Shift+Tab' to navigate the input fields.</em>
+        </h5>
+        <form class="mapping-column" action="/admin/map_folios/" method="post">
+            {% csrf_token %}
+            <input type="hidden" name="manuscript_id" value="{{ manuscript_id }}" />
+            <div class="two-folio-checkbox">
+                {% if not dbl_folio_img %}
+                    <input type="checkbox"
+                           id="two-folio-images"
+                           name="two_folio_images"
+                           unchecked>
+                {% else %}
+                    <input type="checkbox" id="two-folio-images" name="two_folio_images" checked>
+                {% endif %}
+                <label for="two-folio-images">Images have two folios?</label>
+            </div>
+            <ul>
+                <li>
+                    <h4>Pages from the manifest:</h4>
+                </li>
+                <!-- Manuscripts are assumed by default to have only one folio per image. In this case,
             or if the manuscript has previously been mapped with only one folio per image,
             the input boxes with second-folio-input are created hidden. If the manuscript has
             previously been mapped with two folios per image, this mapping is shown intially (ie.
             the second-folio-input boxes are visible). -->
-        {% for uri in uris %}
-        <li>
-            <a href={{ uri.large }} target="_blank"><img src={{ uri.thumbnail }} /></a>
-            {{ uri.id }}
-            {% if not dbl_folio_img %}
-                {% if uri.folio %}
-                    <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" value={{ uri.folio.0 }} />
-                {% else %}
-                    <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()"/>
-                {% endif %}
-                <input hidden type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />      
+                {% for uri in uris %}
+                    <li>
+                        <a href={{ uri.large }} target="_blank"><img src={{ uri.thumbnail }} /></a>
+                        {{ uri.id }}
+                        {% if not dbl_folio_img %}
+                            {% if uri.folio %}
+                                <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" value={{ uri.folio.0 }} />
+                            {% else %}
+                                <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />
+                            {% endif %}
+                            <input hidden type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />
+                        {% else %}
+                            {% if uri.folio %}
+                                <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" value={{ uri.folio.0 }} />
+                                {% if uri.folio.1 %}
+                                    <input type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" value={{ uri.folio.1 }} />
+                                {% else %}
+                                    <input type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />
+                                {% endif %}
+                            {% else %}
+                                <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />
+                                <input type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />
+                            {% endif %}
+                        {% endif %}
+                        <div class="button"
+                             onclick="onMoveUp({{ forloop.counter0 }})"
+                             tabindex="-1">Up</div>
+                        <div class="button"
+                             onclick="onMoveDown({{ forloop.counter0 }})"
+                             tabindex="-1">Down</div>
+                    </li>
+                {% endfor %}
+            </ul>
+            {% if manuscript_mapping_state == "PENDING" %}
+                <div class="final-submit">
+                    <input class="grey-button"
+                           type="button"
+                           value="Mapping in Progress. Try again later.">
+                </div>
             {% else %}
-                {% if uri.folio %}
-                    <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" value={{ uri.folio.0 }} />
-                    {% if uri.folio.1 %}
-                        <input type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" value={{ uri.folio.1 }} />
-                    {% else %}
-                        <input type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()" />
-                    {% endif %}
-                {% else %}
-                    <input type="text" class="folio-mapping first-folio-input" name={{ uri.full }} onchange="checkMappedFolios()"/>
-                    <input type="text" class="folio-mapping second-folio-input" name={{ uri.full }} onchange="checkMappedFolios()"/>
-                {% endif %}
+                <div class="final-submit">
+                    <input class="blue-button" type="submit" value="Submit this Mapping">
+                </div>
             {% endif %}
-            <div class="button" onclick="onMoveUp({{ forloop.counter0 }})" tabindex="-1">Up</div>
-            <div class="button" onclick="onMoveDown({{ forloop.counter0 }})" tabindex="-1">Down</div>
-        </li>
-        {% endfor %}
-    </ul>
-    {% if manuscript_mapping_state == "PENDING" %}
-    <div class="final-submit">
-        <input class="grey-button" type="button" value="Mapping in Progress. Try again later.">
-    </div>
-    {% else %}
-    <div class="final-submit">
-        <input class="blue-button" type="submit" value="Submit this Mapping">
-    </div>
-    {% endif %}
-</form>
-<div class="backup-options">
-    <div class="blue-button" onclick="onSaveBackup()">Save Backup</div>
-    <h6><em>Drag and drop a CSV file anywhere<br>on the page to import it.</em></h6>
-</div>
-<ul class="mapping-column">
-    <li><h4>Folio names from the data:</h4></li>
-    {% for folio in folios %}
-    <li class="folio-name folio-unmapped" id={{ folio }} >{{ folio }}</li>
-    {% endfor %}
-</ul>
-
-<script>
+        </form>
+        <div class="backup-options">
+            <div class="blue-button" onclick="onSaveBackup()">Save Backup</div>
+            <h6>
+                <em>Drag and drop a CSV file anywhere
+                    <br>
+                on the page to import it.</em>
+            </h6>
+        </div>
+        <ul class="mapping-column">
+            <li>
+                <h4>Folio names from the data:</h4>
+            </li>
+            {% for folio in folios %}
+                <li class="folio-name folio-unmapped" id={{ folio }}>{{ folio }}
+                </li>
+            {% endfor %}
+        </ul>
+        <script>
     var folios = document.getElementsByClassName('folio-name');
     var inputs = document.getElementsByClassName('folio-mapping');
     var firstFolioInputs = document.getElementsByClassName('first-folio-input');
@@ -386,6 +396,6 @@ <h6><em>Drag and drop a CSV file anywhere<br>on the page to import it.</em></h6>
 
         document.body.removeChild(element);
     }
-</script>
-{% endif %}
+        </script>
+    {% endif %}
 {% endblock %}
diff --git a/app/public/cantusdata/templates/base.html b/app/public/cantusdata/templates/base.html
index efb1539f..81088ea3 100644
--- a/app/public/cantusdata/templates/base.html
+++ b/app/public/cantusdata/templates/base.html
@@ -1,60 +1,69 @@
 <!DOCTYPE html>
 <html lang="en" class="no-js">
-<head>
-    <title>
-        {% block document_title %}Cantus Ultimus{% endblock %}
-    </title>
-    <meta charset="UTF-8">
-
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta http-equiv="Content-Language" content="en_US" />
-
-    {# Replace .no-js with .js before loading the CSS #}
-    <script>
+    <head>
+        <title>
+            {% block document_title %}Cantus Ultimus{% endblock %}
+        </title>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta http-equiv="Content-Language" content="en_US" />
+        {# Replace .no-js with .js before loading the CSS #}
+        <script>
         (function (html)
         {
             html.className = html.className.replace(/\bno-js\b/g, 'js');
         })(document.documentElement);
-    </script>
-
-    <link rel="stylesheet" type="text/css" href="/static/css/cantus-min.css">
-
-    {% block head %}
-    {% endblock %}
-
-    <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/ico" href="/static/img/favicon.ico">
-</head>
-<body>
-    <div id="menu-sidenav"></div>
-
-    <div id="header-container">
-        <div id="page-header">
-            <nav class="navbar navbar-default" role="navigation">
-                <div class="container-fluid">
-                    <div class="navbar-header">
-                        <button type="button" class="navbar-toggle">
-                            <span class="sr-only">Toggle navigation</span>
-                            <span class="icon-bar"></span>
-                            <span class="icon-bar"></span>
-                            <span class="icon-bar"></span>
-                        </button>
-                        <div class="navbar-brand">
-                            <a class="primary-brand-component" href="/">Cantus Ultimus (v{{ APP_VERSION }})</span></a><!-- no space
-                         --><span id="page-title">{% block breadcrumb %}{% endblock %}</span>
+        </script>
+        <link rel="stylesheet" type="text/css" href="/static/css/cantus-min.css">
+        {% block head %}{% endblock %}
+        <meta name="viewport" content="width=device-width" />
+        <link rel="icon" type="image/ico" href="/static/img/favicon.ico">
+    </head>
+    <body>
+        <div id="menu-sidenav"></div>
+        <div id="header-container">
+            <div id="page-header">
+                <nav class="navbar navbar-default" role="navigation">
+                    <div class="container-fluid">
+                        <div class="navbar-header">
+                            <button type="button" class="navbar-toggle">
+                                <span class="sr-only">Toggle navigation</span>
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                            </button>
+                            <div class="navbar-brand">
+                                <a class="primary-brand-component" href="/">Cantus Ultimus (v{{ APP_VERSION }})</span></a><!-- no space
+--><span id="page-title">
+                                {% block breadcrumb %}{% endblock %}
+                            </span>
                         </div>
                     </div>
                     <div class="collapse navbar-collapse" id="top-menu">
                         <ul class="nav navbar-nav navbar-right">
-                            <li><a style="font-weight:bold; font-size:larger" href="/manuscripts/">Manuscripts</a></li>
+                            <li>
+                                <a style="font-weight:bold; font-size:larger" href="/manuscripts/">Manuscripts</a>
+                            </li>
                             {% if IS_DEVELOPMENT %}
-                            <li><a href="/manifests/">IIIF Manifests</a></li>
+                                <li>
+                                    <a href="/manifests/">IIIF Manifests</a>
+                                </li>
                             {% endif %}
-                            <li><a href="/about/">About</a></li>
-                            <li><a href="/activities/">Activities</a></li>
-                            <li><a href="/team/">Team</a></li>
-                            <li><a href="/search/" class="search-modal-link">Search</a></li>
-                            <li><a href="/admin/">Admin Page</a></li>
+                            <li>
+                                <a href="/about/">About</a>
+                            </li>
+                            <li>
+                                <a href="/activities/">Activities</a>
+                            </li>
+                            <li>
+                                <a href="/team/">Team</a>
+                            </li>
+                            <li>
+                                <a href="/search/" class="search-modal-link">Search</a>
+                            </li>
+                            <li>
+                                <a href="/admin/">Admin Page</a>
+                            </li>
                         </ul>
                     </div>
                 </div>
@@ -63,8 +72,6 @@
             <div id="about-volpiano-modal"></div>
         </div>
     </div>
-
-    {% block body %}
-    {% endblock %}
+    {% block body %}{% endblock %}
 </body>
 </html>
diff --git a/app/public/cantusdata/templates/missing_manuscript_redirect.html b/app/public/cantusdata/templates/missing_manuscript_redirect.html
index ba79f5c8..cd8d62e0 100644
--- a/app/public/cantusdata/templates/missing_manuscript_redirect.html
+++ b/app/public/cantusdata/templates/missing_manuscript_redirect.html
@@ -1,25 +1,20 @@
 {% extends "base.html" %}
-
 {% block body %}
-
-<div class="container">
-    <div class="row" style="padding-top:20vh;padding-bottom:20vh">
-        <div class="col-lg-12">
-            <p class="text-center">This manuscript has been moved.</p>
-            <p class="text-center">You can find it on the <a href="{% url 'manuscript-list' %}">Manuscripts</a> page.</p>
+    <div class="container">
+        <div class="row" style="padding-top:20vh;padding-bottom:20vh">
+            <div class="col-lg-12">
+                <p class="text-center">This manuscript has been moved.</p>
+                <p class="text-center">
+                    You can find it on the <a href="{% url 'manuscript-list' %}">Manuscripts</a> page.
+                </p>
+            </div>
         </div>
-    </div>
-
-    <div class="row">
-        <div class="col-lg-12">
-            <img class="center-block logos"
-                 alt="Combined logos: Social Sciences and Humanities Research Council of Canada;
-                 Schulich School of Music, McGill University; Distributed Digital Music Archives and Libraries Lab;
-                 Centre for Interdisciplinary Research in Music Media and Technology; Fonds de recherche du Québec
-                 – Société et culture" src="/static/img/all_logos_sm.png">
+        <div class="row">
+            <div class="col-lg-12">
+                <img class="center-block logos"
+                     alt="Combined logos: Social Sciences and Humanities Research Council of Canada; Schulich School of Music, McGill University; Distributed Digital Music Archives and Libraries Lab; Centre for Interdisciplinary Research in Music Media and Technology; Fonds de recherche du Québec – Société et culture"
+                     src="/static/img/all_logos_sm.png">
+            </div>
         </div>
-
     </div>
-</div>
-    
 {% endblock %}
diff --git a/app/public/cantusdata/templates/require.html b/app/public/cantusdata/templates/require.html
index 535c456e..fe02dcbe 100644
--- a/app/public/cantusdata/templates/require.html
+++ b/app/public/cantusdata/templates/require.html
@@ -1,30 +1,26 @@
 {% extends "base.html" %}
-
 {% block body %}
-<noscript class="no-js-message">
-    <div class="container">
-        <div class="row">
-            <div class="col-lg-12">
-                <p>We're sorry, but JavaScript is required to browse the Cantus Ultimus manuscripts. For instructions on how to enable JavaScript, <a href="http://www.enable-javascript.com/" target="_blank">see here</a>. To learn more about the Cantus Ultimus project, visit the <a href="/">home page</a>.</p>
+    <noscript class="no-js-message">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <p>
+                        We're sorry, but JavaScript is required to browse the Cantus Ultimus manuscripts. For instructions on how to enable JavaScript, <a href="http://www.enable-javascript.com/" target="_blank">see here</a>. To learn more about the Cantus Ultimus project, visit the <a href="/">home page</a>.
+                    </p>
+                </div>
             </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-12">
-                <img class="center-block logos"
-                     alt="Combined logos: Social Sciences and Humanities Research Council of Canada;
-                     Schulich School of Music, McGill University; Distributed Digital Music Archives and Libraries Lab;
-                     Centre for Interdisciplinary Research in Music Media and Technology; Fonds de recherche du Québec
-                     – Société et culture" src="/static/img/all_logos_sm.png">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img class="center-block logos"
+                         alt="Combined logos: Social Sciences and Humanities Research Council of Canada; Schulich School of Music, McGill University; Distributed Digital Music Archives and Libraries Lab; Centre for Interdisciplinary Research in Music Media and Technology; Fonds de recherche du Québec – Société et culture"
+                         src="/static/img/all_logos_sm.png">
+                </div>
             </div>
         </div>
-    </div>
-</noscript>
-
-<div id="content-root"></div>
-
-<script src="/static/js/app/cantus-min.js"></script>
-
-<script>
+    </noscript>
+    <div id="content-root"></div>
+    <script src="/static/js/app/cantus-min.js"></script>
+    <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
@@ -33,5 +29,5 @@
     ga('create', 'UA-2371659-10', 'auto');
     ga('send', 'pageview');
 
-</script>
+    </script>
 {% endblock %}