nopaque/app/templates/base.html.j2

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    {% if title %}
    <title>nopaque – {{ title }}</title>
    {% else %}
    <title>nopaque</title>
    {% endif %}
    <link href="{{ url_for('static', filename='images/favicon.png') }}" rel="icon" type="image/png">
    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='fonts/material-icons/material-icons.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/nopaque.css') }}" media="screen,projection"/>
    <script src="{{ url_for('static', filename='js/add_job.js') }}"></script>
    <script src="{{ url_for('static', filename='js/jsonpatch.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/socket.io.js') }}"></script>
    <script src="{{ url_for('static', filename='js/list.js') }}"></script>
    <script src="{{ url_for('static', filename='js/list.utils.js') }}"></script>
    <script src="{{ url_for('static', filename='js/CorpusList.js') }}"></script>
    <script src="{{ url_for('static', filename='js/JobList.js') }}"></script>
    <script src="{{ url_for('static', filename='js/darkreader.js') }}"></script>
    <script>
      {% if current_user.is_dark == True %}
      DarkReader.enable({
        brightness: 100,
        contrast: 100,
        sepia: 0
      });
      {% else %}
      DarkReader.disable();
      {% endif %}
    </script>
    <script>
      var corpora;
      var corporaSubscribers = [];
      var jobs;
      var jobsSubscribers = [];
      var socket = io();

      socket.on('init-corpora', function(msg) {
        corpora = JSON.parse(msg);
        for (let subscriber of corporaSubscribers) {subscriber._init(corpora);}
      });
      socket.on('init-jobs', function(msg) {
        jobs = JSON.parse(msg);
        for (let subscriber of jobsSubscribers) {subscriber._init(jobs);}
      });
      socket.on('update-corpora', function(msg) {
        var patch;

        patch = JSON.parse(msg);
        corpora = jsonpatch.apply_patch(corpora, patch);
        for (let subscriber of corporaSubscribers) {subscriber._update(patch);}
      });
      socket.on('update-jobs', function(msg) {
        var patch;

        patch = JSON.parse(msg);
        jobs = jsonpatch.apply_patch(jobs, patch);
        for (let subscriber of jobsSubscribers) {subscriber._update(patch);}
      });
      socket.on('message', function(msg) {
        console.log(msg);
      });
    </script>
    <script>
      var foreignCorpora;
      var foreignCorporaSubscribers = [];
      var foreignJobs;
      var foreignJobsSubscribers = [];

      socket.on('init-foreign-corpora', function(msg) {
        foreignCorpora = JSON.parse(msg);
        for (let subscriber of foreignCorporaSubscribers) {subscriber._init(foreignCorpora);}
      });
      socket.on('init-foreign-jobs', function(msg) {
        foreignJobs = JSON.parse(msg);
        for (let subscriber of foreignJobsSubscribers) {subscriber._init(foreignJobs);}
      });
      socket.on('update-foreign-corpora', function(msg) {
        var patch;

        patch = JSON.parse(msg);
        foreignCorpora = jsonpatch.apply_patch(foreignCorpora, patch);
        for (let subscriber of foreignCorporaSubscribers) {subscriber._update(patch);}
      });
      socket.on('update-foreign-jobs', function(msg) {
        var patch;

        patch = JSON.parse(msg);
        foreignJobs = jsonpatch.apply_patch(foreignJobs, patch);
        for (let subscriber of foreignJobsSubscribers) {subscriber._update(patch);}
      });
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
  <body>
    <header>
      <div id="nav-notifications-dropdown" class="dropdown-content grey-text text-darken-4">
        <p>Notifications</p>
      </div>
      <ul id="nav-account-dropdown" class="dropdown-content">
        {% if current_user.is_authenticated %}
        <li><a href="{{ url_for('profile.index') }}"><i class="material-icons">settings</i>Settings</a></li>
        <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
        {% else %}
        <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
        <li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
        {% endif %}
      </ul>
      <div class="navbar-fixed">
        <nav>
          <div class="nav-wrapper">
            <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
            <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
            <ul class="right hide-on-med-and-down">
              <li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
              <li>
                <a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown">
                  {% if current_user.is_authenticated %}
                  {{ current_user.username }}<i class="material-icons right">account_circle</i>
                  {% else %}
                  <i class="material-icons">account_circle</i>
                  {% endif %}
                </a>
              </li>
            </ul>
          </div>
        </nav>
      </div>

      <ul id="slide-out" class="sidenav sidenav-fixed">
        <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>nopaque</a></li>
        <li><a href="#"><i class="material-icons">linear_scale</i>Workflow</a></li>
        <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
        <li><div class="divider"></div></li>
        <li><a class="subheader">Services</a></li>
        <li><a href="{{ url_for('services.service', service='merge_images') }}"><i class="material-icons">burst_mode</i>Merge images</a></li>
        <li><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
        <li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
        {% if current_user.is_administrator() %}
        <li><div class="divider"></div></li>
        <li><a class="subheader">Administration</a></li>
        <li><a href="{{ url_for('admin.index') }}"><i class="material-icons">build</i>Administration tools</a></li>
        {% endif %}
        <div class="hide-on-large-only">
          <li><div class="divider"></div></li>
          <li><a class="subheader">Account</a></li>
          {% if current_user.is_authenticated %}
          <li><a href="{{ url_for('profile.index') }}"><i class="material-icons">settings</i>Settings</a></li>
          <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
          {% else %}
          <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
          <li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
          {% endif %}
        </div>
      </ul>
    </header>

    <main class="grey lighten-5">
      {% block main_block %}{% endblock %}
    </main>

    <footer class="page-footer">
      <div class="footer-copyright">
        <div class="container">
        © 2019 Bielefeld University
        <a class="grey-text text-lighten-4 right" href="#!">Impress</a>
        </div>
      </div>
    </footer>

    <script>
      socket.emit('subscribe_user_ressources');
    </script>
    <script src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
    <script>
      M.AutoInit();
      M.CharacterCounter.init(document.querySelectorAll('input[data-length][type="text"]'))
      M.Dropdown.init(
        document.getElementById("nav-notifications"),
        {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
      );
      M.Dropdown.init(
        document.getElementById("nav-account"),
        {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
      );
      // Highlight current navigation entry
      var entry;
      for (entry of document.querySelectorAll("#slide-out a:not(.subheader)")) {
        if (entry.href === window.location.href) {
          entry.parentNode.classList.add("active");
        }
      }
      var toast;
      var toastActionElement;
      {% for message in get_flashed_messages() %}
      toast = M.toast({"html": `<span>{{ message }}</span><button class="btn-flat toast-action red-text" data-action="close"><i class="material-icons">close</i></button>`});
      toastActionElement = toast.el.querySelector(".toast-action[data-action='close']");
      if (toastActionElement) {
        toastActionElement.addEventListener("click", function() {
          toast.dismiss();
        });
      }
      {% endfor %}
      for (toastActionElement of document.querySelectorAll(".toast-action[data-action='close']")) {
        toastActionElement.addEventListener("click", function(event) {
          M.Toast.getInstance(toastActionElement.parentElement).dismiss();
        });
      }
    </script>
  </body>
</html>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								<!DOCTYPE html>
 								<html lang="en">
 								  <head>
 								    <meta charset="UTF-8">
 								    {% if title %}
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								    <title>nopaque – {{ title }}</title>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    {% else %}
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								    <title>nopaque</title>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    {% endif %}
 								    <link href="{{ url_for('static', filename='images/favicon.png') }}" rel="icon" type="image/png">
-												Create and use module templates for different page sections.

											
										
										
											2019-07-05 09:04:45 +00:00
+								    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='fonts/material-icons/material-icons.css') }}">
-												Add navigation structure.

											
										
										
											2019-07-04 12:59:23 +00:00
+								    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/nopaque.css') }}" media="screen,projection"/>
-												Some renaming and moving

											
										
										
											2019-11-08 11:21:59 +00:00
+								    <script src="{{ url_for('static', filename='js/add_job.js') }}"></script>
-												(Re)Implement live update of corpus and job lists.

											
										
										
											2019-08-29 13:12:08 +00:00
+								    <script src="{{ url_for('static', filename='js/jsonpatch.min.js') }}"></script>
-												Use JSON patch the correct way!

											
										
										
											2019-08-30 11:31:00 +00:00
+								    <script src="{{ url_for('static', filename='js/socket.io.js') }}"></script>
-												Stop polling. Use SocketIO!

											
										
										
											2019-08-23 13:05:01 +00:00
+								    <script src="{{ url_for('static', filename='js/list.js') }}"></script>
 								    <script src="{{ url_for('static', filename='js/list.utils.js') }}"></script>
-												Use custom List classes for corpora and job lists.

											
										
										
											2019-08-20 09:24:52 +00:00
+								    <script src="{{ url_for('static', filename='js/CorpusList.js') }}"></script>
 								    <script src="{{ url_for('static', filename='js/JobList.js') }}"></script>
-												Add dark mode

											
										
										
											2019-10-09 14:10:30 +00:00
+								    <script src="{{ url_for('static', filename='js/darkreader.js') }}"></script>
 								    <script>
 								      {% if current_user.is_dark == True %}
 								      DarkReader.enable({
 								        brightness: 100,
-												Add full_width and limited_width templates.

											
										
										
											2019-10-24 11:13:34 +00:00
+								        contrast: 100,
 								        sepia: 0
-												Add dark mode

											
										
										
											2019-10-09 14:10:30 +00:00
+								      });
 								      {% else %}
 								      DarkReader.disable();
 								      {% endif %}
 								    </script>
-												Stop polling. Use SocketIO!

											
										
										
											2019-08-23 13:05:01 +00:00
+								    <script>
 								      var corpora;
 								      var corporaSubscribers = [];
 								      var jobs;
 								      var jobsSubscribers = [];
 								      var socket = io();
-												Add background task to handle data changes for corpora and jobs via socketio.

											
										
										
											2019-08-28 15:27:43 +00:00
+								      socket.on('init-corpora', function(msg) {
-												Add client side event handlers for update-* events.

											
										
										
											2019-08-29 09:37:00 +00:00
+								        corpora = JSON.parse(msg);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of corporaSubscribers) {subscriber._init(corpora);}
-												Stop polling. Use SocketIO!

											
										
										
											2019-08-23 13:05:01 +00:00
+								      });
-												Add background task to handle data changes for corpora and jobs via socketio.

											
										
										
											2019-08-28 15:27:43 +00:00
+								      socket.on('init-jobs', function(msg) {
-												Add client side event handlers for update-* events.

											
										
										
											2019-08-29 09:37:00 +00:00
+								        jobs = JSON.parse(msg);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of jobsSubscribers) {subscriber._init(jobs);}
-												Stop polling. Use SocketIO!

											
										
										
											2019-08-23 13:05:01 +00:00
+								      });
-												Add client side event handlers for update-* events.

											
										
										
											2019-08-29 09:37:00 +00:00
+								      socket.on('update-corpora', function(msg) {
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        var patch;
-												(Re)Implement live update of corpus and job lists.

											
										
										
											2019-08-29 13:12:08 +00:00
 								        patch = JSON.parse(msg);
-												Use JSON patch the correct way!

											
										
										
											2019-08-30 11:31:00 +00:00
+								        corpora = jsonpatch.apply_patch(corpora, patch);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of corporaSubscribers) {subscriber._update(patch);}
-												Add client side event handlers for update-* events.

											
										
										
											2019-08-29 09:37:00 +00:00
+								      });
 								      socket.on('update-jobs', function(msg) {
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        var patch;
-												(Re)Implement live update of corpus and job lists.

											
										
										
											2019-08-29 13:12:08 +00:00
 								        patch = JSON.parse(msg);
-												Use JSON patch the correct way!

											
										
										
											2019-08-30 11:31:00 +00:00
+								        jobs = jsonpatch.apply_patch(jobs, patch);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of jobsSubscribers) {subscriber._update(patch);}
-												Add client side event handlers for update-* events.

											
										
										
											2019-08-29 09:37:00 +00:00
+								      });
-												Add background task to handle data changes for corpora and jobs via socketio.

											
										
										
											2019-08-28 15:27:43 +00:00
+								      socket.on('message', function(msg) {
 								        console.log(msg);
 								      });
-												Stop polling. Use SocketIO!

											
										
										
											2019-08-23 13:05:01 +00:00
+								    </script>
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
+								    <script>
 								      var foreignCorpora;
 								      var foreignCorporaSubscribers = [];
 								      var foreignJobs;
 								      var foreignJobsSubscribers = [];
 								      socket.on('init-foreign-corpora', function(msg) {
 								        foreignCorpora = JSON.parse(msg);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of foreignCorporaSubscribers) {subscriber._init(foreignCorpora);}
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
+								      });
 								      socket.on('init-foreign-jobs', function(msg) {
 								        foreignJobs = JSON.parse(msg);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of foreignJobsSubscribers) {subscriber._init(foreignJobs);}
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
+								      });
 								      socket.on('update-foreign-corpora', function(msg) {
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        var patch;
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
 								        patch = JSON.parse(msg);
 								        foreignCorpora = jsonpatch.apply_patch(foreignCorpora, patch);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of foreignCorporaSubscribers) {subscriber._update(patch);}
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
+								      });
 								      socket.on('update-foreign-jobs', function(msg) {
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        var patch;
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
 								        patch = JSON.parse(msg);
 								        foreignJobs = jsonpatch.apply_patch(foreignJobs, patch);
-												Cleanup eventcode

											
										
										
											2019-11-07 09:44:02 +00:00
+								        for (let subscriber of foreignJobsSubscribers) {subscriber._update(patch);}
-												Add admin view on foreign jobs.

											
										
										
											2019-09-18 09:33:06 +00:00
+								      });
 								    </script>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 								  </head>
 								  <body>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								    <header>
-												Add remember me!

											
										
										
											2019-07-08 08:07:26 +00:00
+								      <div id="nav-notifications-dropdown" class="dropdown-content grey-text text-darken-4">
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								        <p>Notifications</p>
 								      </div>
-												Add remember me!

											
										
										
											2019-07-08 08:07:26 +00:00
+								      <ul id="nav-account-dropdown" class="dropdown-content">
 								        {% if current_user.is_authenticated %}
-												Move auth.settings to a new package (profile) as profile.index

											
										
										
											2019-09-23 14:11:01 +00:00
+								        <li><a href="{{ url_for('profile.index') }}"><i class="material-icons">settings</i>Settings</a></li>
-												Add Account navigation links for medium and small devices.

											
										
										
											2019-09-10 13:10:16 +00:00
+								        <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
-												Add remember me!

											
										
										
											2019-07-08 08:07:26 +00:00
+								        {% else %}
-												Add Account navigation links for medium and small devices.

											
										
										
											2019-09-10 13:10:16 +00:00
+								        <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
 								        <li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
-												Add remember me!

											
										
										
											2019-07-08 08:07:26 +00:00
+								        {% endif %}
 								      </ul>
-												fixed navbar and new navigation entries for serivces (nlp and ocr)

											
										
										
											2019-07-19 13:16:20 +00:00
+								      <div class="navbar-fixed">
 								        <nav>
 								          <div class="nav-wrapper">
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								            <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
-												fixed navbar and new navigation entries for serivces (nlp and ocr)

											
										
										
											2019-07-19 13:16:20 +00:00
+								            <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
 								            <ul class="right hide-on-med-and-down">
-												No double initialization for javascript powered elements.

											
										
										
											2019-08-02 13:15:02 +00:00
+								              <li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
-												Small restructore of the design.

											
										
										
											2019-09-04 11:51:21 +00:00
+								              <li>
 								                <a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown">
 								                  {% if current_user.is_authenticated %}
 								                  {{ current_user.username }}<i class="material-icons right">account_circle</i>
 								                  {% else %}
 								                  <i class="material-icons">account_circle</i>
 								                  {% endif %}
 								                </a>
 								              </li>
-												fixed navbar and new navigation entries for serivces (nlp and ocr)

											
										
										
											2019-07-19 13:16:20 +00:00
+								            </ul>
 								          </div>
 								        </nav>
 								      </div>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
 								      <ul id="slide-out" class="sidenav sidenav-fixed">
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								        <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>nopaque</a></li>
-												Add workflow dummy entry.

											
										
										
											2019-09-11 08:00:52 +00:00
+								        <li><a href="#"><i class="material-icons">linear_scale</i>Workflow</a></li>
-												Update landing page.

											
										
										
											2019-08-01 08:33:05 +00:00
+								        <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
-												Add new navigation entries.

											
										
										
											2019-07-12 15:21:04 +00:00
+								        <li><div class="divider"></div></li>
-												Small restructore of the design.

											
										
										
											2019-09-04 11:51:21 +00:00
+								        <li><a class="subheader">Services</a></li>
-												Add merge images functionality.

											
										
										
											2020-01-07 13:39:01 +00:00
+								        <li><a href="{{ url_for('services.service', service='merge_images') }}"><i class="material-icons">burst_mode</i>Merge images</a></li>
-												Some renaming and moving

											
										
										
											2019-11-08 11:21:59 +00:00
+								        <li><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
 								        <li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
-												Small restructore of the design.

											
										
										
											2019-09-04 11:51:21 +00:00
+								        {% if current_user.is_administrator() %}
 								        <li><div class="divider"></div></li>
 								        <li><a class="subheader">Administration</a></li>
-												Code enhancement

											
										
										
											2019-11-15 11:51:53 +00:00
+								        <li><a href="{{ url_for('admin.index') }}"><i class="material-icons">build</i>Administration tools</a></li>
-												Add flask_table for admin view

											
										
										
											2019-07-10 12:36:31 +00:00
+								        {% endif %}
-												Add Account navigation links for medium and small devices.

											
										
										
											2019-09-10 13:10:16 +00:00
+								        <div class="hide-on-large-only">
 								          <li><div class="divider"></div></li>
 								          <li><a class="subheader">Account</a></li>
 								          {% if current_user.is_authenticated %}
-												Move auth.settings to a new package (profile) as profile.index

											
										
										
											2019-09-23 14:11:01 +00:00
+								          <li><a href="{{ url_for('profile.index') }}"><i class="material-icons">settings</i>Settings</a></li>
-												Add Account navigation links for medium and small devices.

											
										
										
											2019-09-10 13:10:16 +00:00
+								          <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
 								          {% else %}
 								          <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
 								          <li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
 								          {% endif %}
 								        </div>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								      </ul>
 								    </header>
-												Add title if condition

											
										
										
											2019-07-04 09:36:23 +00:00
-												Create and use module templates for different page sections.

											
										
										
											2019-07-05 09:04:45 +00:00
+								    <main class="grey lighten-5">
-												Add first implementation of loading modal

											
										
										
											2019-11-11 14:57:55 +00:00
+								      {% block main_block %}{% endblock %}
-												Add row structure to base template

											
										
										
											2019-07-04 10:23:09 +00:00
+								    </main>
-												Add materializecss.

											
										
										
											2019-07-04 08:40:23 +00:00
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								    <footer class="page-footer">
 								      <div class="footer-copyright">
 								        <div class="container">
 								        © 2019 Bielefeld University
 								        <a class="grey-text text-lighten-4 right" href="#!">Impress</a>
 								        </div>
 								      </div>
 								    </footer>
-												Create and use module templates for different page sections.

											
										
										
											2019-07-05 09:04:45 +00:00
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    <script>
-												Updated URL Logic for admin package

											
										
										
											2019-11-15 10:45:04 +00:00
+								      socket.emit('subscribe_user_ressources');
 								    </script>
 								    <script src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
 								    <script>
 								      M.AutoInit();
 								      M.CharacterCounter.init(document.querySelectorAll('input[data-length][type="text"]'))
 								      M.Dropdown.init(
 								        document.getElementById("nav-notifications"),
 								        {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
 								      );
 								      M.Dropdown.init(
 								        document.getElementById("nav-account"),
 								        {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
 								      );
 								      // Highlight current navigation entry
 								      var entry;
 								      for (entry of document.querySelectorAll("#slide-out a:not(.subheader)")) {
 								        if (entry.href === window.location.href) {
 								          entry.parentNode.classList.add("active");
-												Add navigation highlighting.

											
										
										
											2019-09-10 14:09:35 +00:00
+								        }
-												Updated URL Logic for admin package

											
										
										
											2019-11-15 10:45:04 +00:00
+								      }
-												Change the way how the dismiss feature is added to toasts.

											
										
										
											2020-01-08 09:47:59 +00:00
+								      var toast;
-												Add missing ";"

											
										
										
											2020-01-08 12:20:56 +00:00
+								      var toastActionElement;
-												Updated URL Logic for admin package

											
										
										
											2019-11-15 10:45:04 +00:00
+								      {% for message in get_flashed_messages() %}
-												Change the way how the dismiss feature is added to toasts.

											
										
										
											2020-01-08 09:47:59 +00:00
+								      toast = M.toast({"html": `<span>{{ message }}</span><button class="btn-flat toast-action red-text" data-action="close"><i class="material-icons">close</i></button>`});
 								      toastActionElement = toast.el.querySelector(".toast-action[data-action='close']");
 								      if (toastActionElement) {
 								        toastActionElement.addEventListener("click", function() {
 								          toast.dismiss();
 								        });
 								      }
-												Updated URL Logic for admin package

											
										
										
											2019-11-15 10:45:04 +00:00
+								      {% endfor %}
-												Add close function for Toasts

											
										
										
											2020-01-08 09:13:58 +00:00
+								      for (toastActionElement of document.querySelectorAll(".toast-action[data-action='close']")) {
 								        toastActionElement.addEventListener("click", function(event) {
 								          M.Toast.getInstance(toastActionElement.parentElement).dismiss();
 								        });
 								      }
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    </script>
 								  </body>
-												Add materializecss.

											
										
										
											2019-07-04 08:40:23 +00:00
+								</html>