summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/view-models/welcome
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
committerMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
commited64b5edff15e702493df21aa3230b81593e6133 (patch)
treea4cb01fdaccc34930a8db403a3097c0d1e40914b /catalog-ui/src/app/view-models/welcome
parent280f8015d06af1f41a3ef12e8300801c7a5e0d54 (diff)
[SDC-29] catalog 1707 rebase commit.
Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1 Signed-off-by: Michael Lando <ml636r@att.com>
Diffstat (limited to 'catalog-ui/src/app/view-models/welcome')
-rw-r--r--catalog-ui/src/app/view-models/welcome/welcome-view.html9
-rw-r--r--catalog-ui/src/app/view-models/welcome/welcome-view.ts57
2 files changed, 66 insertions, 0 deletions
diff --git a/catalog-ui/src/app/view-models/welcome/welcome-view.html b/catalog-ui/src/app/view-models/welcome/welcome-view.html
new file mode 100644
index 0000000000..18ca4d51cd
--- /dev/null
+++ b/catalog-ui/src/app/view-models/welcome/welcome-view.html
@@ -0,0 +1,9 @@
+<div class="sdc-welcome-new-page">
+ <div data-ng-click="onCloseButtonClick()" class="sdc-welcome-close"></div>
+ <div class="sdc-welcome-wrapper">
+ <div class="sdc-welcome-cover"></div>
+ <div class="sdc-welcome-main">
+ <h1>Welcome to SDC</h1>
+ </div>
+ </div>
+</div>
diff --git a/catalog-ui/src/app/view-models/welcome/welcome-view.ts b/catalog-ui/src/app/view-models/welcome/welcome-view.ts
new file mode 100644
index 0000000000..154a70c301
--- /dev/null
+++ b/catalog-ui/src/app/view-models/welcome/welcome-view.ts
@@ -0,0 +1,57 @@
+'use strict';
+
+export interface IWelcomeViewMode {
+ onCloseButtonClick():void;
+}
+
+export class WelcomeViewModel {
+
+ firstLoad:boolean = true;
+ alreadyAnimated:Array<number> = [];
+
+ static '$inject' = [
+ '$scope',
+ '$state'
+ ];
+
+ constructor(private $scope:IWelcomeViewMode,
+ private $state:ng.ui.IStateService
+ ) {
+ this.init();
+ this.initScope();
+ window.setTimeout(():void => {
+ this.loadImages(():void=> {
+ window.setTimeout(():void =>{
+ $(".sdc-welcome-new-page").addClass("animated fadeIn");
+ },1000);
+ });
+ },0);
+ }
+
+ private initScope = ():void => {
+ this.$scope.onCloseButtonClick = ():void => {
+ this.$state.go("dashboard", {});
+ };
+ };
+
+ private init = ():void => {
+ let viewModelsHtmlBasePath:string = 'src/app/view-models/';
+ $('body').keyup((e):void=> {
+ if (e.keyCode == 27) { // escape key maps to keycode `27`
+ this.$state.go('dashboard');
+ }
+ });
+ };
+
+ private loadImages = (callback:Function):void => {
+ let src = $('.sdc-welcome-wrapper').css('background-image');
+ let url = src.match(/\((.*?)\)/)[1].replace(/('|")/g,'');
+
+ let img = new Image();
+ img.onload = function() {
+ callback();
+ };
+ img.src = url;
+ };
+
+}