From 5fb1606bba8e5939ea1237ec1b94cc76c4d1f631 Mon Sep 17 00:00:00 2001
From: Nathan Johnson <njohnson@ena.com>
Date: Thu, 14 Jul 2022 19:13:15 -0500
Subject: [PATCH] update materialize bits.  see issue #886

---
 admin/ui/manual.go | 7 ++++---
 admin/ui/route.go  | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/admin/ui/manual.go b/admin/ui/manual.go
index 02f7f7ea5..88084a337 100644
--- a/admin/ui/manual.go
+++ b/admin/ui/manual.go
@@ -67,7 +67,7 @@ var tmplManual = template.Must(template.New("manual").Funcs(funcs).Parse( // lan
 		<a href="/" class="brand-logo"><img alt="Fabio Logo" style="margin: 15px 0" class="logo" src="/assets/logo.bw.svg"> {{if .Title}} - {{.Title}}{{end}}</a>
 			<ul id="nav-mobile" class="right hide-on-med-and-down">
 				<li><a href="/routes">Routes</a></li>
-                <li><a class="dropdown-button" href="#!" data-activates="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
+                <li><a class="dropdown-trigger dropdown-button" href="#" data-target="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
 				<li><a href="https://github.com/fabiolb/fabio/blob/master/CHANGELOG.md">{{.Version}}</a></li>
 				<li><a href="https://github.com/fabiolb/fabio">Github</a></li>
 			</ul>
@@ -104,6 +104,7 @@ var tmplManual = template.Must(template.New("manual").Funcs(funcs).Parse( // lan
 
 <script>
 $(function(){
+	$('.dropdown-trigger').dropdown();
 	let params={};window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(str,key,value){params[key] = value;});
 
 	$.get({{.APIPath}}, function(data) {
@@ -111,14 +112,14 @@ $(function(){
 		$("input[name=version]").val(data.version);
 		$("textarea>label").val("Version " + data.version);
 		$ta1.val(data.value);
-		$ta1.trigger('autoresize');
+		M.textareaAutoResize($('#textarea1'));
 	});
 
 	$.get('/api/paths', function(data) {
 		const d = $("#overrides");
 		$.each(data, function(idx, val) {
 			let path = val;
-			if (val === "") {
+			if (val == "") {
 				val = "default"
 			}
 			d.append(
diff --git a/admin/ui/route.go b/admin/ui/route.go
index 428a29557..47f0d9526 100644
--- a/admin/ui/route.go
+++ b/admin/ui/route.go
@@ -49,7 +49,7 @@ var tmplRoutes = template.Must(template.New("routes").Parse( // language=HTML
 		<div class="nav-wrapper">
 			<a href="/" class="brand-logo">fabio{{if .Title}} - {{.Title}}{{end}}</a>
 			<ul id="nav-mobile" class="right hide-on-med-and-down">
-                <li><a class="dropdown-button" href="#!" data-activates="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
+                <li><a class="dropdown-trigger dropdown-button" href="#" data-target="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
 				<li><a href="https://github.com/fabiolb/fabio/blob/master/CHANGELOG.md">{{.Version}}</a></li>
 				<li><a href="https://github.com/fabiolb/fabio">Github</a></li>
 			</ul>
@@ -76,6 +76,7 @@ var tmplRoutes = template.Must(template.New("routes").Parse( // language=HTML
 $(function(){
 	let params={};window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(str,key,value){params[key] = value;});
 
+	$('.dropdown-trigger').dropdown();
 	function renderRoutes(routes) {
 		const $table = $('table.routes');
 
@@ -138,10 +139,10 @@ $(function(){
 	});
 
 	$.get('/api/paths', function(data) {
-		const d = $("#overrides");
+		let d = $("#overrides");
 		$.each(data, function(idx, val) {
 			let path = val;
-			if (val === "") {
+			if (val == "") {
 				val = "default"
 			}
 			d.append(