Fix some permissions stuff, show error on toggle

src-ui/src/app/app-routing.module.ts

@@ -288,6 +288,18 @@ export const routes: Routes = [
           componentName: 'OcrTemplatesComponent',
         },
       },
+      {
+        path: 'ocr-templates/new',
+        component: OcrTemplateEditorComponent,
+        canActivate: [PermissionsGuard],
+        data: {
+          requiredPermission: {
+            action: PermissionAction.Add,
+            type: PermissionType.OcrTemplate,
+          },
+          componentName: 'OcrTemplateEditorComponent',
+        },
+      },
       {
         path: 'ocr-templates/:id',
         component: OcrTemplateEditorComponent,

src-ui/src/app/components/document-detail/document-detail.component.html

@@ -82,11 +82,20 @@
         <i-bs name="pencil" class="me-1"></i-bs><ng-container i18n>PDF Editor</ng-container>
       </button>
 
-      <button ngbDropdownItem (click)="runZoneOcr()" [disabled]="!userCanEdit || !document?.document_type">
+      <button
+        ngbDropdownItem
+        (click)="runZoneOcr()"
+        [disabled]="!userCanEdit || !document?.document_type"
+        *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.OcrTemplate }"
+      >
         <i-bs width="1em" height="1em" name="file-earmark-ruled" class="me-1"></i-bs><span i18n>Run Zone OCR</span>
       </button>
 
-      <button ngbDropdownItem (click)="createOcrTemplate()">
+      <button
+        ngbDropdownItem
+        (click)="createOcrTemplate()"
+        *pngxIfPermissions="{ action: PermissionAction.Add, type: PermissionType.OcrTemplate }"
+      >
         <i-bs width="1em" height="1em" name="file-earmark-medical" class="me-1"></i-bs><span i18n>Create OCR Template</span>
       </button>
 

src-ui/src/app/components/manage/ocr-templates/ocr-templates.component.ts

@@ -9,6 +9,7 @@ import { IfPermissionsDirective } from 'src/app/directives/if-permissions.direct
 import { PermissionsService } from 'src/app/services/permissions.service'
 import { DocumentTypeService } from 'src/app/services/rest/document-type.service'
 import { OcrTemplateService } from 'src/app/services/rest/ocr-template.service'
+import { ToastService } from 'src/app/services/toast.service'
 import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dialog.component'
 import { PageHeaderComponent } from '../../common/page-header/page-header.component'
 import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
@@ -32,6 +33,7 @@ export class OcrTemplatesComponent
   private readonly documentTypeService = inject(DocumentTypeService)
   private readonly router = inject(Router)
   private readonly modalService = inject(NgbModal)
+  private readonly toastService = inject(ToastService)
   permissionsService = inject(PermissionsService)
 
   public templates: OcrTemplate[] = []
@@ -79,8 +81,17 @@ export class OcrTemplatesComponent
   }
 
   toggleTemplate(t: OcrTemplate) {
-    // ngModel has already flipped t.enabled — just persist it.
-    this.service.patch(t).subscribe()
+    // ngModel has already flipped t.enabled; restore it if persistence fails.
+    const enabled = t.enabled
+    this.service.patch(t).subscribe({
+      error: (error) => {
+        t.enabled = !enabled
+        this.toastService.showError(
+          $localize`Error updating OCR template.`,
+          error
+        )
+      },
+    })
   }
 
   deleteTemplate(t: OcrTemplate) {