Add remove repos button and change background color

2026-01-19 00:47:33 +01:00 · 2024-06-27 14:22:15 +02:00
5 changed files with 76 additions and 4 deletions
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="./script.js" defer></script>
 </head>
-<body class="bg-gradient-to-b from-cyan-500 to-fuchsia-500">
+<body class="bg-gradient-to-b from-stone-500 to-green-700">
    <div class="flex flex-col gap-2 justify-center items-center my-2 h-screen">
        <h1 class="text-4xl font-semibold leading-10 text-gray-900">Github-Ntfy</h1>
        <h1>Add a repo</h1>
--- a/nginx.conf
+++ b/nginx.conf
@@ -28,5 +28,12 @@ http {
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
        }
+        location /delete_repo {
+            proxy_pass http://127.0.0.1:5000;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
    }
 }
--- a/ntfy.py
+++ b/ntfy.py
@@ -133,6 +133,7 @@ if __name__ == "__main__":
    else:
        logger.error("Usage: python ntfy.py")
        logger.error(
-            "auth: can be generataed by the folowing command: echo -n 'username:password' | base64 and need to be stored in a file named auth.txt")
+            "auth: can be generataed by the folowing command: echo -n 'username:password' | base64 and need to be "
+            "stored in a file named auth.txt")
        logger.error("NTFY_URL: the url of the ntfy server need to be stored in an environment variable named NTFY_URL")

--- a/ntfy_api.py
+++ b/ntfy_api.py
@@ -6,7 +6,6 @@ app = Flask(__name__)
 CORS(app)
 app.logger.setLevel("WARNING")

-
 def get_db_connection():
    conn = sqlite3.connect('/github-ntfy/watched_repos.db')
    conn.row_factory = sqlite3.Row
@@ -57,5 +56,34 @@ def get_watched_repos():
    return jsonify(watched_repos)


+@app.route('/delete_repo', methods=['POST'])
+def delete_repo():
+    data = request.json
+    repo = data.get('repo')
+
+    # Vérifier si le champ 'repo' est présent dans les données JSON
+    if not repo:
+        return jsonify({"error": "The repo field is required."}), 400
+
+    # Établir une connexion à la base de données
+    conn = get_db_connection()
+    cursor = conn.cursor()
+
+    try:
+        # Vérifier si le dépôt existe dans la base de données
+        cursor.execute("SELECT * FROM watched_repos WHERE repo=?", (repo,))
+        existing_repo = cursor.fetchone()
+        if not existing_repo:
+            return jsonify({"error": f"The repo {repo} is not in the database."}), 404
+
+        # Supprimer le dépôt de la base de données
+        cursor.execute("DELETE FROM watched_repos WHERE repo=?", (repo,))
+        conn.commit()
+        return jsonify({"message": f"The repo {repo} as been deleted from the watched repos."})
+    finally:
+        # Fermer la connexion à la base de données
+        close_db_connection(conn)
+
+
 if __name__ == "__main__":
    app.run(debug=False)
--- a/script.js
+++ b/script.js
@@ -32,7 +32,24 @@ function refreshWatchedRepos() {
            // Ajouter chaque dépôt surveillé à la liste
            data.forEach(repo => {
                const listItem = document.createElement('li');
-                listItem.textContent = repo;
+                const repoName = document.createElement('span');
+                repoName.textContent = repo;
+                repoName.className = 'repo-name';
+                listItem.appendChild(repoName);
+
+                const deleteButton = document.createElement('button');
+                deleteButton.textContent = ' X';
+                deleteButton.className = 'delete-btn text-red-500 ml-2';
+                deleteButton.addEventListener('click', () => {
+                    // Remove the repo from the watched repos
+                    // This is a placeholder. Replace it with your actual code to remove the repo from the watched repos.
+                    removeRepoFromWatchedRepos(repo);
+
+                    // Remove the repo from the DOM
+                    listItem.remove();
+                });
+                listItem.appendChild(deleteButton);
+
                watchedReposList.appendChild(listItem);
            });
        })
@@ -41,5 +58,24 @@ function refreshWatchedRepos() {
        });
 }

+function removeRepoFromWatchedRepos(repo) {
+    fetch('/delete_repo', {
+        method: 'POST',
+        headers: {
+            'Access-Control-Allow-Origin': '*',
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({repo: repo})
+    })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Erreur lors de la suppression du dépôt');
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+        });
+}
+
 // Appeler la fonction pour charger les dépôts surveillés au chargement de la page
 refreshWatchedRepos();