Новый интерфейс для редактирования полей в развернутом профиле

[Luz]

На форумах Forum2x2.ru появился новый интерфейс для редактирования информации профиля в самом профиле, а не через ПА или личный профиль пользователя.

(Если вы плохо представляете себе, как работает наша система профилей, советуем вам предварительно ознакомиться с темами Профиль - Изменение полей профиля и Профиль - Развернутый профиль )

Напоминаем, что для каждого созданного вами поля профиля (а также для части стандартных полей) вы можете указать в ПА, кто имеет право изменять это поле (ПА - Пользователи и группы - Профили - Поля профиля) :

- сам пользователь (это значит, что поле могут редактировать сам пользователь, модераторы и админы)
- модераторы (это значит, что поле могут редактировать модераторы и админы)
- администраторы ( это значит, что поле изменяемо только администраторами)

В зависимости от того, какие установки заданы в ПА ,
пользователи и модераторы будут иметь разный доступ к редактированию полей через профиль пользователя.

Щелкнув по нику пользователя, вы открываете его профиль на форуме или его "развернутый профиль" (новая функция, которую можно активировать в ПА - Пользователи и группы - Профили - Общие настройки).
Во вкладке "профиль" вы найдете список полей профиля и их содержание для данного пользователя.
При наведении мышкой на каждое поле, доступное вам для редактирования, рядом с полем будет появляться значок ("изменить содержание поля").

"Обычный профиль" (если развернутый профиль не был активирован) :



Развернутый профиль :




Если вы нажмете на этот значок, вы сможете отредактировать поле - а при нажатии на зеленую галочку изменения будут выполнены.



Если вы являетесь обычным пользователем, и рядом с полем, которое вас интересует, при наведении мыши не появляется символ , это значит, что ваш администратор не разрешил редактирование этого поля самими пользователями!

Обратите внимание:
Вы можете изменить значки и в ПА - Оформление - Управление картинками



Поле "Комментарии" видимо только админами и модераторами, и для обеих этих групп доступно редактирование поля.





Замечание : пользователи могут редактировать содержание полей своего профиля либо прямо в профиле на форуме (или развернутом профиле), как это описано выше, либо через личный профиль ("Профиль" в верхнем меню навигации).
Администраторы могут редактировать поля профилей пользователей либо через профиль на форуме, либо через ПА.

[Luz]

Те, кто используют версию PHPBB2 и вносили ранее изменения в шаблоны, должны , для правильной работы этого интерфейса, выполнить некоторые модификации (если вы не изменяли соответствующие шаблоны, все изменения будут проделаны автоматически , и вам ничего не надо делать)

• Поля профиля
  
  
  
  • profile_view_body
    
    
    
    • Вместо следующего кода:

      Код:

      [tr] <tr>
<td align="right" valign="middle" nowrap="nowrap"><span
class="gen">{L_LOCATION}: </span></td>
<td><b><span class="gen">{LOCATION}</span></b></td>
</tr>
<tr>
<td align="right" valign="middle" nowrap="nowrap"><span
class="gen">{L_WEBSITE}: </span></td>
<td><span class="gen"><b>{WWW}</b></span></td>
</tr>
<tr>
<td align="right" valign="middle" nowrap="nowrap"><span
class="gen">{L_OCCUPATION}: </span></td>
<td><b><span class="gen">{OCCUPATION}</span></b></td>
</tr>
<tr>
<td align="right" valign="top" nowrap="nowrap"><span
class="gen">{L_INTERESTS}: </span></td>
<td><b><span class="gen">{INTERESTS}</span></b></td>
</tr>
<tr>
<td valign="top" align="right" nowrap="nowrap"><span
class="gen">{L_GENDER}: </span></td>
<td> <b><span class="gen">{GENDER}</span></b></td>
</tr>
<tr>
<td valign="top" align="right" nowrap="nowrap"><span
class="gen">{L_BIRTHDAY}: </span></td>
<td><b><span class="gen">{BIRTHDAY}
{ZODIAC_IMG}{CHINESE_IMG}</span></b></td>
</tr>
<!-- BEGIN switch_profile_fields -->
<tr>
<td colspan="2" class="catLeft" align="center"><b><span
class="gen">
<form action="profile.forum?mode=viewprofile&u={USER_ID}"
method="post">
<input type="hidden" name="userid" value="{USER_ID}" />
{L_PROFILE_FIELDS}</span></b>
</td>
</tr>
<!-- BEGIN field -->
<tr>
<td class="gensmall row1"
align="right"><span>{switch_profile_fields.field.NAME}:</span></td>
<td class="gensmall row2"
valign="middle"><span>{switch_profile_fields.field.OBJECT}</span><br
/></td>
</tr>
<!-- END field -->
<!-- BEGIN show_submit -->
<tr>
<td class="gensmall row1" align="right"></td>
<td class="gensmall row2" valign="middle"><input type="submit"
value="{L_MODIFY}" name="modify_profilefields" class="liteoption" /><br
/></td>
</tr>
<!-- END show_submit -->
</form>
<!-- END switch_profile_fields -->


      Поставить следующий код :

      Код:

       <!-- BEGIN profile_field -->
<dl id="{switch_profile_tab.profile_field.ID}">
<dt>
{switch_profile_tab.profile_field.LABEL}
</dt>
<dd>
{switch_profile_tab.profile_field.CONTENT}
</dd>
</dl>
<div class="separator">&nbsp;</div>
<!-- END profile_field -->


    • В конце шаблона добавить следующий код:

      Код:

      <script type="text/javascript"
src="/{JS_DIR}/jquery/jquery.json-1.3.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span') )
{
$(this).hover(function()
{
if(
$(this).find('.field_editable.invisible').is('span') )
{

$(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(
"ajax_profile.forum?jsoncallback=?",

{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content)},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i +
']').find('span.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') )
{

$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
}
});
});
//]]>
</script>