update projects.
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<classpath>
|
||||
<classpathentry kind="src" output="bin/main" path="src/main/java">
|
||||
<classpathentry kind="src" output="bin/main" path="src/main/resources">
|
||||
<attributes>
|
||||
<attribute name="gradle_scope" value="main"/>
|
||||
<attribute name="gradle_used_by_scope" value="main,test"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" output="bin/main" path="src/main/resources">
|
||||
<classpathentry kind="src" output="bin/main" path="src/main/java">
|
||||
<attributes>
|
||||
<attribute name="gradle_scope" value="main"/>
|
||||
<attribute name="gradle_used_by_scope" value="main,test"/>
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
eclipse.preferences.version=1
|
||||
org.eclipse.jdt.core.classpath.outputOverlappingAnotherSource=ignore
|
||||
org.eclipse.jdt.core.compiler.codegen.targetPlatform=25
|
||||
org.eclipse.jdt.core.compiler.compliance=25
|
||||
org.eclipse.jdt.core.compiler.source=25
|
||||
@@ -37,6 +37,9 @@ dependencies {
|
||||
implementation 'org.openjfx:javafx-controls:25.0.1'
|
||||
implementation 'org.openjfx:javafx-graphics:25.0.1'
|
||||
implementation 'org.openjfx:javafx-web:25.0.1'
|
||||
|
||||
implementation project(':edu.addressbook')
|
||||
|
||||
}
|
||||
|
||||
// Apply a specific Java toolchain to ease working on different environments.
|
||||
|
||||
@@ -26,7 +26,7 @@ public class ApplicationView extends Application {
|
||||
});
|
||||
webEngine.setJavaScriptEnabled(true);
|
||||
|
||||
primaryStage.setTitle("View");
|
||||
primaryStage.setTitle("AddressBook View");
|
||||
try {
|
||||
String htmlUrl = getClass().getResource(page).toExternalForm();
|
||||
webEngine.load(htmlUrl);
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>View</title>
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<link rel="stylesheet" href="css/datatables.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main class="main">
|
||||
<ul>
|
||||
<li>Search</li>
|
||||
<li><a href="index.html">Close</a></li>
|
||||
</ul>
|
||||
<div class="main-content" style="height: 600px; width: 400px;">
|
||||
<table id="myTable" class="display">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Column 1</th>
|
||||
<th>Column 2</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Row 1 Data 1</td>
|
||||
<td>Row 1 Data 2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Row 2 Data 1</td>
|
||||
<td>Row 2 Data 2</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
<script src="js/datatables.min.js"></script>
|
||||
<script>
|
||||
"use strict"
|
||||
let table = new DataTable('#myTable');
|
||||
</script>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,50 @@
|
||||
html {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
min-width: 240px;
|
||||
min-height: 610px;
|
||||
|
||||
}
|
||||
|
||||
main {
|
||||
background-color: #af85db;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
ul.billboard {
|
||||
display: block;
|
||||
border-block-style: 2px solid #000;
|
||||
}
|
||||
|
||||
ul.billboard li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
div.billboard {
|
||||
display: block;
|
||||
padding-left: 300px;
|
||||
padding-right: 300px;
|
||||
padding-top: 200px;
|
||||
padding-bottom: 300px;
|
||||
background-color: #af85db;
|
||||
border-block-style: 2px solid #000;
|
||||
}
|
||||
|
||||
div.billboard-content {
|
||||
display: block;
|
||||
width: 200px;
|
||||
background-color: #efefef;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
@@ -5,12 +5,22 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>View</title>
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
|
||||
<script src="js/jquery.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<label>Hello World.</label>
|
||||
</main>
|
||||
<main class="main">
|
||||
<ul class="billboard">
|
||||
<li><a role="tab" href="book.html"><b>Browse</b></a></li>
|
||||
</ul>
|
||||
<div class="billboard">
|
||||
<div class="billboard-content">
|
||||
<div><b>Sherwin Price</b></div>
|
||||
<hr />
|
||||
<div><b>Address Book</b></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,10 @@
|
||||
"use strict";
|
||||
|
||||
document.addEventListener("readystatechange", (event) => {
|
||||
const ul = document.getElementById('log');
|
||||
const li = document.createElement('li');
|
||||
const p = document.createElement('p');
|
||||
p.textContent += `readystate: ${document.readyState}\n`;
|
||||
li.appendChild(p);
|
||||
ul.appendChild(li);
|
||||
});
|
||||
Reference in New Issue
Block a user