diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 24 |
1 files changed, 10 insertions, 14 deletions
@@ -196,7 +196,7 @@ <div id="pinOrAuthBtns" class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-secondary active"> <input type="radio" name="pinOrAuth" value="showPinControls" id="showPinControls" autocomplete="off" - checked> PIN Authentication + checked> Plex Login </label> <label class="btn btn-secondary"> <input type="radio" name="pinOrAuth" value="showUrlControls" id="showUrlControls" autocomplete="off"> @@ -216,19 +216,16 @@ </button> </div> <!-- / WARNING BOX --> - <!-- PIN AUTHENTICATION --> - <div id="pin-auth-over-container" class="mt-4"> - <div id="new-pin-container"> - <p>Please go to <a href="https://www.plex.tv/pin" target="_blank">https://www.plex.tv/pin</a> and enter the following PIN:</p> - <div class="d-inline-flex flex-row align-items-center"> - <h1 id="pin-code-holder"></h1> - <div class="spinner-border spinner-border-sm text-warning ml-2" role="status" aria-hidden="true"></div> - </div> + <!-- PLEX AUTHENTICATION --> + <div id="pin-auth-over-container" class="row mt-4"> + <div id="new-pin-container" class="col pl-5 pr-5"> + <button id="loginWithPlexBtn" type="button" class="btn btn-secondary btn-lg btn-block" onclick="authenticateWithPlex()">Login with Plex</button> + <div id="waitOnPinAuth" class="spinner-border spinner-border-lg text-warning" role="status" aria-hidden="true"></div> </div> <div id="authed-pin-container"> - <p>You are authenticated via PIN. + <p>You are logged in as: <strong id="loggedInAs"></strong> <small id="forgetPinDetails"> - <a href="javascript:void(0)" onclick="forgetPinDetails()">Click here to logout.</a> + <a href="javascript:void(0)" class="ml-2" onclick="forgetPinDetails()">Click here to logout.</a> <i id="confirmForgetPin" class="fas fa-check" style="color: #28a745; font-size: 1.5em"></i> </small> </p> @@ -244,7 +241,7 @@ </div> </div> - <!-- / PIN AUTHENTICATION --> + <!-- / PLEX AUTHENTICATION --> <!-- URL / TOKEN AUTHENTICATION --> <div id="url-auth-over-container" class="mt-4"> <div class="form-group"> @@ -320,7 +317,6 @@ <div class="row mt-4"> <div class="col"> <h3>Plex Libraries</h3> - <small>Choose <strong>only</strong> episodic content (TV Shows, Anime, etc). This does not work for Movies.</small> <div class="table-responsive"> <table id="libraryTable" class="table table-hover mt-3"> <thead> @@ -489,7 +485,7 @@ <!-- MOVIE NAME --> <div id="movieNamePlaceholder" class="row mt-4"> <div class="col"> - <h2>Baby Driver</h2> + <h2></h2> </div> </div> <!-- / MOVIE NAME --> |