+
+
+
+
+
+
diff --git a/src/common/connection/connection.ts b/src/common/connection/connection.ts
new file mode 100644
index 0000000..f328620
--- /dev/null
+++ b/src/common/connection/connection.ts
@@ -0,0 +1,210 @@
+import SocketConnections from "@/common/connection/socket-connections";
+import WebsocketServer from "@/common/connection/webserver";
+import {User} from "@/common/data-definitions/user";
+import {Logger} from "@/common/logging";
+import {injectable} from "inversify";
+import {Vue} from "vue-property-decorator";
+
+export interface ReceiverCallback {
+ callback: (result: any) => void;
+ id: string;
+ wasCalled: boolean;
+}
+
+export interface GetDataCallback {
+ // the method gets the sendable contents from the registered stores
+ callback: () => any;
+ id: string;
+}
+
+export interface Message {
+ id: string;
+ content: string;
+}
+
+export interface UserConnection {
+ connectionType: string;
+ user: User | null;
+}
+
+@injectable()
+export class Connection {
+ public static userInfo: string = "USER_INFO";
+ private static synchronizeId: string = "SYNCHRONIZE_REQUEST";
+
+ // list of connected devices, device id + connection direction
+ public connected: Map{{ titles[currentScreen] }}
+
+
+
+
+
+
diff --git a/src/presentation/components/ItemMultiselect.vue b/src/presentation/components/ItemMultiselect.vue
new file mode 100644
index 0000000..8264462
--- /dev/null
+++ b/src/presentation/components/ItemMultiselect.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+ {{ actionText }}
+
+ {{ hintText }}
+
+
+
+
+
+
+
diff --git a/src/presentation/components/Navbar.vue b/src/presentation/components/Navbar.vue
new file mode 100644
index 0000000..cc78de1
--- /dev/null
+++ b/src/presentation/components/Navbar.vue
@@ -0,0 +1,147 @@
+
+
+
+ {{ displayName(item) }}
+
+
+
+ Verfügbar
+
+
+ {{ displayName(item) }}
+
+
+
+ Ausgewählt
+
+
+
+
+
+
+
+
+
diff --git a/src/presentation/components/ScoreNavigation.vue b/src/presentation/components/ScoreNavigation.vue
new file mode 100644
index 0000000..6fac92c
--- /dev/null
+++ b/src/presentation/components/ScoreNavigation.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+ Stimmregister
+
+
+ Aggregiertes Register
+
+
+
+
+
+
+
+
+
+ {{user.name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Bitte Stimme für das Stück {{ piece.name }} auswählen
+
+
+
+ {{ part.name }}
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
diff --git a/src/presentation/components/Verovio.vue b/src/presentation/components/Verovio.vue
new file mode 100644
index 0000000..13738da
--- /dev/null
+++ b/src/presentation/components/Verovio.vue
@@ -0,0 +1,484 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/ArticulationAnnotation.vue b/src/presentation/components/annotations/ArticulationAnnotation.vue
new file mode 100644
index 0000000..be47999
--- /dev/null
+++ b/src/presentation/components/annotations/ArticulationAnnotation.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/ClickSelection.vue b/src/presentation/components/annotations/ClickSelection.vue
new file mode 100644
index 0000000..065e252
--- /dev/null
+++ b/src/presentation/components/annotations/ClickSelection.vue
@@ -0,0 +1,50 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/HighlightAnnotation.vue b/src/presentation/components/annotations/HighlightAnnotation.vue
new file mode 100644
index 0000000..0f0801a
--- /dev/null
+++ b/src/presentation/components/annotations/HighlightAnnotation.vue
@@ -0,0 +1,44 @@
+
+
+
+ {{ c }}
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/KindSelection.vue b/src/presentation/components/annotations/KindSelection.vue
new file mode 100644
index 0000000..e3dbb96
--- /dev/null
+++ b/src/presentation/components/annotations/KindSelection.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+ Neue Tonhöhe
+
+
+ Note unverändert
+
+
+ ursprünglich: {{ orgNoteOutput }}
+
+
+
+ Ton
+
+
+
+
+
+
+
+
+
+
+ Okt.
+
+
+
+
+
+
+
+
+
+
+
+
+ Speichern
+
+
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/PaceAnnotation.vue b/src/presentation/components/annotations/PaceAnnotation.vue
new file mode 100644
index 0000000..e2905d3
--- /dev/null
+++ b/src/presentation/components/annotations/PaceAnnotation.vue
@@ -0,0 +1,28 @@
+
+
+
+ {{ p.label }}
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/RangeEndSelection.vue b/src/presentation/components/annotations/RangeEndSelection.vue
new file mode 100644
index 0000000..4612815
--- /dev/null
+++ b/src/presentation/components/annotations/RangeEndSelection.vue
@@ -0,0 +1,22 @@
+
+
+
+
+ {{ type.displayName }}
+
+
+
+
+
+
+
+
diff --git a/src/presentation/components/annotations/annotation-screens.ts b/src/presentation/components/annotations/annotation-screens.ts
new file mode 100644
index 0000000..cf292dc
--- /dev/null
+++ b/src/presentation/components/annotations/annotation-screens.ts
@@ -0,0 +1,13 @@
+export enum AnnotationScreens {
+ clickSelection = "click-selection",
+ kindSelection = "kind-selection",
+ typeSelection = "type-selection",
+ articulationAnnotation = "articulation-annotation",
+ changeNoteAnnotation = "change-note-annotation",
+ dynamicAnnotation = "dynamic-annotation",
+ highlightAnnotation = "highlight-annotation",
+ paceAnnotation = "pace-annotation",
+ textAnnotation = "text-annotation",
+ rangeSelection = "range-selection",
+ selectRangeEnd = "select-range-end",
+}
diff --git a/src/presentation/components/annotations/dialog-positioning.ts b/src/presentation/components/annotations/dialog-positioning.ts
new file mode 100644
index 0000000..8dde93f
--- /dev/null
+++ b/src/presentation/components/annotations/dialog-positioning.ts
@@ -0,0 +1,38 @@
+import {ScreenSetting} from "@/services/rendering-service";
+
+
+export function calcPosition(mouseX: number, mouseY: number, elX: number, elY: number, screenSetting: ScreenSetting) {
+ // offset of position where mouse pointed to
+ const offset = 20;
+
+ let resultX = 0;
+ let resultY = 0;
+
+ const xRange = screenSetting.width - elX;
+ const yRange = screenSetting.height - elY;
+
+ // X
+ if (mouseX < screenSetting.width / 2) {
+ if (mouseX < xRange) {
+ resultX = (mouseX + offset) / xRange;
+ } else {
+ resultX = (mouseX - elX + offset) / xRange;
+ }
+ } else {
+ resultX = (mouseX - elX - offset) / xRange;
+ }
+
+ // Y
+ if (mouseY < screenSetting.height / 2) {
+ if (mouseY < yRange) {
+ resultY = (mouseY + offset) / yRange;
+ } else {
+ resultY = (mouseY - elY + offset) / yRange;
+ }
+ } else {
+ resultY = (mouseY - elY - offset) / yRange;
+ }
+
+ return {x: resultX, y: resultY};
+
+}
diff --git a/src/presentation/components/navbar-modes.ts b/src/presentation/components/navbar-modes.ts
new file mode 100644
index 0000000..f0ae407
--- /dev/null
+++ b/src/presentation/components/navbar-modes.ts
@@ -0,0 +1,70 @@
+export class NavbarMode {
+ public variant: string;
+
+ constructor(variant: string) {
+ this.variant = variant;
+ }
+
+ get showMenu(): boolean {
+ return true;
+ }
+
+ get showUsers(): boolean {
+ return false;
+ }
+
+ get showSearchBar(): boolean {
+ return true;
+ }
+
+ get showGoToOrchestraMode(): boolean {
+ return true;
+ }
+
+ get showOrchestraModeToggle(): boolean {
+ return false;
+ }
+
+ get showScoreNavigation(): boolean {
+ return false;
+ }
+}
+
+// use anonymous classes here for the sake of simplicity
+/* tslint:disable:max-classes-per-file */
+
+const pieceListNavbarMode = new NavbarMode("primary");
+
+const scoreViewNavbarMode = new class extends NavbarMode {
+ constructor() {
+ super("secondary");
+ }
+
+ get showMenu() {
+ return false;
+ }
+
+ get showUsers() {
+ return true;
+ }
+
+ get showSearchBar(): boolean {
+ return false;
+ }
+
+ get showGoToOrchestraMode(): boolean {
+ return false;
+ }
+
+ get showOrchestraModeToggle(): boolean {
+ return true;
+ }
+
+ get showScoreNavigation(): boolean {
+ return true;
+ }
+}();
+
+const settingsNavbarMode = new NavbarMode("secondary");
+
+export {pieceListNavbarMode, scoreViewNavbarMode, settingsNavbarMode};
diff --git a/src/presentation/components/print-mei-elements.ts b/src/presentation/components/print-mei-elements.ts
new file mode 100644
index 0000000..806e0b9
--- /dev/null
+++ b/src/presentation/components/print-mei-elements.ts
@@ -0,0 +1,35 @@
+import {MusicPiece} from "@/common/data-definitions/music-piece";
+import {Note, PitchName} from "@/common/data-definitions/note";
+import {Part} from "@/common/data-definitions/part";
+import {TYPES} from "@/inversify-types";
+import {MusicPieceService} from "@/services/music-piece-service";
+import {serviceContainer} from "@/services/service-container";
+
+
+export async function printMeiElements(xmlIds: string[], musicPiece: MusicPiece, part: Part)
+ : Promise
+
+
+ {{ instrument.name }}
+
+
+
+
+
+
+
diff --git a/src/presentation/views/Login.vue b/src/presentation/views/Login.vue
new file mode 100644
index 0000000..ffbe6b9
--- /dev/null
+++ b/src/presentation/views/Login.vue
@@ -0,0 +1,125 @@
+
+
+
+
+
+ Dirigent
+ Nutzer erstellen
+
+
+
+
+ {{ user.name }}
+
+
+
+
+
+ 
+
+
+ Bitte Benutzer auswählen
+
+
+ Einloggen
+ Neuen Account erstellen
+
+
+ © 2018
+
+
+
+
+
diff --git a/src/presentation/views/ScoreView.vue b/src/presentation/views/ScoreView.vue
new file mode 100644
index 0000000..039402a
--- /dev/null
+++ b/src/presentation/views/ScoreView.vue
@@ -0,0 +1,236 @@
+
+
+
+
+
+ {{ tag }}
+
+
+ Anzeigen
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/presentation/views/settings/Connection.vue b/src/presentation/views/settings/Connection.vue
new file mode 100644
index 0000000..5290c78
--- /dev/null
+++ b/src/presentation/views/settings/Connection.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/presentation/views/settings/RegisterSettings.vue b/src/presentation/views/settings/RegisterSettings.vue
new file mode 100644
index 0000000..00a733d
--- /dev/null
+++ b/src/presentation/views/settings/RegisterSettings.vue
@@ -0,0 +1,103 @@
+
+
+
+
+ Neustarten
+
+
+
+
+
+
+ Verbindungen
+
+
+
+ {{item}}
+
+
+
+ Test Text senden
+ +
+ Text zur Datei hinzufügen
+ Inhalte teilen
+
+
+
+
+
+
diff --git a/src/presentation/views/settings/Settings.vue b/src/presentation/views/settings/Settings.vue
new file mode 100644
index 0000000..8202ca0
--- /dev/null
+++ b/src/presentation/views/settings/Settings.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+ {{ register? register.name : 'Neues Register (ungespeichert)' }}
+
+
+
+
+
+
+
+
+
+ {{ page.name }}
+
+
+
+
+
+
+
+
diff --git a/src/router.ts b/src/router.ts
new file mode 100644
index 0000000..ebc6110
--- /dev/null
+++ b/src/router.ts
@@ -0,0 +1,57 @@
+import Vue from "vue";
+import Router from "vue-router";
+
+Vue.use(Router);
+
+export default new Router({
+ routes: [
+ {
+ path: "/",
+ name: "login",
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import(/* webpackChunkName: "login" */ "./presentation/views/Login.vue"),
+ },
+ {
+ path: "/scoreview",
+ name: "scoreview",
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import(/* webpackChunkName: "scoreview" */ "./presentation/views/ScoreView.vue"),
+ },
+ {
+ path: "/piecelist",
+ name: "piecelist",
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import(/* webpackChunkName: "piecelist" */ "./presentation/views/PieceList.vue"),
+ },
+ {
+ path: "/user",
+ name: "user",
+ component: () => import(/* webpackChunkName: "user" */ "./presentation/views/AddEditUser.vue"),
+ },
+ {
+ path: "/connection",
+ name: "connection",
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import(/* webpackChunkName: "connection" */ "./presentation/views/settings/Connection.vue"),
+ },
+ {
+ path: "/settings",
+ name: "settings",
+ component: () => import(/* webpackChunkName: "settings" */ "./presentation/views/settings/Settings.vue"),
+ },
+ {
+ path: "/settings/register",
+ name: "register",
+ component: () => import(/* webpackChunkName: "register" */ "./presentation/views/settings/RegisterSettings.vue"),
+ },
+ ],
+
+});
diff --git a/src/services/annotation-service.ts b/src/services/annotation-service.ts
new file mode 100644
index 0000000..6927603
--- /dev/null
+++ b/src/services/annotation-service.ts
@@ -0,0 +1,114 @@
+import {Annotation} from "@/common/data-definitions/annotations/annotation";
+import {AnnotationKind} from "@/common/data-definitions/annotations/kind/annotation-kinds";
+import {Place} from "@/common/data-definitions/annotations/place/place";
+import {AnnotationType} from "@/common/data-definitions/annotations/type/annotation-type";
+import {OrchestraAnnotation} from "@/common/data-definitions/annotations/type/orchestra-annotation";
+import {PartAnnotation} from "@/common/data-definitions/annotations/type/part-annotation";
+import {PersonalAnnotation} from "@/common/data-definitions/annotations/type/personal-annotation";
+import {RegisterAnnotation} from "@/common/data-definitions/annotations/type/register-annotation";
+import {MusicPiece} from "@/common/data-definitions/music-piece";
+import {Logger} from "@/common/logging";
+import {AnnotationStore} from "@/data/annotation-store";
+import {SelectionMode} from "@/common/data-definitions/selection-mode";
+import {TYPES} from "@/inversify-types";
+import {PartService} from "@/services/part-service";
+import {RegisterService} from "@/services/register-service";
+import {UserService} from "@/services/user-service";
+import {inject, injectable} from "inversify";
+import store from "@/common/state/store";
+
+@injectable()
+export class AnnotationService {
+ private registerService: RegisterService;
+ private userService: UserService;
+ private partServive: PartService;
+
+ private annotationStore: AnnotationStore;
+ private log = Logger.getNew(AnnotationService.name);
+
+ constructor(
+ @inject(TYPES.RegisterService) registerService: RegisterService,
+ @inject(TYPES.UserService) userService: UserService,
+ @inject(TYPES.PartService) partService: PartService,
+ @inject(TYPES.AnnotationStore) annotationStore: AnnotationStore,
+ ) {
+ this.registerService = registerService;
+ this.userService = userService;
+ this.partServive = partService;
+ this.annotationStore = annotationStore;
+ }
+
+ public isAllowedToPointLive(): boolean {
+ return this.isDirigent();
+ }
+
+ public getValidAnnotationKinds(): AnnotationKind[] {
+ const selectionMode: SelectionMode = store.getters.selectionMode;
+ return selectionMode.validAnnotationKinds;
+ }
+
+ public getValidAnnotationTypes(): AnnotationType[] {
+ const validAnnotationTypes: AnnotationType[] = [];
+ const currentUser = this.userService.getCurrentUser()!;
+ // Orchestra-Annotation
+ if (this.isDirigent()) {
+ validAnnotationTypes.push(new OrchestraAnnotation());
+ }
+ // Register-Annotations
+ const registers = this.registerService.getRegistersForUserAsPrincipal(currentUser);
+ registers.forEach((register) => validAnnotationTypes.push(new RegisterAnnotation(register)));
+
+ // Part-Annotations - create an empty dummy Annotation
+ // allowed for principals and dirigents
+ // if (registers.length > 0 || this.isDirigent()) {
+ // validAnnotationTypes.push(new PartAnnotation());
+ // }
+ // Personal-Annotation
+ validAnnotationTypes.push(new PersonalAnnotation());
+ return validAnnotationTypes;
+ }
+
+ public getAllAnnotations(): Array