Przycisk zaloguj przez facebook/zaloguj przez Google.

[Gość VoyTechG]

Witam,

chciałbym dodać na naszej stronie obok ukrytej treści w poście przyciski zaloguj przez Facebook/Google. https://www.audiostereo.pl/topic/147574-wydania-albumów-wszelkich/

Niestety skopiowanie kodu HTML przycisku, który mamy na stronie nie działa.

 

 

 

<div class="ipsPad_half ipsType_center">
<button type="submit" name="_processLogin" value="2" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_facebook" style="background-color: #3a579a">
<span class="ipsSocial_icon">
<i class="fa fa-facebook-official"></i>
</span>
<span class="ipsSocial_text">Użyj konta Facebook</span>
</button>
</div>

[Gość VoyTechG]

Udało mi się dojść do momentu, gdzie dodałem oba przyciski, ale ciągle po wciśnięciu wyskakuje mi brak uprawnień. Wydaje mi się, ze z drugim inputem o name="ref"  może być problem. Tam trzeba również wygenerować kod, ale obawiam się, że zmienna $ref, którą zrobiłem nie jest poprawna według tej metody.

 

https://www.audiostereo.pl/topic/117772-filmowe-zapowiedzi/

 

 

 

{{$csrfKey = \IPS\Session::i()->csrfKey;}}
{{$ref = \IPS\Session::i()->ref;}}
{{if $email}}
<div style="color:#ffffff;font-family:'Helvetica Neue',helvetica,sans-serif;text-decoration:none;font-size:14px;background:#3f6d98;padding:5px 15px;display:inline-block;border-radius:3px;">
    <strong>{lang="bim_hide_title"}</strong><br>
    <div>
        {{if settings.bim_hide_action == 'reply'}}{lang="bim_hide_msg_reply"}{{else}}{lang="bim_hide_msg_like"}{{endif}}
    </div>
</div>    
{{else}}
    <div class='ipsMessage ipsMessage_info' id='bimHiddenContentRequires_{setting="bim_hide_action"}'>
        <p class="ipsType_reset">{lang="bim_hide_title"}</p>
        <ul class='ipsList_inline'>
            {{if $type == 'reply'}}
                {lang="bim_hide_msg_reply"}
            {{elseif $type == 'like'}}
                {lang="bim_hide_msg_like"}
            {{else}}
                {lang="bim_hide_msg_both"}
            {{endif}}
        </ul>
      <form accept-charset="utf-8" method="post" action="https://www.audiostereo.pl/login/" data-controller="core.global.core.login" class="ipsBox_alt">
<input type="hidden" name="csrfKey" value="{$csrfKey|raw}">
<input type="hidden" name="ref" value="{$ref|raw}">
<div data-role="loginForm">
<div class="ipsColumns ipsColumns_collapsePhone">
<div class="ipsColumn ipsColumn_veryWide">
<div class="ipsBox ipsPad">
<div class="cLogin_social ipsType_center">
<button type="submit" name="_processLogin" value="2" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_facebook" style="background-color: #3a579a">
<span class="ipsSocial_icon">
<i class="fa fa-facebook-official"></i>
</span>
<span class="ipsSocial_text">Użyj konta Facebook</span>
</button>
</div>
<div class="cLogin_social ipsType_center">
<button type="submit" name="_processLogin" value="3" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_google" style="background-color: #4285F4">
<span class="ipsSocial_icon">
<i class="fa fa-google"></i>
</span>
<span class="ipsSocial_text">Użyj konta Google</span>
</button>
</div>
</div>
</div>
</div>
</div>
</form>
    </div>
{{endif}}

Edytowane 20 Listopada 2019 przez VoyTechG

[DawPi]

27 minut temu, VoyTechG napisał:

<form accept-charset="utf-8" method="post" action="https://www.audiostereo.pl/login/" data-controller="core.global.core.login" class="ipsBox_alt">

Co Ty tam namajtałeś, że takie coś masz w kodzie:

 

Daj aktualny kod.

[Gość VoyTechG]

{{$loginUrl = \IPS\Http\Url::internal( 'app=core&module=system&controller=login', 'front', 'login' );}}
{{$crsfKey = \IPS\Session::i()->csrfKey;}}
{{if $email}}
<div style="color:#ffffff;font-family:'Helvetica Neue',helvetica,sans-serif;text-decoration:none;font-size:14px;background:#3f6d98;padding:5px 15px;display:inline-block;border-radius:3px;">
    <strong>{lang="bim_hide_title"}</strong><br>
    <div>
        {{if settings.bim_hide_action == 'reply'}}{lang="bim_hide_msg_reply"}{{else}}{lang="bim_hide_msg_like"}{{endif}}
    </div>
</div>    
{{else}}
    <div class='ipsMessage ipsMessage_info' id='bimHiddenContentRequires_{setting="bim_hide_action"}'>
        <p class="ipsType_reset">{lang="bim_hide_title"}</p>
        <ul class='ipsList_inline'>
            {{if $type == 'reply'}}
                {lang="bim_hide_msg_reply"}
            {{elseif $type == 'like'}}
                {lang="bim_hide_msg_like"}
            {{else}}
                {lang="bim_hide_msg_both"}
            {{endif}}
        </ul>
<form accept-charset="utf-8" method="post" action="{$loginUrl}" data-controller="core.global.core.login" class="ipsBox_alt">
<input type="hidden" name="csrfKey" value="{$crsfKey}">
<button type="submit" name="_processLogin" value="2" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_facebook" style="background-color: #3a579a">
<span class="ipsSocial_icon">
<i class="fa fa-facebook-official"></i>
</span>
<span class="ipsSocial_text">Użyj konta Facebook</span>
</button>
<button type="submit" name="_processLogin" value="3" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_google" style="background-color: #4285F4">
<span class="ipsSocial_icon">
<i class="fa fa-google"></i>
</span>
<span class="ipsSocial_text">Użyj konta Google</span>
</button>

</form>
    </div>
{{endif}}

[Gość VoyTechG]

Śmiesznie bo nawet mi nie widzi tego znacznika <form>

[DawPi]

To:

<form accept-charset="utf-8" method="post" action="{$loginUrl}" data-controller="core.global.core.login" class="ipsBox_alt">

Zmień na:

<form accept-charset="utf-8" method="post" action="{url="app=core&module=system&controller=login" seoTemplate="login"}" data-controller="core.global.core.login" class="ipsBox_alt">

 

[Gość VoyTechG]

Niestety dalej nie działa ?

https://www.audiostereo.pl/topic/117772-filmowe-zapowiedzi/

 

Code:

{{$loginUrl = \IPS\Http\Url::internal( 'app=core&module=system&controller=login', 'front', 'login' );}}
{{$crsfKey = \IPS\Session::i()->csrfKey;}}
{{if $email}}
<div style="color:#ffffff;font-family:'Helvetica Neue',helvetica,sans-serif;text-decoration:none;font-size:14px;background:#3f6d98;padding:5px 15px;display:inline-block;border-radius:3px;">
    <strong>{lang="bim_hide_title"}</strong><br>
    <div>
        {{if settings.bim_hide_action == 'reply'}}{lang="bim_hide_msg_reply"}{{else}}{lang="bim_hide_msg_like"}{{endif}}
    </div>
</div>    
{{else}}
    <div class='ipsMessage ipsMessage_info' id='bimHiddenContentRequires_{setting="bim_hide_action"}'>
        <p class="ipsType_reset">{lang="bim_hide_title"}</p>
        <ul class='ipsList_inline'>
            {{if $type == 'reply'}}
                {lang="bim_hide_msg_reply"}
            {{elseif $type == 'like'}}
                {lang="bim_hide_msg_like"}
            {{else}}
                {lang="bim_hide_msg_both"}
            {{endif}}
        </ul>
<form accept-charset="utf-8" method="post" action="{url="app=core&module=system&controller=login" seoTemplate="login"}" data-controller="core.global.core.login" class="ipsBox_alt">
<input type="hidden" name="csrfKey" value="{$crsfKey}">
<button type="submit" name="_processLogin" value="2" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_facebook" style="background-color: #3a579a">
<span class="ipsSocial_icon">
<i class="fa fa-facebook-official"></i>
</span>
<span class="ipsSocial_text">Użyj konta Facebook</span>
</button>
<button type="submit" name="_processLogin" value="3" class="ipsButton ipsButton_verySmall ipsButton_fullWidth ipsSocial ipsSocial_google" style="background-color: #4285F4">
<span class="ipsSocial_icon">
<i class="fa fa-google"></i>
</span>
<span class="ipsSocial_text">Użyj konta Google</span>
</button>

</form>
    </div>

[DawPi]

Teraz w ogóle nie widzę tych przycisków w kodzie.

[Gość VoyTechG]

Sorry, zmieniam na bieżąco.

Dla testu zrobiłem znacznik form i div i z jakiegoś powodu nie widzi form.

[Gość VoyTechG]

Może ten input ref jeszcze powinienem dodać?

 

[DawPi]

A czy ten form nie jest czasem w innym form? Bo ja tam widzę zagnieżdżone form.

[DejaVu24]

Widzę że chyba już działa, swoją drogą fajne rozwiązanie. Choć próbowałbym zamieścić w jednym polu, tak jak chyba próbowałeś to zrobić wcześniej? I miałbyś ładnie jedno pole "Tu znajduje się link lub załącznik, zaloguj się aby zobaczyć całą treść"

I jeszcze bym dodał wszystkie ikonki przez które można się szybko logować.

[DawPi]

No, ale on zmienił całkowicie jak to ma działać - tj. teraz się wyświetla okno logowania, a nie cały formularz od razu. Tam były zagnieżdżone formularze jak pisałem i stąd te problemy.

[DejaVu24]

Nie wiem co tam za problemy były, mówię tylko że fajnie by wyglądało gdyby było jedno pole. Ale to chyba we wtyczce tej do ukrywania trzeba grzebać. Aby w niej wyświetlić tą opcję z logowaniem.

Zakładam, że jak jedna rzecz może robić dwie, to jest to lepiej

Nie mówię, że jest źle, tylko czepiam się, jak mówiłem dobra sprawa z tym logowaniem przy takich ukrytych treściach, można z większym prawdopodobieństwem podłapać nowego użytkownika.

[Gość VoyTechG]

Okej problem udało się rozwiązać poprzez taki przycisk:

{{if !\IPS\Member::loggedIn()->member_id}}
    {{$loginURL = (string) \IPS\Http\Url::internal( 'app=core&module=system&controller=login', 'front', 'login' );}}
    <a href='{$loginURL}' class='ipsButton ipsButton_primary ipsButton_fullWidth' data-ipsDialog data-ipsDialog-size='medium'>
        Zaloguj się, aby zobaczyć treść 
    </a>
{{endif}}

 

Tak problemy wynikały ze znacznika <form>. Jakimś sposobem dodatek do ukrywania treści sprawiał, że nie wyświetlały się one w HTML. Form nie były zagnieżdżone, a mimo to się nie wyświetlały. Dzięki za pomoc

Edytowane 21 Listopada 2019 przez VoyTechG

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.