{% if not included %}
{% extends 'index.html' %}
{% endif %}

{% set included = True %}

{% block content %}

<link href="/static/js9/js9-allinone.css" rel="stylesheet">
<script src="/static/js9/js9-allinone.js"></script>

  <section class="row">

    <div class="JS9Menubar"></div>
    <div class="JS9Toolbar"></div>    
    <div class="JS9"></div>

    <button class="btn btn-primary" data-filename="/static/test.fits">small</button>
    <button class="btn btn-primary" data-filename="/static/temp.fits">8.2MB</button>
    <button class="btn btn-primary" data-filename="/static/OARPAF.2022-04-29T22:49:43.000.fits">33MB</button>
    
    <!-- <button class="btn btn-primary" data-filename="{{data}}">large</button> -->

    <script>
      $("button").click(function(){
          console.log("click");
          JS9.Load($(this).data('filename'))
      })
    </script>
    
  </section>

{% endblock content %}