[proxy] complete the text content and styling of web UI pages written so far

1 files changed, 87 insertions, 69 deletions

diff --git a/src/hydrilla/proxy/web_ui/templates/items/package_viewversion.html.jinja b/src/hydrilla/proxy/web_ui/templates/items/package_viewversion.html.jinja
index ea8b7d3..1eb9878 100644
--- a/src/hydrilla/proxy/web_ui/templates/items/package_viewversion.html.jinja
+++ b/src/hydrilla/proxy/web_ui/templates/items/package_viewversion.html.jinja
@@ -59,33 +59,33 @@ in a proprietary work, I am not going to enforce this in court.
 {% endblock %}
 
 {% block main_info_bulk %}
-  TODO: add more info...
-
-  {% set enable_but_classes = ['blue-button', 'button-bordering-left'] %}
-  {%
-    set unenable_but_classes = [
-        'green-button',
-        'button-bordering-right',
-        'button-bordering-left'
-    ]
-  %}
-  {% set disable_but_classes = ['red-button', 'button-bordering-right'] %}
+  <p>
+    TODO: add more info...
+  </p>
+
+  <div class="horizontal-separator"></div>
+
+  {% set enable_but_classes = ['blue-button'] %}
+  {% set unenable_but_classes = ['green-button'] %}
+  {% set disable_but_classes = ['red-button'] %}
 
   {% set unenable_text = _('web_ui.items.single_version.unenable_button') %}
   {% set disable_text  = _('web_ui.items.single_version.disable_button') %}
   {% set enable_text   = _('web_ui.items.single_version.enable_button') %}
 
-  {% if display_info.enabled == EnabledStatus.NO_MARK %}
-    {% do unenable_but_classes.append('disabled-button') %}
-    <div> {{ _('web_ui.items.single_version.item_not_marked') }} </div>
-  {% elif display_info.enabled == EnabledStatus.DISABLED %}
-    {% do disable_but_classes.append('disabled-button') %}
-    <div> {{ _('web_ui.items.single_version.item_disabled') }} </div>
-  {% else %}
-    {# display_info.enabled == EnabledStatus.ENABLED #}
-    {% do enable_but_classes.append('disabled-button') %}
-    <div> {{ _('web_ui.items.single_version.item_enabled') }} </div>
-  {% endif %}
+  <p>
+    {% if display_info.enabled == EnabledStatus.NO_MARK %}
+      {% do unenable_but_classes.append('disabled-button') %}
+      {{ _('web_ui.items.single_version.item_not_marked') }}
+    {% elif display_info.enabled == EnabledStatus.DISABLED %}
+      {% do disable_but_classes.append('disabled-button') %}
+      {{ _('web_ui.items.single_version.item_disabled') }}
+    {% else %}
+      {# display_info.enabled == EnabledStatus.ENABLED #}
+      {% do enable_but_classes.append('disabled-button') %}
+      {{ _('web_ui.items.single_version.item_enabled') }}
+    {% endif %}
+  </p>
 
   {{
     button_row([
@@ -95,74 +95,90 @@ in a proprietary work, I am not going to enforce this in court.
     ])
   }}
 
+  <div class="horizontal-separator"></div>
+
   {% if display_info.enabled == EnabledStatus.ENABLED %}
-    {% set unpin_but_classes = ['green-button', 'button-bordering-right'] %}
-    {%
-      set pin_repo_but_classes = [
-          'green-button',
-          'button-bordering-right',
-          'button-bordering-left'
-      ]
-    %}
-    {% set pin_ver_but_classes = ['green-button', 'button-bordering-left'] %}
+    {% set unpin_but_classes = ['green-button'] %}
+    {% set pin_repo_but_classes = ['green-button'] %}
+    {% set pin_ver_but_classes = ['green-button'] %}
 
     {% set unpin_text = _('web_ui.items.single_version.unpin_button') %}
 
-    {% if display_info.frozen == FrozenStatus.NOT_FROZEN %}
-      {% do unpin_but_classes.append('disabled-button') %}
-      <div> {{ _('web_ui.items.single_version.not_pinned') }} </div>
-    {% endif %}
+    <p>
+      {% if display_info.frozen == FrozenStatus.NOT_FROZEN %}
+        {% do unpin_but_classes.append('disabled-button') %}
+        {{ _('web_ui.items.single_version.not_pinned') }}
+      {% endif %}
 
-    {% if display_info.frozen == FrozenStatus.REPOSITORY %}
-      {% if display_info.active_version.is_local %}
-        <div> {{ _('web_ui.items.single_version.pinned_repo_local') }} </div>
-      {% else %}
-        <div>
+      {% if display_info.frozen == FrozenStatus.REPOSITORY %}
+        {% if display_info.active_version.is_local %}
+          {{ _('web_ui.items.single_version.pinned_repo_local') }}
+        {% else %}
           {{
             _('web_ui.items.single_version.pinned_repo_{}')
                 .format(display_info.active_version.info.repo)
           }}
-        </div>
-      {% endif %}
-      {%
-        if display_info.active_version.info.repo ==
-            version_display_info.info.repo
-      %}
-        {% if version_display_info.is_local %}
+        {% endif %}
+        {%
+          if display_info.active_version.info.repo ==
+              version_display_info.info.repo
+        %}
+          {% if version_display_info.is_local %}
+            {%
+              set pin_repo_text =
+                  _('web_ui.items.single_version.pin_local_repo_button')
+            %}
+          {% else %}
+            {%
+              set pin_repo_text =
+                  _('web_ui.items.single_version.pin_repo_button')
+            %}
+          {% endif %}
+          {% do pin_repo_but_classes.append('disabled-button') %}
+        {% else %}
           {%
             set pin_repo_text =
-                _('web_ui.items.single_version.pin_local_repo_button')
+                _('web_ui.items.single_version.repin_repo_button')
+          %}
+        {% endif %}
+      {% else %}{# display_info.frozen == FrozenStatus.REPOSITORY #}
+        {%
+          set pin_repo_text =
+              _('web_ui.items.single_version.pin_repo_button')
+        %}
+      {% endif %}{# else/ display_info.frozen == FrozenStatus.REPOSITORY #}
+
+      {% if display_info.frozen == FrozenStatus.EXACT_VERSION %}
+        {% if display_info.active_version.ref == version_display_info.ref %}
+          {%
+            set pin_ver_text =
+                _('web_ui.items.single_version.pin_ver_button')
           %}
+          {% do pin_ver_but_classes.append('disabled-button') %}
+          {{ _('web_ui.items.single_version.pinned_ver') }}
         {% else %}
           {%
-            set pin_repo_text = _('web_ui.items.single_version.pin_repo_button')
+            set pin_ver_text = _('web_ui.items.single_version.repin_ver_button')
           %}
+          {{ _('web_ui.items.single_version.pinned_other_ver') }}
         {% endif %}
-        {% do pin_repo_but_classes.append('disabled-button') %}
       {% else %}
-        {%
-          set pin_repo_text =
-              _('web_ui.items.single_version.repin_repo_button')
-        %}
-      {% endif %}
-    {% else %}{# display_info.frozen == FrozenStatus.REPOSITORY #}
-      {% set pin_repo_text = _('web_ui.items.single_version.pin_repo_button') %}
-    {% endif %}{# else/ display_info.frozen == FrozenStatus.REPOSITORY #}
+        {% set pin_ver_text = _('web_ui.items.single_version.pin_ver_button') %}
+      {% endif %}{# else/ display_info.frozen == FrozenStatus.EXACT_VERSION #}
 
-    {% if display_info.frozen == FrozenStatus.EXACT_VERSION %}
       {% if display_info.active_version.ref == version_display_info.ref %}
-        {% set pin_ver_text = _('web_ui.items.single_version.pin_ver_button') %}
-        {% do pin_ver_but_classes.append('disabled-button') %}
-        <div> {{ _('web_ui.items.single_version.pinned_ver') }} </div>
+        {% if display_info.frozen != FrozenStatus.EXACT_VERSION %}
+          {{ _('web_ui.items.single_version.active_ver_is_this_one') }}
+        {% endif %}
       {% else %}
-        {%
-          set pin_ver_text = _('web_ui.items.single_version.repin_ver_button')
-        %}
-        <div> {{ _('web_ui.items.single_version.pinned_other_ver') }} </div>
+        {{
+          _('web_ui.items.single_version.active_ver_is_{}')
+              .format(
+                  versioned_identifier_with_repo(display_info.active_version)
+              )
+        }}
       {% endif %}
-    {% else %}
-      {% set pin_ver_text = _('web_ui.items.single_version.pin_ver_button') %}
-    {% endif %}{# else/ display_info.frozen == FrozenStatus.EXACT_VERSION #}
+    </p>
 
     {{
       button_row([
@@ -171,5 +187,7 @@ in a proprietary work, I am not going to enforce this in court.
           (pin_ver_but_classes,  pin_ver_text,  'freeze_to_version')
       ])
     }}
+
+    <div class="horizontal-separator"></div>
   {% endif %}{# display_info.enabled == EnabledStatus.ENABLED #}
 {% endblock main_info_bulk %}