Merge pull request #265 from vertica/nocode_ui_pages_update_01

Added tracking date + bugfix for query tree page UI
vertica · May 30, 2024 · 45b58f1 · 45b58f1
2 parents e13d573 + 389c5be
commit 45b58f1
Show file tree

Hide file tree

Showing 3 changed files with 111 additions and 11 deletions.
diff --git a/project/ui/conn.ipynb b/project/ui/conn.ipynb
@@ -425,7 +425,34 @@
    "id": "57e0377a-af49-474d-9fa1-307a7118191f",
    "metadata": {},
    "outputs": [],
-   "source": []
+   "source": [
+    "%%html\n",
+    "<html lang=\"en\">\n",
+    "<head>\n",
+    "    <meta charset=\"UTF-8\">\n",
+    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
+    "    <title>Version Number</title>\n",
+    "    <style>\n",
+    "        .version {\n",
+    "            font-family: Arial, sans-serif;\n",
+    "            font-size: 14px;\n",
+    "            color: #555;\n",
+    "            padding: 5px 10px;\n",
+    "            background-color: #f9f9f9;\n",
+    "            border: 1px solid #ddd;\n",
+    "            border-radius: 4px;\n",
+    "            display: inline-block;\n",
+    "            margin-top: 10px;\n",
+    "        }\n",
+    "    </style>\n",
+    "</head>\n",
+    "<body>\n",
+    "    <div class=\"version\">\n",
+    "        Page version update date: 5/30/2024\n",
+    "    </div>\n",
+    "</body>\n",
+    "</html>\n"
+   ]
   }
  ],
  "metadata": {

diff --git a/project/ui/qprof-ui.ipynb b/project/ui/qprof-ui.ipynb
@@ -423,16 +423,19 @@
    "source": [
     "# Plots\n",
     "# query_execution_steps_widget = qprof.get_qsteps()\n",
-    "query_plan_profile = qprof.get_qplan_profile()\n",
-    "query_plan_profile_plot = go.FigureWidget(data=[query_plan_profile.data[i] for i in range(len(query_plan_profile.data))],)\n",
-    "\n",
-    "query_execution = qprof.get_qexecution()\n",
-    "query_execution_plot = go.FigureWidget(data=[query_execution.data[i] for i in range(len(query_execution.data))],)\n",
-    "\n",
-    "plot_tabs = widgets.Tab()\n",
-    "\n",
-    "plot_tabs.children = [query_plan_profile_plot, query_execution_plot]\n",
-    "plot_tabs.titles = [\"Query Plan Profile\", \"Query Execution Plot\"]\n"
+    "try:\n",
+    "    query_plan_profile = qprof.get_qplan_profile()\n",
+    "    query_plan_profile_plot = go.FigureWidget(data=[query_plan_profile.data[i] for i in range(len(query_plan_profile.data))],)\n",
+    "    \n",
+    "    query_execution = qprof.get_qexecution()\n",
+    "    query_execution_plot = go.FigureWidget(data=[query_execution.data[i] for i in range(len(query_execution.data))],)\n",
+    "    \n",
+    "    plot_tabs = widgets.Tab()\n",
+    "    \n",
+    "    plot_tabs.children = [query_plan_profile_plot, query_execution_plot]\n",
+    "    plot_tabs.titles = [\"Query Plan Profile\", \"Query Execution Plot\"]\n",
+    "except Exception as e:\n",
+    "    plot_tabs = widgets.VBox([widgets.HTML(f\"<p style='color:red'>The following error occured: </p> <p> {e}</p>\")])"
    ]
   },
   {
@@ -658,6 +661,41 @@
     "logging.info(f'[Query Profile Tree Page] Trying to display the error log at the bottom of the page')\n",
     "accordion\n"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "b5fe144a-c462-4eb4-9f1b-265edbdca463",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "%%html\n",
+    "<html lang=\"en\">\n",
+    "<head>\n",
+    "    <meta charset=\"UTF-8\">\n",
+    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
+    "    <title>Version Number</title>\n",
+    "    <style>\n",
+    "        .version {\n",
+    "            font-family: Arial, sans-serif;\n",
+    "            font-size: 14px;\n",
+    "            color: #555;\n",
+    "            padding: 5px 10px;\n",
+    "            background-color: #f9f9f9;\n",
+    "            border: 1px solid #ddd;\n",
+    "            border-radius: 4px;\n",
+    "            display: inline-block;\n",
+    "            margin-top: 10px;\n",
+    "        }\n",
+    "    </style>\n",
+    "</head>\n",
+    "<body>\n",
+    "    <div class=\"version\">\n",
+    "        Page version update date: 5/30/2024\n",
+    "    </div>\n",
+    "</body>\n",
+    "</html>"
+   ]
   }
  ],
  "metadata": {

diff --git a/project/ui/qprof_main.ipynb b/project/ui/qprof_main.ipynb
@@ -485,6 +485,41 @@
     "    else:\n",
     "        return False"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "2dd9ad56-90fd-42cc-b623-c6ba9049ffaf",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "%%html\n",
+    "<html lang=\"en\">\n",
+    "<head>\n",
+    "    <meta charset=\"UTF-8\">\n",
+    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
+    "    <title>Version Number</title>\n",
+    "    <style>\n",
+    "        .version {\n",
+    "            font-family: Arial, sans-serif;\n",
+    "            font-size: 14px;\n",
+    "            color: #555;\n",
+    "            padding: 5px 10px;\n",
+    "            background-color: #f9f9f9;\n",
+    "            border: 1px solid #ddd;\n",
+    "            border-radius: 4px;\n",
+    "            display: inline-block;\n",
+    "            margin-top: 10px;\n",
+    "        }\n",
+    "    </style>\n",
+    "</head>\n",
+    "<body>\n",
+    "    <div class=\"version\">\n",
+    "        Page version update date: 5/30/2024\n",
+    "    </div>\n",
+    "</body>\n",
+    "</html>"
+   ]
   }
  ],
  "metadata": {