From 4a1aad46228651c27cee88802cabeca0efc113ac Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Mon, 12 Oct 2020 22:30:06 -0700
Subject: [PATCH] Fix expression orderbys not reflecting in web UI.

selected_column needs to be the expression since that's what comes
back from the normalizer.
---
 .../etiquette_flask/templates/search.html     | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontends/etiquette_flask/templates/search.html b/frontends/etiquette_flask/templates/search.html
index 6522259..a86ae97 100644
--- a/frontends/etiquette_flask/templates/search.html
+++ b/frontends/etiquette_flask/templates/search.html
@@ -170,15 +170,16 @@
 {% macro create_orderby_li(selected_column, selected_sorter) %}
 <li class="search_builder_orderby_li">
     <select onchange="return orderby_hide_direction_hook(event);">
-        <option value="created"   {{"selected" if selected_column=="created" else ""}}   >Creation date</option>
-        <option value="area"      {{"selected" if selected_column=="area" else ""}}      >Area</option>
-        <option value="width"     {{"selected" if selected_column=="width" else ""}}     >Width</option>
-        <option value="height"    {{"selected" if selected_column=="height" else ""}}    >Height</option>
-        <option value="ratio"     {{"selected" if selected_column=="ratio" else ""}}     >Aspect Ratio</option>
-        <option value="bytes"     {{"selected" if selected_column=="bytes" else ""}}     >File size</option>
-        <option value="duration"  {{"selected" if selected_column=="duration" else ""}}  >Duration</option>
-        <option value="tagged_at" {{"selected" if selected_column=="tagged_at" else ""}} >Recently tagged</option>
-        <option value="random"    {{"selected" if selected_column=="random" else ""}}    >Random</option>
+        <option value="created" {{"selected" if selected_column=="created" else ""}}>Creation date</option>
+        <option value="area" {{"selected" if selected_column=="(width * height)" else ""}}>Area</option>
+        <option value="width" {{"selected" if selected_column=="width" else ""}}>Width</option>
+        <option value="height" {{"selected" if selected_column=="height" else ""}}>Height</option>
+        <option value="ratio" {{"selected" if selected_column=="(width / height)" else ""}}>Aspect Ratio</option>
+        <option value="bytes" {{"selected" if selected_column=="bytes" else ""}}>File size</option>
+        <option value="duration" {{"selected" if selected_column=="duration" else ""}}>Duration</option>
+        <option value="bitrate" {{"selected" if selected_column=="((bytes / 128) / duration)" else ""}}>Bitrate</option>
+        <option value="tagged_at" {{"selected" if selected_column=="tagged_at" else ""}}>Recently tagged</option>
+        <option value="random" {{"selected" if selected_column=="random" else ""}}>Random</option>
     </select>
     <select {% if selected_column=="random" %}class="hidden"{% endif %}>
         <option value="desc" {{"selected" if selected_sorter=="desc" else ""}} >Descending</option>