Compare commits

..

2 Commits

2 changed files with 27 additions and 77 deletions

View File

@ -2,8 +2,6 @@
Sehr einfacher Rechner um Einnahmen und Betrag der Richtung KoLe-Konto fließen kann abzuschätzen.
Der Rechner ist unter https://rechner.wtf-eg.de/ eurem persönlichem LDAP-Login der WTF verfügbar.
## Disclaimer
Keine Garantie auf Korrektheit.
@ -13,12 +11,12 @@ Die tatsächlichen Beträge können insbesondere weiteren Abgaben und Steuern un
Solange die Datei nicht auf einem Webserver online liegt, lässt sie sich auf dem eigenen Rechner direkt offline nutzen.
Dazu schlicht im Repository die rohe `kole.html` (Schaltfläche „Raw“) aufrufen, auf dem eigenen Gerät speichern und lokal im Browser öffnen.
Dazu schlicht im Repository die rohe [kole.html](https://git.wtf-eg.de/vv01f/simplekolecalc/raw/branch/main/kole.html) aufrufen, auf dem eigenen Gerät speichern und im Browser öffnen.
## Verbesserungen
Sehr willkommen sind Beiträge über Pullrequests oder Diskussionen in den Issues. Wenn das Gitea nicht so sehr liegt, gerne auch [im Foren-Thread](https://forum.wtf-eg.de/t/brutto-nette-rechner-fuer-geno-interna/919) oder eine Nachricht im Forum an Beteiligte schreiben.
Sehr willkommen sind Beiträge über Pullrequests oder Diskussionen in den Issues. Wenn das Gitea nicht so sehr lieht, gerne auch [im Foren-Thread](https://forum.wtf-eg.de/t/brutto-nette-rechner-fuer-geno-interna/919) oder eine Nachricht im Forum an Beteiligte schreiben.
## Beitragende

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>Rechner zwischen Brutto-Netto-KoLe</title>
<link rel="stylesheet" href="https://wtf-eg.de/css/style.css"/>
<link rel="stylesheet" href="https://wtf-eg.de/css/style.css?h=56fa462e"/>
<style>
<!--
@media only screen {
@ -21,7 +21,9 @@
font-size: 1.2em;
}
}
<!--
body { font-family: sans-serif; }
-->
#wrap {
display: inline-block;
}
@ -49,15 +51,6 @@
text-align: center;
margin: 1ex auto 2ex auto;
}
#center_footer {
display: flex;
align-items: center;
justify-content: center;
}
.footnotes {
margin-top: 1em;
font-size: 0.9em;
}
</style>
</head>
<body>
@ -69,15 +62,13 @@
<fieldset>
<legend></legend>
<section class="radiogroup">
<legend>Eingangsgr&ouml;&szlig;e</legend><!--
--><input accesskey="b" type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/>&nbsp;<label for="bb"><u>B</u>rutto</label><!--
--><input accesskey="n" type="radio" name="b" value="b" id="bn" class="bb"/>&nbsp;<label for="bn"><u>N</u>etto</label><!--
--><input accesskey="k" type="radio" name="b" value="k" id="bk" class="bb"/>&nbsp;<label for="bk"><u>K</u>oLe</label>
<legend>Eingangsgröße</legend>
<input accesskey="b" type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/><label for="bb"><u>B</u>rutto</label><input accesskey="n" type="radio" name="b" value="b" id="bn" class="bb"/><label for="bn"><u>N</u>etto</label><input accesskey="k" type="radio" name="b" value="k" id="bk" class="bb"/><label for="bk"><u>K</u>oLe</label>
</section>
<section>
<div>
<label for="e">Br<u>u</u>tto</label>
<input accesskey="u" type="number" step="0.01" id="e" value="100.00"/>&thinsp;&euro;
<input accesskey="u" type="number" step="0.01" id="e" value="100.00"/>&thinsp;
</div>
<div>
<label for="u">Umsatzsteuersatz</label>
@ -85,39 +76,29 @@
</div>
<div>
<label for="us">Umsatzsteuer</label>
<input readonly="readonly" type="number" step="0.01" id="us" value="0.00"/>&thinsp;&euro;
<input readonly="readonly" type="number" step="0.01" id="us" value="0.00"/>&thinsp;
</div>
<div>
<label for="n">Ne<u>t</u>to</label>
<input accesskey="t" type="number" step="0.01" id="n" value="0.00"/>&thinsp;&euro;
</div>
<div>
<label for="ec">Entropie-Tarif&#x202F;&sup1;</label><!-- ggf. k&uuml;nftig Grundlage wie Handbuch/Dokumentation verlinken -->
<select id="ec">
<option value="l" accesskey="l" name="low">Umsatz &leq; 15.000&nbsp;&euro;</option><!-- low: <=1 TEUR -->
<option value="h" accesskey="h" name="high">Umsatz &gt; 15.000&nbsp;&euro;</option><!-- high: >1 TEUR -->
<option value="c" accesskey="c" name="custom">nach&nbsp;Vereinbarung</option><!-- custom: separate agreement -->
</select>
<label for="n">N<u>e</u>tto</label>
<input accesskey="e" type="number" step="0.01" id="n" value="0.00"/>&thinsp;
</div>
<div>
<label for="z">Entropieumlagesatz</label>
<input type="number" step="0.01" id="z" value="20.00"/>&thinsp;%
<input type="number" step="0.01" id="z" value="23.00"/>&thinsp;%
</div>
<div>
<label for="eu">Entropieumlage</label>
<input readonly="readonly" type="number" step="0.01" id="eu" value="20.00"/>&thinsp;&euro;
<input readonly="readonly" type="number" step="0.01" id="eu" value="23.00"/>&thinsp;
</div>
<div>
<label for="k">K<u>o</u>Le</label>
<input accesskey="o" type="number" step="0.01" id="k" value="0.00"/>&thinsp;&euro;
<input accesskey="o" type="number" step="0.01" id="k" value="0.00"/>&thinsp;
</div>
</section>
<section>
<button accesskey="r" id="b" type="button">Be<u>r</u>echnen</button>
<button accesskey="c" id="b" type="button">Bere<u>c</u>hnen</button>
</section>
<div class="footnotes">
&sup1;&#x202F;Es wird der monatliche Umsatz zugrunde gelegt.
</div>
</fieldset>
<script>
@ -132,7 +113,6 @@
var bn=document.getElementById('bn');
var bk=document.getElementById('bk');
var s = document.getElementById('b');
var c = document.getElementById('ec');
function getFormFloat(f){
return parseFloat(f.value);
@ -157,36 +137,8 @@
});
e.addEventListener('change', function(){bb.checked = true;});
n.addEventListener('change', function(){bn.checked = true;});
c.addEventListener('change', function(){
var selInd=this.selectedIndex;
console.log('Entropie-Tarif: '+selInd+'('+z.disabled+': '+z.value+')');
switch(selInd){
case 0: //low: <15.000 EUR revenue
//20.0 %
z.value='20.00';
z.disabled=true;
break;;
case 1: //high: >15.000 EUR revenue
//15 %
z.disabled=true;
z.value='15.0';
break;;
case 2: //custom: according toseparate agreement
z.disabled=false;
//~ z.focus();
break;;
}
});
// set entropy tax to standard value
c.selectedIndex=0;
z.value='20.00';
z.disabled=true;
// calc
s.click();
</script>
<div id="center_footer">
<p>Der Quellcode befindet sich unter <a href="https://git.wtf-eg.de/wtf-eg/simplekolecalc">https://git.wtf-eg.de/wtf-eg/simplekolecalc</a>. </p>
</div>
</div>
</body>
</html>