179 lines
7.6 KiB
HTML
179 lines
7.6 KiB
HTML
|
<h3 class="card-title">
|
||
|
|
<i class="material-icons">person</i> Profile
|
||
|
|
</h3>
|
||
|
|
<div class="row" th:with="isValid=${(mcWorkerFrom==null || mcWorkerFrom.workerProfile==null)?false:true}">
|
||
|
|
<div class="col-md-9">
|
||
|
|
<div class="card">
|
||
|
|
<h4 class="card-title pt-2 pl-2">
|
||
|
|
<i class="material-icons">person_pin</i> Personal Information
|
||
|
|
</h4>
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-6 col-lg-6" th:each="doc, row : ${mcWorkerFrom?.passportImgs}">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h4 class="card-title" th:text="${doc.filename}"></h4>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<img class="card-img-top"
|
||
|
|
th:src="${'data:image/jpeg;base64,'+ doc?.base64Content}"
|
||
|
|
alt="" style="width: 100%; height: 300px;" />
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{First Name}"></small>
|
||
|
|
<h6 th:text="${isValid ? mcWorkerFrom.workerProfile.firstName :'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Last Name}"></small>
|
||
|
|
<h6 th:text="${isValid ? mcWorkerFrom.workerProfile.lastName :'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Gender}"></small>
|
||
|
|
<h6 th:text="${isValid ?(mcWorkerFrom.workerProfile?.gender == 'M' ? 'MALE' : 'FEMALE'):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Date of Birth}"></small>
|
||
|
|
<h6 th:text="${isValid ? (#dates.format(mcWorkerFrom.workerProfile.dob, 'dd/MM/yyyy')):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Nationality}"></small>
|
||
|
|
<h6 th:text="${isValid ? (mcWorkerFrom.workerProfile.nationality.cntryDesc):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Worker Type}"></small>
|
||
|
|
<h6 th:text="${isValid ? (mcWorkerFrom?.workerProfile?.wrkrTypeMtdt?.mstrDtDesc?.en):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Passport Number}"></small>
|
||
|
|
<h6 th:text="${isValid ? (mcWorkerFrom.workerProfile.passportNo):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Passport Issue Date}"></small>
|
||
|
|
<h6
|
||
|
|
th:text="${isValid ? (#dates.format(mcWorkerFrom.workerProfile.passportIssueDt, 'dd/MM/yyyy')):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Passport Expiry Date}"></small>
|
||
|
|
<h6
|
||
|
|
th:text="${isValid ? (#dates.format(mcWorkerFrom.workerProfile.passportExpiryDt, 'dd/MM/yyyy')):'-'}"></h6>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card" th:if="${isValid }">
|
||
|
|
<h4 class="card-title pt-2 pl-2">
|
||
|
|
<i class="material-icons">group</i> Next of Kin
|
||
|
|
</h4>
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Full Name}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.fullname}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Passport Number}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.passportNo}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Contact No}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.contactNo}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
||
|
|
<small class="text-muted" th:text="#{Address}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.addr1}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Relationship}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.relationMtdt?.mstrDtDesc?.en}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Country}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.country?.cntryDesc}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
|
<small class="text-muted" th:text="#{Zip Code}"></small>
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="#{-}"></h6>
|
||
|
|
</th:block>
|
||
|
|
<th:block th:unless="${#lists.isEmpty(mcWorkerFrom.workerProfile.workerKins)}">
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.workerKins[0]?.zipcode}"></h6>
|
||
|
|
</th:block>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3">
|
||
|
|
<div class="card card-profile" th:if="${isValid }">
|
||
|
|
<th:block th:if="${#lists.isEmpty(mcWorkerFrom?.profPhoto)}">
|
||
|
|
<img class="img" />
|
||
|
|
</th:block> <th:block th:unless="${#lists.isEmpty(mcWorkerFrom?.profPhoto)}">
|
||
|
|
<img class="img"
|
||
|
|
th:src="${'data:image/jpeg;base64,'+ mcWorkerFrom?.profPhoto[0]?.base64Content}" />
|
||
|
|
</th:block>
|
||
|
|
<div class="card-body">
|
||
|
|
<h6 class="card-category text-gray" th:text="${wrkrTypeMtdt?.mstrDtDesc?.en}"></h6>
|
||
|
|
<h4 th:text="${mcWorkerFrom.workerProfile.firstName + ' ' + mcWorkerFrom.workerProfile.lastName}"></h4>
|
||
|
|
<div class="text-left">
|
||
|
|
<div class="col-12">
|
||
|
|
<small class="text-muted" th:text="#{Nationality}"></small>
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.nationality.cntryDesc}"></h6>
|
||
|
|
<small class="text-muted" th:text="#{Contact No}"></small>
|
||
|
|
<h6 th:text="${mcWorkerFrom.workerProfile.contactNo}"></h6>
|
||
|
|
<small class="text-muted" th:text="#{Address}"></small>
|
||
|
|
<h6>
|
||
|
|
<th:block th:text="${mcWorkerFrom.workerProfile.addr1}"></th:block>
|
||
|
|
|
||
|
|
<th:block th:text="${mcWorkerFrom.workerProfile.zipcode}"></th:block>
|
||
|
|
|
||
|
|
<th:block
|
||
|
|
th:text="${mcWorkerFrom.workerProfile.nationality.cntryDesc}"></th:block>
|
||
|
|
</h6>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|