adding unit test for rendering site and fixing LP export issue (#28)

* Initial Push

Inititial project state

* Static demo version

* static demo site - added variables

a

* first_implementation

* Updated UI, Improved Style to be more "Reactly", added Functionality

* add parsing functions

* change folder

* Import/Export Prototype

* Adding "reactjs-popup" to package,json

* Adding GLPK source

* Rough implementation of solver + example

* Show solution in output

* example 2 + popup lib

* removing import button

This feature won't be needed in this state of the project and might come back later. Right now it serves no functional purpose.

* Removing "Popout" button

This feature won't be needed in this state of the project and might come back later. Right now it serves no functional purpose.

* Updating Logs

Now the site displays all logs created with customLog(STRING). Logs can be cleared with customLogClear();

* Adding walltime

Can be called using:

Start:
function walltimeStart() {
returns Date.now();

Stop:
function walltimeStopAndPrint(startpoint: number) {
Add startpoint as argument.
It prints the elapsed time using customLog()

* Adding duals ouput

* Adding glpk.js package

required dependency

* adding LP format export and fixing a few errors

* fixing further errors

* adding automatic build

* Moving files to correct folders

* Update nextjs.yml

* Updating README and .gitignore

README:
- added installation instructions
- added troubleshooting

gitignore:
- skipping Writerside and .idea folders

* Update LICENCE.txt

We are required to use the same license. See https://github.com/hgourvest/node-glpk/blob/master/LICENSE

* Updating icon

* Adding RegEx input checks and updating text box explanations

* Update README.md

Updating license info

Signed-off-by: SinusFox <61253950+SinusFox@users.noreply.github.com>

* Deleting license to recreate proper license

* Update layout.tsx

fixing typo

Signed-off-by: SinusFox <61253950+SinusFox@users.noreply.github.com>

* Fixing word issue

English has some false friends... like the German "Enter" is actually return in English.

* Updatint License

* Fixing design issue and updating license link

* Fixing typo in log

* Fixing white mode

* adding translations 1/2

UI Translations

Coming in 2/2: Output translations

* adding output translations

* adding minimize button

* adding unit test for rendering home page

* fixing maxmin on lp export

* Update .gitignore

* Update .gitignore

* Update scripts.ts

* Update scripts.ts

* Update README.md

* adding tests

---------

Signed-off-by: SinusFox <61253950+SinusFox@users.noreply.github.com>
Co-authored-by: moebiusl <lucas.moebius@icloud.com>
Co-authored-by: Marcel Pöppe <marcel.poeppe@gmail.com>

src/app/page.tsx

@@ -2,11 +2,13 @@
 
 import React, { useState } from 'react';
 import { Box, Button, Output } from "./modules";
-import { calculate_clickMaximize, calculate_clickMinimize, downloadLP, import_click } from "./scripts"
-import text from "./lang"
+import { calculate_click, downloadLP } from "./scripts";
+import text from "./lang";
 
 export default function Home() {
   const [language, setLanguage] = useState('eng');
+  const [maxminOption, setMaxminOption] = useState('maximize');
+
   const tr_hTitle = text(language, 'header_title');
   const tr_hSubtitle = text(language, 'header_subtitle');
   const tr_boxObjTitle = text(language, 'boxObjTitle');
@@ -21,21 +23,27 @@ export default function Home() {
   const tr_boxExportLP = text(language, "boxExportLP");
   const tr_calc_max = text(language, "maximize");
   const tr_calc_min = text(language, "minimize");
+  const tr_calcButton = text(language, "buttonCalc");
 
   const handleLanguageChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
     setLanguage(event.target.value);
   };
 
+  const handleMaxMinChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+    setMaxminOption(event.target.value);
+  };
+    
   return (
     <>
       <header className="header">
         <div className="title">
           <main className="header_box">
             {tr_hTitle}
-            <br></br>
+            <br />
             <span className="header_copyright">
               <i>{tr_hSubtitle}</i>
-            </span><br></br>
+            </span>
+            <br />
             <select id="language_current" value={language} onChange={handleLanguageChange} className="dropdown-custom">
               <option value="ger">Deutsch</option>
               <option value="eng">English</option>
@@ -46,35 +54,42 @@ export default function Home() {
       <Box
         title={tr_boxObjTitle}
         placeholder={tr_boxObjDesc}
-        id="objective" />
+        id="objective"
+      />
       <Box
         title={tr_boxSubjTitle}
         placeholder={tr_boxSubjDesc}
-        id="subject" />
+        id="subject"
+      />
       <Box
         title={tr_boxBoundsTitle}
         placeholder={tr_boxBoundsDesc}
-        id="bounds" />
+        id="bounds"
+      />
       <Box
         title={tr_boxVarsTitle}
         placeholder={tr_boxVarsDesc}
-        id="vars" />
+        id="vars"
+      />
+      <select id="maxminswitch" value={maxminOption} onChange={handleMaxMinChange} className="dropdown-custom-maxmin">
+        <option value="maximize">{tr_calc_max}</option>
+        <option value="minimize">{tr_calc_min}</option>
+      </select>
       <Button
-        title={tr_calc_max}
+        title={tr_calcButton}
         className={"button_green"}
-        onClickFunc={calculate_clickMaximize} />
-      <Button
-        title={tr_calc_min}
-        className={"button_green"}
-        onClickFunc={calculate_clickMinimize} />
+        onClickFunc={calculate_click}
+      />
       <Button
         title={tr_boxExportLP}
         className={"button"}
-        onClickFunc={downloadLP} />
-      <br></br>
+        onClickFunc={downloadLP}
+      />
+      <br />
       <Output
         id="out"
-        text={tr_boxOut} />
+        text={tr_boxOut}
+      />
     </>
   );
 }