+
+
+
+
-
@@ -300,15 +327,47 @@
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
+ function getCookie(cname) {
+ let name = cname + "=";
+ let decodedCookie = decodeURIComponent(document.cookie);
+ let ca = decodedCookie.split(";");
+ for (let i = 0; i < ca.length; i++) {
+ let c = ca[i];
+ while (c.charAt(0) == " ") {
+ c = c.substring(1);
+ }
+ if (c.indexOf(name) == 0) {
+ return c.substring(name.length, c.length);
+ }
+ }
+ return "";
+ }
+
+ function setCookie(cname, cvalue, exdays) {
+ const d = new Date();
+ d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+ let expires = "expires=" + d.toUTCString();
+ document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+ }
+
var app = new Vue({
el: "#app",
data: {
message: "Hello Vue!",
language: "en",
+ iframeHeight: 0,
languages: [
{ text: "English", value: "en" },
{ text: "中文", value: "cn" },
],
+ alertLoginContent: {
+ en: "If you haven’t logged in to killercoda, please click the link to navigate to
killercoda.com and log in before continuing with the tutorial",
+ cn: "如果没有登陆 killercoda 请先点击链接跳转到
killercoda.com 登录后继续使用教程",
+ },
+ alertChangeBrowser: {
+ en: "Please use Firefox or Chrome to open the tutorial or visit
killercoda.com/arthas",
+ cn: "请使用 Firefox 或 Chrome 打开教程或访问
killercoda.com/arthas",
+ },
tutorialId: "arthas-basics",
tutorials: [
{
@@ -316,7 +375,7 @@
type: "TUTORIAL",
names: {
en: "Arthas Basics",
- cn: "Arthas基础教程",
+ cn: "Arthas 基础教程",
},
ids: {
en: "arthas-basics-en",
@@ -328,7 +387,7 @@
type: "TUTORIAL",
names: {
en: "Arthas Advanced",
- cn: "Arthas进阶教程",
+ cn: "Arthas 进阶教程",
},
ids: {
en: "arthas-advanced-en",
@@ -904,7 +963,7 @@
type: "USERCASE",
names: {
en: "Debug ognl express",
- cn: "调试ognl表达式",
+ cn: "调试 ognl 表达式",
},
ids: {
en: "case-ognl-practise-en",
@@ -916,7 +975,7 @@
type: "USERCASE",
names: {
en: "Find CPU usage Top N threads",
- cn: "查找Top N线程",
+ cn: "查找 Top N 线程",
},
ids: {
en: "case-thread-en",
@@ -928,7 +987,7 @@
type: "USERCASE",
names: {
en: "Change Logger Level",
- cn: "动态更新应用Logger Level",
+ cn: "动态更新应用 Logger Level",
},
ids: {
en: "case-ognl-update-logger-level-en",
@@ -940,7 +999,7 @@
type: "USERCASE",
names: {
en: "Troubleshoot logger conflicts",
- cn: "排查logger冲突问题",
+ cn: "排查 logger 冲突问题",
},
ids: {
en: "case-logger-config-problem-en",
@@ -959,24 +1018,12 @@
cn: "case-jad-mc-redefine-cn",
},
},
- {
- id: "case-http-404",
- type: "USERCASE",
- names: {
- en: "Troubleshooting HTTP request returns 404",
- cn: "排查HTTP请求返回404",
- },
- ids: {
- en: "case-http-404-en",
- cn: "case-http-404-cn",
- },
- },
{
id: "case-http-401",
type: "USERCASE",
names: {
en: "Troubleshooting HTTP request returns 401",
- cn: "排查HTTP请求返回401",
+ cn: "排查 HTTP 请求返回 401",
},
ids: {
en: "case-http-401-en",
@@ -988,7 +1035,7 @@
type: "USERCASE",
names: {
en: "Get the Spring Context",
- cn: "获取Spring Context",
+ cn: "获取 Spring Context",
},
ids: {
en: "case-get-spring-context-en",
@@ -1000,7 +1047,7 @@
type: "USERCASE",
names: {
en: "The ClassLoaders in Spring Boot application",
- cn: "理解Spring Boot应用的ClassLoader结构",
+ cn: "理解 Spring Boot 应用的 ClassLoader 结构",
},
ids: {
en: "case-classloader-en",
@@ -1012,7 +1059,7 @@
type: "USERCASE",
names: {
en: "Arthas boot supported options",
- cn: " arthas-boot支持的参数",
+ cn: " arthas-boot 支持的参数",
},
ids: {
en: "case-boot-details-en",
@@ -1035,7 +1082,9 @@
},
methods: {
getTutorials: function (type) {
- return this.tutorials.filter((v) => v.type === type);
+ return this.tutorials
+ .filter((v) => v.type === type)
+ .sort((a, b) => a.id.charCodeAt(0) - b.id.charCodeAt(0));
},
languageChange: function (event) {
// alert(event.target.value)
@@ -1107,7 +1156,7 @@
// https://katacoda.com/embed/arthas/arthas-advanced-cn/?embed=true
for (index in this.tutorials) {
if (this.tutorials[index].id == this.tutorialId) {
- return "arthas/" + this.tutorials[index].ids[this.language];
+ return this.tutorials[index].id;
}
}
},
@@ -1125,25 +1174,41 @@
height: e[a + "Height"] - terminalDivRect.top,
};
},
+ isSafari: function () {
+ return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+ },
},
beforeMount() {
- var l = getUrlParam("language");
+ let l = getUrlParam("language");
if (l != null) {
this.language = l;
}
- var id = getUrlParam("id");
+ let id = getUrlParam("id");
if (id != null) {
this.tutorialId = id;
}
},
+ mounted() {
+ let _this = this;
+
+ // set an alert cookie when the alert is closed
+ $("div.alert.alert-warning").on("closed.bs.alert", () => {
+ setCookie("alert", "closed", 60);
+ });
+
+ this.iframeHeight = this.calculateKataSize().height;
+ window.onresize = () => {
+ _this.iframeHeight = _this.calculateKataSize().height;
+ };
+ },
});
diff --git a/site/docs/.vuepress/theme/components/AutoLink.vue b/site/docs/.vuepress/theme/components/AutoLink.vue
index cbf4d6d44..af9121536 100644
--- a/site/docs/.vuepress/theme/components/AutoLink.vue
+++ b/site/docs/.vuepress/theme/components/AutoLink.vue
@@ -31,7 +31,7 @@ const { item } = toRefs(props);
const hasHttpProtocol = computed(() => isLinkHttp(item.value.link));
// if the link has non-http protocol
const hasNonHttpProtocol = computed(
- () => isLinkMailto(item.value.link) || isLinkTel(item.value.link)
+ () => isLinkMailto(item.value.link) || isLinkTel(item.value.link),
);
// resolve the `target` attr
const linkTarget = computed(() => {
@@ -45,7 +45,7 @@ const isBlankTarget = computed(() => linkTarget.value === "_blank");
// is `
` or not
const isRouterLink = computed(
() =>
- !hasHttpProtocol.value && !hasNonHttpProtocol.value && !isBlankTarget.value
+ !hasHttpProtocol.value && !hasNonHttpProtocol.value && !isBlankTarget.value,
);
// resolve the `rel` attr
const linkRel = computed(() => {
diff --git a/site/docs/.vuepress/theme/components/HomeBadges.vue b/site/docs/.vuepress/theme/components/HomeBadges.vue
index a7da6d3a8..9de24152b 100644
--- a/site/docs/.vuepress/theme/components/HomeBadges.vue
+++ b/site/docs/.vuepress/theme/components/HomeBadges.vue
@@ -17,11 +17,11 @@ const fork = ref(6494);
const getStarForkData = async () => {
const stars = await fetch("https://arthas.aliyun.com/api/starCount").then(
- (res) => res.json()
+ (res) => res.json(),
);
const forks = await fetch("https://arthas.aliyun.com/api/forkCount").then(
- (res) => res.json()
+ (res) => res.json(),
);
star.value = stars || star.value;
diff --git a/site/docs/.vuepress/theme/components/HomeHero.vue b/site/docs/.vuepress/theme/components/HomeHero.vue
index f889ea469..f511877bc 100644
--- a/site/docs/.vuepress/theme/components/HomeHero.vue
+++ b/site/docs/.vuepress/theme/components/HomeHero.vue
@@ -31,7 +31,7 @@ const heroText = computed(() => {
});
const heroAlt = computed(
- () => frontmatter.value.heroAlt || heroText.value || "hero"
+ () => frontmatter.value.heroAlt || heroText.value || "hero",
);
const tagline = computed(() => {
diff --git a/site/docs/.vuepress/theme/components/NavbarBrand.vue b/site/docs/.vuepress/theme/components/NavbarBrand.vue
index cd73c9514..0477a0549 100644
--- a/site/docs/.vuepress/theme/components/NavbarBrand.vue
+++ b/site/docs/.vuepress/theme/components/NavbarBrand.vue
@@ -19,7 +19,7 @@ const themeLocale = useThemeLocaleData();
const version = ref(pageData.value.version);
const navbarBrandLink = computed(
- () => themeLocale.value.home || routeLocale.value
+ () => themeLocale.value.home || routeLocale.value,
);
const navbarBrandTitle = computed(() => siteLocale.value.title);
const navbarBrandLogo = computed(() => {
@@ -35,7 +35,7 @@ const NavbarBrandVersion = () =>
{
class: "navbar-version",
},
- `v${version.value}`
+ `v${version.value}`,
);
const NavbarBrandLogo = () => {
diff --git a/site/docs/.vuepress/theme/components/NavbarDropdown.vue b/site/docs/.vuepress/theme/components/NavbarDropdown.vue
index d13ff30e2..4aabb7f1d 100644
--- a/site/docs/.vuepress/theme/components/NavbarDropdown.vue
+++ b/site/docs/.vuepress/theme/components/NavbarDropdown.vue
@@ -16,7 +16,7 @@ const props = defineProps({
const { item } = toRefs(props);
const dropdownAriaLabel = computed(
- () => item.value.ariaLabel || item.value.text
+ () => item.value.ariaLabel || item.value.text,
);
const open = ref(false);
@@ -25,7 +25,7 @@ watch(
() => route.path,
() => {
open.value = false;
- }
+ },
);
/**
diff --git a/site/docs/.vuepress/theme/components/RightMenu.vue b/site/docs/.vuepress/theme/components/RightMenu.vue
index 3a6bd5950..868cedcb6 100644
--- a/site/docs/.vuepress/theme/components/RightMenu.vue
+++ b/site/docs/.vuepress/theme/components/RightMenu.vue
@@ -18,7 +18,7 @@ SRC: https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/vdoing/compone
>
{{ item.title }}
@@ -35,7 +35,7 @@ SRC: https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/vdoing/compone
>
{{ subItem.title }}
@@ -82,7 +82,7 @@ watch(useRoute(), () => {