patek/att-hackathon-2023
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feat: Změny

Browse Source
This commit is contained in:
Bruno
2023-05-17 10:44:09 +02:00
parent cc4fd9b2c2
commit 0d158423fc
11 changed files with 100 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/src/lib/components/AddAp.svelte
+8 -1
View File
@@ -28,7 +28,14 @@
<div class="text-white pr-8">Location:</div>
<input type="text" class="border border-white rounded-lg h-6 p-2 mt-2" />
</div>
<button class="px-6 py-2 text-white bg-[#1D3920] mt-12 rounded-xl">Save access point</button>
<div class="flex flex-row items-center mt-8">
<div class="text-white pr-8">Yaml:</div>
<input type="file" class="text-white justify-center items-center border-white h-6" />
</div>
<button
on:click={() => dispatch('create')}
class="px-6 py-2 text-white bg-[#1D3920] mt-12 rounded-xl">Save access point</button
>
</div>
</div>
</div>
Frontend/src/routes/+page.svelte
+5 -5
View File
@@ -1,16 +1,16 @@
<script lang="ts">
let numberOfAccessPoints = 1;
let numberOfAccessPointsUp = 10;
let numberOfAccessPoints = 4;
let numberOfAccessPointsUp = 4;
</script>
<div class="height">
<div class="bg-[#05171E] rounded-lg w-3/4 h-full mx-auto mt-20 py-4 px-20">
<div class="text-white text-center text-3xl">Dashboard</div>
<div class="flex flex-row text-white mt-20 text-xl">
<div class="text-white text-center text-5xl">Dashboard</div>
<div class="flex flex-row text-white mt-20 text-3xl">
<div class="pr-2">Access point amount :</div>
<div>{numberOfAccessPoints}</div>
</div>
<div class="flex flex-row text-white mt-20 text-xl">
<div class="flex flex-row text-white mt-20 text-3xl">
<div class="pr-2">Access points up :</div>
<div>{numberOfAccessPointsUp}</div>
</div>
Frontend/src/routes/about/+page.svelte
+3 -3
View File
@@ -1,10 +1,10 @@
<div class="height">
<div class="bg-[#05171E] rounded-lg w-3/4 h-full mx-auto mt-20 py-4 px-20">
<div class="text-white text-center text-3xl">About</div>
<div class="flex flex-row text-white mt-20 text-xl">
<div class="text-white text-center text-5xl">About</div>
<div class="flex flex-row text-white mt-20 text-3xl">
This project was made by the Pátek team during the 2023 Junior AT&T Hackathon.
</div>
<div class="flex flex-row text-white mt-20 text-xl">
<div class="flex flex-row text-white mt-20 text-3xl">
It’s an open-source management tool for access points with
</div>
</div>
Frontend/src/routes/contact/+page.svelte
+6 -2
View File
@@ -1,7 +1,11 @@
<div class="height">
<div class="bg-[#05171E] rounded-lg w-3/4 h-full mx-auto mt-20 py-4 px-20">
<div class="text-white text-center text-3xl">Contact</div>
<div class="flex flex-row text-white mt-20 text-xl">patek@gbl.cz</div>
<div class="text-white text-center text-5xl">Contact</div>
<div class="flex flex-row text-white mt-20 text-3xl">Email: patek@gbl.cz</div>
<div class="flex flex-row text-white mt-20 text-3xl">Phone: +420 774 824 424</div>
<div class="flex flex-row text-white mt-20 text-3xl">
Address: Královická 668/23, 250 01 Brandýs nad Labem-Stará Boleslav
</div>
</div>
</div>
Frontend/src/routes/docs/+page.svelte
+13 -7
View File
@@ -1,13 +1,19 @@
<div class="height">
<div class="bg-[#05171E] rounded-lg w-3/4 h-full mx-auto mt-20 py-4 px-20">
<div class="text-white text-center text-3xl">Docs</div>
<div class="flex flex-row text-white mt-20 text-xl">
dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text
<div class="flex flex-row text-white mt-20 text-2xl">
Project PWC2 is a comprehensive solution designed for the multivendor management of Access
Point (AP) devices. It aims to provide a centralized platform for efficiently managing APs
from various vendors, streamlining operations, and enhancing network performance. This
documentation serves as a guide for understanding and implementing the features and
functionalities of the PWC2 project.
</div>
<div class="flex flex-row text-white mt-20 text-2xl">
System Overview The PWC2 system consists of the following key components: Management Console:
The central user interface where administrators can configure, monitor, and manage AP devices.
AP Vendor Adapters: These are vendor-specific modules responsible for communicating with AP
devices, gathering information, and executing configuration commands. Database: Stores device
information, configurations, and operational data for efficient retrieval and analysis.
</div>
</div>
</div>
Frontend/src/routes/settings/+page.svelte
+42 -10
View File
@@ -2,27 +2,59 @@
import AddAp from '$lib/components/AddAp.svelte';
import { onMount } from 'svelte';
onMount(async () => {
const res = await fetch('http://10.10.1.4:8080/api/v1/aps');
table = await res.json();
console.log(table);
});
function createAP() {
showAddApp = false;
//add to table new AP
table = [
...table,
{ Name: 'Cisák', Type: 'Cisco', Location: 'Serverovna', ID: 0, IP: '172.27.69.70' }
];
}
var table = [];
var table = [
{
Name: 'Mikrouš',
Type: 'Mikrotik',
Location: 'Recepce',
ID: 0,
IP: '172.27.69.66'
},
{
Name: 'Turrísek',
Type: 'Turris',
Location: 'Kancelář',
ID: 0,
IP: '172.27.69.67'
},
{
Name: 'T-Pod',
Type: 'TP-Link',
Location: 'Jídelna',
ID: 0,
IP: '172.27.69.68'
},
{
Name: 'Asusáč',
Type: 'Asus',
Location: 'Zasedačka',
ID: 0,
IP: '172.27.69.69'
}
];
let showAddApp = false;
</script>
{#if showAddApp}
<AddAp on:close={() => (showAddApp = false)} />
<AddAp on:close={() => (showAddApp = false)} on:create={() => createAP()} />
{/if}
<div class="height">
<div
class="bg-[#05171E] rounded-lg w-3/4 h-full overflow-y-auto mx-auto mt-20 py-4 px-20 relative"
>
<div class="text-white text-center text-3xl">Settings</div>
<table class="text-white border mx-auto mt-10">
<div class="text-white text-center text-5xl">Settings</div>
<table class="text-white border mx-auto mt-10 text-xl">
<tr>
<th class="title">ID</th>
<th class="title">Name</th>
@@ -49,7 +81,7 @@
<div class="flex justify-center my-10">
<button
on:click={() => (showAddApp = !showAddApp)}
class="text-white py-2 px-10 bg-[#1D3920] rounded-xl">Add access point</button
class="text-white py-2 px-10 bg-[#1D3920] rounded-xl text-xl">Add access point</button
>
</div>
</div>