Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 | 93x 93x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x | import { ComponentRender } from '../zd-component/component-render';
import { IComponentRender } from '../zd-component/interfaces';
import { ILogin } from './interfaces';
/**
* Base class for Login component.
*/
export class Login extends ComponentRender implements ILogin {
/**
* Value set int the css property background.
*/
public backgroundStyle = '';
/**
* An area in the bottom of the card to display a link.
*/
public bottomLink: IComponentRender[] = [];
/**
* Set card width.
*/
public cardWidth: string | number = '33%';
/**
* Applies specified color to the control.
* It can be the name of material or css color in hexa.
*/
public color = '';
/**
* Card position orientation.
*/
public layout = 'center';
/**
* Logo displayed in the top of the card.
*/
public logo = '';
/**
* Text displayed under the logo.
*/
public logoMessage = '';
/**
* Image displayed out of the card.
*/
public poweredByImage = '';
/**
* Image displayed in the card.
*/
public poweredByImageCard = '';
/**
* If form is flat
*/
public flatForm = false;
/**
* Buttons displayed in the bottom of the card.
*/
public socialLogin: IComponentRender[] = [];
/* istanbul ignore next */
constructor(props: ILogin) {
super(props);
this.backgroundStyle = this.getInitValue('backgroundStyle', props.backgroundStyle, this.backgroundStyle);
this.bottomLink = props.bottomLink || this.bottomLink;
this.cardWidth = this.getInitValue('cardWidth', props.cardWidth, this.cardWidth);
this.color = this.getInitValue('color', props.color, this.color);
this.layout = this.getInitValue('layout', props.layout, this.layout);
this.logo = this.getInitValue('logo', props.logo, this.logo);
this.logoMessage = this.getInitValue('logoMessage', props.logoMessage, this.logoMessage);
this.poweredByImage = this.getInitValue('poweredByImage', props.poweredByImage, this.poweredByImage);
this.poweredByImageCard = this.getInitValue(
'poweredByImageCard',
props.poweredByImageCard,
this.poweredByImageCard,
);
this.flatForm = this.getInitValue('flatForm', props.flatForm, this.flatForm);
this.socialLogin = props.socialLogin || this.socialLogin;
this.createAccessors();
}
}
|