Skocz do zawartości

Przycisk zaloguj przez facebook/zaloguj przez Google.


Rekomendowane odpowiedzi

Opublikowano

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>

Opublikowano (edytowane)

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/

 

image.png.77af37701dafbee53cd36d3cc1a21b89.png

 

 

{{$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 przez VoyTechG
  • Manager
Opublikowano
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:

image.png

 

Daj aktualny kod.

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Opublikowano

{{$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}}

Opublikowano

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

image.thumb.png.3db77f714656214cf2bbbb006d1360bd.png

  • Manager
Opublikowano

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">

 

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Opublikowano

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>

Opublikowano

Sorry, zmieniam na bieżąco.

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

image.png.5bb8150020560fbf07d984c0de9df25d.png

image.png.b197a157650721ffddc26722730a597e.png

Opublikowano

Może ten input ref jeszcze powinienem dodać?

 

Opublikowano

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ć.

  • Manager
Opublikowano

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.

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Opublikowano

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ść
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.