Add override background to template dialog, closes #1119

Author: CodeDoctorDE

app/lib/dialogs/template.dart

@@ -1292,6 +1292,8 @@ List<Widget> _buildTemplateMenuChildren(
   final isDefault = settings.defaultTemplate == path;
   final template = file.data!;
   final metadata = template.getMetadata()!;
+  final templateBackgrounds =
+      template.getPage()?.backgrounds ?? const <Background>[];
 
   return [
     if (!isCore && fileSystem.storage == null)
@@ -1311,6 +1313,33 @@ List<Widget> _buildTemplateMenuChildren(
           _overrideTools(fileSystem, bloc, [file]);
         },
       ),
+    if (bloc != null && templateBackgrounds.isNotEmpty)
+      SubmenuButton(
+        leadingIcon: const PhosphorIcon(PhosphorIconsLight.image),
+        menuChildren: [
+          MenuItemButton(
+            leadingIcon: const PhosphorIcon(PhosphorIconsLight.file),
+            child: Text(AppLocalizations.of(context).currentPage),
+            onPressed: () {
+              _applyTemplateBackgroundsToPages(bloc, template, [null]);
+            },
+          ),
+          MenuItemButton(
+            leadingIcon: const PhosphorIcon(PhosphorIconsLight.files),
+            child: Text(AppLocalizations.of(context).allPages),
+            onPressed: () {
+              final state = bloc.state;
+              if (state is! DocumentLoadSuccess) return;
+              _applyTemplateBackgroundsToPages(
+                bloc,
+                template,
+                state.data.getPages(true),
+              );
+            },
+          ),
+        ],
+        child: Text(AppLocalizations.of(context).applyBackground),
+      ),
     MenuItemButton(
       leadingIcon: const PhosphorIcon(PhosphorIconsLight.copy),
       child: Text(AppLocalizations.of(context).duplicate),
@@ -1372,3 +1401,37 @@ List<Widget> _buildTemplateMenuChildren(
       ),
   ];
 }
+
+void _applyTemplateBackgroundsToPages(
+  DocumentBloc bloc,
+  NoteData template,
+  List<String?> pageNames,
+) {
+  final state = bloc.state;
+  if (state is! DocumentLoadSuccess) return;
+  final backgrounds = template.getPage()?.backgrounds ?? const <Background>[];
+  for (final background in backgrounds.whereType<SourcedElement>()) {
+    final uri = Uri.tryParse(background.source);
+    if (uri?.scheme.isNotEmpty ?? true) continue;
+    final asset = template.getAsset(background.source);
+    if (asset != null) {
+      bloc.add(AssetUpdated(background.source, asset));
+    }
+  }
+  final originalPageName = state.pageName;
+  var activePageName = originalPageName;
+  for (final pageName in pageNames) {
+    if (pageName == null) {
+      bloc.add(DocumentBackgroundsChanged(backgrounds));
+      continue;
+    }
+    if (pageName != activePageName) {
+      bloc.add(PageChanged(pageName));
+      activePageName = pageName;
+    }
+    bloc.add(DocumentBackgroundsChanged(backgrounds));
+  }
+  if (activePageName != originalPageName) {
+    bloc.add(PageChanged(originalPageName));
+  }
+}

app/lib/l10n/app_en.arb

@@ -98,6 +98,9 @@
     "description": "Spacing property"
   },
   "background": "Background",
+  "applyBackground": "Apply background",
+  "currentPage": "Current page",
+  "allPages": "All pages",
   "box": "Box",
   "@box": {
     "description": "Box shape"
@@ -144,6 +147,13 @@
     "description": "Style property"
   },
   "solid": "Solid",
+  "solidColor": "Solid color",
+  "gradient": "Gradient",
+  "gradientType": "Gradient type",
+  "linear": "Linear",
+  "radial": "Radial",
+  "tint": "Tint",
+  "blur": "Blur",
   "double": "Double",
   "dotted": "Dotted",
   "dottedDark": "Dotted dark",
@@ -954,6 +964,9 @@
   "ascending": "Ascending",
   "descending": "Descending",
   "imageScale": "Image scale",
+  "svgScale": "SVG scale",
+  "noImageSelected": "No image selected",
+  "noSvgSelected": "No SVG selected",
   "select": "Select",
   "@select": {
     "description": "Select action"
@@ -1223,6 +1236,14 @@
   "@offset": {
     "description": "Offset property"
   },
+  "end": "End",
+  "radius": "Radius",
+  "focalPoint": "Focal point",
+  "useOffCenterStartPoint": "Use an off-center start point",
+  "focal": "Focal",
+  "focalRadius": "Focal radius",
+  "colorStops": "Color stops",
+  "addStop": "Add stop",
   "positionDependent": "Position dependent",
   "flipHorizontal": "Flip horizontal",
   "flipVertical": "Flip vertical",