Add anlytics info and search to logs page

This commit is contained in:
Peter Stockings
2025-07-25 15:46:56 +10:00
parent 8f2838f920
commit d1f8f825c3
8 changed files with 116 additions and 18 deletions

3
app.py
View File

@@ -187,7 +187,8 @@ async def execute_http_function(user_id, function):
request_data if log_request else {},
response_data['result'] if (log_response or response_data['status'] != 'SUCCESS') else {},
response_data['logs'],
version_number)
version_number,
response_data.get('execution_time'))
if response_data['status'] != 'SUCCESS':
return render_template("function_error.html", function_name=function_name ,error=response_data['result'], logs=response_data['logs'])

6
db.py
View File

@@ -95,13 +95,13 @@ class DataBase():
self.execute(
'DELETE FROM http_functions WHERE user_id=%s AND id=%s', [user_id, function_id], commit=True)
def add_http_function_invocation(self, http_function_id, status, request_data, response_data, logs, version_number):
def add_http_function_invocation(self, http_function_id, status, request_data, response_data, logs, version_number, execution_time):
self.execute(
'INSERT INTO http_function_invocations (http_function_id, status, request_data, response_data, logs, version_number) VALUES (%s, %s, %s, %s, %s, %s)', [http_function_id, status, json.dumps(request_data), json.dumps(response_data), json.dumps(logs), version_number], commit=True)
'INSERT INTO http_function_invocations (http_function_id, status, request_data, response_data, logs, version_number, execution_time) VALUES (%s, %s, %s, %s, %s, %s, %s)', [http_function_id, status, json.dumps(request_data), json.dumps(response_data), json.dumps(logs), version_number, execution_time], commit=True)
def get_http_function_invocations(self, http_function_id):
http_function_invocations = self.execute(
"""SELECT id, http_function_id, STATUS, invocation_time, request_data, response_data, LOGS, version_number
"""SELECT id, http_function_id, STATUS, invocation_time, request_data, response_data, LOGS, version_number, execution_time
FROM http_function_invocations
WHERE http_function_id=%s
ORDER BY invocation_time DESC""", [http_function_id])

View File

@@ -190,11 +190,7 @@ def logs(function_id):
if not http_function:
return jsonify({'error': 'Function not found'}), 404
name = http_function['name']
http_function_invocations = db.execute("""
SELECT id, http_function_id, STATUS, invocation_time, request_data, response_data, LOGS, version_number
FROM http_function_invocations
WHERE http_function_id=%s
ORDER BY invocation_time DESC""", [function_id])
http_function_invocations = db.get_http_function_invocations(function_id)
if htmx:
return render_block(environment, 'dashboard/http_functions/logs.html', 'page', user_id=user_id, function_id=function_id, name=name, http_function_invocations=http_function_invocations)
return render_template("dashboard/http_functions/logs.html", user_id=user_id, name=name, function_id=function_id, http_function_invocations=http_function_invocations)

View File

@@ -110,6 +110,7 @@ CREATE TABLE timer_function_invocations (
invocation_time TIMESTAMPTZ NOT NULL DEFAULT NOW(),
logs JSONB,
version_number INT NOT NULL,
execution_time FLOAT,
CONSTRAINT fk_timer_function_invocations
FOREIGN KEY (timer_function_id)
@@ -402,9 +403,9 @@ def logs(function_id):
# Fetch the invocation logs
timer_function_invocations = db.execute("""
SELECT id, timer_function_id, status, invocation_time,
logs, version_number
FROM timer_function_invocations
SELECT id, timer_function_id, status, invocation_time,
logs, version_number, execution_time
FROM timer_function_invocations
WHERE timer_function_id = %s
ORDER BY invocation_time DESC
LIMIT 100

View File

@@ -0,0 +1,97 @@
<div class="mb-6">
<!-- Search and Filters -->
<div class="mb-4">
<input type="text" id="logSearch" onkeyup="filterLogs()" placeholder="Search logs..."
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<!-- Analytics Cards -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
<div class="bg-white p-4 rounded-lg shadow-sm border border-gray-200">
<h3 class="text-sm font-medium text-gray-500">Total Invocations</h3>
<p class="text-2xl font-semibold text-gray-800">{{ invocations | length }}</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm border border-gray-200">
<h3 class="text-sm font-medium text-gray-500">Success Rate</h3>
{% set successful_invocations = invocations | selectattr('status', 'equalto', 'SUCCESS') | list %}
<p class="text-2xl font-semibold text-gray-800">
{% if invocations %}
{{ "%.2f"|format((successful_invocations|length / invocations|length) * 100) }}%
{% else %}
N/A
{% endif %}
</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm border border-gray-200">
<h3 class="text-sm font-medium text-gray-500">Avg. Execution Time</h3>
{% set total_execution_time = invocations | sum(attribute='execution_time') %}
<p class="text-2xl font-semibold text-gray-800">
{% if invocations %}
{{ "%.2f"|format(total_execution_time / invocations|length) }}ms
{% else %}
N/A
{% endif %}
</p>
</div>
</div>
<!-- Time-series Chart -->
<div class="bg-white p-4 rounded-lg shadow-sm border border-gray-200">
<h3 class="text-base sm:text-lg font-medium text-gray-900 mb-2 sm:mb-4">Invocation History</h3>
<div class="relative h-48 sm:h-64">
<svg class="w-full h-full" viewBox="0 0 400 200" preserveAspectRatio="none">
<!-- Y-axis -->
<line x1="40" y1="20" x2="40" y2="180" stroke="#E5E7EB" stroke-width="1" />
<!-- X-axis -->
<line x1="40" y1="180" x2="380" y2="180" stroke="#E5E7EB" stroke-width="1" />
{% if invocations %}
<!-- Execution time line -->
{% set max_execution_time = [1] %}
{% for inv in invocations %}
{% if inv.execution_time > max_execution_time[0] %}{% set _ = max_execution_time.pop() %}{{
max_execution_time.append(inv.execution_time) }}{% endif %}
{% endfor %}
{% set path = namespace(d='M') %}
{% for inv in invocations | reverse %}
{% set x = 40 + (loop.index0 * (340 / (invocations|length - 1 if invocations|length > 1 else 1))) %}
{% set y = 180 - ((inv.execution_time / max_execution_time[0]) * 160) %}
{% if loop.first %}
{% set path.d = path.d ~ x ~ "," ~ y %}
{% else %}
{% set path.d = path.d ~ " L" ~ x ~ "," ~ y %}
{% endif %}
{% endfor %}
<path d="{{ path.d }}" stroke="#10B981" stroke-width="2" fill="none" />
<!-- Data points -->
{% for inv in invocations | reverse %}
{% set x = 40 + (loop.index0 * (340 / (invocations|length - 1 if invocations|length > 1 else 1))) %}
{% set y = 180 - ((inv.execution_time / max_execution_time[0]) * 160) %}
<circle cx="{{ x }}" cy="{{ y }}" r="4" fill="#10B981">
<title>{{ inv.invocation_time.strftime('%Y-%m-%d %H:%M:%S') }}: {{ "%.2f"|format(inv.execution_time)
}}ms</title>
</circle>
{% endfor %}
{% endif %}
</svg>
</div>
</div>
</div>
<script>
function filterLogs() {
const searchInput = document.getElementById('logSearch').value.toLowerCase();
const logRows = document.querySelectorAll('.log-row');
logRows.forEach(row => {
const logContent = row.textContent.toLowerCase();
if (logContent.includes(searchInput)) {
row.style.display = '';
} else {
row.style.display = 'none';
}
});
}
</script>

View File

@@ -14,6 +14,7 @@ logs_url=url_for('http.logs', function_id=function_id),
history_url=url_for('http.history', function_id=function_id)) }}
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
{{ render_partial('dashboard/analytics.html', invocations=http_function_invocations) }}
<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
<!-- Headers -->
<div class="grid md:grid-cols-4 gap-4 bg-gray-50 p-4 border-b border-gray-200">
@@ -26,7 +27,7 @@ history_url=url_for('http.history', function_id=function_id)) }}
<!-- Data Rows -->
{% for invocation in http_function_invocations %}
<div
class="grid md:grid-cols-4 gap-4 p-4 hover:bg-gray-50 transition-colors duration-150 border-b border-gray-200">
class="log-row grid md:grid-cols-4 gap-4 p-4 hover:bg-gray-50 transition-colors duration-150 border-b border-gray-200">
<!-- Timestamp and Status -->
<div class="flex items-center space-x-2">
<div

View File

@@ -13,6 +13,7 @@ logs_url=url_for('timer.logs', function_id=function_id),
history_url=url_for('timer.history', function_id=function_id)) }}
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
{{ render_partial('dashboard/analytics.html', invocations=timer_function_invocations) }}
<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
<!-- Headers -->
<div class="grid md:grid-cols-3 gap-4 bg-gray-50 p-4 border-b border-gray-200">
@@ -24,7 +25,7 @@ history_url=url_for('timer.history', function_id=function_id)) }}
<!-- Data Rows -->
{% for invocation in timer_function_invocations %}
<div
class="grid md:grid-cols-3 gap-4 p-4 hover:bg-gray-50 transition-colors duration-150 border-b border-gray-200">
class="log-row grid md:grid-cols-3 gap-4 p-4 hover:bg-gray-50 transition-colors duration-150 border-b border-gray-200">
<!-- Timestamp -->
<div class="flex items-center space-x-2">
<div class="flex flex-col">

View File

@@ -55,14 +55,15 @@ async def execute_timer_function_async(timer_function):
# Record the invocation
db.execute("""
INSERT INTO timer_function_invocations
(timer_function_id, status, logs, version_number)
VALUES (%s, %s, %s, %s)
INSERT INTO timer_function_invocations
(timer_function_id, status, logs, version_number, execution_time)
VALUES (%s, %s, %s, %s, %s)
""", [
timer_function['id'],
response_data['status'],
json.dumps(response_data['logs']),
version_number
version_number,
response_data.get('execution_time')
], commit=True)
except Exception as e: