vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

Safari date time fix (#877) 

* date/time fixes for safari

* cleanup

* updated jslib

* whitespace
This commit is contained in:
Addison Beck 2021-03-08 16:10:16 -05:00 committed by GitHub
parent ec3154ea46
commit bdf6dcd8cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 67 additions and 17332 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
jslib

@ -1 +1 @@
Subproject commit b7acbcf3a7766eb0a52f21fe90505a69b4c19444 Subproject commit 125de0dd4704909f036dbad374a4cd71719de09e

17367
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
src/app/polyfills.ts
View File

@ -19,4 +19,5 @@ if (process.env.ENV === 'production') {
// Other polyfills // Other polyfills
require('whatwg-fetch'); require('whatwg-fetch');
require('webcrypto-shim'); require('webcrypto-shim');
require('date-input-polyfill');
/* tslint:enable */ /* tslint:enable */

19
src/app/send/add-edit.component.html
View File

@ -98,8 +98,12 @@
<div *ngIf="!isDateTimeLocalSupported" class="d-flex justify-content-around"> <div *ngIf="!isDateTimeLocalSupported" class="d-flex justify-content-around">
<input id="deletionDateCustomFallback" class="form-control mt-1" type="date" <input id="deletionDateCustomFallback" class="form-control mt-1" type="date"
name="DeletionDateFallback" [(ngModel)]="deletionDateFallback" required name="DeletionDateFallback" [(ngModel)]="deletionDateFallback" required
placeholder="MM/DD/YYYY" [readOnly]="disableSend"> placeholder="MM/DD/YYYY" [readOnly]="disableSend" data-date-format="mm/dd/yyyy">
<input id="deletionTimeCustomFallback" class="form-control mt-1 ml-1" type="time" <select *ngIf="isSafari" id="deletionTimeCustomFallback" class="form-control mt-1 ml-1" [required]="!editMode"
[(ngModel)]="safariDeletionTime" name="SafariDeletionTime">
<option *ngFor="let o of safariDeletionTimeOptions" [value]="o.military">{{o.standard}}</option>
</select>
<input *ngIf="!isSafari" id="deletionTimeCustomFallback" class="form-control mt-1 ml-1" type="time"
name="DeletionTimeDate" [(ngModel)]="deletionTimeFallback" required name="DeletionTimeDate" [(ngModel)]="deletionTimeFallback" required
placeholder="HH:MM AM/PM" [readOnly]="disableSend"> placeholder="HH:MM AM/PM" [readOnly]="disableSend">
</div> </div>
@ -132,14 +136,17 @@
<ng-template #expirationDateCustom> <ng-template #expirationDateCustom>
<ng-container *ngIf="isDateTimeLocalSupported"> <ng-container *ngIf="isDateTimeLocalSupported">
<input id="expirationDateCustom" class="form-control mt-1" type="datetime-local" <input id="expirationDateCustom" class="form-control mt-1" type="datetime-local"
name="ExpirationDate" [(ngModel)]="expirationDate" required name="ExpirationDate" [(ngModel)]="expirationDate" placeholder="MM/DD/YYYY HH:MM AM/PM" [readOnly]="disableSend">
placeholder="MM/DD/YYYY HH:MM AM/PM" [readOnly]="disableSend">
</ng-container> </ng-container>
<div class="d-flex justify-content-around" *ngIf="!isDateTimeLocalSupported"> <div class="d-flex justify-content-around" *ngIf="!isDateTimeLocalSupported">
<input id="expirationDateCustomFallback" class="form-control mt-1" type="date" <input id="expirationDateCustomFallback" class="form-control mt-1" type="date"
name="ExpirationDateFallback" [(ngModel)]="expirationDateFallback" [required]="!editMode" name="ExpirationDateFallback" [(ngModel)]="expirationDateFallback" [required]="!editMode"
placeholder="MM/DD/YYYY" [readOnly]="disableSend"> placeholder="MM/DD/YYYY" [readOnly]="disableSend" data-date-format="mm/dd/yyyy">
<input id="expirationTimeCustomFallback" class="form-control mt-1 ml-1" type="time" <select *ngIf="isSafari" id="expirationTimeCustomFallback" class="form-control mt-1 ml-1" [required]="!editMode"
[(ngModel)]="safariExpirationTime" name="SafariExpirationTime">
<option *ngFor="let o of safariExpirationTimeOptions" [ngValue]="o.military">{{o.standard}}</option>
</select>
<input *ngIf="!isSafari" id="expirationTimeCustomFallback" class="form-control mt-1 ml-1" type="time"
name="ExpirationTimeFallback" [(ngModel)]="expirationTimeFallback" [required]="!editMode" name="ExpirationTimeFallback" [(ngModel)]="expirationTimeFallback" [required]="!editMode"
placeholder="HH:MM AM/PM" [readOnly]="disableSend"> placeholder="HH:MM AM/PM" [readOnly]="disableSend">
</div> </div>

6
src/scss/plugins.scss
View File

@ -163,3 +163,9 @@ $fa-font-path: "~font-awesome/fonts";
} }
} }
} }
date-input-polyfill {
&[data-open="true"] {
z-index: 10000 !important;
}
}