{% autoescape None %}
{% extends ../../../templates/base.html %}

{% block title %}temBoard / {{instance}} / Activity{% end %}

{% block head %}
{% for link in vitejs.css_links_for('activity.js') %}{% raw link %}{% end %}
{% end %}

{% block content %}
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="ModalLabel"></h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body" id="ModalInfo">
      </div>
      <div class="modal-body" id="ModalBody">
      </div>
      <div class="modal-footer" id="ModalFooter">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>

<div id="app">
  <activity></activity>
</div>

<script type="module" src="{{ vitejs.url_for('activity.js') }}"></script>
<script>
var xsession = {{ json_encode(xsession) }};
var agent_address = "{{instance.agent_address}}";
var agent_port = "{{instance.agent_port}}";
var agentLoginUrl = '/server/{{ instance.agent_address }}/{{ instance.agent_port }}/login';
</script>

{% end %}