Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit b2cc5a6

Browse filesBrowse files
nikoschamnikoscham
committed
Improve formatting in HeatConduction2DFin examples
1 parent 462a81c commit b2cc5a6
Copy full SHA for b2cc5a6

File tree

3 files changed

+31
-38
lines changed
Filter options

3 files changed

+31
-38
lines changed

‎examples/solidHeatTransferScript/HeatConduction2DFin/HeatConduction2DFin.html

Copy file name to clipboardExpand all lines: examples/solidHeatTransferScript/HeatConduction2DFin/HeatConduction2DFin.html
+1-5Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,7 @@ <h1>Heat Conduction in a Two-Dimensional Fin Example</h1>
4545

4646
<!-- Import FEAScript library -->
4747
<script type="module">
48-
import {
49-
FEAScriptModel,
50-
plotSolution,
51-
printVersion,
52-
} from "https://core.feascript.com/src/index.js";
48+
import { FEAScriptModel, plotSolution, printVersion } from "https://core.feascript.com/src/index.js";
5349

5450
window.addEventListener("DOMContentLoaded", () => {
5551
// Print FEAScript version in the console

‎examples/solidHeatTransferScript/HeatConduction2DFin/HeatConduction2DFinGmsh.html

Copy file name to clipboardExpand all lines: examples/solidHeatTransferScript/HeatConduction2DFin/HeatConduction2DFinGmsh.html
+15-19Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
white-space: pre-wrap;
3737
font-family: monospace;
3838
}
39-
39+
4040
.experimental-badge {
4141
background-color: #ff4500;
4242
color: white;
@@ -46,16 +46,16 @@
4646
margin-left: 10px;
4747
vertical-align: middle;
4848
}
49-
49+
5050
h1 .experimental-badge {
5151
font-size: 0.5em;
5252
vertical-align: middle;
5353
}
54-
54+
5555
#inputForm {
5656
margin: 20px 0;
5757
}
58-
58+
5959
.file-input-container {
6060
margin: 20px 0;
6161
}
@@ -67,30 +67,26 @@ <h1>GMSH File Import Tool <span class="experimental-badge">EXPERIMENTAL</span></
6767

6868
<div class="highlight-container">
6969
<p>
70-
This is an experimental example for solving the two-dimensional fin case using mesh generated by <a href="https://gmsh.info/" target="_blank">GMSH</a> (.msh) files. GMSH is a powerful mesh generation tool
71-
that can create complex geometries and meshes for finite element analysis. Upload a GMSH (.msh) file using the form below. The parsed data will be displayed in JSON format.
70+
This is an experimental example for solving the two-dimensional fin case using mesh generated by
71+
<a href="https://gmsh.info/" target="_blank">GMSH</a> (.msh) files. GMSH is a powerful mesh generation
72+
tool that can create complex geometries and meshes for finite element analysis. Upload a GMSH (.msh)
73+
file using the form below. The parsed data will be displayed in JSON format.
7274
</p>
7375
</div>
7476

7577
<ul id="menu">
7678
<li>
77-
<a href="HeatConduction2DFin.html">Return to Standard Example</a>
79+
<a href="HeatConduction2DFin.html" target="_blank">Return to Standard Example</a>
7880
</li>
7981
</ul>
80-
82+
8183
<div class="file-input-container">
8284
<form id="inputForm">
8385
<label for="inputFile">Choose a .msh file:</label>
84-
<input
85-
type="file"
86-
id="inputFile"
87-
name="inputFile"
88-
accept=".msh"
89-
required
90-
/>
86+
<input type="file" id="inputFile" name="inputFile" accept=".msh" required />
9187
</form>
9288
</div>
93-
89+
9490
<h3>Parsed GMSH Data:</h3>
9591
<div id="resultOutput">No file uploaded yet. Please select a GMSH (.msh) file.</div>
9692

@@ -102,11 +98,11 @@ <h3>Parsed GMSH Data:</h3>
10298
<!-- GMSH File Import Script -->
10399
<script type="module">
104100
import { importGmshQuadTri } from "../../../src/readers/gmshQuadReader.js";
105-
101+
106102
document.getElementById("inputFile").addEventListener("change", async function (e) {
107103
const file = e.target.files[0];
108104
if (!file) return;
109-
105+
110106
try {
111107
document.getElementById("resultOutput").innerHTML = "Processing file...";
112108
const res = await importGmshQuadTri(file);
@@ -121,7 +117,7 @@ <h3>Parsed GMSH Data:</h3>
121117
<!-- Import FEAScript utilities -->
122118
<script type="module">
123119
import { printVersion } from "https://core.feascript.com/src/index.js";
124-
120+
125121
window.addEventListener("DOMContentLoaded", () => {
126122
// Print FEAScript version in the console
127123
printVersion();

‎examples/solidHeatTransferScript/HeatConduction2DFin/HeatConduction2DFinWorker.html

Copy file name to clipboardExpand all lines: examples/solidHeatTransferScript/HeatConduction2DFin/HeatConduction2DFinWorker.html
+15-14Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -28,14 +28,19 @@
2828
<body>
2929
<h1>Heat Conduction in a Two-Dimensional Fin Example (Worker)</h1>
3030
<div id="solutionPlot"></div>
31-
<div id="loading"><div class="spinner"></div>Solving...</div>
31+
<div id="loading">
32+
<div class="spinner"></div>
33+
Solving...
34+
</div>
3235

3336
<p>
34-
This is a worker-based implementation of the heat conduction in a two-dimensional fin example using a larger mesh (18x9). This implementation enables better performance for larger simulations.
35-
The mesh configuration and boundary conditions are defined directly within the JavaScript code. Detailed instructions for this example can be
36-
found in the corresponding
37-
<a href="https://feascript.com/tutorials/HeatConduction2DFinWorker.html" target="_blank">FEAScript tutorial</a>.
38-
If you need further assistance, you can visit the
37+
This is a worker-based implementation of the heat conduction in a two-dimensional fin example using a
38+
larger mesh (18x9). This implementation enables better performance for larger simulations. The mesh
39+
configuration and boundary conditions are defined directly within the JavaScript code. Detailed
40+
instructions for this example can be found in the corresponding
41+
<a href="https://feascript.com/tutorials/HeatConduction2DFinWorker.html" target="_blank"
42+
>FEAScript tutorial</a
43+
>. If you need further assistance, you can visit the
3944
<a href="https://feascript.com/" target="_blank">FEAScript website</a>.
4045
</p>
4146

@@ -46,16 +51,12 @@ <h1>Heat Conduction in a Two-Dimensional Fin Example (Worker)</h1>
4651

4752
<!-- Import FEAScript library -->
4853
<script type="module">
49-
import {
50-
FEAScriptWorker,
51-
plotSolution,
52-
printVersion,
53-
} from "https://core.feascript.com/src/index.js";
54+
import { FEAScriptWorker, plotSolution, printVersion } from "https://core.feascript.com/src/index.js";
5455

5556
window.addEventListener("DOMContentLoaded", async () => {
5657
// Print FEAScript version in the console
5758
printVersion();
58-
59+
5960
// Show loading indicator
6061
document.getElementById("loading").style.display = "block";
6162

@@ -90,7 +91,7 @@ <h1>Heat Conduction in a Two-Dimensional Fin Example (Worker)</h1>
9091

9192
// Solve the problem and get the solution
9293
const { solutionVector, nodesCoordinates } = await model.solve();
93-
94+
9495
// Hide loading indicator
9596
document.getElementById("loading").style.display = "none";
9697

@@ -103,7 +104,7 @@ <h1>Heat Conduction in a Two-Dimensional Fin Example (Worker)</h1>
103104
"contour",
104105
"solutionPlot"
105106
);
106-
107+
107108
// Terminate the worker when done
108109
model.terminate();
109110
} catch (error) {

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.