From 1abfee024f313c77755e73d04e6726492dcebee7 Mon Sep 17 00:00:00 2001
From: Miao Wang <shankerwangmiao@gmail.com>
Date: Mon, 16 Oct 2023 23:06:13 +0800
Subject: [PATCH] Fix error when isoinfo contains no os distros

Fixes: #399

Signed-off-by: Miao Wang <shankerwangmiao@gmail.com>
---
 _layouts/index.html | 12 ++++++++----
 static/js/index.es6 | 14 +++++++++-----
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/_layouts/index.html b/_layouts/index.html
index 10d1739..e7adf15 100644
--- a/_layouts/index.html
+++ b/_layouts/index.html
@@ -181,12 +181,16 @@
 		        <h4 class="modal-title" id="isoModalLabel">获取安装镜像</h4>
 		      </div>
 		      <div class="modal-body">
-					<div class="row">
+					<div class="row" v-if="availableCategories.length > 0">
 						<div class="col-md-12">
 							<ul class="nav nav-tabs">
-								<li role="presentation" :class="[curCategory === 'os' ? 'active' : '']" @click="switchCategory('os')" v-show="showCategory('os')"><a href="#">操作系统</a></li>
-								<li role="presentation" :class="[curCategory === 'app' ? 'active' : '']" @click="switchCategory('app')" v-show="showCategory('app')"><a href="#">应用软件</a></li>
-								<li role="presentation" :class="[curCategory === 'font' ? 'active' : '']" @click="switchCategory('font')" v-show="showCategory('font')"><a href="#">字体</a></li>
+								<li role="presentation"
+									v-for="cat in availableCategories"
+									:class="[curCategory === cat ? 'active' : '']"
+									@click="switchCategory(cat)"
+								>
+									<a href="#">{{ knownCategories[cat] ? knownCategories[cat] : cat  }}</a>
+								</li>
 							</ul>
 						</div>
 						<div class="col-md-3">
diff --git a/static/js/index.es6 b/static/js/index.es6
index 0d5b7e2..fd1a637 100644
--- a/static/js/index.es6
+++ b/static/js/index.es6
@@ -189,12 +189,20 @@ var vmIso = new Vue({
 	data: {
 		distroList: [],
 		selected: {},
-		curCategory: "os"
+		curCategory: "",
+		knownCategories: {
+			os: "操作系统",
+			app: "应用软件",
+			font: "字体",
+		},
+		availableCategories: []
 	},
 	created: function () {
 		var self = this;
 		$.getJSON("/static/status/isoinfo.json", function (isoinfo) {
 			self.distroList = isoinfo;
+			self.availableCategories = [... new Set(isoinfo.map((x) => x.category))]
+			self.curCategory = self.availableCategories[0];
 			self.selected = self.curDistroList[0];
 			if (window.location.hash.match(/#iso-download(\?.*)?/)) {
 				$('#isoModal').modal();
@@ -211,10 +219,6 @@ var vmIso = new Vue({
 		},
 	},
 	methods: {
-		showCategory(category) {
-			return this.distroList
-				.findIndex((x) => x.category === category) > -1;
-		},
 		switchDistro (distro) {
 			this.selected = distro;
 		},