Commit 8b1dcc6c by Prasong Putichanchai

update sort Province , view big card

parent 97b57f7e
...@@ -38,7 +38,7 @@ class ProfilesController extends AppController ...@@ -38,7 +38,7 @@ class ProfilesController extends AppController
'valueField' => 'country_name_th' 'valueField' => 'country_name_th'
]); ]);
if(!empty($Country)) $Country = $Country->toArray(); if(!empty($Country)) $Country = $Country->toArray();
asort($Country);
//********DropdownProvince******** //********DropdownProvince********
$this->loadModel('MasterProvinces'); $this->loadModel('MasterProvinces');
$Province = $this->MasterProvinces->find('list', [ $Province = $this->MasterProvinces->find('list', [
...@@ -51,7 +51,7 @@ class ProfilesController extends AppController ...@@ -51,7 +51,7 @@ class ProfilesController extends AppController
->order(['province_name_th']); ->order(['province_name_th']);
// pr($Province);die; // pr($Province);die;
if(!empty($Province)) $Province = $Province->toArray(); if(!empty($Province)) $Province = $Province->toArray();
asort($Province);
$res = $responseUserPersonal['birthdate']; $res = $responseUserPersonal['birthdate'];
if($res){ if($res){
$dateNow = @$res->i18nFormat('dd/MM/yyyy'); $dateNow = @$res->i18nFormat('dd/MM/yyyy');
......
...@@ -23,6 +23,7 @@ public function initialize() { ...@@ -23,6 +23,7 @@ public function initialize() {
))->toArray(); ))->toArray();
$arr = array(); $arr = array();
if(!empty($states)){ if(!empty($states)){
asort($states);
echo '<option value=""> ---Select--- </option>'; echo '<option value=""> ---Select--- </option>';
foreach($states as $key => $val){ foreach($states as $key => $val){
echo '<option value="' . $key . '">' . $val. '</option>'; echo '<option value="' . $key . '">' . $val. '</option>';
......
...@@ -145,7 +145,7 @@ class UsersController extends AppController { ...@@ -145,7 +145,7 @@ class UsersController extends AppController {
] ]
); );
if(!empty($countries)) $countries = $countries->toArray(); if(!empty($countries)) $countries = $countries->toArray();
asort($countries);
$provinces = $this->MasterProvinces->find('list', $provinces = $this->MasterProvinces->find('list',
[ [
'conditions' => ['is_used' => true], 'conditions' => ['is_used' => true],
...@@ -153,7 +153,8 @@ class UsersController extends AppController { ...@@ -153,7 +153,8 @@ class UsersController extends AppController {
'valueField' => 'province_name_th' 'valueField' => 'province_name_th'
] ]
); );
if(!empty($provinces)) $provinces = $provinces->toArray(); if(!empty($provinces)) $provinces = $provinces->toArray();
asort($provinces);
$this->set(compact('provinces','countries')); $this->set(compact('provinces','countries'));
$this->viewBuilder()->layout('blank'); $this->viewBuilder()->layout('blank');
......
...@@ -82,63 +82,7 @@ use Cake\I18n\Time; ...@@ -82,63 +82,7 @@ use Cake\I18n\Time;
<!--/row modal card--> <!--/row modal card-->
<style> <style>
/* .form_1 {
width: 100%;
height: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img {
position: absolute;
width: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img img {
position: relative;
width: 100%;
}
.form_1 .date-name {
width: 500px;
margin: 55% 0% 0% -40%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
}
.date-name div div {
height: 35px;
}
.form_1 .date-position {
width: 500px;
margin: 70% 0% 0% -15%;
border-bottom: 0px solid #000;
}
.form_1 .date-time {
width: 500px;
margin: 70% 0% 0% 10%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 500px;
margin: 70% 0% 0% 20%;
border-bottom: 0px solid #000;
} */
/* Add your styles for devices with a maximum width of 320 */
@media screen and (max-width: 320px) {
.rotate270 .row {
font-size: 20px !important;
}
.form_1 { .form_1 {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -155,9 +99,15 @@ use Cake\I18n\Time; ...@@ -155,9 +99,15 @@ use Cake\I18n\Time;
position: relative; position: relative;
width: 100%; width: 100%;
} }
/* iPads (landscape) ----------- */
@media screen and (min-width: 1024px) {
.rotate270 .row {
font-size: 28px !important;
}
.form_1 .date-name { .form_1 .date-name {
width: 400px; width: 500px;
margin: 50% 0% 0% -40%; margin: 55% 0% 0% -40%;
border-bottom: 0px solid red; border-bottom: 0px solid red;
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
...@@ -167,46 +117,102 @@ use Cake\I18n\Time; ...@@ -167,46 +117,102 @@ use Cake\I18n\Time;
height: 35px; height: 35px;
} }
.form_1 .date-position { .form_1 .date-position {
width: 400px; width: 500px;
margin: 68% 0% 0% -12%; margin: 70% 0% 0% -15%;
position: absolute;
border-bottom: 0px solid #000; border-bottom: 0px solid #000;
display: block;
} }
.form_1 .date-time { .form_1 .date-time {
width: 400px; width: 500px;
margin: 70% 0% 0% 5%; margin: 70% 0% 0% 12%;
border-bottom: 0px solid #000; border-bottom: 0px solid #000;
} }
.form_1 .date-label { .form_1 .date-label {
width: 400px; width: 500px;
margin: 70% 0% 0% 15%; margin: 70% 0% 0% 20%;
border-bottom: 0px solid #000; border-bottom: 0px solid #000;
} }
} }
/* Add your styles for devices with a maximum width of 768 */
@media screen and (max-width: 768px){
.rotate270 .row {
font-size: 25px !important;
}
.form_1 .date-name {
width: 500px;
margin: 55% 0% 0% -40%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
}
.date-name div div {
height: 35px;
}
.form_1 .date-position {
width: 500px;
margin: 70% 0% 0% -15%;
position: absolute;
border-bottom: 0px solid #000;
display: block;
}
.form_1 .date-time {
width: 500px;
margin: 70% 0% 0% 12%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 500px;
margin: 70% 0% 0% 20%;
border-bottom: 0px solid #000;
}
}
/* Add your styles for devices with a maximum width of 480 */ /* Add your styles for devices with a maximum width of 480 */
@media screen and (min-width: 480px) and (max-width: 320px){ @media screen and (max-width: 480px){
.rotate270 .row { .rotate270 .row {
font-size: 22px !important; font-size: 22px !important;
}
.form_1 .date-name {
width: 450px;
margin: 55% 0% 0% -45%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
} }
.form_1 { .date-name div div {
color:red; height: 35px;
width: 100%;
height: 100%;
margin: auto;
padding: auto;
} }
.form_1-card-img { .form_1 .date-position {
width: 450px;
margin: 70% 0% 0% -18%;
position: absolute; position: absolute;
width: 100%; border-bottom: 0px solid #000;
margin: auto; display: block;
padding: auto;
} }
.form_1-card-img img { .form_1 .date-time {
position: relative; width: 450px;
width: 100%; margin: 70% 0% 0% 5%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 450px;
margin: 70% 0% 0% 15%;
border-bottom: 0px solid #000;
} }
}
/* Add your styles for devices with a maximum width of 320 */
@media screen and (max-width: 320px) {
.rotate270 .row {
font-size: 20px !important;
}
.form_1 .date-name { .form_1 .date-name {
width: 400px; width: 400px;
margin: 50% 0% 0% -40%; margin: 50% 0% 0% -40%;
...@@ -235,62 +241,7 @@ use Cake\I18n\Time; ...@@ -235,62 +241,7 @@ use Cake\I18n\Time;
} }
} }
/* Add your styles for devices with a maximum width of 768 */
@media screen and (min-width: 768px) and (max-width: 480px) { }
/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 480px) and (orientation : landscape) {}
/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 480px) and (orientation : portrait) {}
@media (min-width: 768px) {
/* .form_1 {
width: 100%;
height: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img {
position: absolute;
width: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img img {
position: relative;
width: 100%;
}
.form_1 .date-name {
width: 500px;
margin: 55% 0% 0% -40%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
}
.date-name div div {
height: 35px;
}
.form_1 .date-position {
width: 500px;
margin: 70% 0% 0% -15%;
border-bottom: 0px solid #000;
}
.form_1 .date-time {
width: 500px;
margin: 70% 0% 0% 10%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 500px;
margin: 70% 0% 0% 20%;
border-bottom: 0px solid #000;
} */
}
</style> </style>
\ No newline at end of file
...@@ -64,7 +64,6 @@ ...@@ -64,7 +64,6 @@
$(document).ready(function () { $(document).ready(function () {
$("#organize_code").on('change', function () { $("#organize_code").on('change', function () {
console.log('sss');
var organize_code = $("#organize_code").val(); var organize_code = $("#organize_code").val();
$('#employee').attr("disabled", true); $('#employee').attr("disabled", true);
$('#date').attr("disabled", true); $('#date').attr("disabled", true);
......
...@@ -581,6 +581,11 @@ use Cake\I18n\Time; ...@@ -581,6 +581,11 @@ use Cake\I18n\Time;
display:block; display:block;
z-index:3999; z-index:3999;
} }
@media screen and (min-width: 1024px) {
.box-ads .close-modal {
margin-right: 100px;
}
}
</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