diff --git a/frontend/public/json b/frontend/public/json index cd80456..85d7be7 120000 --- a/frontend/public/json +++ b/frontend/public/json @@ -1 +1 @@ -../../json \ No newline at end of file +../../json diff --git a/frontend/src/app/data/page.tsx b/frontend/src/app/data/page.tsx new file mode 100644 index 0000000..5a766f7 --- /dev/null +++ b/frontend/src/app/data/page.tsx @@ -0,0 +1,198 @@ +"use client"; + +import React, { JSX, useEffect, useState } from "react"; +import DatePicker from 'react-datepicker'; +import 'react-datepicker/dist/react-datepicker.css'; +import ApplicationChart from "../../components/ApplicationChart"; + +interface DataModel { + id: number; + ct_type: number; + disk_size: number; + core_count: number; + ram_size: number; + os_type: string; + os_version: string; + disableip6: string; + nsapp: string; + created_at: string; + method: string; + pve_version: string; + status: string; + error: string; + type: string; + [key: string]: any; +} + +interface SummaryData { + total_entries: number; + status_count: Record; + nsapp_count: Record; +} + +const DataFetcher: React.FC = () => { + const [data, setData] = useState([]); + const [summary, setSummary] = useState(null); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + const [currentPage, setCurrentPage] = useState(1); + const [itemsPerPage, setItemsPerPage] = useState(25); + const [sortConfig, setSortConfig] = useState<{ key: string; direction: 'ascending' | 'descending' } | null>(null); + + useEffect(() => { + const fetchSummary = async () => { + try { + const response = await fetch("https://api.htl-braunau.at/dev/data/summary"); + if (!response.ok) throw new Error(`Failed to fetch summary: ${response.statusText}`); + const result: SummaryData = await response.json(); + setSummary(result); + } catch (err) { + setError((err as Error).message); + } + }; + + fetchSummary(); + }, []); + + useEffect(() => { + const fetchPaginatedData = async () => { + setLoading(true); + try { + const response = await fetch(`https://api.htl-braunau.at/dev/data/paginated?page=${currentPage}&limit=${itemsPerPage === 0 ? '' : itemsPerPage}`); + if (!response.ok) throw new Error(`Failed to fetch data: ${response.statusText}`); + const result: DataModel[] = await response.json(); + setData(result); + } catch (err) { + setError((err as Error).message); + } finally { + setLoading(false); + } + }; + + fetchPaginatedData(); + }, [currentPage, itemsPerPage]); + + const sortedData = React.useMemo(() => { + if (!sortConfig) return data; + const sorted = [...data].sort((a, b) => { + if (a[sortConfig.key] < b[sortConfig.key]) { + return sortConfig.direction === 'ascending' ? -1 : 1; + } + if (a[sortConfig.key] > b[sortConfig.key]) { + return sortConfig.direction === 'ascending' ? 1 : -1; + } + return 0; + }); + return sorted; + }, [data, sortConfig]); + + if (loading) return

Loading...

; + if (error) return

Error: {error}

; + + const requestSort = (key: string) => { + let direction: 'ascending' | 'descending' = 'ascending'; + if (sortConfig && sortConfig.key === key && sortConfig.direction === 'ascending') { + direction = 'descending'; + } + setSortConfig({ key, direction }); + }; + + const formatDate = (dateString: string): string => { + const date = new Date(dateString); + const year = date.getFullYear(); + const month = date.getMonth() + 1; + const day = date.getDate(); + const hours = String(date.getHours()).padStart(2, '0'); + const minutes = String(date.getMinutes()).padStart(2, '0'); + const timezoneOffset = dateString.slice(-6); + return `${day}.${month}.${year} ${hours}:${minutes} ${timezoneOffset} GMT`; + }; + + return ( +
+

Created LXCs

+ +

+
+

{summary?.total_entries} results found

+

Status Legend: 🔄 installing {summary?.status_count["installing"] ?? 0} | ✔️ completed {summary?.status_count["done"] ?? 0} | ❌ failed {summary?.status_count["failed"] ?? 0} | ❓ unknown

+
+
+
+ + + + + + + + + + + + + + + + + + + {sortedData.map((item, index) => ( + + + + + + + + + + + + + + + ))} + +
requestSort('status')}>Status requestSort('type')}>Type requestSort('nsapp')}>Application requestSort('os_type')}>OS requestSort('os_version')}>OS Version requestSort('disk_size')}>Disk Size requestSort('core_count')}>Core Count requestSort('ram_size')}>RAM Size requestSort('method')}>Method requestSort('pve_version')}>PVE Version requestSort('error')}>Error Message requestSort('created_at')}>Created At
+ {item.status === "done" ? ( + "✔️" + ) : item.status === "failed" ? ( + "❌" + ) : item.status === "installing" ? ( + "🔄" + ) : ( + item.status + )} + {item.type === "lxc" ? ( + "📦" + ) : item.type === "vm" ? ( + "🖥️" + ) : ( + item.type + )}{item.nsapp}{item.os_type}{item.os_version}{item.disk_size}{item.core_count}{item.ram_size}{item.method}{item.pve_version}{item.error}{formatDate(item.created_at)}
+
+
+
+ + Page {currentPage} + + +
+
+ ); +}; + +export default DataFetcher; diff --git a/misc/build.func b/misc/build.func index 4b61dd8..dc72d29 100644 --- a/misc/build.func +++ b/misc/build.func @@ -333,10 +333,9 @@ base_settings() { HN=$NSAPP BRG="vmbr0" NET="dhcp" - IPv6="auto" + IPv6="dhcp" IPv6GW="" GATE="" - IPv6GW="" APT_CACHER="" APT_CACHER_IP="" DISABLEIP6="no" @@ -714,15 +713,17 @@ advanced_settings() { if (whiptail --backtitle "[dev] Proxmox VE Helper Scripts" --defaultno --title "IPv6" --yesno "Disable IPv6?" 10 58); then DISABLEIP6="yes" else - IPv6="auto" + + IPv6="dhcp" DISABLEIP6="no" - if IP6=$(whiptail --backtitle "[dev] Proxmox VE Helper Scripts" --title "IPv6" --inputbox "Enter IPv6 Address (Default SLAAC)" 10 58); then + + if IP6=$(whiptail --backtitle "[dev] Proxmox VE Helper Scripts" --inputbox "Set IPv6" 8 58 --title "Set IPv6" 3>&1 1>&2 2>&3); then IPv6=$IP6 echo -e "${NETWORK}${BOLD}${DGN}IPv6 Address: ${BGN}$IPv6${CL}" - if IP6GW=$(whiptail --backtitle "[dev] Proxmox VE Helper Scripts" --inputbox "Enter IPv6 Gateway" 8 58 --title "IPv6 Gateway" 3>&1 1>&2 2>&3); then + if IP6GW=$(whiptail --backtitle "[dev] Proxmox VE Helper Scripts" --inputbox "Enter ipv6 Gateway" 8 58 --title "Enter ipv6 Gateway" 3>&1 1>&2 2>&3); then if [ -z $IP6GW ]; then - IP6GW="Default" - echo -e "${GATEWAY}${BOLD}${DGN}IPv6 Gateway: ${BGN}$IP6GW${CL}" + IPv6GW="" + echo -e "${GATEWAY}${BOLD}${DGN}IPv6 Gateway: ${BGN}SLAAC${CL}" else IPv6GW=",gw6=$IP6GW" echo -e "${GATEWAY}${BOLD}${DGN}IPv6 Gateway: ${BGN}$IP6GW${CL}" @@ -731,7 +732,8 @@ advanced_settings() { exit_script fi else - IPv6="auto" + IPv6="dhcp" + echo -e "${NETWORK}${BOLD}${DGN}IPv6 Address: ${BGN}SLAAC${CL}" fi fi echo -e "${DISABLEIPV6}${BOLD}${DGN}Disable IPv6: ${BGN}$DISABLEIP6${CL}" @@ -1138,7 +1140,7 @@ build_container() { -unprivileged $CT_TYPE $PW " - else + elif [[ DISABLEIP6 == "no" ]]; then export PCT_OPTIONS=" -features $FEATURES -hostname $HN