Background layers, part 2

src/fontra/client/lang/de.js

@@ -291,6 +291,7 @@ export const strings = {
   "sidebar.designspace-navigation.glyph-axes": "Glyph-Achsen",
   "sidebar.designspace-navigation.glyph-axes.edit": "Glyph-Achsen bearbeiten",
   "sidebar.designspace-navigation.glyph-axes.reset": "Glyph-Achsen zurücksetzen",
+  "sidebar.designspace-navigation.glyph-source-layers": "Source layers",
   "sidebar.designspace-navigation.glyph-sources": "Glyph-Sourcen",
   "sidebar.designspace-navigation.glyph-sources.name": "Source Name",
   "sidebar.designspace-navigation.glyph-sources.status": "Status",

src/fontra/client/lang/en.js

@@ -284,6 +284,7 @@ export const strings = {
   "sidebar.designspace-navigation.glyph-axes": "Glyph axes",
   "sidebar.designspace-navigation.glyph-axes.edit": "Edit glyph axes",
   "sidebar.designspace-navigation.glyph-axes.reset": "Reset glyph axes",
+  "sidebar.designspace-navigation.glyph-source-layers": "Source layers",
   "sidebar.designspace-navigation.glyph-sources": "Glyph sources",
   "sidebar.designspace-navigation.glyph-sources.name": "source name",
   "sidebar.designspace-navigation.glyph-sources.status": "status",

src/fontra/client/lang/fr.js

@@ -295,6 +295,7 @@ export const strings = {
   "sidebar.designspace-navigation.glyph-axes": "Axes du glyphe",
   "sidebar.designspace-navigation.glyph-axes.edit": "Éditer les axes du glyphe",
   "sidebar.designspace-navigation.glyph-axes.reset": "Réinitialiser les axes du glyphe",
+  "sidebar.designspace-navigation.glyph-source-layers": "Source layers",
   "sidebar.designspace-navigation.glyph-sources": "Sources du glyphe",
   "sidebar.designspace-navigation.glyph-sources.name": "nom de la source",
   "sidebar.designspace-navigation.glyph-sources.status": "statut",

src/fontra/client/lang/ja.js

@@ -288,6 +288,7 @@ export const strings = {
   "sidebar.designspace-navigation.glyph-axes": "グリフの補完軸",
   "sidebar.designspace-navigation.glyph-axes.edit": "グリフの補完軸を編集",
   "sidebar.designspace-navigation.glyph-axes.reset": "グリフの補完軸をリセット",
+  "sidebar.designspace-navigation.glyph-source-layers": "Source layers",
   "sidebar.designspace-navigation.glyph-sources": "グリフソース",
   "sidebar.designspace-navigation.glyph-sources.name": "ソース名",
   "sidebar.designspace-navigation.glyph-sources.status": "ステータス",

src/fontra/client/lang/nl.js

@@ -288,6 +288,7 @@ export const strings = {
   "sidebar.designspace-navigation.glyph-axes": "Glyph assen",
   "sidebar.designspace-navigation.glyph-axes.edit": "Wijzig glyph assen",
   "sidebar.designspace-navigation.glyph-axes.reset": "Reset glyph assen",
+  "sidebar.designspace-navigation.glyph-source-layers": "Source layers",
   "sidebar.designspace-navigation.glyph-sources": "Glyph sources",
   "sidebar.designspace-navigation.glyph-sources.name": "sourcenaam",
   "sidebar.designspace-navigation.glyph-sources.status": "status",

src/fontra/client/lang/zh-CN.js

@@ -273,6 +273,7 @@ export const strings = {
   "sidebar.designspace-navigation.glyph-axes": "字形参数轴",
   "sidebar.designspace-navigation.glyph-axes.edit": "编辑字形参数轴",
   "sidebar.designspace-navigation.glyph-axes.reset": "重置字形参数轴",
+  "sidebar.designspace-navigation.glyph-source-layers": "Source layers",
   "sidebar.designspace-navigation.glyph-sources": "字形源",
   "sidebar.designspace-navigation.glyph-sources.name": "源名称",
   "sidebar.designspace-navigation.glyph-sources.status": "状态",

src/fontra/views/editor/editor.js

@@ -1397,8 +1397,8 @@ export class EditorController extends ViewController {
         { actionIdentifier: "action.select-next-glyph" },
         { actionIdentifier: "action.select-previous-source" },
         { actionIdentifier: "action.select-next-source" },
-        // { actionIdentifier: "action.select-previous-source-layer" },
-        // { actionIdentifier: "action.select-next-source-layer" },
+        { actionIdentifier: "action.select-previous-source-layer" },
+        { actionIdentifier: "action.select-next-source-layer" },
       ],
     });
 

src/fontra/views/editor/panel-designspace-navigation.js

@@ -191,7 +191,7 @@ export default class DesignspaceNavigationPanel extends Panel {
       },
       {
         id: "glyph-layers-accordion-item",
-        label: "Source layers", // XXXX TODO add translate strings
+        label: translate("sidebar.designspace-navigation.glyph-source-layers"),
         open: true,
         content: html.div(
           {
@@ -830,10 +830,6 @@ export default class DesignspaceNavigationPanel extends Panel {
   }
 
   async _updateSourceLayersList() {
-    // TODO: the background layers feature is not yet functional, disable for now
-    this.glyphLayersAccordionItem.hidden = true;
-    return;
-
     const sourceIndex = this.sceneModel.sceneSettings.selectedSourceIndex;
     const haveLayers =
       this.sceneModel.selectedGlyph?.isEditing && sourceIndex != undefined;