root/fitra-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added storage endpoint and show on indes

Browse Source
This commit is contained in:
root
2025-08-07 22:38:27 +02:00
parent 716c6730b5
commit c7fd393cbf
6 changed files with 128 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
views/index.html
View File

@@ -14,6 +14,10 @@
.get { background: #61affe; }
.post { background: #49cc90; }
.step { margin: 10px 0; padding: 10px; background: #fff; border: 1px solid #ddd; border-radius: 3px; }
.storage-info { margin: 20px 0; padding: 15px; background: #f9f9f9; border-radius: 5px; border-left: 4px solid #28a745; }
.progress-bar { width: 100%; height: 20px; background: #e9ecef; border-radius: 10px; overflow: hidden; margin: 10px 0; }
.progress-fill { height: 100%; background: linear-gradient(90deg, #28a745 0%, #ffc107 70%, #dc3545 90%); transition: width 0.3s ease; border-radius: 10px; }
.storage-stats { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 14px; }
</style>
</head>
<body>
@@ -21,6 +25,21 @@
<p><strong>Version:</strong> 1.0.0</p>
<p>Simple file upload and download service for developers using HTTP requests in CLI.</p>
<div class="storage-info">
<h3>💾 Todays storage usage</h3>
<p>
<small>This resets after 24h</small>
</p>
<div class="progress-bar">
<div class="progress-fill" id="progress-fill" style="width: 0%"></div>
</div>
<div class="storage-stats">
<span id="storage-used">Loading...</span>
<span id="storage-percent">Loading...</span>
<span id="storage-total">Loading...</span>
</div>
</div>
<h2>📋 API endpoints</h2>
<div class="endpoint">
@@ -37,6 +56,13 @@
<pre><code>curl -O {{.BaseURL}}/uploads/{fileID}/{filename}</code></pre>
</div>
<div class="endpoint">
<h3><span class="method get">GET</span>/storage</h3>
<p><strong>Description:</strong> Check storage usage and capacity</p>
<p><strong>cURL example:</strong></p>
<pre><code>curl {{.BaseURL}}/storage</code></pre>
</div>
<div class="endpoint">
<h3><span class="method get">GET</span>/health</h3>
<p><strong>Description:</strong> Check service health</p>
@@ -68,5 +94,26 @@ curl -X POST -F "file=@myfile.txt" {{.BaseURL}}/upload
# 2. Download the file
curl -O {{.BaseURL}}/uploads/abc123.../myfile.txt</code></pre>
<script>
async function loadStorageInfo() {
try {
const response = await fetch('{{.BaseURL}}/storage');
const data = await response.json();
const storage = data.storage;
document.getElementById('storage-used').textContent = `${storage.used_gb.toFixed(2)} GB used`;
document.getElementById('storage-percent').textContent = `${storage.usage_percent.toFixed(1)}% full`;
document.getElementById('storage-total').textContent = `${storage.max_gb} GB total`;
document.getElementById('progress-fill').style.width = `${storage.usage_percent}%`;
} catch (error) {
document.getElementById('storage-used').textContent = 'Error loading storage info';
document.getElementById('storage-percent').textContent = '';
document.getElementById('storage-total').textContent = '';
}
}
loadStorageInfo();
</script>
</body>
</html>