Skip to content

Develop triangle spa #123

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Jun 27, 2025
Merged

Develop triangle spa #123

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
aff4fab
Triangle classifier SPA
mesfinassres Apr 29, 2025
05df979
Triangle classifier SPA
mesfinassres Apr 29, 2025
4ec3438
Triangle classifier SPA
mesfinassres May 6, 2025
6446f87
Triangle classifier SPA updated
mesfinassres May 13, 2025
662b1c5
Triangle classifier SPA updated for text input
mesfinassres May 22, 2025
1749495
Triangle classifier SPA updated for text input
mesfinassres May 22, 2025
254f58e
Triangle classifier SPA updated for text input converted Integer.pars…
mesfinassres Jun 24, 2025
6e43d4b
Merge branch 'develop' of https://github.com/WebFuzzing/EMB into deve…
arcuri82 Jun 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 58 additions & 1 deletion jdk_21_maven/cs/web/triangle-spa/pom.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,58 @@
TODO replace me
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>3.4.3</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.example</groupId>
<artifactId>trianglespa</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>TriangleSPA</name>
<description>TriangleSPA</description>
<url/>
<licenses>
<license/>
</licenses>
<developers>
<developer/>
</developers>
<scm>
<connection/>
<developerConnection/>
<tag/>
<url/>
</scm>
<properties>
<java.version>21</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>

</project>
12 changes: 12 additions & 0 deletions ...ven/cs/web/triangle-spa/src/main/java/com/example/trianglespa/TriangleSPAApplication.java
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
package com.example.trianglespa;

import org.springframework.boot.autoconfigure.SpringBootApplication;

import static org.springframework.boot.SpringApplication.*;

@SpringBootApplication
public class TriangleSPAApplication {
public static void main(String[] args) {
run(TriangleSPAApplication.class, args);
}
}
30 changes: 30 additions & 0 deletions jdk_21_maven/cs/web/triangle-spa/src/main/resources/static/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Triangle Classifier SPA</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Triangle Classifier SPA</h1>

<div id="main-view">
<form id="triangleForm">
<label for="a">Side A:</label>
<input type="text" id="a" name="a" required><br>

<label for="b">Side B:</label>
<input type="text" id="b" name="b" required><br>

<label for="c">Side C:</label>
<input type="text" id="c" name="c" required><br>

<button type="submit">Classify</button>
</form>

<div id="result" class="hidden result"></div>
</div>

<script src="script.js"></script>
</body>
</html>
44 changes: 44 additions & 0 deletions jdk_21_maven/cs/web/triangle-spa/src/main/resources/static/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
function classifyTriangle(a, b, c) {
a = Number(a);
b = Number(b);
c = Number(c);

if (a <= 0 || b <= 0 || c <= 0 || a + b <= c || a + c <= b || b + c <= a) {
return "not-a-triangle";
} else if (a === b && b === c) {
return "equilateral";
} else if (a === b || b === c || a === c) {
return "isosceles";
} else {
return "scalene";
}
}

document.getElementById("triangleForm").addEventListener("submit", function (event) {
event.preventDefault();

const a = document.getElementById("a").value;
const b = document.getElementById("b").value;
const c = document.getElementById("c").value;

const resultType = classifyTriangle(a, b, c);
const resultText = `Result: ${resultType.replace(/-/g, " ")}`;

// Update URL and show result
history.pushState({ a, b, c }, "", `/${resultType}`);
const resultEl = document.getElementById("result");
resultEl.textContent = resultText;
resultEl.classList.remove("hidden");
});

// Handle back/forward navigation
window.onpopstate = function () {
const resultEl = document.getElementById("result");
if (location.pathname === "/") {
resultEl.classList.add("hidden");
} else {
const text = location.pathname.slice(1).replace(/-/g, " ");
resultEl.textContent = `Result: ${text}`;
resultEl.classList.remove("hidden");
}
};
38 changes: 38 additions & 0 deletions jdk_21_maven/cs/web/triangle-spa/src/main/resources/static/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
body {
font-family: Arial, sans-serif;
padding: 30px;
background-color: #f9f9f9;
}

h1 {
color: #333;
}

form {
margin-bottom: 20px;
}

label {
margin-right: 10px;
}

input {
margin-bottom: 10px;
padding: 5px;
width: 60px;
}

button {
padding: 6px 12px;
cursor: pointer;
}

.result {
margin-top: 20px;
font-weight: bold;
color: #00529B;
}

.hidden {
display: none;
}
8 changes: 4 additions & 4 deletions ...1_maven/cs/web/triangle-ssr/src/main/java/com/example/springmvcdocker/FormController.java
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,11 @@ public String showForm() {

@PostMapping("/process")
public String processForm(
@RequestParam("a") int a,
@RequestParam("b") int b,
@RequestParam("c") int c)
@RequestParam("a") String a,
@RequestParam("b") String b,
@RequestParam("c") String c)
{
int value = TriangleClassification.classify(a, b, c);
int value = TriangleClassification.classify(Integer.parseInt(a), Integer.parseInt(b), Integer.parseInt(c));
String triangleType = getTriangleType(value);
return "redirect:/" + triangleType.toLowerCase().replace(" ", "-");
}
Expand Down
8 changes: 4 additions & 4 deletions jdk_21_maven/cs/web/triangle-ssr/src/main/resources/templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
<title>SUT</title>
</head>
Expand All @@ -9,13 +9,13 @@ <h2>Triangle classification</h2>
<h2>Enter side values:</h2>
<form action="/process" method="post">
<label for="a">Side A:</label>
<input type="number" id="a" name="a" required><br><br>
<input type="text" id="a" name="a" required><br><br>

<label for="b">Side B:</label>
<input type="number" id="b" name="b" required><br><br>
<input type="text" id="b" name="b" required><br><br>

<label for="c">Side C:</label>
<input type="number" id="c" name="c" required><br><br>
<input type="text" id="c" name="c" required><br><br>

<button type="submit">Submit</button>
</form>
Expand Down