Skip to content

smart_core_connect / core-connect

Go to a project
Commit f2570103 by Prasong Putichanchai
Options

update view

parent 856329a6
Showing with 52 additions and 48 deletions
www/src/Template/UserCards/view_card.ctp
...@@ -10,11 +10,11 @@ use Cake\I18n\Time; ...@@ -10,11 +10,11 @@ use Cake\I18n\Time;
</div> </div>
</div> </div>
<div class="col-xs-9 col-sm-9 col-md-9 box-card"> <div class="col-xs-9 col-sm-9 col-md-9 box-card">
<div data-toggle="modal" data-target="#defaultModal" style="text-align: center; cursor: pointer;"> <div data-toggle="modal" data-target="#defaultModal" style="cursor: pointer; padding-right: 10px; padding-left: 10px;">
<div class="row"> <div class="row">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-6"> <div class="col-xs-8">
<div style="font-size: 17px"> <div style="font-size: 17px">
<br> <br>
<label>id<label> <label>id<label>
...@@ -27,29 +27,28 @@ use Cake\I18n\Time; ...@@ -27,29 +27,28 @@ use Cake\I18n\Time;
</div> </div>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<img src="/img/core/img/user-profile@3x.png" class="img-responsive"> <img src="/img/core/img/user-profile@3x.png" class="img-responsive">
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-10"> <div class="col-xs-10">
<label style="font-size: 17px">ตำแหน่ง</label> <?php echo $value['position_name'] ?> <label style="font-size: 17px">ตำแหน่ง</label> <?php echo $value['position_name'] ?>
</div> </div>
</div> </div>
<div class="row"> <div class="row text-center">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-5"> <br>
<div class="col-xs-6">
<?php <?php
$now = new Time($value['date_issued']); $now = new Time($value['date_issued']);
$dateIssued = $now->i18nFormat('yyyy-MM-dd'); $dateIssued = $now->i18nFormat('yyyy-MM-dd');
echo $this->DateFormat->formatDateThai($dateIssued); echo $this->DateFormat->formatDateThai($dateIssued);
?> ?>
</div> </div>
<div class="col-xs-5"> <div class="col-xs-6">
<?php <?php
$now = new Time($value['date_expiry']); $now = new Time($value['date_expiry']);
$dateExpiry = $now->i18nFormat('yyyy-MM-dd'); $dateExpiry = $now->i18nFormat('yyyy-MM-dd');
...@@ -57,13 +56,13 @@ use Cake\I18n\Time; ...@@ -57,13 +56,13 @@ use Cake\I18n\Time;
?> ?>
</div> </div>
</div> </div>
<div class="row"> <div class="row text-center">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-5"> <div class="col-xs-6">
<label style="font-size: 17px">วันออกบัตร</label> <label style="font-size: 17px">วันออกบัตร</label>
</div> </div>
<div class="col-xs-5"> <div class="col-xs-6">
<label style="font-size: 17px">วันหมดออายุ</label> <label style="font-size: 17px">วันหมดออายุ</label>
</div> </div>
</div> </div>
...@@ -186,18 +185,17 @@ use Cake\I18n\Time; ...@@ -186,18 +185,17 @@ use Cake\I18n\Time;
<div class = "row rotate270 form_1"> <div class = "row rotate270 form_1">
<?php echo $this->Html->image('/img/core/img/card-bg-front@3x.png', array('div' => false, 'class' => 'img-responsive img-rounded','style' => 'position: absolute;')); ?> <?php echo $this->Html->image('/img/core/img/card-bg-front@3x.png', array('div' => false, 'class' => 'img-responsive img-rounded','style' => 'position: absolute;')); ?>
<div class="row date-name"> <div class="row date-name">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-6"> <div class="col-xs-8 ">
<div style="font-size: 17px"> <div>
<br>
<label>id<label> <label>id<label>
</div> </div>
<div> <div>
<?php echo $value['card_code'] ?> <?php echo $value['card_code'] ?>
</div> </div>
<div> <div>
<label style="font-size: 17px">ชื่อ</label> <?php echo $value['prefix_name_th'].$value['firstname_th'].' '.$value['lastname_th'] ?> <labe>ชื่อ</label> <?php echo $value['prefix_name_th'].$value['firstname_th'].' '.$value['lastname_th'] ?>
</div> </div>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
...@@ -205,23 +203,23 @@ use Cake\I18n\Time; ...@@ -205,23 +203,23 @@ use Cake\I18n\Time;
</div> </div>
</div> </div>
<div class="row date-position"> <div class="row date-position">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-10"> <div class="col-xs-12">
<label style="font-size: 17px">ตำแหน่ง</label> <?php echo $value['position_name'] ?> <label>ตำแหน่ง</label> <?php echo $value['position_name'] ?>
</div>
</div> </div>
<div class="row date-time">
<div class="col-xs-1">
</div> </div>
<div class="col-xs-5"> <div class="row text-center date-time">
<!-- <div class="col-xs-1">
</div> -->
<div class="col-xs-6">
<?php <?php
$now = new Time($value['date_issued']); $now = new Time($value['date_issued']);
$dateIssued = $now->i18nFormat('yyyy-MM-dd'); $dateIssued = $now->i18nFormat('yyyy-MM-dd');
echo $this->DateFormat->formatDateThai($dateIssued); echo $this->DateFormat->formatDateThai($dateIssued);
?> ?>
</div> </div>
<div class="col-xs-5"> <div class="col-xs-6">
<?php <?php
$now = new Time($value['date_expiry']); $now = new Time($value['date_expiry']);
$dateExpiry = $now->i18nFormat('yyyy-MM-dd'); $dateExpiry = $now->i18nFormat('yyyy-MM-dd');
...@@ -229,14 +227,14 @@ use Cake\I18n\Time; ...@@ -229,14 +227,14 @@ use Cake\I18n\Time;
?> ?>
</div> </div>
</div> </div>
<div class="row date-label"> <div class="row text-center date-label">
<div class="col-xs-1"> <!-- <div class="col-xs-1">
</div> </div> -->
<div class="col-xs-5"> <div class="col-xs-6">
<label style="font-size: 17px">วันออกบัตร</label> <label>วันออกบัตร</label>
</div> </div>
<div class="col-xs-5"> <div class="col-xs-6">
<label style="font-size: 17px">วันหมดออายุ</label> <label>วันหมดออายุ</label>
</div> </div>
</div> </div>
</div> </div>
...@@ -411,27 +409,33 @@ use Cake\I18n\Time; ...@@ -411,27 +409,33 @@ use Cake\I18n\Time;
-o-transform: rotate(270deg); -o-transform: rotate(270deg);
writing-mode: rl-tb; writing-mode: rl-tb;
position: absolute; position: absolute;
font-size: 20px; font-size: 25px;
} }
.form_1 .date-name{ .form_1 .date-name{
width: 350px; width: 500px;
margin: 70% 0% 0% -20%; margin: 50% 0% 0% -40%;
border-bottom:1px solid red;
} }
.form_1 .date-position{ .form_1 .date-position{
width: 350px; width: 500px;
margin: 55% 0% 0% 5%; margin: 70% 0% 0% 5%;
border-bottom:1px solid #000;
} }
.form_1 .date-time{ .form_1 .date-time{
width: 350px; width: 500px;
margin: 70% 0% 0% 17%; margin: 70% 0% 0% 16%;
border-bottom:1px solid #000;
} }
.form_1 .date-label{ .form_1 .date-label{
width: 350px; width: 500px;
margin: 70% 0% 0% 25%; margin: 70% 0% 0% 25%;
border-bottom:1px solid #000;
} }
</style> </style>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment