Task List component and playground

desktop/karma.conf.js

@@ -51,7 +51,7 @@ module.exports = function(config) {
         customLaunchers: {
             CustomElectron: {
                 base: "Electron",
-                flags: ["--enable-precise-memory-info"],
+                flags: ["--enable-precise-memory-info", "--no-sandbox"],
                 browserWindowOptions: {
                     show: true,
                     webPreferences: {

desktop/package.json

@@ -177,7 +177,7 @@
     "to-string-loader": "^1.1.6",
     "ts-loader": "^5.4.5",
     "ts-node": "^8.10.2",
-    "typescript": "~4.1.0",
+    "typescript": "~4.6.0",
     "url-loader": "^1.1.2",
     "webpack": "^4.44.1",
     "webpack-cli": "^3.3.12",

desktop/src/app/environment/desktop-environment.ts

@@ -7,14 +7,15 @@ import {
     LiveSubscriptionService,
     initEnvironment
 } from "@azure/bonito-core";
+import { MemoryCacheManager } from "@azure/bonito-core/lib/cache";
 import { StandardClock } from "@azure/bonito-core/lib/datetime";
 import { createConsoleLogger } from "@azure/bonito-core/lib/logging";
 import { AlertNotifier } from "@azure/bonito-core/lib/notification/alert-notifier";
 import { DefaultFormLayoutProvider } from "@azure/bonito-ui/lib/components/form";
 import { BrowserDependencyName, BrowserEnvironmentConfig, DefaultBrowserEnvironment } from "@azure/bonito-ui/lib/environment";
 import BatchExplorerHttpClient from "@batch-flask/core/batch-explorer-http-client";
 import { BatchBrowserDependencyFactories, BatchFormControlResolver } from "@batch/ui-react";
-import { LiveNodeService, LivePoolService } from "@batch/ui-service";
+import { LiveTaskService, LiveAccountService, LiveNodeService, LivePoolService } from "@batch/ui-service";
 import { BatchDependencyName } from "@batch/ui-service/lib/environment";
 import { DesktopLocalizer } from "app/localizer/desktop-localizer";
 import { AppTranslationsLoaderService, AuthService, BatchExplorerService } from "app/services";
@@ -42,10 +43,14 @@ export function initDesktopEnvironment(
                 () => new BatchExplorerHttpClient(authService),
             [DependencyName.LocationService]: () =>
                 new LiveLocationService(),
+            [DependencyName.CacheManager]: () => new MemoryCacheManager(),
             [BatchDependencyName.PoolService]: () =>
                 new LivePoolService(),
             [BatchDependencyName.NodeService]: () =>
                 new LiveNodeService(),
+            [BatchDependencyName.TaskService]: () =>
+                new LiveTaskService(),
+            [BatchDependencyName.AccountService]: () => new LiveAccountService(),
             [DependencyName.Notifier]: () =>
                 new AlertNotifier(), // TODO: update with real notification implementation
             [DependencyName.ResourceGroupService]: () =>

desktop/tsconfig.browser.json

@@ -5,5 +5,8 @@
     "src/test/**/*.ts",
     "test/**/*.ts",
     "**/testing**/*"
-  ]
+  ],
+  "angularCompilerOptions": {
+    "disableTypeScriptVersionCheck": true
+  }
 }