[SVG] Панель пользователя (визитера)

[Skaiman]

Skaiman добавил(а) новый ресурс:

[SVG] Панель пользователя (визитера) - Добавляем виджет кастомной пользовательской панели в сайдбар.

Создаем новый виджет HTML:
Ключ виджета: visitor_panel_new
Заголовок: не нужен
Позиции для отображения: Список разделов: Боковая панель 1
Шаблон:

<xf:if is="$xf.visitor.user_id">
    <div class="visitor-panel-new">
        <div class="visitor">
            <div class="vpn-header"></div>
            <div class="contentRow-figure">
                <xf:avatar user="{$xf.visitor}" size="l" href="" notooltip="true" update="{{ link('account/avatar', $xf.visitor) }}" />...

Узнать больше об этом ресурсе...

 

[Len]

Можно как нибудь сделать чтобы фоно были обложки из этого плагина Nobita - Profile Cover ?

 

[Mirovinger]

Никто не перепутал, страницу профиля и виджет на главной?

 

[Skaiman]

Можно наверное, но надо иметь установленный плагин, что бы посмотреть. А так то кто мешает фон заменить на картинку.

Никто не перепутал, страницу профиля и виджет на главной?

Там в плагине картинка из профиля добавляется в всплывающее окно, как я понял :)

 

[Len]

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

 

[Skaiman]

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

 

[bdrv]

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

Такая реализация есть в IPS по дефолту, если мне не изменяет память :unsure:

 

[Mirovinger]

Можно наверное, но надо иметь установленный плагин, что бы посмотреть. А так то кто мешает фон заменить на картинку.


Там в плагине картинка из профиля добавляется в всплывающее окно, как я понял :)

Там дополнение обложек от Нобито, как и на первой ветке, ну не суть.

 

[Dead Master]

Skaiman, а как сменить цвет на свой!?
я так понял это относится к цвету виджета?
@xf-textColorAttention

 

[Skaiman]

Skaiman, а как сменить цвет на свой!?
я так понял это относится к цвету виджета?
@xf-textColorAttention

Использованы переменные из стиля и если стиль нормальный, все цвета буду отображаться нормально

 

[Dead Master]

Маленькая заметка
После регистрации если не подтвердил почту, видно это


После того как подтвердишь письмо активации, все нормально

 

[Skaiman]

Завтра гляну, можно пока условие добавить для них, что б не видели блок {$xf.visitor.user_state} == 'valid'

 

[Skaiman]

Skaiman обновил(а) ресурс [SVG] Панель пользователя (визитера) новой записью:

Обновление кода

• Исправил баг с неавторизированными пользователями
• Добавил условие на кнопку према для них, без подтверждения они не видят ее
• Небольшие изменения

Узнать больше об этом обновлении...

 

[MaZa]

В чем проблема,если не схоже со скринами?

 

[Dead Master]

MaZa_Mladwii, проблема в посте #10

 

[Skaiman]

MaZa_Mladwii, стиль переделанный и все цвета походу выведены в extra.less без переменных, а я их использовал.
Чуть позже сделаю дополнением с настройками стиля.

 

[Koful]

Смотрится супер.
А можно как-то верхнюю заливку (шапку) залить градиентом? Типа верхняя половина чуть темнее, нижняя светлее.

 

[Skaiman]

[SVG] Visitor Panel

 

[25517]

Как можно фразы заменить на FontAwesome иконки?

 

[Убро]

Код под XF2.1 кому нужен

<xf:if is="$xf.visitor.user_id">
    <div class="visitor-panel-new">
        <div class="visitor">
            <div class="vpn-header"></div>
            <div class="contentRow-figure">
                <xf:avatar user="{$xf.visitor}" size="l" href="" notooltip="true" update="{{ link('account/avatar', $xf.visitor) }}" />
            </div>
            <h3 class="contentRow-header"><xf:username user="$xf.visitor" rich="true" notooltip="true" /></h3>
            <div class="contentRow-lesser">
                <xf:usertitle user="$xf.visitor" />
            </div>
            <xf:if is="$xf.app.userUpgradeCount AND !{$xf.visitor.isMemberOf([3, 4])} AND {$xf.visitor.user_state} == 'valid'">
                <div class="button-prem">
                    <a href="{{ link('account/upgrades') }}" target="_blank"><span>Купить премиум</span><span>Перейти к оплате</span></a>
                </div>
            </xf:if>
        </div>
        <div class="stats">
            <div class="column">
                <div>{{ phrase('messages') }}</div>
                <div>{$xf.visitor.message_count|number}</div>
            </div>
            <div class="column">
                <div>{{ phrase('likes') }}</div>
                <div>{$xf.visitor.reaction_score|number}</div>
            </div>
            <div class="column">
                <div>{{ phrase('trophy_points') }}</div>
                <div>{$xf.visitor.trophy_points|number}</div>
            </div>
        </div>
    </div>
</xf:if>