You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
RTL/src/app/shared/components/signin/signin.component.html

24 lines
6.1 KiB
HTML

<div fxLayout="row" class="padding-gap page-title">
<svg class="page-title-img mr-2" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"><g> <g> <path d="M509.073,138.038L469.58,98.546l35.254-35.254c3.905-3.905,3.905-10.237,0-14.143L460.668,4.986 c-1.876-1.875-4.419-2.929-7.071-2.929c-2.652,0-5.195,1.054-7.071,2.929L304.473,147.039c-3.905,3.905-3.905,10.237,0,14.143 c3.906,3.904,10.236,3.904,14.143,0l134.98-134.981l30.023,30.022l-35.254,35.254c-3.905,3.905-3.905,10.237,0,14.143 l39.493,39.492l-14.25,14.25l-20.845-20.844c-3.906-3.904-10.236-3.904-14.143,0l-28.392,28.392 c-3.905,3.905-3.905,10.237,0,14.143l20.844,20.844l-14.249,14.249l-39.492-39.492c-3.906-3.904-10.236-3.904-14.143,0 L256.553,283.289c-3.287,3.288-3.875,8.407-1.419,12.354c31.373,50.416,23.915,114.996-18.138,157.048 c-24.679,24.68-57.491,37.913-92.399,37.229c-34.887-0.672-67.191-15.183-90.963-40.859c-45.827-49.5-44.935-126.26,2.032-174.752 c41.409-42.758,108.071-51.011,158.51-19.623c3.944,2.455,9.065,1.869,12.354-1.419l38.549-38.549 c3.905-3.905,3.905-10.237,0-14.143c-3.906-3.904-10.236-3.904-14.143,0l-33.096,33.096 c-26.608-14.579-57.503-20.641-87.879-17.108c-33.583,3.906-65.07,19.473-88.663,43.832 c-26.18,27.031-40.843,62.783-41.288,100.67c-0.443,37.898,13.388,73.975,38.948,101.583 c27.5,29.704,64.879,46.491,105.254,47.269c0.98,0.019,1.954,0.028,2.933,0.028c39.293-0.002,76.128-15.245,103.994-43.111 c23.636-23.636,38.638-54.918,42.242-88.085c3.261-29.995-2.844-60.502-17.233-86.771l94.113-94.112l39.492,39.492 c3.906,3.904,10.236,3.904,14.143,0l28.392-28.392c3.905-3.905,3.905-10.237,0-14.143l-20.844-20.844l14.249-14.25l20.845,20.845 c3.906,3.904,10.236,3.904,14.143,0l28.392-28.393C512.978,148.276,512.978,141.944,509.073,138.038z"/> </g></g><g> <g> <path d="M292.578,173.076c-3.906-3.904-10.236-3.904-14.143,0l-0.312,0.313c-3.905,3.905-3.905,10.237,0,14.143 c1.953,1.952,4.512,2.929,7.071,2.929s5.118-0.977,7.071-2.929l0.313-0.313C296.483,183.314,296.483,176.982,292.578,173.076z"/> </g></g><g> <g> <path d="M199.422,402.51l0.694-0.694c0,0,0,0,0-0.001c14.62-14.621,14.62-38.411,0-53.033 c-7.672-7.672-17.87-11.312-27.942-10.932c0.018-0.48,0.035-0.959,0.035-1.442c-0.001-10.017-3.901-19.434-10.984-26.517 c-7.083-7.082-16.5-10.983-26.517-10.983c-10.017,0-19.434,3.901-26.517,10.983l-0.694,0.694l-4.71-4.71 c-3.906-3.904-10.236-3.904-14.143,0c-3.905,3.905-3.905,10.237,0,14.143l4.711,4.71l-19.563,19.563 c-3.905,3.905-3.905,10.237,0,14.143c1.953,1.952,4.512,2.929,7.071,2.929c2.559,0,5.118-0.977,7.071-2.929l1.021-1.021 l63.64,63.64l-1.145,1.145c-3.905,3.905-3.905,10.237,0,14.143c1.953,1.952,4.512,2.929,7.071,2.929s5.118-0.977,7.071-2.929 l19.688-19.688l4.583,4.583c1.953,1.952,4.512,2.929,7.071,2.929s5.118-0.977,7.071-2.929c3.905-3.905,3.905-10.237,0-14.143 L199.422,402.51z M103.097,343.271l19.237-19.237c6.823-6.824,17.927-6.824,24.75,0c3.306,3.305,5.126,7.699,5.126,12.374 s-1.82,9.069-5.126,12.374l-19.238,19.238L103.097,343.271z M185.974,387.675v-0.001l-7.755,7.755 c-0.003,0.003-0.007,0.006-0.01,0.009s-0.006,0.007-0.009,0.01l-11.462,11.463l-24.749-24.749l19.238-19.238 c6.822-6.823,17.924-6.821,24.747,0C192.797,369.748,192.797,380.851,185.974,387.675z"/> </g></g><g> <g> <path d="M224.905,284.976c-42.888-42.888-112.674-42.89-155.563,0c-42.889,42.89-42.889,112.675,0,155.564 c21.444,21.444,49.613,32.166,77.781,32.166c28.169,0,56.338-10.722,77.782-32.166 C267.794,397.65,267.794,327.865,224.905,284.976z M210.763,426.397c-35.091,35.093-92.189,35.091-127.278,0 c-35.092-35.091-35.092-92.188,0-127.279c17.545-17.546,40.592-26.318,63.64-26.318c23.046,0,46.093,8.772,63.638,26.318 C245.855,334.209,245.855,391.306,210.763,426.397z"/> </g></g><g> <g> <path d="M235.001,54.001h-225c-5.522,0-10,4.478-10,10s4.477,10,10,10h225c5.522,0,10-4.478,10-10 C245.001,58.479,240.523,54.001,235.001,54.001z"/> </g></g><g> <g> <path d="M269.001,102.001h-141c-5.523,0-10,4.477-10,10c0,5.522,4.478,10,10,10h141c5.522,0,10-4.478,10-10 C279.001,106.479,274.523,102.001,269.001,102.001z"/> </g></g><g> <g> <path d="M140.001,150.001h-76c-5.522,0-10,4.478-10,10c0,5.522,4.478,10,10,10h76c5.522,0,10-4.478,10-10 C150.001,154.479,145.523,150.001,140.001,150.001z"/> </g></g><g> <g> <path d="M502.001,438.001H356.334c-5.522,0-10,4.478-10,10c0,5.522,4.478,10,10,10h145.667c5.522,0,10-4.478,10-10 C512.001,442.479,507.523,438.001,502.001,438.001z"/> </g></g><g> <g> <path d="M320.46,440.929c-1.86-1.861-4.44-2.93-7.07-2.93s-5.21,1.069-7.07,2.93c-1.859,1.86-2.93,4.44-2.93,7.07 s1.07,5.21,2.93,7.069c1.86,1.87,4.44,2.931,7.07,2.931s5.21-1.061,7.07-2.931c1.859-1.859,2.93-4.439,2.93-7.069 S322.32,442.789,320.46,440.929z"/> </g></g><g> <g> <path d="M502.001,390.001h-58c-5.522,0-10,4.478-10,10c0,5.522,4.478,10,10,10h58c5.522,0,10-4.478,10-10 C512.001,394.479,507.523,390.001,502.001,390.001z"/> </g></g><g> <g> <path d="M422.001,342.001h-76c-5.522,0-10,4.478-10,10c0,5.522,4.478,10,10,10h76c5.522,0,10-4.478,10-10 C432.001,346.479,427.523,342.001,422.001,342.001z"/> </g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
<span>Signin to RTL</span>
</div>
<div fxLayout="column">
<div class="padding-gap">
<mat-card>
<mat-card-content>
<form (ngSubmit)="onSignin()" #signinForm="ngForm" fxLayoutAlign="start center">
<mat-form-field fxFlex="50" fxLayoutAlign="start">
<input matInput placeholder="Password" type="password" id="password" name="password" [(ngModel)]="password"
tabindex="1" required>
<mat-hint>{{hintStr}}</mat-hint>
</mat-form-field>
<button fxFlex="10" class="mr-2" fxLayoutAlign="center center" mat-raised-button color="primary" tabindex="2"
type="submit" [disabled]="!password">Login</button>
<button fxFlex="10" fxLayoutAlign="center center" mat-raised-button color="accent" tabindex="3" type="reset"
(click)="resetData()">Clear</button>
</form>
</mat-card-content>
</mat-card>
</div>
</div>