From 84ba0dbb642dde94406106ac0bb7e8a65250457f Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Mon, 4 Mar 2024 13:47:55 +0100
Subject: [PATCH] bootstrap 5 upgrade (tooltips,cards,margins,..)

---
 .../lehre/anrechnung/requestAnrechnung.php    | 243 +++++++++---------
 public/css/lehre/anrechnung.css               |   9 +-
 2 files changed, 126 insertions(+), 126 deletions(-)

diff --git a/application/views/lehre/anrechnung/requestAnrechnung.php b/application/views/lehre/anrechnung/requestAnrechnung.php
index c2212adbc..28ef017c4 100644
--- a/application/views/lehre/anrechnung/requestAnrechnung.php
+++ b/application/views/lehre/anrechnung/requestAnrechnung.php
@@ -68,14 +68,14 @@ $this->load->view(
     }
 </style>
 
-<div id="page-wrapper">
+<div  id="page-wrapper">
     <div class="container-fluid">
         <!-- header -->
         <div class="row">
-            <div class="col-lg-12 page-header">
-                <h3>
+            <div class="col-12 mt-4 mb-3 pb-2 border-bottom">
+                <h3 class="fw-normal mt-2 mb-1">
 					<?php echo $this->p->t('anrechnung', 'anerkennungNachgewiesenerKenntnisse'); ?>
-                    <small>| <?php echo $this->p->t('anrechnung', 'antragStellen'); ?></small>
+                    <small class="text-secondary fs-6">| <?php echo $this->p->t('anrechnung', 'antragStellen'); ?></small>
                 </h3>
             </div>
         </div>
@@ -84,8 +84,8 @@ $this->load->view(
         <div class="row">
             <div class="col-8">
 				<!-- Antragsdaten, Dokument Upload, Notiz-->
-				<div class="row">
-					<div class="col-lg-12">
+				<div class="row mb-5">
+					<div class="col-12">
 						<form id="requestAnrechnung-form">
 							<input type="hidden" name="anrechnung_id" id="anrechnung_id" value="<?php echo $anrechnungData->anrechnung_id ?>">
 							<input type="hidden" name="lv_id" value="<?php echo $antragData->lv_id ?>">
@@ -94,19 +94,19 @@ $this->load->view(
                             <input type="hidden" name="sumEctsSchulisch" value="<?php echo $antragData->sumEctsSchulisch ?>">
                             <input type="hidden" name="sumEctsBeruflich" value="<?php echo $antragData->sumEctsBeruflich ?>">
                             <!-- Antragsdaten -->
-							<div class="row">
-								<div class="col-lg-12">
-									<div class="panel panel-default">
-										<div class="panel-heading">
-											<span class="text-uppercase"><b><?php echo $this->p->t('anrechnung', 'antrag'); ?></b></span>&emsp;
-											<span class="requestAnrechnung-anrechnungInfoTooltip" data-toggle="tooltip" data-placement="right"
-												  title="<?php echo $this->p->t('anrechnung', 'anrechnungInfoTooltipText'); ?>">
+							<div class="row mb-3">
+								<div class="col-12">
+									<div class="card">
+										<div class="card-header">
+											<span class="text-uppercase fw-bold"><?php echo $this->p->t('anrechnung', 'antrag'); ?></span>&emsp;
+											<span  data-toggle="tooltip" data-bs-placement="right"
+												  data-bs-html="true" data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungInfoTooltipText'); ?>">
 												<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
 											</span>
-											<span class="pull-right"><?php echo $this->p->t('anrechnung', 'antragdatum'); ?>: <span
+											<span class="float-end"><?php echo $this->p->t('anrechnung', 'antragdatum'); ?>: <span
 														id="requestAnrechnung-antragdatum"><?php echo !empty($anrechnungData->anrechnung_id) ? $anrechnungData->insertamum : '-' ?></span></span>
 										</div>
-										<table class="panel-body table table-bordered table-condensed">
+										<table class="card-body table table-bordered table-condensed mb-0">
 											<tbody>
 											<tr>
 												<th><?php echo ucfirst($this->p->t('person', 'studentIn')); ?></th>
@@ -135,10 +135,10 @@ $this->load->view(
                                             <tr>
                                                 <th>
                                                     <?php echo $this->p->t('anrechnung', 'bisherAngerechneteEcts'); ?>
-                                                    <span data-toggle="tooltip" data-placement="right"
-                                                        title="<?php echo $this->p->t('anrechnung', 'anrechnungEctsTooltipText'); ?>">
+                                                    <div class="d-inline" data-toggle="tooltip" data-bs-placement="right"
+                                                        data-bs-html="true" data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungEctsTooltipText'); ?>">
                                                         <i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-                                                    </span>
+                                                    </div>
                                                 </th>
                                                 <td colspan="3">
                                                     Total ECTS: <span id="sumEctsTotal"><?php echo number_format($antragData->sumEctsSchulisch + $antragData->sumEctsBeruflich, 1) ?></span>
@@ -163,176 +163,169 @@ $this->load->view(
 								</div>
 							</div>
 							<!-- Antrag mit Checkboxen -->
-							<div class="row">
-								<div class="col-lg-12">
-									<div class="well" style="border:solid black 3px">
-										<span><?php echo $this->p->t('anrechnung', 'antragStellenText'); ?></span>&emsp;
-										<div class="checkbox">
-											<label>
-												<input type="radio" name="begruendung" value="1" required
-													<?php echo $anrechnungData->begruendung_id == '1' ? 'checked' : ''; ?> />
+							<div class="row mb-3">
+								<div class="col-12">
+									<div class="border border-dark border-3 rounded p-3" >
+										<p ><?php echo $this->p->t('anrechnung', 'antragStellenText'); ?></p>
+										<div class="ps-3 ">
+										
+											<div class="form-check mb-1">
+												<input class="form-check-input" type="radio" name="begruendung" value="1" <?php echo $anrechnungData->begruendung_id == '1' ? 'checked' : ''; ?> required />
 												<?php echo $this->p->t('anrechnung', 'antragStellenWegenZeugnis'); ?>&emsp;
-												<span id="requestAnrechnung-anrechnungGrundZeugnisTooltip" data-toggle="tooltip" data-placement="right"
-													  title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundZeugnisTooltipText'); ?>" />
-												<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-											</span>
-											</label>
-										</div>
-                                        <div class="checkbox">
-                                            <label>
-                                                <input type="radio" name="begruendung" value="5" required
-                                                    <?php echo $anrechnungData->begruendung_id == '5' ? 'checked' : ''; ?> />
-                                                <?php echo $this->p->t('anrechnung', 'antragStellenWegenHochschulzeugnis'); ?>&emsp;
-                                                <span id="requestAnrechnung-anrechnungGrundHochschulzeugnisTooltip" data-toggle="tooltip" data-placement="right"
-                                                      title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundZeugnisTooltipText'); ?>" />
-                                                <i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-                                                </span>
-                                            </label>
-                                        </div>
-										<div class="checkbox">
-											<label>
-												<input type="radio" name="begruendung" value="4" required
-													<?php echo $anrechnungData->begruendung_id == '4' ? 'checked' : ''; ?>>
+												<div class="d-inline" id="requestAnrechnung-anrechnungGrundZeugnisTooltip" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true"
+														data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundZeugnisTooltipText'); ?>" >
+													<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
+												</div>
+											</div>
+											<div class="form-check mb-1">
+												<input class="form-check-input" type="radio" name="begruendung" value="5" <?php echo $anrechnungData->begruendung_id == '5' ? 'checked' : ''; ?>  required />
+												<?php echo $this->p->t('anrechnung', 'antragStellenWegenHochschulzeugnis'); ?>&emsp;
+												<div class="d-inline" id="requestAnrechnung-anrechnungGrundHochschulzeugnisTooltip" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true"
+                                                      data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundZeugnisTooltipText'); ?>">
+                                                	<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
+                                                </div>
+											</div>
+											<div class="form-check mb-1">
+												<input class="form-check-input" type="radio" name="begruendung" value="4" <?php echo $anrechnungData->begruendung_id == '4' ? 'checked' : ''; ?>  required />
 												<?php echo $this->p->t('anrechnung', 'antragStellenWegenPraxis'); ?>&emsp;
-												<span id="requestAnrechnung-anrechnungGrundBerufTooltip" data-toggle="tooltip" data-placement="right"
-													  title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundBerufTooltipText'); ?>">
-												<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-											</span>
-											</label>
+												<div class="d-inline" id="requestAnrechnung-anrechnungGrundBerufTooltip" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true"
+													  data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundBerufTooltipText'); ?>">
+													<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
+												</div>
+											</div>
+											
+                                        
+										
 										</div>
 									</div>
 								</div>
 							</div>
                             <!-- Begruendung ECTS -->
-                            <div class="row">
-                                <div class="col-lg-12">
-                                    <div class="panel panel-default">
-                                        <div class="panel-heading">
-                                            <b><?php echo $this->p->t('anrechnung', 'begruendungEcts'); ?></b>&emsp;
-                                            <span class="requestAnrechnung-anrechnungInfoTooltip" data-toggle="tooltip" data-placement="right"
-                                                  title="<?php echo $this->p->t('anrechnung', 'anrechnungBegruendungEctsTooltipText'); ?>">
+                            <div class="row mb-3">
+                                <div class="col-12">
+                                    <div class="card">
+                                        <div class="card-header">
+                                            <span class="fw-bold"><?php echo $this->p->t('anrechnung', 'begruendungEcts'); ?></span>&emsp;
+                                            <div class="d-inline" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true" data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungBegruendungEctsTooltipText'); ?>">
                                                 <i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-                                            </span>
+                                            </div>
+											
                                         </div>
-                                        <div class="panel-body">
+                                        <div class="card-body">
                                             <textarea class="form-control" name="begruendung_ects" rows="1" id="requestAnrechnung-begruendungEcts"
                                                       maxlength="<?php echo CHAR_LENGTH150 ?>" required><?php echo $anrechnungData->begruendung_ects; ?></textarea>
-                                            <small><span class="text-muted pull-right"><?php echo $this->p->t('ui', 'maxZeichen'); ?> :<span id="requestAnrechnung-begruendungEcts-charCounter"><?php echo CHAR_LENGTH150 ?></span></span></small>
+                                            <small><span class="text-muted float-end"><?php echo $this->p->t('ui', 'maxZeichen'); ?> :<span id="requestAnrechnung-begruendungEcts-charCounter"><?php echo CHAR_LENGTH150 ?></span></span></small>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                             <!-- Begruendung LV Inhalt -->
-                            <div class="row">
-                                <div class="col-lg-12">
-                                    <div class="panel panel-default">
-                                        <div class="panel-heading">
-                                            <b><?php echo $this->p->t('anrechnung', 'begruendungLvinhalt'); ?></b>&emsp;
-                                            <span class="requestAnrechnung-anrechnungInfoTooltip" data-toggle="tooltip" data-placement="right"
-                                                  title="<?php echo $this->p->t('anrechnung', 'anrechnungBegruendungLvinhaltTooltipText'); ?>">
+                            <div class="row mb-3">
+                                <div class="col-12">
+                                    <div class="card">
+                                        <div class="card-header">
+                                            <span class="fw-bold"><?php echo $this->p->t('anrechnung', 'begruendungLvinhalt'); ?></span>&emsp;
+                                            <div class="d-inline" data-toggle="tooltip" data-bs-placement="right"
+                                                  data-bs-html="true" data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungBegruendungLvinhaltTooltipText'); ?>">
                                                 <i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-                                            </span>
+                                            </div>
                                         </div>
-                                        <div class="panel-body">
+                                        <div class="card-body">
                                             <textarea class="form-control" name="begruendung_lvinhalt" rows="7" id="requestAnrechnung-begruendungLvinhalt"
                                                       minlength="<?php echo CHAR_LENGTH500 ?>"
                                                       maxlength="<?php echo CHAR_LENGTH1000 ?>" required><?php echo $anrechnungData->begruendung_lvinhalt; ?></textarea>
-                                            <small><span class="text-muted pull-right">&nbsp;/&nbsp;<?php echo $this->p->t('ui', 'maxZeichen'); ?> :<span id="requestAnrechnung-begruendungLvinhalt-charCounterMax"><?php echo CHAR_LENGTH1000 ?></span></span></small>
-                                            <small><span class="text-muted pull-right"><?php echo $this->p->t('ui', 'fehlendeMinZeichen'); ?> :<span id="requestAnrechnung-begruendungLvinhalt-charCounterMin"><?php echo CHAR_LENGTH500 ?></span></span></small>
+                                            <small><span class="text-muted float-end">&nbsp;/&nbsp;<?php echo $this->p->t('ui', 'maxZeichen'); ?> :<span id="requestAnrechnung-begruendungLvinhalt-charCounterMax"><?php echo CHAR_LENGTH1000 ?></span></span></small>
+                                            <small><span class="text-muted float-end"><?php echo $this->p->t('ui', 'fehlendeMinZeichen'); ?> :<span id="requestAnrechnung-begruendungLvinhalt-charCounterMin"><?php echo CHAR_LENGTH500 ?></span></span></small>
                                         </div>
                                     </div>
                                 </div>
                             </div>
 							<!-- Dokument Upload-->
-							<div class="row">
-								<div class="col-lg-12">
-									<div class="panel panel-default">
-										<div class="panel-heading">
-											<b><?php echo $this->p->t('anrechnung', 'nachweisdokumente'); ?></b>&emsp;
-											<span class="requestAnrechnung-anrechnungInfoTooltip" data-toggle="tooltip" data-placement="right"
-												  title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundAllgemeinTooltipText'); ?>">
+							<div class="row mb-3">
+								<div class="col-12">
+									<div class="card">
+										<div class="card-header">
+											<span class="fw-bold"><?php echo $this->p->t('anrechnung', 'nachweisdokumente'); ?></span>&emsp;
+											<div class="d-inline" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true" data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungGrundAllgemeinTooltipText'); ?>">
 												<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-											</span>
-										</div>
-										<div class="form-inline panel-body">
-											<div class="form-group">
-												<input type="file" id="requestAnrechnung-uploadfile"
-													   name="uploadfile" accept=".pdf" size="50" data-maxsize="<?php echo (int)ini_get('upload_max_filesize') * 1024 * 1024 ?>"
-													   required>
 											</div>
-											<span id="requestAnrechnung-uploadTooltip" data-toggle="tooltip" data-placement="right"
-											   title="<?php echo $this->p->t('ui', 'uploadTooltipText'); ?>">
-												<i class="fa fa-lg fa-question-circle-o" aria-hidden="true"></i>
-											</span>
-											<a class="pull-right <?php echo !empty($anrechnungData->dms_id) ? '' : 'visually-hidden' ?>"
-											   id="requestAnrechnung-downloadDocLink"
-											   href="<?php echo current_url() . '/download?dms_id=' . $anrechnungData->dms_id; ?>"
-											   target="_blank"><?php echo htmlentities($anrechnungData->dokumentname) ?>
-											</a>
+										</div>
+										<div class=" card-body">
+											<div class="input-group d-flex align-items-center ">
+												<input class="form-control flex-fill" type="file" id="requestAnrechnung-uploadfile"
+														name="uploadfile" accept=".pdf" size="50" data-maxsize="<?php echo (int)ini_get('upload_max_filesize') * 1024 * 1024 ?>"
+														required>
+												<div class="mx-4 " id="requestAnrechnung-uploadTooltip" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true"
+											   		data-bs-title="<?php echo $this->p->t('ui', 'uploadTooltipText'); ?>">
+													<i class="fa fa-lg fa-question-circle-o" aria-hidden="true"></i>
+												</div>
+												<a class="mx-4 float-end <?php echo !empty($anrechnungData->dms_id) ? '' : 'visually-hidden' ?>"
+													id="requestAnrechnung-downloadDocLink"
+													href="<?php echo current_url() . '/download?dms_id=' . $anrechnungData->dms_id; ?>"
+													target="_blank"><?php echo htmlentities($anrechnungData->dokumentname) ?>
+												</a>
+											</div>
+												
+											
+											
 										</div>
 									</div>
 								</div>
 							</div>
 							<!-- Herkunft der Kenntnisse -->
-							<div class="row">
-								<div class="col-lg-12">
-									<div class="row">
-										<div class="col-lg-12">
-											<div class="panel panel-default">
-												<div class="panel-heading">
-													<b><?php echo $this->p->t('anrechnung', 'herkunftDerKenntnisse'); ?></b>&emsp;
-													<span class="requestAnrechnung-anrechnungInfoTooltip" data-toggle="tooltip" data-placement="right"
-														  title="<?php echo $this->p->t('anrechnung', 'anrechnungInfoTooltipText'); ?>">
+							<div class="row mb-3">
+								<div class="col-12">
+									
+											<div class="card">
+												<div class="card-header">
+													<span class="fw-bold"><?php echo $this->p->t('anrechnung', 'herkunftDerKenntnisse'); ?></span>&emsp;
+													<div class="d-inline" data-toggle="tooltip" data-bs-placement="right" data-bs-html="true" data-bs-title="<?php echo $this->p->t('anrechnung', 'anrechnungInfoTooltipText'); ?>">
 														<i class="fa fa-lg fa-info-circle" aria-hidden="true"></i>
-													</span>
+													</div>
 												</div>
-												<div class="panel-body">
+												<div class="card-body">
 													<textarea class="form-control" name="anmerkung" rows="1" id="requestAnrechnung-herkunftDerKenntnisse"
                                                               maxlength="<?php echo CHAR_LENGTH125 ?>" required><?php echo $anrechnungData->anmerkung; ?></textarea>
-													<small><span class="text-muted pull-right"><?php echo $this->p->t('ui', 'maxZeichen'); ?> :<span id="requestAnrechnung-herkunftDerKenntnisse-charCounter"><?php echo CHAR_LENGTH125 ?></span></span></small>
+													<small><span class="text-muted float-end"><?php echo $this->p->t('ui', 'maxZeichen'); ?> :<span id="requestAnrechnung-herkunftDerKenntnisse-charCounter"><?php echo CHAR_LENGTH125 ?></span></span></small>
 												</div>
 											</div>
 										</div>
-									</div>
-								</div>
+									
 							</div>
 							<!-- Bestaetigung-->
-							<div class="row">
-								<div class="col-lg-12">
-									<div class="well" style="border:solid black 3px">
-										<div class="checkbox">
-											<label>
-												<input type="checkbox" name="bestaetigung" required>
-												<b><?php echo $this->p->t('anrechnung', 'bestaetigungstext'); ?></b>
-											</label>
-										</div>
+							<div class="row mb-3">
+								<div class="col-12">
+									<div class="border border-3 rounded border-dark p-3" >
+										
+											<div class="form-check">
+											<input class="form-check-input" type="checkbox" name="bestaetigung" required>
+											<small  class=" fw-bold"><?php echo $this->p->t('anrechnung', 'bestaetigungstext'); ?></small>
+											</div>
 									</div>
 								</div>
 							</div>
 							<!-- Button 'Anrechnung beantragen'-->
-							<div class="pull-right">
+							<div class="float-end">
 								<input type="submit" id="requestAnrechnung-apply-anrechnung" class="btn btn-primary"
 									   value="<?php echo $this->p->t('anrechnung', 'anrechnungBeantragen'); ?>">
 							</div>
 						</form>
 					</div>
 				</div>
-				<br><br><br><br>
             </div>
             <div class="col-4">
 				 <!-- Status panel -->
-                <div class="alert text-center" id="requestAnrechnung-status">Status: <b><span class="text-uppercase" id="requestAnrechnung-status_kurzbz"
+                <div class="alert text-center" id="requestAnrechnung-status">Status: <span class="fw-bold text-uppercase" id="requestAnrechnung-status_kurzbz"
                              data-status_kurzbz="<?php echo $anrechnungData->status_kurzbz ?>">
                             <?php echo $anrechnungData->status; ?>
-                        </span></b>
+                        </span>
 				</div>
 				<!-- Sperregrund panel (hidden by default) -->
-				<div class="alert alert-danger text-center visually-hidden" id="requestAnrechnung-sperre"
+				<div class="alert bg-danger-subtle text-center visually-hidden" id="requestAnrechnung-sperre"
 					 data-anrechnung_id="<?php echo empty($anrechnungData->anrechnung_id) ? '' : $anrechnungData->anrechnung_id; ?>"
 					 data-expired="<?php echo json_encode($is_expired); ?>"
 					 data-blocked="<?php echo json_encode($is_blocked) ?>">
 				</div>
-                <br>
 				<?php $this->load->view('lehre/anrechnung/requestAnrechnungImportant'); ?>
             </div>
         </div>
diff --git a/public/css/lehre/anrechnung.css b/public/css/lehre/anrechnung.css
index a2a974a12..226d006b1 100644
--- a/public/css/lehre/anrechnung.css
+++ b/public/css/lehre/anrechnung.css
@@ -45,4 +45,11 @@
     border-style: solid !important;
     border-width: 1px !important;
     border-color: #9EC5FE !important;
-}
\ No newline at end of file
+}
+
+.alert-box{
+    padding: 1rem 1rem;
+    margin-bottom: 1rem;
+    border-radius: .25rem;
+}
+