Commit 8b1dcc6c by Prasong Putichanchai

update sort Province , view big card

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