Subversion Repositories SmartDukaan

<div class="container userprofile">
        <div class="telecaller">
                <?php if(!empty($user['User']['profile_pic'])):?>
                        <img class="img img-rounded" src="<?php echo $base_url;?>app/webroot/timthumb.php?src=<?php echo $user['User']['profile_pic'];?>&h=120"/>
                <?php else:?>
                        <img src="<?php echo $base_url;?>app/webroot/timthumb.php?src=<?php echo $base_url;?>img/noimage.png&h=120" alt="<?php echo $user['User']['username'];?>"/>
                <?php endif;?>
        </div>
        <div class="editable text-center first_name" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="first_name" data-placeholder="Please enter your name"><?php echo $user['User']['first_name'];?></div>
        <div class="card address">
                <span class="profilelabel">Ph:</span> <div class="editable mobile_number inline" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="mobile_number" data-placeholder="Please enter your mobile number"><?php echo $user['User']['mobile_number'];?></div>
                <?php if(!empty($user['User']['address_line_1'])):?>
                        <div class="editable" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="address_line_1" data-placeholder="Address Line 1"><?php echo $user['User']['address_line_1'];?></div>
                <?php else:?>
                        <div class="editable" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="address_line_1" data-placeholder="Address Line 1">Address Line 1</div>
                <?php endif;?>
                <?php if(!empty($user['User']['address_line_2'])):?>
                        <div class="editable" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="address_line_2" data-placeholder="Address Line 2"><?php echo $user['User']['address_line_2'];?></div>
                <?php else:?>
                        <div class="editable" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="address_line_2" data-placeholder="Address Line 2">Address Line 2</div>
                <?php endif;?>
                <?php if(!empty($user['User']['city'])):?>
                        <div class="editable inline" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="city" data-placeholder="City"><?php echo $user['User']['city'];?></div>
                <?php else:?>
                        <div class="editable inline" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="city" data-placeholder="City">City</div>
                <?php endif;?> - 
                <?php if(!empty($user['User']['pincode'])):?>
                        <div class="editable inline" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="pincode" data-placeholder="Pincode"><?php echo $user['User']['pincode'];?></div>
                <?php else:?>
                        <div class="editable inline" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="pincode" data-placeholder="Pincode">Picode</div>
                <?php endif;?>
                <?php if(!empty($user['User']['state'])):?>
                        <div class="editable" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="state" data-placeholder="State"><?php echo $user['User']['state'];?></div>
                <?php else:?>
                        <div class="editable" data-url="/users/edit/" data-id="<?php echo $user['User']['id'];?>" data-field="state" data-placeholder="State">State</div>
                <?php endif;?>
        </div>
</div>  
<script type="text/javascript" src="<?php echo $base_url;?>js/jquery.editable.min.js"></script>
<script type="text/javascript">
$(function(){

        $('.editable').editable({
            touch : true, // Whether or not to support touch (default true)
            lineBreaks : false, // Whether or not to convert \n to <br /> (default true)
            toggleFontSize : false, // Whether or not it should be possible to change font size (default true),
            closeOnEnter : false, // Whether or not pressing the enter key should close the editor (default false)
            event : 'click', // The event that triggers the editor (default dblclick)
            tinyMCE : false, // Integrate with tinyMCE by settings this option to true or an object containing your tinyMCE configuration
            emptyMessage : '<em>'+$(this).data('placeholder')+'</em>', // HTML that will be added to the editable element in case it gets empty (default false)
            callback : function( data ) {
                // Callback that will be called once the editor is blurred
                if( data.content ) {
                    var field = data.$el.data('field');
                    var params = {};
                    params['id'] = data.$el.data('id');
                    params[field] = data.content;
                    $.post(data.$el.data('url')+data.$el.data('id'),params,function(data){
                                                console.log(data);
                                        },'json'); 
                }
                if( data.fontSize ) {
                    // the font size has changed
                }

                // data.$el gives you a reference to the element that was edited
                // data.$el.effect('blink');
            }
        });
});
</script>