apache-airflow-providers-fab 1.5.3__py3-none-any.whl → 2.0.0__py3-none-any.whl

airflow/providers/fab/www/static/dist/moment.624b1f00ba723d39ce06.js.LICENSE.txt

@@ -0,0 +1,11 @@
+//! Copyright (c) JS Foundation and other contributors
+
+//! github.com/moment/moment-timezone
+
+//! license : MIT
+
+//! moment-timezone.js
+
+//! moment.js
+
+//! version : 0.5.48

airflow/providers/fab/www/static/dist/oss-licenses.json

@@ -0,0 +1,20 @@
+[
+  {
+    "name": "moment",
+    "version": "2.30.1",
+    "author": "Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)",
+    "repository": "https://github.com/moment/moment.git",
+    "source": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+    "license": "MIT",
+    "licenseText": "Copyright (c) JS Foundation and other contributors\n\nPermission is hereby granted, free of charge, to any person\nobtaining a copy of this software and associated documentation\nfiles (the \"Software\"), to deal in the Software without\nrestriction, including without limitation the rights to use,\ncopy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the\nSoftware is furnished to do so, subject to the following\nconditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\nOF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\nHOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\nOTHER DEALINGS IN THE SOFTWARE.\n"
+  },
+  {
+    "name": "moment-timezone",
+    "version": "0.5.48",
+    "author": "Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)",
+    "repository": "https://github.com/moment/moment-timezone.git",
+    "source": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.48.tgz",
+    "license": "MIT",
+    "licenseText": "The MIT License (MIT)\n\nCopyright (c) JS Foundation and other contributors\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE."
+  }
+]

airflow/providers/fab/www/static/js/datetime_utils.js

@@ -0,0 +1,134 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/* global moment, $, document */
+export const defaultFormat = "YYYY-MM-DD, HH:mm:ss";
+export const isoFormatWithoutTZ = "YYYY-MM-DDTHH:mm:ss.SSS";
+export const defaultFormatWithTZ = "YYYY-MM-DD, HH:mm:ss z";
+export const defaultTZFormat = "z (Z)";
+export const dateTimeAttrFormat = "YYYY-MM-DDThh:mm:ssZ";
+
+export const TimezoneEvent = "timezone";
+
+export function formatTimezone(what) {
+  if (what instanceof moment) {
+    return what.isUTC() ? "UTC" : what.format(defaultTZFormat);
+  }
+
+  if (what === "UTC") {
+    return what;
+  }
+
+  return moment().tz(what).format(defaultTZFormat);
+}
+
+export function isoDateToTimeEl(datetime, options) {
+  const dateTimeObj = moment(datetime);
+
+  const addTitle = $.extend({ title: true }, options).title;
+
+  const el = document.createElement("time");
+  el.setAttribute("datetime", dateTimeObj.format());
+  if (addTitle) {
+    el.setAttribute(
+      "title",
+      dateTimeObj.isUTC() ? "" : `UTC: ${dateTimeObj.clone().utc().format()}`
+    );
+  }
+  el.innerText = dateTimeObj.format(defaultFormat);
+  return el;
+}
+
+export const formatDateTime = (datetime) =>
+  moment(datetime).format(defaultFormatWithTZ);
+
+export const convertAndFormatUTC = (datetime, tz) => {
+  let dateTimeObj = moment.utc(datetime);
+  if (tz) dateTimeObj = dateTimeObj.tz(tz);
+  return dateTimeObj.format(defaultFormatWithTZ);
+};
+
+export const secondsToString = (seconds) => {
+  const numdays = Math.floor((seconds % 31536000) / 86400);
+  const numhours = Math.floor(((seconds % 31536000) % 86400) / 3600);
+  const numminutes = Math.floor((((seconds % 31536000) % 86400) % 3600) / 60);
+  const numseconds = Math.floor((((seconds % 31536000) % 86400) % 3600) % 60);
+  return (
+    (numdays > 0 ? numdays + (numdays === 1 ? " day " : " days ") : "") +
+    (numhours > 0 ? numhours + (numhours === 1 ? " hour " : " hours ") : "") +
+    (numminutes > 0
+      ? numminutes + (numminutes === 1 ? " minute " : " minutes ")
+      : "") +
+    (numseconds > 0
+      ? numseconds + (numseconds === 1 ? " second" : " seconds")
+      : "")
+  );
+};
+
+export function updateAllDateTimes() {
+  // Called after `moment.tz.setDefault` has changed the default TZ to display.
+
+  $('time[data-datetime-convert!="false"]').each((_, el) => {
+    const $el = $(el);
+    const dt = moment($el.attr("datetime"));
+    // eslint-disable-next-line no-underscore-dangle
+    if (dt._isValid) {
+      $el.text(
+        dt.format($el.data("with-tz") ? defaultFormatWithTZ : defaultFormat)
+      );
+    }
+    if ($el.attr("title") !== undefined) {
+      // If displayed date is not UTC, have the UTC date in a title attribute
+      $el.attr("title", dt.isUTC() ? "" : `UTC: ${dt.clone().utc().format()}`);
+    }
+  });
+
+  // Update any date-time inputs.
+  //
+  // Since we have set the default timezone for moment, it will automatically
+  // convert it to the new target for us
+  $(".datetime input").each((_, el) => {
+    // eslint-disable-next-line no-param-reassign
+    el.value = moment(el.value).format();
+  });
+}
+
+export function setDisplayedTimezone(tz) {
+  moment.tz.setDefault(tz);
+  updateAllDateTimes();
+}
+
+// moment will resolve the enddate to now if it is undefined
+export const getDuration = (startDate, endDate) =>
+  moment(endDate || undefined).diff(startDate || undefined);
+
+export const formatDuration = (dur) => {
+  const duration = moment.duration(dur);
+  const totalDays = duration.asDays();
+  const days = Math.floor(totalDays);
+  // .as('milliseconds') is necessary for .format() to work correctly
+  return `${days > 0 ? `${days}d` : ""}${moment
+    .utc(duration.as("milliseconds"))
+    .format("HH:mm:ss")}`;
+};
+
+export const approxTimeFromNow = (dur) => {
+  const timefromNow = moment(dur);
+  return `${timefromNow.fromNow()}`;
+};

airflow/providers/fab/www/static/js/main.js

@@ -0,0 +1,324 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/* global $, moment, Airflow, window, localStorage, document, hostName, csrfToken, CustomEvent */
+
+import {
+  dateTimeAttrFormat,
+  formatTimezone,
+  isoDateToTimeEl,
+  setDisplayedTimezone,
+  TimezoneEvent,
+} from "./datetime_utils";
+
+window.isoDateToTimeEl = isoDateToTimeEl;
+
+/*
+ We pull moment in via a webpack entrypoint rather than import
+ so that we don't put it in more than a single .js file.
+ This "exports" it to be globally available.
+*/
+window.moment = Airflow.moment;
+
+function displayTime() {
+  const now = moment();
+  $("#clock")
+    .attr("datetime", now.format(dateTimeAttrFormat))
+    .html(`${now.format("HH:mm")} <strong>${formatTimezone(now)}</strong>`);
+}
+
+function changeDisplayedTimezone(tz) {
+  localStorage.setItem("selected-timezone", tz);
+
+  // dispatch an event that React can listen for
+  const event = new CustomEvent(TimezoneEvent, {
+    detail: tz,
+  });
+  document.dispatchEvent(event);
+
+  setDisplayedTimezone(tz);
+  displayTime();
+  $("body").trigger({
+    type: "airflow.timezone-change",
+    timezone: tz,
+  });
+}
+
+const el = document.createElement("span");
+
+export function escapeHtml(text) {
+  el.textContent = text;
+  return el.innerHTML;
+}
+
+window.escapeHtml = escapeHtml;
+
+export function convertSecsToHumanReadable(seconds) {
+  let processedSeconds = seconds;
+  const oriSeconds = seconds;
+  const floatingPart = oriSeconds - Math.floor(oriSeconds);
+
+  processedSeconds = Math.floor(processedSeconds);
+
+  const secondsPerHour = 60 * 60;
+  const secondsPerMinute = 60;
+
+  const hours = Math.floor(processedSeconds / secondsPerHour);
+  processedSeconds -= hours * secondsPerHour;
+
+  const minutes = Math.floor(processedSeconds / secondsPerMinute);
+  processedSeconds -= minutes * secondsPerMinute;
+
+  let readableFormat = "";
+  if (hours > 0) {
+    readableFormat += `${hours}Hours `;
+  }
+  if (minutes > 0) {
+    readableFormat += `${minutes}Min `;
+  }
+  if (processedSeconds + floatingPart > 0) {
+    if (Math.floor(oriSeconds) === oriSeconds) {
+      readableFormat += `${processedSeconds}Sec`;
+    } else {
+      processedSeconds += floatingPart;
+      readableFormat += `${processedSeconds.toFixed(3)}Sec`;
+    }
+  }
+  return readableFormat;
+}
+window.convertSecsToHumanReadable = convertSecsToHumanReadable;
+
+function postAsForm(url, parameters) {
+  const form = $("<form></form>");
+
+  form.attr("method", "POST");
+  form.attr("action", url);
+
+  $.each(parameters || {}, (key, value) => {
+    const field = $("<input></input>");
+
+    field.attr("type", "hidden");
+    field.attr("name", key);
+    field.attr("value", value);
+
+    form.append(field);
+  });
+
+  const field = $("<input></input>");
+
+  field.attr("type", "hidden");
+  field.attr("name", "csrf_token");
+  field.attr("value", csrfToken);
+
+  form.append(field);
+
+  // The form needs to be a part of the document in order for us to be able
+  // to submit it.
+  $(document.body).append(form);
+  form.submit();
+}
+
+window.postAsForm = postAsForm;
+
+function initializeUITimezone() {
+  const local = moment.tz.guess();
+
+  const selectedTz = localStorage.getItem("selected-timezone");
+  const manualTz = localStorage.getItem("chosen-timezone");
+
+  function setManualTimezone(tz) {
+    localStorage.setItem("chosen-timezone", tz);
+    if (tz === local && tz === Airflow.serverTimezone) {
+      $("#timezone-manual").hide();
+      return;
+    }
+
+    $("#timezone-manual a").data("timezone", tz).text(formatTimezone(tz));
+    $("#timezone-manual").show();
+  }
+
+  if (manualTz) {
+    setManualTimezone(manualTz);
+  }
+
+  changeDisplayedTimezone(selectedTz || Airflow.defaultUITimezone);
+
+  if (Airflow.serverTimezone !== "UTC") {
+    $("#timezone-server a").html(
+      `${formatTimezone(
+        Airflow.serverTimezone
+      )} <span class="label label-primary">Server</span>`
+    );
+    $("#timezone-server").show();
+  }
+
+  if (Airflow.serverTimezone !== local) {
+    $("#timezone-local a")
+      .attr("data-timezone", local)
+      .html(
+        `${formatTimezone(local)} <span class="label label-info">Local</span>`
+      );
+  } else {
+    $("#timezone-local").hide();
+  }
+
+  $("a[data-timezone]").click((evt) => {
+    changeDisplayedTimezone($(evt.currentTarget).data("timezone"));
+  });
+  // Prepare the data source
+  const timezoneData = moment.tz.names().map((tzName) => {
+    const category = tzName.split("/", 1)[0];
+    return { category, label: tzName.replace("_", " "), value: tzName };
+  });
+
+  // Create a custom filter function to include categories
+  function filterByCategory(array, term) {
+    const matcher = new RegExp($.ui.autocomplete.escapeRegex(term), "i");
+    return $.grep(
+      array,
+      (item) => matcher.test(item.label) || matcher.test(item.category)
+    );
+  }
+
+  // Initialize jQuery UI Autocomplete
+  // eslint-disable-next-line no-underscore-dangle
+  $("#timezone-other")
+    .autocomplete({
+      source: (request, response) => {
+        const results = filterByCategory(timezoneData, request.term);
+        response(results);
+      },
+      appendTo: "#timezone-menu > li:nth-child(6) > form",
+      focus: (event, ui) => {
+        // Prevent the value from being inserted on focus
+        event.preventDefault();
+        $(this).val(ui.item.label);
+      },
+      select: (event, ui) => {
+        // Clear it for next time we open the pop-up
+        $(this).val("");
+
+        setManualTimezone(ui.item.value);
+        changeDisplayedTimezone(ui.item.value);
+
+        return false;
+      },
+    })
+    .data("ui-autocomplete")._renderItem = function (ul, item) {
+    const $li = $("<li>");
+    $li.append(
+      `<a class='dropdown-item' href='#' role='option'>${item.label}</a>`
+    );
+    return $li.appendTo(ul);
+  };
+
+  // Custom rendering function to include category headers
+  // eslint-disable-next-line no-underscore-dangle
+  $.ui.autocomplete.prototype._renderMenu = function (ul, items) {
+    let currentCategory = "";
+    ul.addClass("typeahead dropdown-menu");
+    ul.attr("role", "listbox");
+    $.each(items, (index, item) => {
+      if (item.category !== currentCategory) {
+        ul.append(
+          `<li class='ui-autocomplete-category dropdown-header'>${item.category}</li>`
+        );
+        currentCategory = item.category;
+      }
+      // eslint-disable-next-line no-underscore-dangle
+      this._renderItemData(ul, item);
+    });
+  };
+}
+
+function filterOpSelected(ele) {
+  const op = $(ele);
+  const filterVal = $(".filter_val.form-control", op.parents("tr"));
+
+  if (op.text() === "Is Null" || op.text() === "Is not Null") {
+    if (filterVal.attr("required") !== undefined) {
+      filterVal.removeAttr("required");
+      filterVal.attr("airflow-required", true);
+    }
+
+    if (filterVal.parent(".datetime").length === 1) {
+      filterVal.parent(".datetime").hide();
+    } else {
+      filterVal.hide();
+    }
+  } else {
+    if (filterVal.attr("airflow-required") === "true") {
+      filterVal.attr("required", true);
+      filterVal.removeAttr("airflow-required");
+    }
+
+    if (filterVal.parent(".datetime").length === 1) {
+      filterVal.parent(".datetime").show();
+    } else {
+      filterVal.show();
+    }
+  }
+}
+
+$(document).ready(() => {
+  initializeUITimezone();
+
+  $("#clock")
+    .attr("data-original-title", hostName)
+    .attr("data-placement", "bottom")
+    .parent()
+    .show();
+
+  displayTime();
+  setInterval(displayTime, 1000);
+
+  $.ajaxSetup({
+    beforeSend(xhr, settings) {
+      if (
+        !/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) &&
+        !this.crossDomain
+      ) {
+        xhr.setRequestHeader("X-CSRFToken", csrfToken);
+      }
+    },
+  });
+
+  $.fn.datetimepicker.defaults.sideBySide = true;
+  $(".datetimepicker").datetimepicker({ format: "YYYY-MM-DDTHH:mm:ssZ" });
+  $(".datepicker").datetimepicker({ format: "YYYY-MM-DD" });
+  $(".timepicker").datetimepicker({ format: "HH:mm:ss" });
+
+  $(".filters .select2-chosen").each((idx, elem) => {
+    filterOpSelected(elem);
+  });
+  $(".filters .select2-chosen").on("DOMNodeInserted", (e) => {
+    filterOpSelected(e.target);
+  });
+
+  // Fix up filter fields from FAB adds to the page. This event is fired after
+  // the FAB registered one which adds the new control
+  $("#filter_form a.filter").click(() => {
+    $(".datetimepicker").datetimepicker();
+    $(".filters .select2-chosen").on("DOMNodeInserted", (e) => {
+      filterOpSelected(e.target);
+    });
+  });
+
+  // Global Tooltip selector
+  $(".js-tooltip").tooltip();
+});

airflow/providers/fab/www/templates/airflow/_messages.html

@@ -0,0 +1,30 @@
+{#
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied.  See the License for the
+ specific language governing permissions and limitations
+ under the License.
+#}
+{%- macro show_message(content, category='info', dismissible=true) -%}
+  <div class="alert alert-{{ category }}">
+    {%- if dismissible -%}
+    <button type="button" class="close" data-dismiss="alert">&times;</button>
+    {%- endif -%}
+    {%- if caller is defined -%}
+      {{ caller() }}
+    {%- else -%}
+      {{ content }}
+    {%- endif -%}
+  </div>
+{%- endmacro -%}

airflow/providers/fab/www/templates/airflow/error.html

@@ -0,0 +1,35 @@
+{#
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied.  See the License for the
+ specific language governing permissions and limitations
+ under the License.
+#}
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Airflow {{ status_code }}</title>
+    <link rel="icon" type="image/png" href="{{ url_for('static', filename='pin_32.png') }}">
+  </head>
+  <body>
+    <div style="font-family: verdana; text-align: center; margin-top: 200px;">
+      <img src="{{ url_for('static', filename='pin_100.png') }}" width="50px" alt="pin-logo" />
+      <h1>Airflow {{ status_code }}</h1>
+      <p>{{ error_message }}</p>
+      <a href="/">Return to the main page</a>
+      <p>{{ hostname }}</p>
+    </div>
+  </body>
+</html>

airflow/providers/fab/www/templates/airflow/main.html

@@ -0,0 +1,78 @@
+{#
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied.  See the License for the
+ specific language governing permissions and limitations
+ under the License.
+#}
+
+{% extends 'appbuilder/baselayout.html' %}
+{% from 'airflow/_messages.html' import show_message %}
+
+{% block page_title -%}
+  Airflow
+{% endblock %}
+
+{% block head_css %}
+  {{ super() }}
+
+  {% if not appbuilder.app_theme %}
+    {# airflowDefaultTheme.css file contains the styles from local bootstrap-theme.css #}
+    <link rel="stylesheet" type="text/css" href="{{ url_for_asset('airflowDefaultTheme.css') }}">
+  {% endif %}
+  <link rel="stylesheet" type="text/css" href="{{ url_for_asset('materialIcons.css') }}">
+  <link rel="stylesheet" type="text/css" href="{{ url_for_asset('main.css') }}">
+  <link rel="stylesheet" type="text/css" href="{{ url_for_asset('loadingDots.css') }}">
+  <link rel="stylesheet" type="text/css" href="{{ url_for_asset('jquery-ui.min.css') }}">
+  <style type="text/css">
+    {% for state, state_color in state_color_mapping.items() %}
+      span.{{state}} {
+        background-color: {{state_color}};
+      }
+    {% endfor %}
+    .navbar-nav > li > a {
+      color: {{ navbar_text_color }};
+    }
+    .navbar-nav > li > a:hover {
+      background-color:  {{ navbar_hover_color }};
+      color: {{ navbar_text_hover_color }};
+    }
+  </style>
+  <link rel="icon" type="image/png" href="{{ url_for('static', filename='pin_32.png') }}">
+{% endblock %}
+
+{% block messages %}
+  {% include 'appbuilder/flash.html' %}
+  {% if show_plugin_message %}
+    {% call show_message(category='warning', dismissible=false) %}
+      <p>
+        You have a plugin that is using a FAB view or Flask Blueprint, which was used for the Airflow 2 UI, and is now
+        deprecated. Please update your plugin to be compatible with the Airflow 3 UI.
+      </p>
+    {% endcall %}
+  {% endif %}
+{% endblock %}
+
+{% block tail_js %}
+  {{ super() }}
+  <script>
+    // below variables are used in main.js
+    // keep as var, changing to const or let breaks other code
+    var hostName = '{{ hostname }}';
+    $('time[title]').tooltip();
+  </script>
+  <script src="{{ url_for_asset('moment.js') }}"></script>
+  <script src="{{ url_for_asset('jquery-ui.min.js') }}"></script>
+  <script src="{{ url_for_asset('main.js') }}"></script>
+{% endblock %}