Spaces:

escambalkon
/

anycoder-92d2c3fc

Running

App Files Files Community

escambalkon commited on Dec 24, 2025

Commit

6c0557c

verified ·

1 Parent(s): ba5f92d

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +112 -107

index.html CHANGED Viewed

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="tr">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -59,6 +60,7 @@
         transform: translateY(50px);
         opacity: 0;
       }
       to {
         transform: translateY(0);
         opacity: 1;
@@ -116,9 +118,23 @@
       color: var(--gray);
     }
     .form-control {
       width: 100%;
-      padding: 12px 15px 12px 45px;
       border: 2px solid var(--light);
       border-radius: 8px;
       font-size: 14px;
@@ -240,6 +256,37 @@
       margin-right: 8px;
     }
     /* Main App Styles */
     .app-container {
       display: none;
@@ -458,6 +505,7 @@
         opacity: 0;
         transform: translateY(20px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
@@ -564,6 +612,7 @@
       from {
         transform: translateX(100%);
       }
       to {
         transform: translateX(0);
       }
@@ -630,9 +679,16 @@
         <p>Bu sistem kiralık bir yazılımdır. Lütfen giriş bilgilerinizi kullanın.</p>
       </div>
-      <div class="admin-hint">
-        <i class="fas fa-info-circle"></i>
-        <strong>Yönetici Girişi:</strong> Kullanıcı adı: <strong>admin</strong> | Şifre: <strong>admin123</strong>
       </div>
       <div class="auth-tabs">
@@ -654,6 +710,7 @@
           <div class="input-group">
             <i class="fas fa-lock"></i>
             <input type="password" class="form-control" id="loginPassword" required placeholder="Şifreniz">
           </div>
         </div>
         <button type="submit" class="btn btn-primary">
@@ -689,6 +746,7 @@
           <div class="input-group">
             <i class="fas fa-lock"></i>
             <input type="password" class="form-control" id="registerPassword" required placeholder="Şifreniz">
           </div>
         </div>
         <div class="form-group">
@@ -696,6 +754,7 @@
           <div class="input-group">
             <i class="fas fa-lock"></i>
             <input type="password" class="form-control" id="registerPasswordConfirm" required placeholder="Şifrenizi tekrar girin">
           </div>
         </div>
         <button type="submit" class="btn btn-primary">
@@ -965,27 +1024,47 @@
   <script>
     // User Management System
     let currentUser = null;
-    let users = JSON.parse(localStorage.getItem('pencereProUsers')) || [];
-    // Initialize default admin user if no users exist
-    if (users.length === 0) {
-      users = [
-        {
-          id: 1,
-          username: 'admin',
-          email: 'admin@pencerepro.com',
-          name: 'Administrator',
-          password: 'admin123',
-          role: 'admin',
-          status: 'active',
-          createdAt: new Date().toISOString()
-        }
-      ];
-      localStorage.setItem('pencereProUsers', JSON.stringify(users));
-    }
-    // Check if user is already logged in
     window.onload = function() {
       const savedUser = localStorage.getItem('pencereProCurrentUser');
       if (savedUser) {
         currentUser = JSON.parse(savedUser);
@@ -1008,88 +1087,14 @@
       }
     }
-    function handleLogin(event) {
-      event.preventDefault();
-      const username = document.getElementById('loginUsername').value.trim();
-      const password = document.getElementById('loginPassword').value;
-      const user = users.find(u =>
-        (u.username === username || u.email === username) && u.password === password
-      );
-      if (user) {
-        if (user.status !== 'active') {
-          showToast('Hesabınız devre dışı!', 'error');
-          return;
-        }
-        currentUser = user;
-        localStorage.setItem('pencereProCurrentUser', JSON.stringify(user));
-        showToast('Giriş başarılı!', 'success');
-        showApp();
       } else {
-        showToast('Kullanıcı adı veya şifre hatalı!', 'error');
-      }
-    }
-    function handleRegister(event) {
-      event.preventDefault();
-      const name = document.getElementById('registerName').value.trim();
-      const username = document.getElementById('registerUsername').value.trim();
-      const email = document.getElementById('registerEmail').value.trim();
-      const password = document.getElementById('registerPassword').value;
-      const passwordConfirm = document.getElementById('registerPasswordConfirm').value;
-      if (password !== passwordConfirm) {
-        showToast('Şifreler eşleşmiyor!', 'error');
-        return;
-      }
-      if (users.find(u => u.username === username)) {
-        showToast('Bu kullanıcı adı zaten kullanılıyor!', 'error');
-        return;
-      }
-      if (users.find(u => u.email === email)) {
-        showToast('Bu e-posta zaten kayıtlı!', 'error');
-        return;
-      }
-      const newUser = {
-        id: users.length + 1,
-        username: username,
-        email: email,
-        name: name,
-        password: password,
-        role: 'user',
-        status: 'active',
-        createdAt: new Date().toISOString()
-      };
-      users.push(newUser);
-      localStorage.setItem('pencereProUsers', JSON.stringify(users));
-      showToast('Kayıt başarılı! Giriş yapabilirsiniz.', 'success');
-      switchTab('login');
-      // Clear form
-      document.getElementById('registerForm').reset();
-    }
-    function showApp() {
-      document.getElementById('loginContainer').style.display = 'none';
-      document.getElementById('appContainer').style.display = 'block';
-      // Update user info in header
-      document.getElementById('userName').textContent = currentUser.name;
-      document.getElementById('userRole').textContent = currentUser.role === 'admin' ? 'Yönetici' : 'Kullanıcı';
-      document.getElementById('userAvatar').textContent = currentUser.name.charAt(0).toUpperCase();
-      // Show/hide admin features
-      if (currentUser.role === 'admin') {
-        document.getElementById('usersNavItem').style.display = 'flex';
-      }
-      //

 <!DOCTYPE html>
 <html lang="tr">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
         transform: translateY(50px);
         opacity: 0;
       }
       to {
         transform: translateY(0);
         opacity: 1;
       color: var(--gray);
     }
+    .input-group .toggle-password {
+      position: absolute;
+      right: 15px;
+      top: 50%;
+      transform: translateY(-50%);
+      color: var(--gray);
+      cursor: pointer;
+      transition: var(--transition);
+    }
+    .input-group .toggle-password:hover {
+      color: var(--primary);
+    }
     .form-control {
       width: 100%;
+      padding: 12px 45px 12px 45px;
       border: 2px solid var(--light);
       border-radius: 8px;
       font-size: 14px;
       margin-right: 8px;
     }
+    .demo-credentials {
+      background: #dbeafe;
+      border: 1px solid #60a5fa;
+      color: #1e40af;
+      padding: 12px;
+      border-radius: 8px;
+      margin-bottom: 20px;
+      font-size: 13px;
+    }
+    .demo-credentials .credential-item {
+      display: flex;
+      justify-content: space-between;
+      margin: 5px 0;
+    }
+    .demo-credentials .copy-btn {
+      background: var(--primary);
+      color: var(--white);
+      border: none;
+      padding: 2px 8px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 11px;
+      transition: var(--transition);
+    }
+    .demo-credentials .copy-btn:hover {
+      background: var(--primary-dark);
+    }
     /* Main App Styles */
     .app-container {
       display: none;
         opacity: 0;
         transform: translateY(20px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
       from {
         transform: translateX(100%);
       }
       to {
         transform: translateX(0);
       }
         <p>Bu sistem kiralık bir yazılımdır. Lütfen giriş bilgilerinizi kullanın.</p>
       </div>
+      <div class="demo-credentials">
+        <h4><i class="fas fa-key"></i> Demo Giriş Bilgileri:</h4>
+        <div class="credential-item">
+          <span><strong>Yönetici:</strong> admin / admin123</span>
+          <button class="copy-btn" onclick="copyCredentials('admin', 'admin123')">Kopyala</button>
+        </div>
+        <div class="credential-item">
+          <span><strong>Test Kullanıcı:</strong> test / test123</span>
+          <button class="copy-btn" onclick="copyCredentials('test', 'test123')">Kopyala</button>
+        </div>
       </div>
       <div class="auth-tabs">
           <div class="input-group">
             <i class="fas fa-lock"></i>
             <input type="password" class="form-control" id="loginPassword" required placeholder="Şifreniz">
+            <i class="fas fa-eye toggle-password" onclick="togglePassword('loginPassword')"></i>
           </div>
         </div>
         <button type="submit" class="btn btn-primary">
           <div class="input-group">
             <i class="fas fa-lock"></i>
             <input type="password" class="form-control" id="registerPassword" required placeholder="Şifreniz">
+            <i class="fas fa-eye toggle-password" onclick="togglePassword('registerPassword')"></i>
           </div>
         </div>
         <div class="form-group">
           <div class="input-group">
             <i class="fas fa-lock"></i>
             <input type="password" class="form-control" id="registerPasswordConfirm" required placeholder="Şifrenizi tekrar girin">
+            <i class="fas fa-eye toggle-password" onclick="togglePassword('registerPasswordConfirm')"></i>
           </div>
         </div>
         <button type="submit" class="btn btn-primary">
   <script>
     // User Management System
     let currentUser = null;
+    let users = [];
+    // Initialize users with default accounts
+    function initializeUsers() {
+      const savedUsers = localStorage.getItem('pencereProUsers');
+      if (savedUsers) {
+        users = JSON.parse(savedUsers);
+      } else {
+        // Create default users
+        users = [
+          {
+            id: 1,
+            username: 'admin',
+            email: 'admin@pencerepro.com',
+            name: 'Administrator',
+            password: 'admin123',
+            role: 'admin',
+            status: 'active',
+            createdAt: new Date().toISOString()
+          },
+          {
+            id: 2,
+            username: 'test',
+            email: 'test@pencerepro.com',
+            name: 'Test User',
+            password: 'test123',
+            role: 'user',
+            status: 'active',
+            createdAt: new Date().toISOString()
+          }
+        ];
+        localStorage.setItem('pencereProUsers', JSON.stringify(users));
+        console.log('Default users created:', users);
+      }
+    }
+    // Initialize on page load
     window.onload = function() {
+      initializeUsers();
       const savedUser = localStorage.getItem('pencereProCurrentUser');
       if (savedUser) {
         currentUser = JSON.parse(savedUser);
       }
     }
+    function togglePassword(fieldId) {
+      const field = document.getElementById(fieldId);
+      const icon = field.nextElementSibling;
+      if (field.type === 'password') {
+        field.type = 'text';
+        icon.classList.remove('fa-eye');
+        icon.classList.add('fa-eye-slash');
       } else {
+        field.type = 'password';
+        icon.classList.remove('