diff --git a/src/operations/operationRow.component.html b/src/operations/operationRow.component.html
new file mode 100644
index 0000000..1a4d3f6
--- /dev/null
+++ b/src/operations/operationRow.component.html
@@ -0,0 +1,51 @@
+<!-- vim: set tw=80 ts=2 sw=2 sts=2 : -->
+<td>{{ operation.id }}</td>
+
+<td>{{ operation.operation_date | date:"yyyy-MM-dd" }}</td>
+
+<td>{{ operation.label }}</td>
+
+<td>{{ operation.value | currency:'EUR':'symbol' }}</td>
+
+<td [class.text-warning]="operation.balance < 0"
+    [class.text-danger]="operation.balance < account.authorized_overdraft">
+  {{ operation.balance | currency:'EUR':'symbol' }}
+</td>
+
+<td>{{ operation.category }}</td>
+
+<td>
+  <div class="btn-group btn-group-sm">
+    <!-- Edit operation, for non-canceled operation. -->
+    <a class="btn btn-success"
+      *ngIf="!operation.canceled"
+      [routerLink]="[operation.id, 'edit']"
+      title="edit">
+      <span class="fa fa-pencil-square-o"></span>
+    </a>
+
+    <!-- Toggle pointed operation, for non-canceled operations. -->
+    <button type="button" class="btn btn-secondary"
+      *ngIf="!operation.canceled"
+      (click)="togglePointed(operation)"
+      [class.active]="operation.pointed" title="point">
+      <span class="fa" [class.fa-check-square-o]="operation.pointed"
+        [class.fa-square-o]="!operation.pointed"></span>
+    </button>
+
+    <!-- Toggle canceled operation. -->
+    <button type="button" class="btn btn-warning"
+      (click)="toggleCanceled(operation)"
+      *ngIf="operation.scheduled_operation_id"
+      [class.active]="operation.canceled" title="cancel">
+      <span class="fa fa-remove"></span>
+    </button>
+
+    <!-- Delete operation, with confirm. -->
+    <button type="button" class="btn btn-danger"
+      (click)="confirmDelete(operation)"
+      *ngIf="operation.id && !operation.scheduled_operation_id">
+      <span class="fa fa-trash-o"></span>
+    </button>
+  </div>
+</td>
diff --git a/src/operations/operationRow.component.ts b/src/operations/operationRow.component.ts
index 094558f..25b34bb 100644
--- a/src/operations/operationRow.component.ts
+++ b/src/operations/operationRow.component.ts
@@ -21,58 +21,7 @@ import { OperationDeleteModalComponent } from './operationDeleteModal.component'
     "[class.warning]": "operation.balance < 0",
     "[class.danger]": "operation.balance < account.authorized_overdraft"
   },
-  template: `
-<td>{{ operation.id }}</td>
-
-<td>{{ operation.operation_date | date:"yyyy-MM-dd" }}</td>
-
-<td>{{ operation.label }}</td>
-
-<td>{{ operation.value | currency:'EUR':'symbol' }}</td>
-
-<td [class.text-warning]="operation.balance < 0"
-    [class.text-danger]="operation.balance < account.authorized_overdraft">
-  {{ operation.balance | currency:'EUR':'symbol' }}
-</td>
-
-<td>{{ operation.category }}</td>
-
-<td>
-  <div class="btn-group btn-group-sm">
-    <!-- Edit operation, for non-canceled operation. -->
-    <a class="btn btn-success"
-      *ngIf="!operation.canceled"
-      [routerLink]="[operation.id, 'edit']"
-      title="edit">
-      <span class="fa fa-pencil-square-o"></span>
-    </a>
-
-    <!-- Toggle pointed operation, for non-canceled operations. -->
-    <button type="button" class="btn btn-secondary"
-      *ngIf="!operation.canceled"
-      (click)="togglePointed(operation)"
-      [class.active]="operation.pointed" title="point">
-      <span class="fa" [class.fa-check-square-o]="operation.pointed"
-        [class.fa-square-o]="!operation.pointed"></span>
-    </button>
-
-    <!-- Toggle canceled operation. -->
-    <button type="button" class="btn btn-warning"
-      (click)="toggleCanceled(operation)"
-      *ngIf="operation.scheduled_operation_id"
-      [class.active]="operation.canceled" title="cancel">
-      <span class="fa fa-remove"></span>
-    </button>
-
-    <!-- Delete operation, with confirm. -->
-    <button type="button" class="btn btn-danger"
-      (click)="confirmDelete(operation)"
-      *ngIf="operation.id && !operation.scheduled_operation_id">
-      <span class="fa fa-trash-o"></span>
-    </button>
-  </div>
-</td>
-  `
+  templateUrl: './operationRow.component.html'
 })
 export class OperationRowComponent {
   @Input('operation-row') operation: Operation = new Operation();