added detailed view for tasks

templates/index.html

@@ -5,24 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bitmine — Агрегатор задач</title>
     <style>
-        * {
-            box-sizing: border-box;
-            margin: 0;
-            padding: 0;
-        }
+        * { box-sizing: border-box; margin: 0; padding: 0; }
         body {
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
             background: #f5f5f5;
             padding: 20px;
         }
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-        }
-        h1 {
-            color: #333;
-            margin-bottom: 20px;
-        }
+        .container { max-width: 1400px; margin: 0 auto; }
+        h1 { color: #333; margin-bottom: 20px; }
         .controls {
             background: white;
             padding: 20px;
@@ -39,20 +29,13 @@
             cursor: pointer;
             font-size: 14px;
             font-weight: 500;
+            text-decoration: none;
+            display: inline-block;
         }
-        .btn:hover {
-            background: #0056b3;
-        }
-        .btn:disabled {
-            background: #ccc;
-            cursor: not-allowed;
-        }
-        .btn-bitrix {
-            background: #00aeef;
-        }
-        .btn-bitrix:hover {
-            background: #008cc7;
-        }
+        .btn:hover { background: #0056b3; }
+        .btn:disabled { background: #ccc; cursor: not-allowed; }
+        .btn-bitrix { background: #00aeef; }
+        .btn-bitrix:hover { background: #008cc7; }
         table {
             width: 100%;
             background: white;
@@ -66,14 +49,8 @@
             text-align: left;
             border-bottom: 1px solid #eee;
         }
-        th {
-            background: #f8f9fa;
-            font-weight: 600;
-            color: #333;
-        }
-        tr:hover {
-            background: #f8f9fa;
-        }
+        th { background: #f8f9fa; font-weight: 600; color: #333; }
+        tr:hover { background: #f8f9fa; }
         .status {
             padding: 4px 12px;
             border-radius: 12px;
@@ -84,11 +61,6 @@
         .status-progress { background: #fff3e0; color: #f57c00; }
         .status-resolved { background: #e8f5e9; color: #388e3c; }
         .status-closed { background: #f5f5f5; color: #616161; }
-        .loading {
-            text-align: center;
-            padding: 40px;
-            color: #666;
-        }
         .error {
             background: #ffebee;
             color: #c62828;
@@ -103,14 +75,8 @@
             font-size: 11px;
             font-weight: 600;
         }
-        .source-redmine {
-            background: #5c2d91;
-            color: white;
-        }
-        .source-bitrix {
-            background: #00aeef;
-            color: white;
-        }
+        .source-redmine { background: #5c2d91; color: white; }
+        .source-bitrix { background: #00aeef; color: white; }
         .note-text {
             max-width: 300px;
             overflow: hidden;
@@ -124,22 +90,14 @@
         <h1>🔗 Bitmine — Агрегатор задач</h1>
         
         <div class="controls">
-            <a href="/api/redmine/tasks" class="btn">
-                📋 Получить задачи из Redmine
-            </a>
-            <button class="btn btn-bitrix" disabled>
-                📌 Получить задачи из Bitrix24
-            </button>
+            <a href="/api/redmine/tasks" class="btn">📋 Получить задачи из Redmine</a>
+            <button class="btn btn-bitrix" disabled>📌 Получить задачи из Bitrix24</button>
         </div>
 
         {% if error.is_some() %}
         <div class="error">{{ error.as_ref().unwrap() }}</div>
         {% endif %}
 
-        <div id="loading" class="loading" style="display: none;">
-            Загрузка задач...
-        </div>
-
         {% if !issues.is_empty() %}
         <table>
             <thead>
@@ -154,7 +112,7 @@
             </thead>
             <tbody>
                 {% for issue in issues %}
-                <tr>
+                <tr style="cursor: pointer;" onclick="window.location.href='/task/{{ issue.id }}'">
                     <td>{{ issue.id }}</td>
                     <td>
                         <span class="source-badge source-{{ issue.source }}">