From 2e4567de4fd45c25d52715193cbe0f93b24016e5 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <ste.pigozzi@gmail.com>
Date: Sat, 23 May 2020 23:23:45 +0200
Subject: [PATCH] Use context for Latex Render Color

---
 src/components/latex.js             | 28 ++++++++++++++++------------
 src/contexts/LatexRenderColor.js    |  3 +++
 src/index.js                        | 29 ++++++++++++++++-------------
 src/routes/ottimizzazioneLineare.js |  5 +++++
 4 files changed, 40 insertions(+), 25 deletions(-)
 create mode 100644 src/contexts/LatexRenderColor.js

diff --git a/src/components/latex.js b/src/components/latex.js
index 829866c..b0d7b55 100644
--- a/src/components/latex.js
+++ b/src/components/latex.js
@@ -1,14 +1,18 @@
 import style from './latex.css';
-import { Component } from 'preact';
+import {useContext} from "preact/hooks";
+import LatexRenderColor from "../contexts/LatexRenderColor";
 
-export default class Latex extends Component {
-	render() {
-		let equation = `{\\color{White} ${this.props.children} }`;
-		return (
-			<img src={`https://latex.codecogs.com/svg.latex?${equation}`}
-				 alt={this.props.children}
-			     title={this.props.children}
-			     class={style.latex}
-			/>);
-	}
-}
\ No newline at end of file
+export default function(props) {
+	let renderColor = useContext(LatexRenderColor);
+
+	// black, blue, brown, cyan, darkgray, gray, green, lightgray, lime, magenta, olive, orange, pink, purple, red, teal, violet, white, yellow
+	let inline = props.inline ? `\\inline` : "";
+
+	let equation = `${inline} {\\color{${renderColor}} ${props.children} }`;
+	return (
+		<img src={`https://latex.codecogs.com/svg.latex?${equation}`}
+			 alt={props.children}
+			 title={props.children}
+			 class={style.latex}
+		/>);
+}
diff --git a/src/contexts/LatexRenderColor.js b/src/contexts/LatexRenderColor.js
new file mode 100644
index 0000000..0c25062
--- /dev/null
+++ b/src/contexts/LatexRenderColor.js
@@ -0,0 +1,3 @@
+import {createContext} from "preact";
+
+export default createContext("White");
diff --git a/src/index.js b/src/index.js
index 5995921..467126e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -22,25 +22,28 @@ import OttimizzazioneLineare from "./routes/ottimizzazioneLineare";
 import BasiDiDati from './routes/basiDiDati';
 import CalcoloNumerico from './routes/calcoloNumerico';
 import ApprendimentoSistemiArtificiali from "./routes/apprendimentoSistemiArtificiali";
+import LatexRenderColor from "./contexts/LatexRenderColor";
 
 // noinspection JSUnusedGlobalSymbols
 export default class App extends Component {
 	render() {
 		return (
 			<div id="app">
-				<h1><a href="/">Appuntiweb</a> <small>di <a href="https://steffo.eu/">Steffo</a></small></h1>
-				<Router history={createHashHistory()}>
-					<Home path="/"/>
-					<Fisica path="/fisica"/>
-					<VlDiGeometria path="/vldigeometria"/>
-					<MingwInstall path="/mingwinstall"/>
-					<Statistica path="/statistica"/>
-					<OttimizzazioneLineare path="/ottimizzazionelineare"/>
-					<BasiDiDati path="/basididati"/>
-					<CalcoloNumerico path="/calcolonumerico"/>
-					<ApprendimentoSistemiArtificiali path={"/apprendimentosistemiartificiali"}/>
-				</Router>
-				<Copyright/>
+				<LatexRenderColor.Provider value={"White"}>
+					<h1><a href="/">Appuntiweb</a> <small>di <a href="https://steffo.eu/">Steffo</a></small></h1>
+					<Router history={createHashHistory()}>
+						<Home path="/"/>
+						<Fisica path="/fisica"/>
+						<VlDiGeometria path="/vldigeometria"/>
+						<MingwInstall path="/mingwinstall"/>
+						<Statistica path="/statistica"/>
+						<OttimizzazioneLineare path="/ottimizzazionelineare"/>
+						<BasiDiDati path="/basididati"/>
+						<CalcoloNumerico path="/calcolonumerico"/>
+						<ApprendimentoSistemiArtificiali path={"/apprendimentosistemiartificiali"}/>
+					</Router>
+					<Copyright/>
+				</LatexRenderColor.Provider>
 			</div>
 		);
 	}
diff --git a/src/routes/ottimizzazioneLineare.js b/src/routes/ottimizzazioneLineare.js
index acaff64..2077552 100644
--- a/src/routes/ottimizzazioneLineare.js
+++ b/src/routes/ottimizzazioneLineare.js
@@ -193,6 +193,11 @@ export default class OttimizzazioneLineare extends Component {
                             <li>Il <b>termine noto</b> della funzione obiettivo è il tuo risultato.</li>
                         </ol>
                     </Panel>
+                    <Panel title={"Sotto forma di tableau"}>
+                        <p>
+                            Se il problema è rappresentato in forma di tableau, allora esso è risolvibile applicando l'algoritmo di Gauss-Jordan, in aggiunta tenendo conto delle regole per la selezione delle variabili entranti e uscenti.
+                        </p>
+                    </Panel>
                     <Panel title={"Criteri per la variabile entrante"}>
                         <ul>
                             <li>Coefficiente maggiore nella funzione obiettivo.</li>