Menu burger et notifications désactivés une fois le membre connecté

par Segnifer Mar 14 Fév 2023 - 18:57

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Passage de phpbb2 du forum à awesomebb
Lien du forum : https://yggdrasiltest.forumactif.com/

Description du problème

Bonjour,

Je suis face à un petit souci sur mon forum, qui est une copie identique d'un forum sur lequel je veux faire une migration de phpbb2 à awesome bb. J'ai donc créé un forum 'test' pour préparer cette migration.

Sur mon forum test, le système de notifications et le profil déroulant à droite (excusez-moi, je n'arrive pas en trouver le nom) nativement installé sur awesome bb s'affiche correctement. De même, le menu déroulant en javascript installé à gauche fonctionne également.

Sur ce forum où j'ai réalisé la migration phpbb2 à awesomebb, en revanche, ce n'est pas le cas du tout. Une fois que le membre se connecte, les notifications n'apparaissent pas et le contenu de ce profil est invisible. Donc impossible de se déconnecter/d'accéder à son profil, etc. En plus, le menu de gauche qui fonctionne très bien avant la connexion lâche également...

Je pensais qu'il s'agissait d'une histoire de permission ou de javascript désactivé, mais mes essais n'ont rien donné.
J'ai tenté de :
- désactiver le javascript / retirer les codes js
- Vider le cache
- accéder au profil en C/C l'ul de l'edition de profil pour enregistrer les préférences de notifications
- Créer un nouveau compte : le nouveau compte a le même souci...

Par ailleurs, je retrouve cette erreur en inspectant le code :

Code:: Uncaught TypeError: FA.Notification is undefined <anonymous> https://yggdrasiltest.forumactif.com/:651 jQuery 4 yggdrasiltest.forumactif.com:651:448

En copie le code du template overall_header

Code:: <!DOCTYPE HTML> <link href="https://fonts.googleapis.com/css?family=Charm|Concert+One|Merienda" rel="stylesheet"> <html lang="{L_LANG_HTML}"> <head> <meta charset="{S_CONTENT_ENCODING}" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <title>{SITENAME_TITLE}{PAGE_TITLE}</title> {T_HEAD_STYLESHEET} {CSS} <meta name="theme-color" content="{GG_THEME_COLOR}" /> <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script>  <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script> <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script> <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); }); //]]> </script>  <script type="text/javascript"> $(document).scroll(function() { var y = $(this).scrollTop(); if (y > 164) { if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){ $('.btn-fixed').addClass('btn-scrolled'); } } else { if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) { $('.btn-fixed').removeClass('btn-scrolled'); } } }); </script>  <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if (report != null) { report.focus(); } });//]]> </script>   <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if (pm != null) { pm.focus(); } }); //]]> </script>   <script type="text/javascript"> //<![CDATA[ var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false; $(document).ready(function () { $(window).resize(function () { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth / 2 - popupWidth / 2 }); }); }); //]]> </script>  {RICH_SNIPPET_GOOGLE} {HOSTING_JS}  <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});  gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});  </script>  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <style> #logo-text { max-width: calc(100% - 150px); } .forum-description img { max-width: calc(100% - 15px); } </style> </head> <body id="top">  <div id="login_popup" class="block-subtle" style="z-index: 10001 !important;"> <div class="headline"> {SITENAME} <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button> </div> <div id="login_popup_content"> <div id="login_popup_message"> {LOGIN_POPUP_MSG} </div> <br /> <div id="login_popup_buttons">  <div class="mt10"> <div class="social_btn">  <div class="fb-login-button"></div>     <div class="ti-connect"></div>  </div> </div> <br/>  <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" value="{L_LOGIN}" class="btn btn-default" /> <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" /> </form> </div> </div> </div>  {GREETING_POPUP}  <div id="inactive_popup" class="block-subtle" style="z-index: 10000 !important;"> <div class="headline"> {inactive_users_modal.L_MODAL_TITLE} <button title="{inactive_users_modal.L_CLOSE}" id="inactive_popup_close"><i class="material-icons">close</i></button> </div> <div id="inactive_popup_message"> {inactive_users_modal.L_MODAL_BODY} </div> <br /> <div id="inactive_popup_buttons"> <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button> </div> </div> <script type="text/javascript"> $('#inactive_popup #inactive_popup_close').on('mouseup', function () { document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;"; $('#inactive_popup').hide(50); }); $('#inactive_popup #inactive_popup_url').on('mouseup', function () { document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;"; location.href = '{inactive_users_modal.U_MODAL}' }) </script>   <div id="like_popup" class="block-subtle" style="z-index: 10001 !important;"> <div class="headline"> {SITENAME} <button title="{L_LIKE_CLOSE}" id="like_popup_close"><i class="material-icons">close</i></button> </div> <div id="like_popup_message"> {LIKE_POPUP_MSG} </div> <br /> <div id="like_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" value="{L_LOGIN}" class="btn btn-default" /> <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" /> </form> </div> </div>  <header> <div id="main-menu-btn"> <i class="material-icons">menu</i> </div> <a id="logo-link" href="{U_INDEX}"> <div id="logo">  <img src="{switch_logo_mob.LOGO_MOB}" alt="{L_INDEX}" loading="lazy" />  </div>   </a>  <a href="{S_LOGIN_ACTION}" class="button">{L_LOGIN}</a>   <a href="javascript:void(0)" id="header-user"></a> <a href="javascript:void(0)" id="header-notif"><i class="material-icons">notifications</i></a>  <form method="get" action="{ACTION_SEARCH}" id="search-main"> <input type="text" name="search_keywords" maxlength="128" placeholder="{L_SEARCH}" /> <button type="submit"><i class="material-icons">search</i></button> </form> <ul id="header-navigation"> <li><a id="navigation-recent" href="/latest"><i class="material-icons">comment</i>{L_TOPICS}</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">Règlement</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">Contexte</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">Groupes</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">Univers</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">Intrigues</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">Fonctionnement</a></li> <li><a id="navigation-home" href="https://bacacodes.forumactif.com/h10-univers">FàQ</a></li> </ul> </header> <div id="main-menu" class="hidden"> <div class="main-menu-headline">{SITENAME}</div> </div> <div id="main-user-menu" class="hidden"> </div> <div id="notif-menu" class="hidden"> <div class="main-menu-headline" data-text="_lang['Notifications']"></div> <ul id="notif_list"> <li id="notif-view-all"><a href="/profile?mode=editprofile&page_profil=notifications" data-text="_lang['Notif_see_all']"></a></li> </ul> <div id="live_notif"> </div> </div> <div id="header-banner"> <div class="wrap">  <h2 style="transition: none !important; opacity: 0;">{switch_desc.SITE_DESCRIPTION}</h2>  </div> <img class="titre_banniere_forum" src="https://zupimages.net/up/23/06/vg7b.png"> <div class="cadre_banniere_forum">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div> <div class="sous_textes_banniere"><div>Forum Fantasy</div><div>Avatars illustrés</div><div>Pas de minimum de lignes</div></div> </div> <div id="wrap">  <div id="fa_ticker_block"> <div class="module"> <div class="inner"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>   </div> </body> </html>

En vous remerciant par avance, n'hésitez pas à me dire si j'ai oublié une information.

par **Toryudo** Mar 14 Fév 2023 - 20:56

Bonjour !
Alors juste avec ce Template, je ne reproduis pas le problème de mon côté pour l'instant.
Et avec ce que vous dites... je doute un peu qu'on puisse reproduire si les deux forums (test et réel) sont totalement identiques.

Le plus simple, ce serait de pouvoir constater en direct :est-ce qu'il y a un forum sur lequel je pourrais m'inscrire pour constater le problème ?

par Segnifer Mar 14 Fév 2023 - 21:12

Bonjour, je me permets de passer un lien, tu peux normalement t'inscrire pour tester Smile

https://yggdrasiltest.forumactif.com/

Merci d'avance !

par **Toryudo** Mar 14 Fév 2023 - 22:18

Je pense que j'ai compris, mais je ne sais pas comment vous avez fait Razz

En fait, sur le forum https://yggdrasiltest.forumactif.com l'option de la toolbar n'est pas activée.
Je peux le voir parce qu'il y a cette valeur dans le code :

Code:: _userdata["activate_toolbar"] = 0;

Par contre, on ne peut pas activer/désactiver la toolbar quand on est sur AwesomeBB, parce que par défaut, elle est censée être activée... du coup, la manipulation devrait être la suivante :
- changer la version (en phpbb2 par exemple, comme avant)
- aller dans le menu Modules > Toolbar, configuration et mettre "Activer la toolbar :" à Oui
- rechanger la version en AwesomeBB

Est-ce que ce serait mieux comme ça ?
Par contre, je veux bien savoir comment vous êtes passé de phpbb2 à AwesomeBB, quelle manip vous avez utilisée. En fonction de la réponse, il y aura peut-être un petit bug à corriger chez Forumactif !

par Segnifer Mar 14 Fév 2023 - 22:38

Ça marche parfaitement ! Merci énormément Yahoo

Je crois comprendre ce qui s'est passé vu votre explication. J'ai exporté le thème d'un autre forum, créé sous awesomebb, qui m'a servi de "base" pour la constitution du thème et du code.
J'ai ensuite importé ce thème sur le test qui était en phpbb2 via "Thème" > "Gestion des Thèmes". Ça devait me permettre de simuler cette migration.
Je crois donc que le forum est passé automatiquement en awesomebb par une voie détournée, sans que les variables critiques et nécessaires ne soient activées/créées Smile

Encore merci, ce souci me faisait me ronger les ongles.
J'en profite pour marquer le sujet comme résolu

Menu burger et notifications désactivés une fois le membre connecté