Page MenuHomeSoftware Heritage
Differential D1513 Diff 4975 swh/web/templates/layout.html

Changeset View

Standalone View

View Options

swh/web/templates/layout.html

Show First 20 Lines • Show All 205 Lines • ▼ Show 20 Lines <body class="hold-transition sidebar-mini">
</div> </div>
</body> </body>
<script> <script>
swh.webapp.setSwhObjectIcons({{ swh_object_icons|jsonify }}); swh.webapp.setSwhObjectIcons({{ swh_object_icons|jsonify }});
swh.webapp.setReCaptchaActivated({{ grecaptcha_activated|jsonify }}); swh.webapp.setReCaptchaActivated({{ grecaptcha_activated|jsonify }});
</script> </script>
<script defer>
window.onscroll = function() {
if (document.body.scrollTop > 60 || document.documentElement.scrollTop > 60) {
document.getElementById("back-to-top").style.display = "block";
} else {
document.getElementById("back-to-top").style.display = "none";
}
}
</script>
anlambertUnsubmitted
Not Done
Inline Actions

Apart script that require input embedded in the Django templates, Javascript code should be handled by webpack.

Thus this implementation should be moved in the file assets/src/bundles/webapp/webapp-utils.js at the end of the $(document).ready() callback starting at line 58.

All JS code handled by webpack can use jQuery and ES6 syntax so I would rather use the following implementation here:

let scrollThreshold = 0;
scrollThreshold += $('.swh-top-bar').height() || 0;
scrollThreshold += $('.navbar').height() || 0;
$(window).scroll(() => {
  if ($(window).scrollTop() > scrollThreshold) {
    $('#back-to-top').css('display', 'block');
  } else {
    $('#back-to-top').css('display', 'none');
  }
});
anlambert: Apart script that require input embedded in the Django templates, Javascript code should be…
</html> </html>
About · Developer information · Legal