Spaces:

acecalisto3
/

GitBot

Runtime error

App Files Files Community

acecalisto3 commited on Dec 16, 2024

Commit

34528d7

verified ·

1 Parent(s): d55a3b2

Update index.html

Browse files

Files changed (1) hide show

index.html +39 -147

index.html CHANGED Viewed

@@ -1,153 +1,45 @@
-<!DOCTYPE html>
-<html lang="en" data-theme="dark">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>GitHub Issue Manager</title>
-    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" />
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
-    <style>
-        /* Add your custom styles here if needed */
-        .bg-gradient-to-br {
-            background: linear-gradient(to bottom right, #121212, #303030);
-        }
-    </style>
-</head>
-<body class="bg-gradient-to-br">
-    <div id="app" class="container mx-auto my-8 px-4">
-        <h1 class="text-4xl font-bold text-white mb-8 text-center">GitHub Issue Manager</h1>
-        <div class="card bg-base-200 shadow-2xl">
-            <div class="card-body">
-                <div class="form-control">
-                    <label class="label">
-                        <span class="label-text text-gray-300">GitHub Token</span>
-                    </label>
-                    <input type="password" placeholder="Enter your GitHub token" v-model="githubToken" class="input input-bordered input-primary w-full" />
-                </div>
-                <div class="form-control">
-                    <label class="label">
-                        <span class="label-text text-gray-300">Repository Owner</span>
-                    </label>
-                    <input type="text" placeholder="Enter repository owner username" v-model="githubUsername" class="input input-bordered input-primary w-full" />
-                </div>
-                <div class="form-control">
-                    <label class="label">
-                        <span class="label-text text-gray-300">Repository Name</span>
-                    </label>
-                    <input type="text" placeholder="Enter repository name" v-model="githubRepo" class="input input-bordered input-primary w-full" />
-                </div>
-                <button @click="fetchIssues" class="btn btn-accent w-full mt-4">Fetch Issues</button>
-                <div class="form-control mt-4" v-show="issues.length > 0">
-                    <label class="label">
-                        <span class="label-text text-gray-300">Select Issue</span>
-                    </label>
-                    <select v-model="selectedIssue" class="select select-primary w-full">
-                        <option v-for="(issue, index) in issues" :key="index" :value="issue.number">
-                            #{{ issue.number }}: {{ issue.title }}
-                        </option>
-                    </select>
-                </div>
-                <div class="form-control mt-4" v-show="selectedIssue">
-                    <label class="label">
-                        <span class="label-text text-gray-300">Resolution</span>
-                    </label>
-                    <textarea v-model="resolution" placeholder="Enter your resolution here..." class="textarea textarea-primary w-full" />
-                </div>
-                <button @click="resolveIssue" class="btn btn-success w-full mt-4" v-show="selectedIssue">Resolve Issue</button>
-                <div class="mt-8" v-show="output">
-                    <p class="text-gray-300">{{ output }}</p>
-                </div>
-            </div>
         </div>
     </div>
-    <script>
-        new Vue({
-            el: '#app',
-            data: {
-                githubToken: '',
-                githubUsername: '',
-                githubRepo: '',
-                issues: [],
-                selectedIssue: null,
-                resolution: '',
-                output: null
-            },
-            methods: {
-                async fetchIssues() {
-                    if (!this.githubToken || !this.githubUsername || !this.githubRepo) {
-                        this.output = 'Please provide all the required fields!';
-                        return;
-                    }
-                    try {
-                        const response = await fetch('/fetch_issues', {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'application/json'
-                            },
-                            body: JSON.stringify({
-                                token: this.githubToken,
-                                username: this.githubUsername,
-                                repo: this.githubRepo
-                            })
-                        });
-                        const data = await response.json();
-                        console.log('Fetch Issues Response:', data);
-                        if (data.success) {
-                            this.issues = data.issues;
-                            this.output = null;
-                        } else {
-                            this.output = data.message || 'Error fetching issues';
-                        }
-                    } catch (error) {
-                        this.output = 'An error occurred while fetching issues';
-                        console.error('Error:', error);
-                    }
-                },
-                async resolveIssue() {
-                    if (!this.selectedIssue || !this.resolution) {
-                        this.output = 'Please select an issue and provide the resolution!';
-                        return;
-                    }
-                    try {
-                        const response = await fetch('/resolve_issue', {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'application/json'
-                            },
-                            body: JSON.stringify({
-                                token: this.githubToken,
-                                username: this.githubUsername,
-                                repo: this.githubRepo,
-                                issue_number: this.selectedIssue,
-                                resolution: this.resolution
-                            })
-                        });
-                        const data = await response.json();
-                        console.log('Resolve Issue Response:', data);
-                        if (data.success) {
-                            this.output = data.message;
-                        } else {
-                            this.output = data.message || 'Error resolving issue';
-                        }
-                    } catch (error) {
-                        this.output = 'An error occurred while resolving the issue';
-                        console.error('Error:', error);
-                    }
-                }
-            }
-        });
-    </script>
-</body>
-</html>

+<div class="container mx-auto p-4">
+    <h1 class="text-4xl md:text-5xl font-extrabold text-white text-center mb-8">GitHub Issue Manager</h1>
+    <div class="card bg-gray-800 p-8 shadow-lg rounded-xl">
+        <div class="mb-4">
+            <label class="block text-gray-300 font-bold mb-2" for="github-token">GitHub Token</label>
+            <input id="github-token" type="password" class="w-full bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Enter your GitHub Personal Access Token">
+        </div>
+        <div class="mb-4">
+            <label class="block text-gray-300 font-bold mb-2" for="repo-url">Repository URL</label>
+            <input id="repo-url" type="text" class="w-full bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Enter the full GitHub repository URL">
+        </div>
+    </div>
+    <div class="card bg-gray-800 p-8 shadow-lg rounded-xl">
+        <div class="flex justify-between mb-4">
+            <button id="fetch-issues" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Fetch Issues</button>
+            <select id="issue-dropdown" class="select select-bordered w-full max-w-xs bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500">
+                <option selected="" disabled="">Select Issue</option>
+            </select>
+        </div>
+        <div class="mb-4">
+            <label class="block text-gray-300 font-bold mb-2" for="resolution-textarea">Resolution</label>
+            <textarea id="resolution-textarea" class="w-full bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500 h-32 resize-y" placeholder="Enter the resolution details"></textarea>
+        </div>
+        <div class="mb-4">
+            <label class="block text-gray-300 font-bold mb-2" for="forked-repo-url">Forked Repository URL</label>
+            <input id="forked-repo-url" type="text" class="w-full bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="URL to your forked repository (Optional)">
+        </div>
+        <button id="resolve-issue" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Resolve Issue</button>
+    </div>
+    <div class="card bg-gray-800 p-8 shadow-lg rounded-xl mt-4">
+        <label class="block text-gray-300 font-bold mb-2" for="output-textarea">Output</label>
+        <textarea id="output-textarea" readonly class="w-full bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500 h-48 resize-y"></textarea>
+    </div>
+    <div class="card bg-gray-800 p-8 shadow-lg rounded-xl mt-4">
+        <div class="mb-4">
+            <label class="block text-gray-300 font-bold mb-2" for="url-textbox">URL</label>
+            <input id="url-textbox" type="text" class="w-full bg-gray-700 text-white border border-gray-600 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Enter a URL to extract information">
         </div>
+        <button id="extract-info" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Extract Info</button>
     </div>
+</div>