bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-17 16:53:34 +00:00
Code Issues Releases Wiki Activity

patched date & time inputs on safari

Browse Source
This commit is contained in:
addison
2021-03-08 14:58:10 -05:00
parent d580912e17
commit 0752a3a925
7 changed files with 65 additions and 17789 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/popup/polyfills.ts Normal file
View File

@@ -0,0 +1,3 @@
/* tslint:disable */
require('date-input-polyfill');
/* tslint:enable */

6
src/popup/scss/plugins.scss
View File

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

10
src/popup/send/send-add-edit.component.html
View File

@@ -125,9 +125,12 @@
<input id="deletionDateCustomFallback" type="date"
name="DeletionDateFallback" [(ngModel)]="deletionDateFallback" required
placeholder="MM/DD/YYYY" [readOnly]="disableSend">
<input id="deletionTimeCustomFallback" type="time"
<input *ngIf="!isSafari" id="deletionTimeCustomFallback" type="time"
name="DeletionTimeDate" [(ngModel)]="deletionTimeFallback" required
placeholder="HH:MM AM/PM" [readOnly]="disableSend">
<select *ngIf="isSafari" id="deletionTimeCustomFallback" [(ngModel)]="safariDeletionTime" name="SafariDeletionTime">
<option *ngFor="let o of safariTimeOptions('deletion')" [value]="o.military">{{o.standard}}</option>
</select>
</div>
</ng-template>
<div class="box-content-row" *ngIf="!editMode">
@@ -166,9 +169,12 @@
<input id="expirationDateCustomFallback" type="date"
name="ExpirationDateFallback" [(ngModel)]="expirationDateFallback" [required]="!editMode"
placeholder="MM/DD/YYYY" [readOnly]="disableSend">
<input id="expirationTimeCustomFallback" type="time"
<input *ngIf="!isSafari" id="expirationTimeCustomFallback" type="time"
name="ExpirationTimeFallback" [(ngModel)]="expirationTimeFallback" [required]="!editMode"
placeholder="HH:MM AM/PM" [readOnly]="disableSend">
<select *ngIf="isSafari" id="expirationTimeCustomFallback" [(ngModel)]="safariExpirationTime" name="SafariExpirationTime">
<option *ngFor="let o of safariTimeOptions('deletion')" [value]="o.military">{{o.standard}}</option>
</select>
</div>
</ng-template>
<div class="box-content-row" *ngIf="!editMode">

3
src/popup/send/send-add-edit.component.ts
View File

@@ -21,6 +21,7 @@ import { UserService } from 'jslib/abstractions/user.service';
import { PopupUtilsService } from '../services/popup-utils.service';
import { AddEditComponent as BaseAddEditComponent } from 'jslib/angular/components/send/add-edit.component';
// require('date-input-polyfill');
@Component({
selector: 'app-send-add-edit',
@@ -31,7 +32,6 @@ export class SendAddEditComponent extends BaseAddEditComponent {
showOptions = false;
// File visibility
isFirefox = false;
isSafari = false;
inPopout = false;
inSidebar = false;
@@ -69,7 +69,6 @@ export class SendAddEditComponent extends BaseAddEditComponent {
async ngOnInit() {
// File visilibity
this.isFirefox = this.platformUtilsService.isFirefox();
this.isSafari = this.platformUtilsService.isSafari();
this.inPopout = this.popupUtilsService.inPopout(window);
this.inSidebar = this.popupUtilsService.inSidebar(window);