From 1f45be9c39e2b901ecce01d4b08f5a2cf02274e1 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sat, 17 Nov 2018 17:52:40 -0800
Subject: [PATCH] Provide #right first, since #left is often slower to load.

---
 .../etiquette_flask/templates/album.html      | 62 +++++++++----------
 frontends/etiquette_flask/templates/tags.html | 16 ++---
 2 files changed, 39 insertions(+), 39 deletions(-)
diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html
index e686cdf..e37a3bb 100644
--- a/frontends/etiquette_flask/templates/album.html
+++ b/frontends/etiquette_flask/templates/album.html
@@ -144,6 +144,37 @@ ALBUM_ID = undefined;
 <body>
 {{header.make_header(session=session)}}
 <div id="content_body" class="sticky_side_right">
+    <div id="right">
+        {% if view != "list" %}
+            <a href="?view=list">List view</a>
+        {% else %}
+            <a href="?view=grid">Grid view</a>
+        {% endif %}
+
+        <button
+        class="red_button button_with_confirm"
+        data-onclick="api.albums.delete(ALBUM_ID, api.albums.callback_go_to_albums)"
+        data-prompt="Delete Album?"
+        data-confirm-class="red_button"
+        data-cancel-class="gray_button"
+        >
+            Delete
+        </button>
+
+        <div>
+            <button id="create_child_prompt_button" class="green_button" onclick="open_create_child(event);">Create child</button>
+            <input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
+            <button id="create_child_submit_button" class="green_button hidden" onclick="create_child_form(event);">Create</button>
+            <button id="create_child_cancel_button" class="gray_button hidden" onclick="cancel_create_child(event);">Cancel</button>
+        </div>
+        <div>
+            <button id="add_child_prompt_button" class="green_button" onclick="open_add_child(event);">Add child</button>
+            <input type="text" id="add_child_id_entry" class="hidden" placeholder="Album ID">
+            <button id="add_child_submit_button" class="green_button hidden" onclick="add_child_form(event);">Add</button>
+            <button id="add_child_cancel_button" class="gray_button hidden" onclick="cancel_add_child(event);">Cancel</button>
+        </div>
+    </div>
+
     <div id="left">
         <div id="hierarchy_self">
             <div id="album_metadata">
@@ -217,37 +248,6 @@ ALBUM_ID = undefined;
         {% endif %}
     </div>
 
-    <div id="right">
-        {% if view != "list" %}
-            <a href="?view=list">List view</a>
-        {% else %}
-            <a href="?view=grid">Grid view</a>
-        {% endif %}
-
-        <button
-        class="red_button button_with_confirm"
-        data-onclick="api.albums.delete(ALBUM_ID, api.albums.callback_go_to_albums)"
-        data-prompt="Delete Album?"
-        data-confirm-class="red_button"
-        data-cancel-class="gray_button"
-        >
-            Delete
-        </button>
-
-        <div>
-            <button id="create_child_prompt_button" class="green_button" onclick="open_create_child(event);">Create child</button>
-            <input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
-            <button id="create_child_submit_button" class="green_button hidden" onclick="create_child_form(event);">Create</button>
-            <button id="create_child_cancel_button" class="gray_button hidden" onclick="cancel_create_child(event);">Cancel</button>
-        </div>
-        <div>
-            <button id="add_child_prompt_button" class="green_button" onclick="open_add_child(event);">Add child</button>
-            <input type="text" id="add_child_id_entry" class="hidden" placeholder="Album ID">
-            <button id="add_child_submit_button" class="green_button hidden" onclick="add_child_form(event);">Add</button>
-            <button id="add_child_cancel_button" class="gray_button hidden" onclick="cancel_add_child(event);">Cancel</button>
-        </div>
-    </div>
-
     {{clipboard_tray.clipboard_tray()}}
     <div class="my_clipboard_tray_toolbox">
         <button class="green_button" onclick="paste_photo_clipboard()">Add to this album</button>
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index b50ef6d..6d1226d 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -98,6 +98,14 @@ h2, h3
 <body>
 {{header.make_header(session=session)}}
 <div id="content_body" class="sticky_side_right">
+    <div id="right">
+        <div id="editor_area">
+            <input type="text" id="add_tag_textbox" autofocus>
+            <button class="add_tag_button green_button" id="add_tag_button" onclick="easybake_form();">bake</button>
+        </div>
+        <div id="message_area">
+        </div>
+    </div>
     <div id="left">
         {% if specific_tag %}
         {% do tags.remove((specific_tag.name, specific_tag)) %}
@@ -204,14 +212,6 @@ h2, h3
         </div>
         {% endif %}
     </div>
-    <div id="right">
-        <div id="editor_area">
-            <input type="text" id="add_tag_textbox" autofocus>
-            <button class="add_tag_button green_button" id="add_tag_button" onclick="easybake_form();">bake</button>
-        </div>
-        <div id="message_area">
-        </div>
-    </div>
 </div>
 </body>
 
