Change breadcrumbs for oplogs to be more descriptive

2 files changed, 12 insertions, 6 deletions

diff --git a/src/zenserver/frontend/html/pages/oplog.js b/src/zenserver/frontend/html/pages/oplog.js
index 879fc4c97..a286f8651 100644
--- a/src/zenserver/frontend/html/pages/oplog.js
+++ b/src/zenserver/frontend/html/pages/oplog.js
@@ -32,7 +32,7 @@ export class Page extends ZenPage
 
 		this.set_title("oplog - " + oplog);
 
-		var section = this.add_section(project + " - " + oplog);
+		var section = this.add_section(oplog);
 
 		oplog_info = await oplog_info;
 		this._index_max = oplog_info["opcount"];
diff --git a/src/zenserver/frontend/html/pages/page.js b/src/zenserver/frontend/html/pages/page.js
index 9a9541904..2f9643008 100644
--- a/src/zenserver/frontend/html/pages/page.js
+++ b/src/zenserver/frontend/html/pages/page.js
@@ -97,7 +97,7 @@ export class ZenPage extends PageBase
 
 	generate_crumbs()
 	{
-		const auto_name = this.get_param("page") || "start";
+		var auto_name = this.get_param("page") || "start";
 		if (auto_name == "start")
 			return;
 
@@ -114,15 +114,21 @@ export class ZenPage extends PageBase
 		var project = this.get_param("project");
 		if (project != undefined)
 		{
+			auto_name = project;
 			var oplog = this.get_param("oplog");
 			if (oplog != undefined)
 			{
-				new_crumb("project", `?page=project&project=${project}`);
-				if (this.get_param("opkey"))
-					new_crumb("oplog", `?page=oplog&project=${project}&oplog=${oplog}`);
+				auto_name = oplog;
+				new_crumb(project, `?page=project&project=${project}`);
+				var opkey = this.get_param("opkey")
+				if (opkey != undefined)
+				{
+					auto_name = opkey.split("/").pop().split("\\").pop();;
+					new_crumb(oplog, `?page=oplog&project=${project}&oplog=${oplog}`);
+				}
 			}
 		}
 
-		new_crumb(auto_name.toLowerCase());
+		new_crumb(auto_name);
 	}
 }