+
diff --git a/front/src/app/app.component.less b/front/src/app/app.component.less
new file mode 100644
index 0000000..5e26344
--- /dev/null
+++ b/front/src/app/app.component.less
@@ -0,0 +1,46 @@
+
+
+#create-exercice-button {
+ position: fixed;
+ display: block;
+ right: 0;
+ bottom: 0;
+ margin-right: 40px;
+ margin-bottom: 40px;
+ z-index: 900;
+}
+
+#save-exercice-button {
+ position: fixed;
+ display: block;
+ right: 0;
+ bottom: 0;
+ margin-right: 110px;
+ margin-bottom: 40px;
+ z-index: 900;
+}
+
+.main-content {
+ position: absolute;
+ //width: ~"calc(calc(100% / 5 ) * 5)";
+ width: 100%;
+ height: ~"calc(100% - 56px)";
+ top: 56px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ display: block;
+ position: fixed;
+ overflow-y: auto;
+ //background-color:#FF0;
+ /*
+ .main-reduce {
+ width: 40%;
+ height: 100%;
+ margin: 0;
+ padding: 0px 10% 0px 10%;
+ display: block;
+ overflow-y:scroll;
+ }
+ */
+}
diff --git a/front/src/app/app.component.ts b/front/src/app/app.component.ts
new file mode 100644
index 0000000..a72b4f4
--- /dev/null
+++ b/front/src/app/app.component.ts
@@ -0,0 +1,45 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { UserService, SessionService } from './service';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: [
+ './app.component.less',
+ ]
+})
+export class AppComponent implements OnInit {
+ title: string = 'Karideo';
+ autoConnectedDone: boolean = false;
+ isConnected: boolean = false;
+
+ constructor(
+ private router: Router,
+ private userService: UserService,
+ private sessionService: SessionService) {
+
+ }
+
+ ngOnInit() {
+ this.autoConnectedDone = false;
+ this.isConnected = false;
+ let self = this;
+ this.sessionService.change.subscribe((isConnected) => {
+ console.log(`receive event from session ...${ isConnected}`);
+ self.isConnected = isConnected;
+ self.autoConnectedDone = true;
+ });
+
+ this.userService.checkAutoConnect().finally(() => {
+ self.autoConnectedDone = true;
+ });
+ }
+}
+
diff --git a/front/src/app/app.module.ts b/front/src/app/app.module.ts
new file mode 100644
index 0000000..4cf059e
--- /dev/null
+++ b/front/src/app/app.module.ts
@@ -0,0 +1,114 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { HttpClientModule } from '@angular/common/http';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'; // this is needed for dynamic selection of the select
+import { AppRoutingModule } from './app-routing.module';
+
+import { UploadFileComponent } from './component/upload-file/upload-file';
+import { TopMenuComponent } from './component/top-menu/top-menu';
+import { ElementDataImageComponent } from './component/data-image/data-image';
+import { ElementTypeComponent } from './component/element-type/element-type';
+import { ElementSeriesComponent } from './component/element-series/element-series';
+import { ElementSeasonComponent } from './component/element-season/element-season';
+import { ElementVideoComponent } from './component/element-video/element-video';
+import { PopInComponent } from './component/popin/popin';
+
+import { PopInCreateType } from './popin/create-type/create-type';
+import { PopInUploadProgress } from './popin/upload-progress/upload-progress';
+import { PopInDeleteConfirm } from './popin/delete-confirm/delete-confirm';
+
+import { AppComponent } from './app.component';
+import { ErrorComponent } from './error/error';
+import { HomeScene, ErrorViewerScene, HelpScene, SsoScene, TypeScene, UniverseScene, SeriesScene, SeasonScene, VideoScene, SettingsScene,
+ VideoEditScene, SeasonEditScene, SeriesEditScene, UploadScene } from './scene';
+import { PopInService, HttpWrapperService, SessionService, CookiesService, StorageService, UserService, SSOService, BddService, TypeService,
+ DataService, UniverseService, SeriesService, SeasonService, VideoService, ArianeService } from './service';
+
+@NgModule({
+ declarations: [
+ AppComponent,
+ TopMenuComponent,
+ UploadFileComponent,
+ ElementDataImageComponent,
+ ElementTypeComponent,
+ ElementSeriesComponent,
+ ElementSeasonComponent,
+ ElementVideoComponent,
+ ErrorComponent,
+
+ PopInComponent,
+ PopInCreateType,
+ PopInUploadProgress,
+ PopInDeleteConfirm,
+
+ HomeScene,
+ ErrorViewerScene,
+ HelpScene,
+ SsoScene,
+ TypeScene,
+ UniverseScene,
+ SeriesScene,
+ SeasonScene,
+ VideoScene,
+ SettingsScene,
+ VideoEditScene,
+ SeasonEditScene,
+ SeriesEditScene,
+ UploadScene,
+ ],
+ imports: [
+ BrowserModule,
+ RouterModule,
+ AppRoutingModule,
+ HttpClientModule,
+ FormsModule,
+ ReactiveFormsModule,
+ ],
+ providers: [
+ PopInService,
+ HttpWrapperService,
+ SessionService,
+ CookiesService,
+ StorageService,
+ UserService,
+ SSOService,
+ BddService,
+ TypeService,
+ DataService,
+ UniverseService,
+ SeriesService,
+ SeasonService,
+ VideoService,
+ ArianeService
+ ],
+ exports: [
+ AppComponent,
+ TopMenuComponent,
+ UploadFileComponent,
+ ErrorComponent,
+ ElementTypeComponent,
+ ElementSeriesComponent,
+ ElementSeasonComponent,
+ ElementVideoComponent,
+ PopInCreateType,
+
+ PopInComponent,
+ PopInUploadProgress,
+ PopInDeleteConfirm,
+ ],
+ bootstrap: [
+ AppComponent
+ ],
+ schemas: [
+ CUSTOM_ELEMENTS_SCHEMA,
+ NO_ERRORS_SCHEMA
+ ]
+})
+export class AppModule { }
diff --git a/front/src/app/component/data-image/data-image.html b/front/src/app/component/data-image/data-image.html
new file mode 100644
index 0000000..086f576
--- /dev/null
+++ b/front/src/app/component/data-image/data-image.html
@@ -0,0 +1,2 @@
+
+
+
+
+
+ 
+
+
+
+
+
+ Season {{numberSeason}}
+
+
+ {{count}} Episodes
+
+
+ {{count}} Episode
+
\ No newline at end of file
diff --git a/front/src/app/component/element-season/element-season.less b/front/src/app/component/element-season/element-season.less
new file mode 100644
index 0000000..5ac942e
--- /dev/null
+++ b/front/src/app/component/element-season/element-season.less
@@ -0,0 +1,35 @@
+
+.imgContainer-small {
+ text-align: center;
+ width: 100px;
+ margin: 4px 15px 4px 10px;
+ height: 100px;
+ img {
+ max-height: 100px;
+ max-width: 100px;
+ }
+ .noImage {
+ height: 95px;
+ width: 95px;
+ //box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.7);
+ border: solid 2px;
+ border-color: rgba(0, 0, 0, 0.7);
+ margin: auto;
+ }
+ float: left;
+}
+
+.title-small {
+ height: 50px;
+ //width: 100%;
+ font-size: 35px;
+ display:inline-block;
+ font-weight: bold;
+}
+
+.description-small {
+ height: 30px;
+ font-size: 16px;
+ overflow:hidden;
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/front/src/app/component/element-season/element-season.ts b/front/src/app/component/element-season/element-season.ts
new file mode 100644
index 0000000..cc4a8be
--- /dev/null
+++ b/front/src/app/component/element-season/element-season.ts
@@ -0,0 +1,62 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Injectable, Component, OnInit, Input } from '@angular/core';
+
+import { SeasonService } from '../../service/season';
+
+@Component({
+ selector: 'app-element-season',
+ templateUrl: './element-season.html',
+ styleUrls: [ './element-season.less' ]
+})
+
+@Injectable()
+export class ElementSeasonComponent implements OnInit {
+ // input parameters
+ @Input() idSeason:number = -1;
+
+ error:string = '';
+ numberSeason:number = -1;
+ count:number = 0;
+ cover:string = '';
+ covers:Array
+
\ No newline at end of file
diff --git a/front/src/app/component/element-series/element-series.less b/front/src/app/component/element-series/element-series.less
new file mode 100644
index 0000000..962eaff
--- /dev/null
+++ b/front/src/app/component/element-series/element-series.less
@@ -0,0 +1,63 @@
+
+.count-base {
+ height: 0px;
+ width: 0px;
+ .count {
+ height: 30px;
+ width: 30px;
+ font-size: 17px;
+ line-height: 30px;
+ overflow:hidden;
+ position:relative;
+ z-index: 12;
+ left: 165px;
+ top: 2px;
+ text-align: center;
+ //padding: 5px 10px;
+ color: rgba(0, 0, 0, 1.0);
+ background: rgba(256, 256, 256, 0.3);
+ border: 1px solid;
+ border-color: rgba(256, 256, 256, 0.8);
+ border-radius: 15px;
+ }
+}
+
+.imgContainer-small {
+ right: 2px;
+ top: 2px;
+ text-align: center;
+ width: 200px;
+ margin: 0 auto;
+ height: 250px;
+ img {
+ //width: 100%;
+ max-height: 250px;
+ max-width: 200px;
+ }
+ .noImage {
+ height: 243px;
+ width: 193px;
+ border: solid 3px;
+ border-color: rgba(0, 0, 0, 0.7);
+ margin: auto;
+ }
+}
+
+.title-small {
+ height: 40px;
+ width: 200px;
+ font-size: 17px;
+ overflow:hidden;
+ display:inline-block;
+ text-align: center;
+ padding:auto;
+ background: rgba(256, 256, 256, 0.3);
+ border-radius: 7px;
+}
+
+.description-small {
+ height: 30px;
+ font-size: 12px;
+ overflow:hidden;
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/front/src/app/component/element-series/element-series.ts b/front/src/app/component/element-series/element-series.ts
new file mode 100644
index 0000000..ababc46
--- /dev/null
+++ b/front/src/app/component/element-series/element-series.ts
@@ -0,0 +1,64 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Injectable, Component, OnInit, Input } from '@angular/core';
+
+import { SeriesService } from '../../service/series';
+
+@Component({
+ selector: 'app-element-series',
+ templateUrl: './element-series.html',
+ styleUrls: [ './element-series.less' ]
+})
+
+@Injectable()
+export class ElementSeriesComponent implements OnInit {
+ // input parameters
+ @Input() idSeries:number = -1;
+ @Input() idType:number = -1;
+
+ error:string = '';
+ name:string = 'plouf';
+ description:string = '';
+ countvideo:number = null;
+ imageSource:string = null;
+
+ cover:string = '';
+ covers:Array
+
+
+ {{countvideo}}
+
+
+
+
+
+
+
+
+
+
+
+ {{name}}
+
+
+
+
\ No newline at end of file
diff --git a/front/src/app/component/element-type/element-type.less b/front/src/app/component/element-type/element-type.less
new file mode 100644
index 0000000..e853969
--- /dev/null
+++ b/front/src/app/component/element-type/element-type.less
@@ -0,0 +1,52 @@
+
+.count-base {
+ height: 0px;
+ width: 100%;
+ right: 0px;
+ z-index: 12;
+ //position:flex;
+ text-align: right;
+ .count {
+ height: 30px;
+ //width: 30px;
+ font-size: 17px;
+ line-height: 30px;
+ overflow:hidden;
+ position:relative;
+ z-index: 12;
+ right: 2px;
+ top: 4px;
+ text-align: right;
+ padding: 5px 10px;
+ color: rgba(0, 0, 0, 1.0);
+ background: rgba(256, 256, 256, 0.3);
+ border: 1px solid;
+ border-color: rgba(256, 256, 256, 0.8);
+ border-radius: 15px;
+ }
+}
+
+.imgContainer-small {
+ text-align: center;
+ margin: 15px 0 0 0;
+}
+
+img.miniature-small {
+ width: 80px;
+ height: 80px;
+ //border-radius: 50%;
+}
+
+.title-small {
+ height: 60px;
+ font-size: 24px;
+ overflow:hidden;
+ vertical-align: middle;
+}
+
+.description-small {
+ height: 30px;
+ font-size: 12px;
+ overflow:hidden;
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/front/src/app/component/element-type/element-type.ts b/front/src/app/component/element-type/element-type.ts
new file mode 100644
index 0000000..7ae4aea
--- /dev/null
+++ b/front/src/app/component/element-type/element-type.ts
@@ -0,0 +1,67 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Injectable, Component, OnInit, Input } from '@angular/core';
+import { isArrayOf, isNumberFinite } from '../../utils';
+
+import { TypeService } from '../../service/type';
+import { NodeData } from '../..//model';
+
+@Component({
+ selector: 'app-element-type',
+ templateUrl: './element-type.html',
+ styleUrls: [ './element-type.less' ]
+})
+
+//@Injectable()
+export class ElementTypeComponent implements OnInit {
+ // input parameters
+ @Input() idType:number = -1;
+
+ public name: string = 'rr';
+ public description: string = 'sdqdfqsd';
+
+ public imageSource:string; // TODO: remove this ...
+ public error:string;
+ public countvideo:number;
+ public countserie:number;
+
+ public covers: string[];
+
+ constructor(private typeService: TypeService) {
+
+ }
+ ngOnInit() {
+ let self = this;
+ //console.log(`get parameter id: ${ this.idType}`);
+ this.typeService.get(this.idType)
+ .then((response: NodeData) => {
+ //console.log("Get element ! " + JSON.stringify(response));
+ self.error = '';
+ self.name = response.name;
+ self.description = response.description;
+ if(!isArrayOf(response.covers, isNumberFinite) || response.covers.length === 0) {
+ self.covers = undefined;
+ } else {
+ self.covers = [];
+ for(let iii = 0; iii < response.covers.length; iii++) {
+ self.covers.push(self.typeService.getCoverThumbnailUrl(response.covers[iii]));
+ }
+ }
+ }).catch((response) => {
+ self.error = 'Can not get the data';
+ self.name = undefined;
+ self.description = undefined;
+ self.imageSource = undefined;
+ self.covers = [];
+ });
+ this.typeService.countVideo(this.idType)
+ .then((response: number) => {
+ self.countvideo = response;
+ }).catch((response) => {
+ self.countvideo = 0;
+ });
+ }
+}
diff --git a/front/src/app/component/element-video/element-video.html b/front/src/app/component/element-video/element-video.html
new file mode 100644
index 0000000..f4b01de
--- /dev/null
+++ b/front/src/app/component/element-video/element-video.html
@@ -0,0 +1,19 @@
+
+
+ {{countvideo}}
+
+
+
+
+
+ 
+
+
+ {{name}}
+
+
+ {{description}}
+
+
+
\ No newline at end of file
diff --git a/front/src/app/component/element-video/element-video.less b/front/src/app/component/element-video/element-video.less
new file mode 100644
index 0000000..a7023b1
--- /dev/null
+++ b/front/src/app/component/element-video/element-video.less
@@ -0,0 +1,38 @@
+
+.videoImgContainer {
+ text-align: center;
+ width: 200px;
+ margin: 0 auto;
+ height: 250px;
+ img {
+ //width: 100%;
+ max-height: 250px;
+ max-width: 200px;
+ }
+ .noImage {
+ height: 243px;
+ width: 193px;
+ border: solid 3px;
+ border-color: rgba(0, 0, 0, 0.7);
+ margin: auto;
+ }
+}
+
+.title-small {
+ height: 40px;
+ width: 200px;
+ font-size: 17px;
+ overflow:hidden;
+ display:inline-block;
+ text-align: center;
+ padding:auto;
+ background: rgba(256, 256, 256, 0.3);
+ border-radius: 7px;
+}
+
+.description-small {
+ height: 30px;
+ font-size: 12px;
+ overflow:hidden;
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/front/src/app/component/element-video/element-video.ts b/front/src/app/component/element-video/element-video.ts
new file mode 100644
index 0000000..7eed8bf
--- /dev/null
+++ b/front/src/app/component/element-video/element-video.ts
@@ -0,0 +1,106 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Injectable, Component, OnInit, Input } from '@angular/core';
+
+import { VideoService } from '../../service/video';
+import { HttpWrapperService } from '../../service/http-wrapper';
+
+@Component({
+ selector: 'app-element-video',
+ templateUrl: './element-video.html',
+ styleUrls: [ './element-video.less' ]
+})
+
+@Injectable()
+export class ElementVideoComponent implements OnInit {
+ // input parameters
+ @Input() idVideo:number = -1;
+ @Input() displayVideo:boolean = false;
+
+ error:string = '';
+
+ name:string = '';
+ description:string = '';
+ episode:number = undefined;
+ seriesId:number = undefined;
+ seasonId:number = undefined;
+ dataId:number = -1;
+ time:number = undefined;
+ typeId:number = undefined;
+ generatedName:string = '';
+ videoSource:string = '';
+ videoEnable:boolean = false;
+ imageSource:string = null;
+ episodeDisplay:string = '';
+
+ cover:string = '';
+ covers:string[] = [];
+
+ constructor(private videoService: VideoService,
+ private httpService: HttpWrapperService) {
+
+ }
+ OnDestroy() {
+ this.videoSource = '';
+ this.videoEnable = false;
+ }
+ ngOnInit() {
+ this.name = `ll ${ this.idVideo}`;
+ let self = this;
+ // console.log("get video id: " + this.idVideo);
+ this.videoService.get(this.idVideo)
+ .then((response) => {
+ // console.log("get response of video : " + JSON.stringify(response, null, 2));
+ self.error = '';
+ self.name = response.name;
+ self.description = response.description;
+ self.episode = response.episode;
+ if(response.episode === undefined || response.episode === null || response.episode === '') {
+ self.episodeDisplay = '';
+ } else {
+ self.episodeDisplay = `${response.episode } - `;
+ }
+ self.seriesId = response.seriesId;
+ self.seasonId = response.seasonId;
+ self.dataId = response.dataId;
+ self.time = response.time;
+ self.generatedName = response.generatedName;
+ if(self.dataId !== -1) {
+ self.videoSource = self.httpService.createRESTCall(`data/${ self.dataId}`);
+ self.videoEnable = true;
+ } else {
+ self.videoSource = '';
+ self.videoEnable = false;
+ }
+ if(response.covers === undefined || response.covers === null || response.covers.length === 0) {
+ self.cover = null;
+ // self.covers = [];
+ } else {
+ self.cover = self.videoService.getCoverThumbnailUrl(response.covers[0]);
+ for(let iii = 0; iii < response.covers.length; iii++) {
+ self.covers.push(self.videoService.getCoverThumbnailUrl(response.covers[iii]));
+ }
+ }
+ // console.log("101010 " + self.videoEnable + " " + self.videoSource);
+ // console.log("set transformed : " + JSON.stringify(self, null, 2));
+ }).catch((response) => {
+ self.error = 'Can not get the data';
+ self.name = '';
+ self.description = '';
+ self.episode = undefined;
+ self.episodeDisplay = '';
+ self.seriesId = undefined;
+ self.seasonId = undefined;
+ self.dataId = -1;
+ self.time = undefined;
+ self.generatedName = '';
+ self.videoSource = '';
+ self.videoEnable = false;
+ self.cover = null;
+ self.covers = [];
+ });
+ }
+}
diff --git a/front/src/app/component/popin/popin.html b/front/src/app/component/popin/popin.html
new file mode 100644
index 0000000..90b8caa
--- /dev/null
+++ b/front/src/app/component/popin/popin.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+ {{episodeDisplay}} {{name}}
+
+
+
+
\ No newline at end of file
diff --git a/front/src/app/component/popin/popin.less b/front/src/app/component/popin/popin.less
new file mode 100644
index 0000000..3af2a83
--- /dev/null
+++ b/front/src/app/component/popin/popin.less
@@ -0,0 +1,87 @@
+/* popin STYLES
+-------------------------------*/
+
+/* popins are hidden by default */
+.popin {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 800;
+ .small {
+ top: 15%;
+ right: 35%;
+ bottom: 15%;
+ left: 35%;
+ }
+ .medium {
+ top: 15%;
+ right: 25%;
+ bottom: 15%;
+ left: 25%;
+ }
+ .big {
+ top: 15%;
+ right: 15%;
+ bottom: 15%;
+ left: 15%;
+ }
+ .element {
+ /* popin container fixed across whole screen */
+ position: fixed;
+ display: block;
+ /* z-index must be higher than .popin-background */
+ z-index: 1000;
+ /* enables scrolling for tall popins */
+ overflow: auto;
+
+ .header {
+ padding: 10px;
+ //display: block;
+ background: #88f;
+ //margin: 40px;
+ //margin: auto;
+ height: 40px;
+ line-height: 36px;
+ .close {
+ display: block;
+ float: right;
+ }
+ }
+
+ .body {
+ //display: block;
+ padding: 20px;
+ background: #fff;
+ /* margin exposes part of the popin background */
+ //margin: 40px;
+ //margin: auto;
+ }
+ .footer {
+ padding: 10px;
+ //display: block;
+ background: #888;
+ //margin: 40px;
+ //margin: auto;
+ height: 40px;
+ line-height: 36px;
+ .action {
+ padding: 0 10px;
+ display: block;
+ float: right;
+ }
+ }
+ }
+ // Pop in mush have a background over all the windows ...
+ .background {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #000;
+ opacity: 0.85;
+ z-index: 900;
+ }
+}
diff --git a/front/src/app/component/popin/popin.ts b/front/src/app/component/popin/popin.ts
new file mode 100644
index 0000000..c77a889
--- /dev/null
+++ b/front/src/app/component/popin/popin.ts
@@ -0,0 +1,81 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2020, Edouard DUPIN, all right reserved
+ * @license MPL-2 (see license file)
+ */
+
+import { Component, Input, Output, OnInit, OnDestroy, EventEmitter } from '@angular/core';
+
+import { PopInService } from '../../service';
+
+@Component({
+ // moduleId: module.id.toString(),
+ selector: 'app-popin',
+ templateUrl: './popin.html',
+ styleUrls: [ './popin.less' ]
+})
+
+export class PopInComponent implements OnInit, OnDestroy {
+ @Input() id: string;
+ @Input() popTitle: string = 'No title';
+ @Input() closeTopRight: any = 'false';
+ @Input() popSize: string = 'medium';
+
+ @Output() callback: EventEmitter
+
+
+
+
+
+
+
+
+
+
+
+