commit 6bde64240967800a6a3a460a983727203d5d6edf · dunkirk.sh/thistle

src/components/auth.ts

···

       273
       273
        
       		}

     

       274
       274
        
       	}

     

       275
       275
        
       

     

       276
       276
       +
       	public isAuthenticated(): boolean {

     

       277
       277
       +
       		return this.user !== null;

     

       278
       278
       +
       	}

     

       279
       279
       +
       

     

       280
       280
       +
       	public openAuthModal() {

     

       281
       281
       +
       		this.openModal();

     

       282
       282
       +
       	}

     

       283
       283
       +
       

     

       276
       284
        
       	private openModal() {

     

       277
       285
        
       		this.showModal = true;

     

       278
       286
        
       		this.needsRegistration = false;

+13 -2

src/pages/index.html

···

       99
       99
        
           <p class="hero-subtitle">AI-powered audio transcription made simple</p>

     

       100
       100
        
       

     

       101
       101
        
           <div class="cta-buttons">

     

       102
       102
       -
             <a href="/transcribe" class="btn btn-primary">Start Transcribing</a>

     

       103
       103
       -
             <a href="/settings" class="btn btn-secondary">Settings</a>

     

       102
       102
       +
             <button id="start-btn" class="btn btn-primary">Start Transcribing</button>

     

       104
       103
        
           </div>

     

       105
       104
        
         </main>

     

       106
       105
        
       

     

       107
       106
        
         <script type="module" src="../components/auth.ts"></script>

     

       107
       107
       +
         <script type="module">

     

       108
       108
       +
           document.getElementById('start-btn').addEventListener('click', async () => {

     

       109
       109
       +
             const authComponent = document.querySelector('auth-component');

     

       110
       110
       +
             const isLoggedIn = await authComponent.isAuthenticated();

     

       111
       111
       +
             

     

       112
       112
       +
             if (isLoggedIn) {

     

       113
       113
       +
               window.location.href = '/transcribe';

     

       114
       114
       +
             } else {

     

       115
       115
       +
               authComponent.openAuthModal();

     

       116
       116
       +
             }

     

       117
       117
       +
           });

     

       118
       118
       +
         </script>

     

       108
       119
        
       </body>

     

       109
       120
        
       

     

       110
       121
        
       </html>