05 - Gentle Sea: Profile_view_body

<script type="text/javascript">
    $(document).ready(function(){
    $('.page-title span').each(function(){
    var membercolour = $(this).css('color');
    $(this).parents('').attr('style','--gscoloruser:' + membercolour + ';');
    });
    });
</script>

<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<h1 class="page-title">{L_VIEWING_PROFILE}</h1>



<div class="gsperfilcont">
  <div class="gsperfilcont1">
    <div class="gsperfilavatar">{AVATAR_IMG}</div>
    <div class="gsperfilcontacto">
        <div class="gsperfilcontacto1" id="field_id{contact_field.ID}">
            <!-- BEGIN contact_field -->
            {contact_field.CONTENT}
            <!-- END contact_field -->
        </div>
    </div>
  </div>
  <div class="gsperfilcont2">
    <div class="gsperfilnombre">
      <div class="gsperfilname1">{PUSERNAME}</div>
      <div class="gsperfilname2">{POSTER_RANK}</div>
    </div>
    <div class="gsperfilcampos">
        <!-- BEGIN profile_field -->
        <div class="gsperfilcampos1" id="field_id{profile_field.ID}">
            <div class="gsperfilabel">{profile_field.LABEL}</div>
            <div class="gsperfifield">{profile_field.CONTENT}</div>
        </div>
        <!-- END profile_field -->
    </div>
    <div class="gsperfilbarra"></div>
  </div>
</div>























<!-- BEGIN switch_rpg -->
<h1 class="page-title">{L_VIEWING_RPG}</h1>
<div class="panel bg1">
    <div class="inner"><span class="corners-top"><span></span></span>

    <p style="text-align: center;">{RPG_IMAGE}</p>
    <hr />

    <!-- BEGIN rpg_fields_left -->
    <div class="column1">
        <dl class="details">
            <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
            <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
        </dl>
    </div>
    <!-- END rpg_fields_left -->

    <!-- BEGIN rpg_fields -->
    <div class="column2">
        <dl class="details">
            <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
            <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
        </dl>
    </div>
    <!-- END rpg_fields -->
    <div class="clear"></div>
    <fieldset class="submit-buttons">
        {U_ADMIN_RPG_NEW}
    </fieldset>
    <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_rpg -->
<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function(){
        $('[id^=field_id]').each(function(){
            if ( $(this).find('.field_editable').is('span, div') )
            {
                $(this).hover(function()
                {
                    if( $(this).find('.field_editable.invisible').is('span, div') )
                    {
                        $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                        $(this).find('.ajax-profil_edit').attr({
                                alt: "{L_FIELD_EDIT_VALUE}",
                                title: "{L_FIELD_EDIT_VALUE}"
                            }).click(function(){
                            $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                            $(this).prev().find('.ajax-profil_valid').attr({
                                alt: "{L_VALIDATE}",
                                title: "{L_VALIDATE}"
                            }).click(function(){
                                var content = new Array();
                                $(this).parent().find('[name]').each(function(){
                                    var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                                    if ( (type_special && $(this).is(':checked')) || !type_special )
                                    {
                                        content.push(new Array($(this).attr('name'), $(this).attr('value')));
                                    }
                                });
                                var id_name = $(this).parents('[id^=field_id]').attr('id');
                                var id = id_name.substring(8, id_name.length);
                                $.post(
                                    "{U_AJAX_PROFILE}",
                                    {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                                    function(data){
                                        $.each(data, function(i, item){
                                            $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                                        });
                                    },
                                    "json"
                                );
                            });
                            $(this).remove();
                        });
                    }
                },function()
                {
                    if( $(this).find('.field_editable.invisible').is('span, div') )
                    {
                        $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                        $(this).find('.ajax-profil_edit').remove();
                    }
                });
            }
        });
    });
//]]>
</script>