Project

General

Profile

« Previous | Next » 

Revision 47131

Added by Argiro Kokogiannaki almost 7 years ago

Use UIKIT3 | changes in css

View differences:

alert.ts
6 6 
@Component({
7 7 
  selector: 'modal-alert',
8 8 
  template: `
9 
  <div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'"   [open]="!isOpen" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
10 
    <div class="uk-modal-dialog" role="">
11 
         <div class="modal-header" [hidden]=!alertHeader>
9 
  <div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'" uk-modal  [open]="!isOpen" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
10 
    <div class="uk-modal-dialog  uk-modal-body" role="">
11 
         <div class="uk-modal-title" [hidden]=!alertHeader>
12 12 
        <a href="" class="uk-modal-close uk-close uk-float-right" (click)='cancel()' ></a>
13 13 
           <h4 class="modal-title text-center" id="myModalLabel">{{alertTitle}}</h4>
14 14 
        </div>
15 
        <div class="uk-margin uk-modal-content">
15 
        <div class="uk-margin  ">
16 16 
          <div [hidden]=!alertMessage>
17 17 
          {{message}}
18 18 
          </div>
19 19 
        </div>
20 
        <div class="uk-modal-footer uk-text-right" [hidden]=!alertFooter>
20 
        <div class="  uk-text-right" [hidden]=!alertFooter>
21 21 
        <span [hidden]=!okButton >
22 
          <button class="uk-button  " (click)="ok()">{{okButtonText}}</button>
22 
          <button class=" uk-button uk-button-default  " (click)="ok()">{{okButtonText}}</button>
23 23 
          </span>
24 24 
          <span [hidden]=!cancelButton>
25 
          <button class="uk-button" (click)="cancel()">{{cancelButtonText}}</button>
25 
          <button class=" uk-button uk-button-default" (click)="cancel()">{{cancelButtonText}}</button>
26 26 
          </span>
27 27 
        </div>
28 28 

  		




  29
  29
  
    
    </div>


  		




  30
  30
  
    
  </div>


  		




  
  31
  
    

  		




  
  32
  
    

  		




  31
  33
  
    
  `,


  		




  32
  34
  
    
  encapsulation: ViewEncapsulation.None,


  		




  33
  35
  
    
})


  		












Also available in:  Unified diff