blogs/FixIt
1
0
Fork 0
mirror of https://github.com/hugo-fixit/FixIt.git synced 2026-08-24 23:38:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(code): remember the selected language of the code toggle

Browse Source
This commit is contained in:
Cell
2026-03-21 00:47:12 +08:00
parent d9e45154ff
commit d5aa013106
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/theme.js
+16 -4
View File
@@ -644,6 +644,10 @@ class FixIt {
$firstBlock.parentNode.insertBefore($container, $firstBlock);
const activeTabIndex = $tabs.findIndex(tab => tab.classList.contains('active'));
const langPref = window.localStorage.getItem('config_lang_perf');
const hasCodeToggle = $tabs.some(tab => tab.dataset.codeToggle === 'true');
const langPrefIndex = (langPref && hasCodeToggle) ? $tabs.findIndex(tab => tab.dataset.tabTitle.toLowerCase() === langPref) : -1;
const resolvedIndex = langPrefIndex !== -1 ? langPrefIndex : activeTabIndex;
const beforeTabs = $tabs[0]?.getAttribute('before_tabs');
if (beforeTabs) {
const $before = document.createElement('span');
@@ -653,7 +657,7 @@ class FixIt {
}
$tabs.forEach(($tab, index) => {
const title = $tab.dataset.tabTitle || 'Code';
const defaultActiveTab = activeTabIndex === -1 && index === 0;
const defaultActiveTab = resolvedIndex === -1 && index === 0;
// tab button
const $btn = document.createElement('span');
@@ -676,6 +680,14 @@ class FixIt {
// 2. switch active tab UI
$items.querySelectorAll('.tab-item').forEach(b => b.classList.remove('active'));
$btn.classList.add('active');
if ($tab.dataset.codeToggle === 'true') {
window.localStorage.setItem('config_lang_perf', $tab.dataset.tabTitle.toLowerCase());
const activeItems = document.querySelectorAll(`
.tab-item[title="${$tab.dataset.tabTitle.toLowerCase()}"]:not(.active),
.tab-item[title="${$tab.dataset.tabTitle.toUpperCase()}"]:not(.active)`
);
Util.forEach(activeItems, t => t.click());
}
// 3. switch content
$tabs.forEach(b => b.classList.remove('active'));
@@ -698,7 +710,7 @@ class FixIt {
$items.appendChild($btn);
// move block to content
$tab.classList.toggle('active', activeTabIndex === index || defaultActiveTab);
$tab.classList.toggle('active', resolvedIndex === index || defaultActiveTab);
$tab.classList.remove('is-collapsed');
$tab.classList.remove('d-none');
$tab.dataset.tabInit = 'true';
@@ -709,8 +721,8 @@ class FixIt {
$container.appendChild($content);
// initialize actions for the active tab
if (activeTabIndex !== -1) {
const $activeBtn = $items.querySelector(`.tab-item[data-index="${activeTabIndex}"]`);
if (resolvedIndex !== -1) {
const $activeBtn = $items.querySelector(`.tab-item[data-index="${resolvedIndex}"]`);
if ($activeBtn) $activeBtn.click();
} else {
$items.firstElementChild.click();
layouts/_markup/render-codeblock-toggle.html
+1 -1
View File
@@ -55,7 +55,7 @@
{{- $active := cond (eq $format $activeFormat) ", .active" "" -}}
{{- $jsonViewer := cond (eq $format "json") ", enable=false" "" -}}
{{- $labelName := cond (ne $.Attributes.before_tabs nil) $format (upper $format) -}}
{{- $block := printf "```%s {name=%q%s%s%s}\n%s\n```\n\n" $format $labelName $active $jsonViewer $commonAttrsStr $content -}}
{{- $block := printf "```%s {data-code-toggle=true, name=%q%s%s%s}\n%s\n```\n\n" $format $labelName $active $jsonViewer $commonAttrsStr $content -}}
{{- $renderText = add $renderText $block -}}
{{- end -}}
{{- $renderText | .Page.RenderString -}}
layouts/_partials/init/index.html
+1 -1
View File
@@ -1,4 +1,4 @@
{{- hugo.Store.Set "version" "v0.4.5-20260320160308-b0955598" -}}
{{- hugo.Store.Set "version" "v0.4.5-20260320164713-d9e45154" -}}
{{- .Store.Set "this" dict -}}
{{- partial "init/detection-env.html" . -}}