Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI/UX updated #91

Open
wants to merge 49 commits into
base: 2.0
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
49 commits
Select commit Hold shift + click to select a range
dc3cdd9
Merge pull request #62 from andrewnordlund/dev
andrewnordlund Oct 26, 2023
0f64169
Merge pull request #64 from andrewnordlund/main
andrewnordlund Oct 26, 2023
bfa638b
Merge branch '2021' into prod
andrewnordlund Oct 26, 2023
fb2dcac
Merge pull request #69 from andrewnordlund/main
andrewnordlund Oct 26, 2023
7784699
Merge branch 'dev' into prod
andrewnordlund Oct 28, 2023
f28991e
Merge branch 'main' into prod
andrewnordlund Oct 28, 2023
6bfcae2
Merge branch 'main' into prod
andrewnordlund Oct 29, 2023
5d3c22c
Merge branch 'main' into prod
andrewnordlund Oct 30, 2023
f443131
Fixed an issue with actings. It was a typo. A flippin' typo.
andrewnordlund Nov 1, 2023
182c17a
Merge pull request #80 from andrewnordlund/2021
andrewnordlund Nov 1, 2023
9d165d8
Merge branch 'main' into prod
andrewnordlund Nov 1, 2023
379d115
I think I fixed the IT-05 acting thing.
andrewnordlund Nov 1, 2023
fff33be
Uncommented setURL from when I commented it to debug.
andrewnordlund Nov 1, 2023
2589041
Merge pull request #81 from andrewnordlund/2021
andrewnordlund Nov 1, 2023
c5e07fc
Merge branch 'main' into prod
andrewnordlund Nov 1, 2023
1b53c89
Added stuff for French. Now just gotta get it translated.
andrewnordlund Nov 3, 2023
8b976a3
Update i18n.json
rlambert27 Nov 4, 2023
f370f9a
Update arrDeSalCalc.html
rlambert27 Nov 4, 2023
aac3aee
Update arrDeSalCalc.html
rlambert27 Nov 6, 2023
8a42917
Fixed some wording, added an other-language-link with styling, and fi…
andrewnordlund Nov 6, 2023
035e423
Fixed the Remove issue where I forgot to translate, and Add Another P…
andrewnordlund Nov 6, 2023
4833044
Fixed a typo in i18n.json.
andrewnordlund Nov 6, 2023
bae4ed5
Update arrDeSalCalc.html
rlambert27 Nov 7, 2023
e820c60
Update i18n.json
rlambert27 Nov 7, 2023
8af0e29
Update i18n.json
rlambert27 Nov 7, 2023
44d421a
Merge branch 'french' of github.com:andrewnordlund/backpayCalc into f…
andrewnordlund Nov 7, 2023
34647a7
Merge pull request #84 from andrewnordlund/french
andrewnordlund Nov 7, 2023
5e58712
Fixed a typo that's screwing up OT
andrewnordlund Nov 7, 2023
4732b69
Merge branch 'french' into main
andrewnordlund Nov 7, 2023
f50fbfc
Update arrDeSalCalc.html
rlambert27 Nov 8, 2023
e285233
Merge pull request #86 from andrewnordlund/french
andrewnordlund Nov 8, 2023
c4714dd
change back slashes forward slashes in HTML
shawnthompson Nov 10, 2023
db67128
Merge pull request #87 from shawnthompson/fix-slashes
andrewnordlund Nov 10, 2023
5f600ea
update the date modified on 2021 agreement calculator
shawnthompson Nov 10, 2023
66c1113
Merge pull request #88 from shawnthompson/update-date
andrewnordlund Nov 10, 2023
59b2515
updated date modified in JS
shawnthompson Nov 10, 2023
3ae8a19
Merge pull request #89 from shawnthompson/update-date
andrewnordlund Nov 10, 2023
05f2609
-Refined UI/UX for improved usability and mobile responsiveness
kylecancode Nov 28, 2023
596cbfa
Update README.md
kylecancode Nov 28, 2023
24328f2
Alignment fixes - added tooltip CSS
kylecancode Nov 29, 2023
f7da4a6
Merge branch 'main' of https://github.com/kylecancode/backpayCalc
kylecancode Nov 29, 2023
31603e8
Update raiseInfo.json
kylecancode Dec 20, 2023
11adfa0
IT-05 Exceptions
kylecancode Dec 20, 2023
a7e32ec
Changes from original repository Andrew Norland
kylecancode Dec 20, 2023
d3ee62f
Main
kylecancode Dec 20, 2023
70ca289
Main
kylecancode Dec 20, 2023
595f57e
Clone
kylecancode Dec 20, 2023
6c25557
clone
kylecancode Dec 20, 2023
d53dd2f
Update backpayCalc.html
kylecancode Dec 20, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
156 changes: 156 additions & 0 deletions 2021/arrDeSalCalc.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
<!DOCTYPE html>

<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <meta content="width=device-width,initial-scale=1" name="viewport"> -->
<title>Calculateur d’ajustement salarial rétroactif pour les conventions collectives du SCT</title>
<meta name="dc.title" content="Calculateur d’ajustement salarial rétroactif">
<meta name="dcterms.title" content="Calculateur d’ajustement salarial rétroactif">
<link rel="Stylesheet" type="text/css" href="../backpayCalc.css" >
</head>
<body>
<ul id="skipLinks">
<li><a href="#mainForm">Passe au contenu prinicpal</a></li>
<!-- <li><a href="#resultsDiv">Skip to Results</a></li> -->
</ul>
<header>
<div id="LangSwitcher">
<h2 class="invisibleStuff">Language Selection</h2>
<a id="langSwitchA" href="backpayCalc.html" lang="en">English</a>
</div>

<h1>Calculateur d’ajustement salarial rétroactif pour les conventions collectives du SCT</h1>
</header>
<main>
<details>
<summary><h2 class="summary">Comment fonctionne ce calculateur</h2></summary>
<p>Après avoir saisi toutes vos détails, ce calculateur décompose en <dfn>périodes</dfn> composées de plages de dates avec le même taux de rémunération annuel, horaire et/ou journalier.</p>
<p><p>Par exemple, disons que vous êtes devenu TI-02 (échelon 1) le 1er août 2019. Cet accord de principe entrerait en vigueur le <time datetime="2021-12-22">22 décembre 2021</time>. Aucun ajustement salarial ne sera calculé avant la date de début de l’entente de principe. Ainsi, du <time datetime="2021-12-22">22 décembre 2021</time> au <time datetime="2022-07-31">31 juillet 2022</time>, votre taux de rémunération annuel sera 79&nbsp;937&nbsp;$. C'est la première période. Ensuite, le <time datetime="2022-08-01">1er août 2022</time>, vous fêtez votre troisième anniversaire en tant que TI-02 et vous passez à l'échelon 4. À partir du <time datetime="2022-08-01">1er août 2022</time> au <time datetime="2022-12-21">21 décembre 2022</time>, vous bénéficierez d'un taux de rémunération annuel de 82&nbsp;340&nbsp;$. C'est la deuxième période.</p>
<p>Si vous commencez une période d'intérimaire, cela démarre une nouvelle période qui s'étend jusqu'à ce que votre salaire change à nouveau, soit par une augmentation dans l'accord de principe, soit par la fin de votre période d'intérimaire, soit par une augmentation d'anniversaire.</p>
<p>Tout ce qui entraîne une modification de votre taux de rémunération fait démarrer une nouvelle période. Et la période dure aussi longtemps que vous êtes à ce taux de rémunération.</p>
<p>Lorsque vous cliquez sur « Calculer », le calculateur prend en compte votre taux de rémunération annuel pour déterminer l'échelon auquel vous vous trouvez et la date de votre anniversaire (si vous n'êtes pas encore à l'échelon le plus élevé). Il prend toutes vos périodes d'intérimaire et de congés non payé et crée une succession de périodes ayant chacune son propre taux de rémunération. Ensuite, pour chacune de ces périodes, il calcule ce que vous avez gagné (sur la base des taux les plus élevés de la dernière convention collective) et ce que vous auriez gagné si l’entente de principe actuel avait été signé à la date d'entrée en vigueur de cet accord. Le tableau des résultats, qui apparaît sous le bouton Calculer après avoir cliqué dessus, affiche les montants ainsi que la différence, votre niveau, votre échelon, votre taux de rémunération et le nombre utilisé pour calculer ce taux de rémunération.</p>
<p>Pour chacune de ces périodes, le calculateur compte les jours de la semaine de la période et multiplie cela par le taux de rémunération journalier à cet échelon. <strong>Ce calculateur suppose que vous travaillez à temps plein selon un horaire régulier. Cela ne fonctionnera pas pour ceux qui travaillent à temps partiel ou qui travaillent selon des horaires irréguliers.</strong></p>
<p>Au cours de chaque période, l'argent supplémentaire gagné grâce aux heures supplémentaires, à la disponibilité ou aux vacances payés sera payé en fonction de votre taux de rémunération à ce moment-là.<p>
<p>En utilisant l'exemple ci-dessus, si vous effectuez 4 heures supplémentaires à taux et demi le <time datetime="2022-05-15">15 mai 2022</time>, cela fait partie de la premier période. En termes de calcul de votre ajustement salarial rétroactif, la date exacte à laquelle vous avez effectué ces heures supplémentaires n'a pas d'importance. Tout ce qui compte, c'est votre taux de rémunération pendant cette période. C'est pourquoi les dates dans le tableau des résultats ne sont pas les mêmes que celles que vous avez saisies dans les champs de date.</p>
<p>Cela signifie également que si vous effectuez une heure supplémentaire une fois par semaine pendant 4 semaines au cours d'une période donnée, vous n'avez pas besoin d'ajouter 4 montants d'heures supplémentaires distincts. Choisissez plutôt une seule date dans cette période et saisissez 4 heures.</p>
<h3>Ce que cette calculatrice ne fait pas</h3>
<dl><dt>Congé parental</dt><dd>Ce calculateur ne gère pas le congé parental. Je ne sais pas comment cela fonctionne. Si vous savez comment cela fonctionne et souhaitez l'ajouter, <a href="https://github.com/andrewnordlund/backpayCalc/">soumettez un problème sur le site GitHub</a> avec un lien ou une explication de son fonctionnement. Ou créez un "fork" du répertoire, ajoutez-le et soumettez une demande "pull request".</dd>
<dt>Conventions collectives autres que les groupes informatiques de l'IPFPC</dt><dd>Éventuellement, j'aimerais intégrer cela. Donc, si vous êtes un CS avec l'ARC, cela n'aura pas vos chiffres. Si vous êtes un AS, cela ne vous sera d'aucune utilité.</dd>
<dt>Travail à temps partiel</dt><dd>Si vous travaillez seulement 3 jours par semaine ou 5 heures par jour, cela ne vous aidera pas. Peut-être un jour.</dd>
</dl>
</details>
<details>
<summary><h2 class="summary">Quoi de neuf</h2></summary>
<h3><time datetime="2023-10-28">2023-10-28</time></h3>
<ul>
<li><strong>Accord de principe 2021-2025</strong> : J'ai ajouté les taux publiés dans notre accord de principe : 3,00 %, 4,75 % et 3,50 % pour 2021, 2022 et 2023 respectivement. Je n'ai pas ajouté les chiffres de 2024 car je pense que cet accord de principe sera soit rejetée, soit mise en œuvre d'ici là.</li>
</ul>
<h3><time datetime="2023-10-26">2023-10-26</time></h3>
<ul>
<li><strong>Accord de principe préliminaire 2021-2025</strong> : Nous avons un nouveau accord de principe. Je n'ai pas encore de détails, j'utilise donc une augmentation annuelle de 3,22 %, qui s'élève sur 4 ans à 1,35 %, et je suppose que l'accord de principe sera signé le 17 mars 2024, donc les ajustements salariales cesseront d'être calculer ensuite. Je mettrai à jour lorsque nous aurons plus de détails.<p>Alors, entrez vos détails maintenant, cliquez sur « Calculer », puis ajoutez la page à vos favoris. Revenez à ce favori lorsque plus de détails sont ajoutés et un tableau plus précis sera généré.</li>
</ul>
<h3><time datetime="2023-09-17">2023-09-17</time></h3>
<ul>
<li><strong>Quoi de neuf</strong> : Il existe désormais une liste de nouvelles fonctionnalités en haut de la page.</li>
<li><strong>Résultats pouvant être ajoutés à vos favoris</strong> : Lorsque vous cliquez sur le bouton « Calculer », l'URL dans la barre d'adresse est mise à jour avec les informations que vous avez saisies. Cela vous permet d'ajouter à vos favoris ou de partager les résultats.</li>
</ul>
</details>
<form id="mainForm" tabindex="-1">
<h2>Vos informations</h2>
<p><strong>Remarque :</strong> Toutes les dates doivent être dans le format <span id="dateFormat">AAAA-MM-JJ</span>.</p>
<div class="fieldHolder">
<label for="levelSelect">Sélectionnez votre niveau le 22 décembre 2021 (de votre poste d'attache)</label>
<select id="levelSelect">
<option value="0">Sélectionnez votre niveau</option>
<option value="1">TI-01</option>
<option value="2">TI-02</option>
<option value="3">TI-03</option>
<option value="4">TI-04</option>
<option value="5">TI-05</option>
</select>
</div>
<div class="fieldHolder">
<label for="startDateTxt">Quand avez-vous commencé à ce niveau ?</label>
<p id="startDateDesc">Par exemple, si vous avez commencé en tant qu'IT-02 le 15 mars 2015, saisissez <time>2015-03-15</time>.</p>
<input type="date" id="startDateTxt" aria-describedby="dateFormat startDateDesc" value="">
</div>
<div class="fieldHolder">
<label for="stepSelect">Sélectionnez votre salaire le <time datetime="2021-12-22" id="calcStartDate">22 décembre 2021</time> (de votre poste d'attache)</label>
<select id="stepSelect">
</select>
</div>
<div class="fieldHolder">
<label for="endDateTxt">Quel est le dernier jour où ce calcul devrait cesser ?</label>
<input type="date" id="endDateTxt" aria-describedby="endDateFormat dateFormat lastDayBug" value="2024-03-17">
<span id="endDateFormat" class="helper">(soit la date à laquelle vous avez cessé d’être TI ou la date de mise en œuvre du contrat)</span>
</div>
<fieldset id="promotionsFS">
<legend>Promotions</legend>
<p id="promoDesc">Avez-vous été promu (à un autre niveau TI) pendant cette période ? (Les promotions au niveau EX doivent être considérées comme un congé sans solde.)</p>
<div class="fieldHolder">
<button id="addPromotionBtn" aria-describedby="promoDesc" type="button">Ajouter une promotion</button>
</div>
<div id="promotionsDiv"></div>
</fieldset>
<fieldset id="actingFS">
<legend>Intérimaire</legend>
<input type="button" id="addActingBtn" value="Ajoutez une période intérimaire">
<div id="actingsDiv"></div>
</fieldset>
<fieldset id="LWoPFS">
<legend>Congé non payé</legend>
<input type="button" id="addLwopBtn" value="Ajouter une période de congé non payé">
<div id="LWoPDiv"></div>
</fieldset>
<fieldset id="overtimeFS">
<legend>Heures supplémentaires/disponibilité</legend>
<p id="overtimeExp">Vous n'avez pas besoin d'inclure chaque instance d'heures supplémentaires. Juste un total d'heures pour chaque taux (1,5 ou 2,0) par période. Exemple : si vous avez travaillé une heure supplémentaire chaque jour pendant une semaine pendant laquelle votre taux de rémunération n'a pas changé, saisissez n'importe quelle date au cours de cette semaine, puis saisissez 5 pour le nombre d'heures et 1,5x pour le taux.</p>
<input type="button" id="addOvertimeBtn" value="Ajouter les heures supplémentaires" aria-describedby="overtimeExp">
<div id="overtimeDiv"></div>
</fieldset>
<fieldset id="lumpSumsFS">
<legend>Paiements forfaitaires</legend>
<p id="lumpSumExp">Exemple : paiement de vacances non utilisé.</p>
<input type="button" id="addLumpSumBtn" value="Ajouter un paiement forfaitaire" aria-describedby="lumpSumExp">
<div id="lumpSumDiv"></div>
</fieldset>
<div class="fieldHolder">
<input type="button" id="calcBtn" value="Calculer">
</div>
</form>
<div id="resultsDiv" tabindex="-1">
<h2>Résultats</h2>
<p>Tous les montants sont bruts. Vous devrez calculer vos propres impôts. (Et parfois, vos impôts sont assez bruts ! Ha Ha Ha!)</p>
<table id="resultsTable">
<caption>Périodes de paie</caption>
<thead>
<tr id="resultsTheadTR">
<th scope="col">Période</th>
<th scope="col">Ce que vous avez gagné</th>
<th scope="col">Ce que vous auriez dû gagner</th>
<th scope="col">Montant de l'ajustement</th>
</tr>
</thead>
<tbody id="resultsBody">
</tbody>
<tfoot id="resultsFoot">
</tfoot>
</table>
</div>
</main>
<footer>
<h2>Note</h2>
<p>Ce calculateur a été conçu de façon « artisanale ». Il est présenté « tel quel » à titre de référence seulement. Il n’y a absolument aucune garantie d’exactitude ou de conformité. Il doit être utilisé comme un outil informel sans aucune valeur officielle.</p>
<p>Vous voyez un problème ? Vous avez une suggestion ? <a href="https://github.com/andrewnordlund/backpayCalc/issues">Soumettre un problème</a>.</p>
<p>Retour à la page d'accueil du <a href="../index.html">calculateur d’ajustement salarial rétroactif</a>.</p>
<script src="backpayCalc.js"></script>
<div id="resultStatus" role="status" aria-live="polite" class="invisibleStuff"></div>
<dl>
<dt>Dernière modification :</dt>
<dd><time id="lastModTime" datetime="2021-04-05">2021-04-06</time</dd>
</dl>
</footer>
</body>
</html>
Loading