FM / user

/var/www/vhosts/nabawater/frontend/views/user/

/var/www/vhosts/nabawater/frontend/views/user

Name	Size	Mode	Actions
address.php	5065	0644	edit dl rm
change-password.php	1613	0644	edit dl rm
favourites.php	3561	0644	edit dl rm
index.php	2750	0644	edit dl rm
loyalty.php	2910	0644	edit dl rm
order-details.php	2240	0644	edit dl rm
order.php	11725	0644	edit dl rm
profile.php	14758	0644	edit dl rm
refund-bottle.php	4660	0644	edit dl rm
reminder.php	5508	0644	edit dl rm
reset-password.php	1119	0644	edit dl rm
review.php	8226	0644	edit dl rm
subscription.php	3006	0644	edit dl rm
subscription_tr.php	758	0644	edit dl rm
wallet.php	9581	0644	edit dl rm
_address_form.php	14402	0644	edit dl rm
_form.php	881	0644	edit dl rm
_order_div.php	1463	0644	edit dl rm
_register-form.php	1560	0644	edit dl rm
_userInfo.php	744	0644	edit dl rm
_userMenu.php	2253	0644	edit dl rm
_wallet_tr.php	668	0644	edit dl rm

Edit: /var/www/vhosts/nabawater/frontend/views/user/_address_form.php (14402B)

<?php 
use frontend\models\UserAddressLang;
use frontend\models\UserAddress;
use frontend\components\CActiveForm;
use frontend\models\AddressType;
use common\helpers\Com;
use yii\helpers\Url;

$addresstype = AddressType::getaddresstype();
?>
 <div class="modal add-login modal-address-ui fade" id="add-address">
        <div class="modal-dialog md" role="document">
            <div class="modal-content">
               
               <div class="modal-header">
                    <a href="javascript:void(0)" data-dismiss="modal"><i class="material-icons">cancel</i></a>
                    
                </div>

<div class="modal-body">
                <h3 class="modal-title"></h3>
                    
     
            <?php $model = new UserAddress;
                 $model->setScenario(UserAddress::ADD_ADDRESS);
                 $useraddresslang = new UserAddressLang;
                 $useraddresslang->setScenario(UserAddressLang::ADD_ADDRESS);
                $form = CActiveForm::begin(['id'=>'Add_Address'])->setModel($useraddresslang) ?> 
                   
                <div id="map"></div>
                         <span id="map_errors" class="help-block"></span>
                                                     
                    
                        <div class="form-group">
                            
                            <div class="collapse">
                             <?= $form->field($model, 'latitude')
                                        ->hiddenInput()
                                         ->label(false);
                                ?>
                                 <?= $form->field($model, 'longitude')
                                         ->hiddenInput()
                                         ->label(false);
                                ?>
                                <?= $form->field($model, 'user_address_key')
                                         ->hiddenInput()
                                         ->label(false);
                                ?>
                                <input type="hidden" name="address_id" id="address_id" val="">
                                </div>
                        </div> 
                      
                    
                        <div class="form-group">
                        <label class="req-icon" for="address1"><?= yii::t('frontend','Address Type') ?></label>
                                <?= $form->field($model, 'address_type')->dropDownList($addresstype, ['prompt' => yii::t('frontend','Select address type'), 'class' => 'select2 form-control']) ->label(false);; ?>
                        
                        </div> 
        
 
           
                
                        <div class="form-group">
                            <label class="req-icon" for="address1"><?= yii::t('frontend','Address') ?></label>
                                 <?= $form->field($useraddresslang, 'flat_no')
                                 ->textInput(['placeholder' => yii::t('frontend', 'Enter Address')])
                                 ->label(false);
                                ?>
                            
                        </div> 
                   
                 
                        <div class="form-group">
                            <label class="req-icon" for="address3"><?= yii::t('frontend','Street Name') ?></label>
                                <?= $form->field($useraddresslang, 'street_name')
                                         ->textInput(['placeholder' => yii::t('frontend', 'Street Name')])
                                         ->label(false);
                                ?>
                            
                        </div> 
                    
                    
                  
                    
                        <div class="form-group">
                            <label class="req-icon" for="address4"><?= yii::t('frontend','City') ?></label>
                                <?= $form->field($useraddresslang, 'city')
                                         ->textInput(['placeholder' => yii::t('frontend', 'City')])
                                         ->label(false);
                                ?>
                            
                        </div>

<div class="form-group">
                            <label class="req-icon" for="address4"><?= yii::t('frontend','State') ?></label>
                                <?= $form->field($useraddresslang, 'area')
                                         ->textInput(['placeholder' => yii::t('frontend', 'State')])
                                         ->label(false);
                                ?>
                            
                        </div>

<div class="form-group">
                            <label class="req-icon" for="address4"><?= yii::t('frontend','Postcode') ?></label>
                                <?= $form->field($useraddresslang, 'postcode')
                                         ->textInput(['placeholder' => yii::t('frontend', 'Postcode')])
                                         ->label(false);
                                ?>
                            
                        </div> 
                 
              
                    
                        <div class="form-group">
                            <label for="landmark"><?= yii::t('frontend','Landmark (optional)')?></label>
                                <?= $form->field($useraddresslang, 'landmark')
                                         ->textInput(['placeholder' => yii::t('frontend', 'Landmark')])
                                         ->label(false);
                                ?>
                            
                        </div> 
                    
                    
                
                        <div class="form-group">
                            <label for="company"><?= yii::t('frontend','Company (optional)') ?></label>
                                <?= $form->field($useraddresslang, 'company')
                                         ->textInput(['placeholder' => yii::t('frontend', 'Company')])
                                         ->label(false);
                                ?>
                            
                        </div>

</div>
                
                <div class="modal-footer">
                <div class="form-group mb-0 text-right">
                    <button type="submit" class="btn loader btn-primary addAddrBut"><?= yii::t('frontend','Add Address') ?></button>
                </div> 
                </div>

<?php $form = CActiveForm::end(); ?>

</div>
        </div>
    </div>
<script type="text/javascript">
    runOnLoad(function(){

function myMap() {

var lat=$("#useraddress-latitude").val();
                if(lat.trim()==''){
                    lat= <?= Com::APP_LATITUDE ?>;
                }
            var long=$("#useraddress-longitude").val();
                    if(long.trim()==''){
                        long= <?= Com::APP_LONGITUDE ?>;
                    }

var mapCanvas = document.getElementById("map");
            var id = $('#address_id').val();
            var myCenter = new google.maps.LatLng(lat, long);
            var mapOptions = {
                center: myCenter,
                zoom: 8
            };
            var map = new google.maps.Map(mapCanvas, mapOptions);
            var img = "<?=Com::res('images/map_pin.png')?>";
            var infowindow = new google.maps.InfoWindow();

var marker = new google.maps.Marker({
                position: myCenter,
                icon: img,
                animation: google.maps.Animation.BOUNCE,
                draggable: true,
            });

marker.setMap(map);
            google.maps.event.addListener(map, 'click', function (event) {
                moveMarker(event.latLng);

});

google.maps.event.addListener(marker, 'dragend', function(event) {
                moveMarker(event.latLng);           
            });

var input = document.getElementById('useraddresslang-flat_no');
            var autocomplete = new google.maps.places.Autocomplete(input, {
                types: ["geocode"]
            });

function moveMarker(latlng) {
                marker.setPosition(latlng);
                $('#useraddress-latitude').val(latlng.lat());
                $('#useraddress-longitude').val(latlng.lng());
                
                var geocoder = new google.maps.Geocoder();
                geocoder.geocode({
                    "latLng": latlng,
                }, function(results, status) {
                    place(results,status);
                    // console.log(results[0].address_components);
                    if (status == google.maps.GeocoderStatus.OK) {
                        var lat = results[0].geometry.location.lat(),
                            lng = results[0].geometry.location.lng(),

placeName = results[0].address_components[0].long_name,
                            latlng = new google.maps.LatLng(lat, lng);
                        // moveMarker(placeName, latlng);
                        $("#useraddresslang-flat_no").val(results[0].formatted_address);
                    }
                });

}

autocomplete.bindTo('bounds', map);

google.maps.event.addListener(autocomplete, 'place_changed', function(event) {
                infowindow.close();
                var place = autocomplete.getPlace();
                if (place.geometry.viewport) {
                    map.fitBounds(place.geometry.viewport);
                } else {
                    map.setCenter(place.geometry.location);
                    map.setZoom(17);
                }
                moveMarker(place.geometry.location);
            });

}
        function place(results, status){
console.log(results[0].address_components);
            for (var i = results[0].address_components.length - 1; i >= 0; i--) {
                if ($.inArray('premise', results[0].address_components[i].types) != '-1') {
                    $('#useraddresslang-apartment').val(results[0].address_components[i].long_name);
                }
                if($.inArray('political',results[0].address_components[i].types)!='-1') {
                    $('#useraddreslang-area').val(results[0].address_components[i].long_name);
                }
                // if ($.inArray('locality', results[0].address_components[i].types) != '-1') {
                //     $('#useraddresslang-area').val(results[0].address_components[i].long_name);
                // }
                if ($.inArray('route', results[0].address_components[i].types) != '-1') {
                    $('#useraddresslang-street_name').val(results[0].address_components[i].long_name);
                }
                if ($.inArray('administrative_area_level_2', results[0].address_components[i].types) != '-1') {
                    $('#useraddresslang-city').val(results[0].address_components[i].long_name); 
                }
                if ($.inArray('administrative_area_level_1', results[0].address_components[i].types) != '-1') {
                    $('#useraddresslang-area').val(results[0].address_components[i].long_name); 
                }
                if($.inArray('postal_code',results[0].address_components[i].types)!='-1') {
                    $('#useraddresslang-postcode').val(results[0].address_components[i].long_name);
                }
                // if($.inArray('street_number',results[0].address_components[i].types)!='-1') {
                //     $('[name="floor"]').val(results[0].address_components[i].long_name);
                // }
                // if($.inArray('neighborhood',results[0].address_components[i].types)!='-1') {
                //     $('[name="lane"]').val(results[0].address_components[i].long_name);
                // }
            }
        }

$("#add-address").on("shown.bs.modal", function() {
            myMap();
        });

$('#add-address-btn').on('click', function() { 
            $("#useraddress-latitude").val('');
            $("#useraddress-longitude").val('');
            $model =$('#add-address');
            $model.find('.modal-title').text('<?= yii::t('frontend','Add Address') ?>');
            $model.find('form').trigger('reset');
            $model.find('.addAddrBut').text('<?= yii::t('frontend','Add Address') ?>');
            $model.modal('show');
        });

$('#Add_Address').on('beforeValidate',function(){
            var lat = $('#useraddress-latitude').val();
            if (lat == ''){
                $('#map_errors').text('<?= yii::t('frontend','Please choose your location on the map')?>');

}else{
                $('#map_errors').text('');
            }
        });

$('#Add_Address').on('beforeSubmit', function(e) {
            e.preventDefault(); 
            e.stopImmediatePropagation();
            
            var address_type = $('#useraddress-address_type').val();
            Core.ajax({
                url  : '<?= Url::to(['user/address']) ?>',
                type : 'POST',
                data : $(this).serializeArray(),
                done: function (result) {
                    if(result.status == <?= Com::SUCCESS ?>){
                        window.location.reload();
                        $('#add-address').modal('toggle');
                    }
                }            
            });
        
        
            return false;
        });
    })
</script>