first commit
This commit is contained in:
1
modules/profilepinprompt/profilepinprompt.css
Normal file
1
modules/profilepinprompt/profilepinprompt.css
Normal file
@@ -0,0 +1 @@
|
||||
@media all and (orientation:landscape){@media not all and (min-height:36em){.profilePinDialogHeader{z-index:1}.profilePinScroller-autoabsolute{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:2em}}}.profilePinDialogContentInner{text-align:center;padding-top:0;box-sizing:border-box}.profilePinPromptInputContainer{overflow:hidden;-webkit-flex-wrap:nowrap!important;flex-wrap:nowrap!important;margin:0;-webkit-justify-content:center;justify-content:center;padding:.25em;margin:-.25em}.profilePinPromptInputContainer-invalid{-webkit-animation:profilePinPromptInputContainer-shake .82s ease-out both;animation:profilePinPromptInputContainer-shake .82s ease-out both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.profilePinPromptInputContainer .inputLabel{display:none!important}.txtProfilePinInput{font-size:5vh;width:25%;border-radius:.1em;padding:.5em 0;box-sizing:border-box;text-align:center;max-width:3em}@-webkit-keyframes profilePinPromptInputContainer-shake{10%,90%{-webkit-transform:translate3d(-1.25%,0,0);transform:translate3d(-1.25%,0,0)}20%,80%{-webkit-transform:translate3d(2.5%,0,0);transform:translate3d(2.5%,0,0)}30%,50%,70%{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0)}40%,60%{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0)}}@keyframes profilePinPromptInputContainer-shake{10%,90%{-webkit-transform:translate3d(-1.25%,0,0);transform:translate3d(-1.25%,0,0)}20%,80%{-webkit-transform:translate3d(2.5%,0,0);transform:translate3d(2.5%,0,0)}30%,50%,70%{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0)}40%,60%{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0)}}.profilePinHeaderUserContainer{margin:0 auto 1em}.profilePinImageContainer{width:3em;max-width:initial;margin:0;-webkit-margin-end:.75em;margin-inline-end:.75em}.profilePinImageCard{width:100%!important}.profilePinImageCardBox{margin:0!important}
|
||||
1
modules/profilepinprompt/profilepinprompt.js
Normal file
1
modules/profilepinprompt/profilepinprompt.js
Normal file
File diff suppressed because one or more lines are too long
36
modules/profilepinprompt/profilepinprompt.template.html
Normal file
36
modules/profilepinprompt/profilepinprompt.template.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<div class="formDialogHeader formDialogHeader-clear profilePinDialogHeader">
|
||||
<button type="button" is="emby-dialogclosebutton"></button>
|
||||
<h3 class="formDialogHeaderTitle"></h3>
|
||||
</div>
|
||||
|
||||
<div is="emby-scroller" data-horizontal="false" data-focusscroll="true" class="formDialogContent profilePinScroller">
|
||||
<div class="scrollSlider">
|
||||
<form class="dialogContentInner profilePinDialogContentInner dialog-content-centered padded-left padded-right">
|
||||
|
||||
<div class="flex align-items-center justify-content-center profilePinHeaderUserContainer" style="margin-bottom:1em;">
|
||||
<div is="emby-itemscontainer" class="profilePinImageContainer flex flex-direction-column justify-content-center">
|
||||
</div>
|
||||
<h3 class="username secondaryText" style="margin:0;"></h3>
|
||||
</div>
|
||||
<h2 class="secondaryText" style="margin-top: 0; font-weight: inherit;">${ProfilePinIsOn}</h2>
|
||||
<h1 class="mainHeader">${EnterYourPinToContinue}</h1>
|
||||
<h1 class="invalidHeader hide errorColor">${WrongPinPleaseTryAgain}</h1>
|
||||
|
||||
<div class="inputContainer flex flex-direction-row profilePinPromptInputContainer buttonItems focuscontainer-x">
|
||||
<input is="emby-input" type="number" class="txtProfilePinInput buttonItems-item emby-input-text-security emby-input-hide-spin-button" label="" required="required" min="0" max="9" size="1" step="1" autocomplete="off" inputmode="numeric" />
|
||||
<input is="emby-input" type="number" class="txtProfilePinInput buttonItems-item emby-input-text-security emby-input-hide-spin-button" label="" required="required" min="0" max="9" size="1" step="1" autocomplete="off" inputmode="numeric" />
|
||||
<input is="emby-input" type="number" class="txtProfilePinInput buttonItems-item emby-input-text-security emby-input-hide-spin-button" label="" required="required" min="0" max="9" size="1" step="1" autocomplete="off" inputmode="numeric" />
|
||||
<input is="emby-input" type="number" class="txtProfilePinInput buttonItems-item emby-input-text-security emby-input-hide-spin-button" label="" required="required" min="0" max="9" size="1" step="1" autocomplete="off" inputmode="numeric" />
|
||||
</div>
|
||||
|
||||
<h2 class="pinMustBe warningColor" style="font-weight:500;"></h2>
|
||||
|
||||
<div class="alphaPicker align-items-center hide pinPromptKeypad" style="margin: 1em 0;font-size:120%;"></div>
|
||||
|
||||
<div class="flex flex-direction-row justify-content-center fieldItems">
|
||||
<h3 class="secondaryText"><a href="#" is="emby-linkbutton" class="button-link button-link-color-inherit btnCloseWithResult fieldItems-item" data-result="forgotpin">${ForgotPin}</a></h3>
|
||||
<h3 class="secondaryText"><a href="#" is="emby-linkbutton" class="button-link button-link-color-inherit btnCloseWithResult fieldItems-item" data-result="changeuser">${HeaderChangeUser}</a></h3>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user