catalog-ui/src/app/view-models/preloading/preloading-view.ts

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * SDC
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 'use strict';
  22
  23 interface IPreLoadingViewScope {
  24     startZoomIn:boolean;
  25 }
  26
  27 export class PreLoadingViewModel {
  28
  29     static '$inject' = ['$scope'];
  30
  31     constructor(private $scope:IPreLoadingViewScope) {
  32         this.init($scope);
  33     }
  34
  35     private init = ($scope:IPreLoadingViewScope):void => {
  36         this.animate($('.caption1'), 'fadeInUp', 400);
  37         this.animate($('.caption2'), 'fadeInUp', 800);
  38     };
  39
  40     private animate = (element:any, animation:string, when:number):void => {
  41         window.setTimeout(()=> {
  42             element.addClass("animated " + animation);
  43             element[0].style = "visibility: visible;";
  44         }, when);
  45     };
  46
  47 }