catalog-ui/src/app/directives/info-tooltip/info-tooltip.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 /**
  22  * Created by rcohen on 9/25/2016.
  23  */
  24 'use strict';
  25
  26 export interface IInfoTooltipScope extends ng.IScope {
  27     infoMessageTranslate:string;
  28     direction:string;
  29 }
  30
  31
  32 export class InfoTooltipDirective implements ng.IDirective {
  33
  34     constructor() {
  35     }
  36
  37     scope = {
  38         infoMessageTranslate: '@',
  39         direction: '@'//get 'right' or 'left', the default is 'right'
  40     };
  41
  42     restrict = 'E';
  43     replace = true;
  44     template = ():string => {
  45         return require('./info-tooltip.html');
  46     };
  47
  48     link = (scope:IInfoTooltipScope, element:any, $attr:any) => {
  49         scope.direction = scope.direction || 'right';
  50     };
  51
  52     public static factory = ()=> {
  53         return new InfoTooltipDirective();
  54     };
  55 }
  56
  57 InfoTooltipDirective.factory.$inject = [];