# Source: src/js/views/FooterView.js

    /*global define */
    define(['jquery', 'underscore', 'backbone', 'text!templates/footer.html'],
      function ($, _, Backbone, FooterTemplate) {
        'use strict';

        /**
        * @class FooterView
        * @classdesc The FooterView renders the main footer for the application, at the bottom of each page.
        * @classcategory Views
        * @extends Backbone.View
        */
        var FooterView = Backbone.View.extend(
          /** @lends FooterView.prototype */{

          el: '#Footer',

          template: _.template(FooterTemplate),

          initialize: function () {
          },

          render: function () {
            this.$el.html(this.template());
          },

          /**
           * Hide the footer
           * @since 2.19.0
           */
          hide: function () {
            this.el.style.setProperty('display', 'none')
            document.body.style.setProperty('--footer-height', '0')
          },

          /**
           * Show the footer after it was hidden
           * @since 2.19.0
           */
          show: function () {
            this.el.style.removeProperty('display')
            document.body.style.removeProperty('--footer-height')
          }

        });
        return FooterView;
      });