D-Net

import {Component, Input,Output, EventEmitter} from '@angular/core';

@Component({

    selector: 'claim-selected-contexts',

    template: `

        <div   [class]="componentClass" >

        <!-- Contexts -->

          <!--div   *ngIf=" !(inline  && hideType == 'context') && contexts"  class="concepts" -->

          <div>

          <ul class="list-group">

            <li class="list-group-item list-group-item-success">Selected Concepts  ({{(contexts.length)}})

               <span *ngIf=" !inline"  title="Add More Concepts" (click)="showType('context')" aria-hidden="true" class="glyphicon glyphicon-plus "  style="float:right;cursor: pointer;"></span>

            </li>

            <li class="list-group-item" *ngFor="let context of contexts" >

              <span >{{context.community }} > {{context.category}} > {{context.concept.label}} </span>

              <span (click)="removeContext(context)" aria-hidden="true" class="btn glyphicon glyphicon-remove"></span>

            </li>

            <li  *ngIf="contexts.length == 0 " class="list-group-item">There are no contexts</li>

          </ul>

          </div>

        </div>

       `

})

export class ClaimSelectedContextsComponent {

   ngOnInit() {

     var myDate = new Date();

     this.todayDate=( myDate.getFullYear()+ "-" +myDate.getMonth() + 1) + "-" + myDate.getDate() ;

     this.nextDate= ( (myDate.getFullYear()+100)+ "-" +myDate.getMonth() + 1) + "-" + myDate.getDate() ;

     //2015-05-01

}

  @Input() contexts;

  @Input() componentClass:string = ""; //"" or "col-sm-6" for horizontal display (besides projects)

  @Input() show='home';

  @Input() inline:boolean = false;

  @Input() hideType;

  @Input() bulkMode:boolean = false;

  @Output() showChange = new EventEmitter();

  todayDate = '';

  nextDate = '';

  showType(type){

     if(type != this.show){

       this.show = type;

       this.showChange.emit({

         value: this.show

       });

     }

    }

  removeContext(item:any){

    var index:number =this.contexts.indexOf(item);

     if (index > -1) {

        this.contexts.splice(index, 1);

    }

  }

}