mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-01 12:19:28 +00:00
Johann Hoffmann
83 lines
3.7 KiB
JavaScript
83 lines
3.7 KiB
JavaScript
export const AbgabeterminStatusLegende = {
|
|
name: 'AbgabeterminStatusLegende',
|
|
template: `
|
|
<div class="text-center">
|
|
<div class="col" style="width: 80%; margin-left: 12px;">
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto verspaetet-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-triangle-exclamation"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipVerspaetet')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto verpasst-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-calendar-xmark"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipVerpasst')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto abzugeben-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-hourglass-half"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipAbzugeben')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto standard-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-clock"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipStandardv2')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto abgegeben-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-paperclip"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipAbgegeben')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto beurteilungerforderlich-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-list-check"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipBeurteilungerforderlich')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto bestanden-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-check"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipBestanden')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 2px">
|
|
<div class="col-auto nichtbestanden-header" style="height: 36px; width:36px; padding: 0px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-circle-exclamation"></i>
|
|
</div>
|
|
<div class="col-auto" style="display: flex; align-items: center;">
|
|
<h5>{{ $capitalize($p.t('abgabetool/c4tooltipNichtBestanden')) }}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
`
|
|
};
|
|
export default AbgabeterminStatusLegende; |