unimore/triennale-appunti-steffo
unimore/triennale-appunti-steffo
1
Fork 0
mirror of https://github.com/Steffo99/unisteffo.git synced 2024-11-22 16:04:21 +00:00
Code Activity

Use context for Latex Render Color

Browse source
This commit is contained in:
Steffo 2020-05-23 23:23:45 +02:00
parent 6a8b39e276
commit 2e4567de4f
Signed by: steffo
GPG key ID: 896A80F55F7C97F0
4 changed files with 40 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/latex.js
View file

@ -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}
/>);
}
}
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}
/>);
}

3
src/contexts/LatexRenderColor.js Normal file
View file

@ -0,0 +1,3 @@
import {createContext} from "preact";
export default createContext("White");

29
src/index.js
View file

@ -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>
);
}

5
src/routes/ottimizzazioneLineare.js
View file

@ -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>