aknuth/vokabeltraining
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

#25 rename image, #24 Paste Image form Clipboard, keep selekted Deck

Browse Source
This commit is contained in:
Your Name
2025-02-02 17:28:20 +01:00
parent 28393570a6
commit 576689a3ed
9 changed files with 220 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/app.component.ts
View File

@@ -9,25 +9,7 @@ import { PopoverService } from './services/popover.service';
@Component({
selector: 'app-root',
template: `
<!-- <div *ngIf="!isLoggedIn" class="min-h-screen flex flex-col items-center justify-center bg-gradient-to-r from-blue-500 to-purple-600 text-white">
<div class="text-center">
<h1 class="text-5xl font-bold mb-4">Master Your Learning</h1>
<p class="text-xl mb-8">Learn smarter, not harder. Start your journey today</p>
<button (click)="loginWithGoogle()" class="bg-white text-blue-600 px-6 py-3 rounded-lg shadow-lg hover:bg-gray-100 transition duration-300 flex items-center justify-center">
<svg class="w-6 h-6 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path
fill="#FFC107"
d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"
/>
<path fill="#FF3D00" d="M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z" />
<path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z" />
<path fill="#1976D2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z" />
</svg>
Login with Google
</button>
</div>
</div> -->
<div *ngIf="!isLoggedIn" class="min-h-screen flex flex-col items-center justify-center" style="background: linear-gradient(to right, rgba(0, 119, 179, 0.95), rgba(255, 255, 255, 0.95));">
<div *ngIf="!isLoggedIn" class="min-h-screen flex flex-col items-center justify-center" style="background: rgba(0, 119, 179, 0.1)">
<div class="text-center">
<h1 class="text-5xl font-bold mb-4">Master Your Learning</h1>
<p class="text-xl mb-8">Learn smarter, not harder. Start your journey today</p>
@@ -45,24 +27,6 @@ import { PopoverService } from './services/popover.service';
</button>
</div>
</div>
<!-- <div *ngIf="isLoggedIn" class="container mx-auto p-4">
<div class="flex justify-center items-center mb-8">
<h1 class="text-3xl font-bold mx-auto">Haiky Spaced Repetition Training</h1>
<div class="relative" appClickOutside (clickOutside)="showDropdown = false">
@if(photoURL){
<img [src]="photoURL" alt="User Photo" class="w-10 h-10 rounded-full cursor-pointer" (click)="toggleDropdown()" referrerpolicy="no-referrer" crossorigin="anonymous" />
} @else {
<div class="image-placeholder w-10 h-10 rounded-full cursor-pointer">Image</div>
} @if(showDropdown){
<div class="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg">
<button (click)="logout()" class="block w-full text-left px-4 py-2 text-gray-700 hover:bg-gray-100">Abmelden</button>
</div>
}
</div>
</div>
<app-deck-list></app-deck-list>
</div> -->
<div *ngIf="isLoggedIn" class="bg-white shadow mb-4">
<div class="container mx-auto px-4 py-2 flex justify-between items-center">
<!-- Logo und Name -->
@@ -73,11 +37,6 @@ import { PopoverService } from './services/popover.service';
<!-- Navigation -->
<div class="hidden md:flex space-x-6">
<!-- <a href="#" class="text-gray-700 hover:text-gray-900">Kompakt</a>
<a href="#" class="text-gray-700 hover:text-gray-900">Umwandeln</a>
<a href="#" class="text-gray-700 hover:text-gray-900">Zusammenführen</a>
<a href="#" class="text-gray-700 hover:text-gray-900">Bearbeiten</a>
<a href="#" class="text-gray-700 hover:text-gray-900">KI PDF</a> -->
<span class="text-xl font-bold">Spaced Repetition Training</span>
</div>