lando-ui: merge remaining LandoUI code (Bug 1944562)

src/lando/jinja.py

@@ -12,6 +12,10 @@
 from django.utils.html import escape
 from jinja2 import Environment
 
+from lando.treestatus.forms import (
+    ReasonCategory,
+    TreeCategory,
+)
 from lando.ui.legacy.forms import UserSettingsForm
 
 FAQ_URL = "https://wiki.mozilla.org/Phabricator/FAQ#Lando"
@@ -25,6 +29,22 @@
 #     return UserSettingsForm()
 
 
+TREESTATUS_USER_GROUPS = {
+    "mozilliansorg_treestatus_admins",
+    "mozilliansorg_treestatus_users",
+}
+
+
+def is_treestatus_user(userinfo: dict) -> bool:
+    # TODO determine if this is correct.
+    try:
+        groups = userinfo["https://sso.mozilla.com/claim/groups"]
+    except KeyError:
+        return False
+
+    return not TREESTATUS_USER_GROUPS.isdisjoint(groups)
+
+
 def escape_html(text: str) -> str:
     return escape(text)
 
@@ -75,6 +95,15 @@ def reviewer_to_status_badge_class(reviewer: dict) -> str:
     ]
 
 
+def treestatus_to_status_badge_class(tree_status: str) -> str:
+    """Convert Tree statuses into status badges."""
+    return {
+        "open": "Badge Badge--positive",
+        "closed": "Badge Badge--negative",
+        "approval required": "Badge Badge--warning",
+    }.get(tree_status, "Badge Badge--warning")
+
+
 def reviewer_to_action_text(reviewer: dict) -> str:
     options = {
         # status: (current_diff, for_other_diff),
@@ -110,6 +139,21 @@ def tostatusbadgename(status: dict) -> str:
     return mapping.get(status["status"].lower(), status["status"].capitalize())
 
 
+def reason_category_to_display(reason_category_str: str) -> str:
+    try:
+        return ReasonCategory(reason_category_str).to_display()
+    except ValueError:
+        # Return the bare string, in case of older data.
+        return reason_category_str
+
+
+def tree_category_to_display(tree_category_str: str) -> str:
+    try:
+        return TreeCategory(tree_category_str).to_display()
+    except ValueError:
+        return tree_category_str
+
+
 def avatar_url(url: str) -> str:
     # If a user doesn't have a gravatar image for their auth0 email address,
     # gravatar uses auth0's provided default which redirects to
@@ -297,6 +341,7 @@ def environment(**options):
             "config": settings,
             "get_messages": messages.get_messages,
             "graph_height": graph_height,
+            "is_treestatus_user": is_treestatus_user,
             "new_settings_form": UserSettingsForm,
             "static_url": settings.STATIC_URL,
             "url": reverse,
@@ -321,13 +366,16 @@ def environment(**options):
             "linkify_transplant_details": linkify_transplant_details,
             "message_type_to_notification_class": message_type_to_notification_class,
             "repo_path": repo_path,
+            "reason_category_to_display": reason_category_to_display,
             "reviewer_to_action_text": reviewer_to_action_text,
             "reviewer_to_status_badge_class": reviewer_to_status_badge_class,
             "revision_status_to_badge_class": revision_status_to_badge_class,
             "revision_url": revision_url,
             "static": static,
             "tostatusbadgeclass": tostatusbadgeclass,
             "tostatusbadgename": tostatusbadgename,
+            "tree_category_to_display": tree_category_to_display,
+            "treestatus_to_status_badge_class": treestatus_to_status_badge_class,
         }
     )
     return env

src/lando/static_src/legacy/css/pages/TreestatusPage.scss

@@ -0,0 +1,27 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+@import "../colors";
+
+.recent-changes-update-hidden {
+    // Hide the hidden elements in the recent changes view.
+    display: none;
+}
+
+.log-update-hidden {
+    // Hide the hidden elements in the log update view.
+    display: none;
+}
+
+.select-trees-box {
+    // Remove the spaces between tree boxes.
+    margin-bottom: 0rem !important;
+}
+
+.tree-category-header {
+    // Add some padding category header elements.
+    padding-top: 1rem;
+}

src/lando/static_src/legacy/js/components/Stack.js

@@ -9,5 +9,13 @@ $.fn.stack = function() {
       window.location.href = '/' + e.target.id;
       $radio.attr({'disabled': true});
     });
+
+    // Show the uplift request form modal when the "Request Uplift" button is clicked.
+    $('.uplift-request-open').on("click", function () {
+        $('.uplift-request-modal').addClass("is-active");
+    });
+    $('.uplift-request-close').on("click", function () {
+        $('.uplift-request-modal').removeClass("is-active");
+    });
   });
 };

src/lando/static_src/legacy/js/components/Treestatus.js

@@ -0,0 +1,80 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+'use strict';
+
+$.fn.treestatus = function() {
+    return this.each(function() {
+        // Register an on-click handler for each log update edit button.
+        $('.log-update-edit').on("click", function () {
+            // Toggle the elements from hidden/visible.
+            var closest_form = $(this).closest('.log-update-form');
+
+            closest_form.find('.log-update-hidden').toggle();
+            closest_form.find('.log-update-visible').toggle();
+        });
+
+        // Register an on-click handler for each recent changes edit button.
+        $('.recent-changes-edit').on("click", function () {
+            // Toggle the elements from hidden/visible.
+            var closest_form = $(this).closest('.recent-changes-form');
+
+            closest_form.find('.recent-changes-update-hidden').toggle();
+            closest_form.find('.recent-changes-update-visible').toggle();
+        });
+
+        // Toggle selected on all trees.
+        $('.select-all-trees').on("click", function () {
+            var checkboxes = $('.tree-select-checkbox');
+            checkboxes.prop('checked', true);
+            checkboxes.trigger('change');
+        });
+
+        // Toggle un-selected on all trees.
+        $('.unselect-all-trees').on("click", function () {
+            var checkboxes = $('.tree-select-checkbox');
+            checkboxes.prop('checked', false);
+            checkboxes.trigger('change');
+        });
+
+        // Update the select trees list after update.
+        var set_update_trees_list = function () {
+            // Clear the current state of the update form tree list.
+            var trees_list = $('.update-trees-list')
+            trees_list.empty();
+
+            // Get all the checked boxes in the select trees view.
+            $('.tree-select-checkbox:checked').each(function () {
+                var checkbox = $(this);
+
+                // Add a new `li` element for each selected tree.
+                trees_list.append(
+                    $('<li></li>').text(checkbox.val())
+                );
+            });
+        };
+
+        // Show the update trees modal when "Update trees" is clicked.
+        $('.update-trees-button').on("click", function () {
+            $('.update-trees-modal').toggle();
+        });
+
+        // Close the update trees modal when the close button is clicked.
+        $('.update-trees-modal-close').on("click", function () {
+            $('.update-trees-modal').toggle();
+        });
+
+        // Add a tree to the list of trees on the update form when checkbox set.
+        $('.tree-select-checkbox').on("change", function () {
+            set_update_trees_list();
+
+            var checked_trees = $('.tree-select-checkbox:checked');
+            // Disaable the "Update trees" button when no trees are selected.
+            var is_tree_select_disabled = checked_trees.length > 0 ? false : true;
+            $('.update-trees-button').prop('disabled', is_tree_select_disabled);
+        });
+    });
+};

src/lando/static_src/legacy/js/main.js

@@ -7,6 +7,7 @@ $(document).ready(function() {
   let $secRequestSubmitted = $('.StackPage-secRequestSubmitted');
   let $stack = $('.StackPage-stack');
   let $timeline = $('.StackPage-timeline');
+  let $treestatus = $('.Treestatus');
 
   // Initialize components
   $flashMessages.flashMessages();
@@ -15,4 +16,5 @@ $(document).ready(function() {
   $secRequestSubmitted.secRequestSubmitted();
   $stack.stack();
   $timeline.timeline();
+  $treestatus.treestatus();
 });