Dev/gridstack

src/main/resources/page.html

@@ -3,6 +3,9 @@
 {% block title %}{{ pageTitle }}{% endblock %}
 {% block head %}
     <link rel="stylesheet" href="/css/gridstack.min.css">
+    <link rel="stylesheet" href="/css/jquery-ui.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/gridheights.css" id="gridheights">
 {% endblock %}
 {% block navbarCollapse %}
 <ul class="navbar-nav ml-auto">
@@ -19,6 +22,7 @@
 {% block container %}
     <div class="card-group" id="reactapp">
     </div>
+    <div id="settings"></div>
 {% endblock %}
 {% block body %}{% endblock %}
 {% block beforeScripts %}{% endblock %}
@@ -31,9 +35,12 @@
         <script src="/javascript/libs/react.production.min.js"></script>
         <script src="/javascript/libs/react-dom.production.min.js"></script>
     {% endif %}
+    <script src="/javascript/libs/jquery-3.3.1.min.js"></script>
+    <script src="/javascript/libs/jquery-ui.min.js"></script>
     <script src="/javascript/libs/lodash.min.js"></script>
     <script src="/javascript/libs/gridstack.min.js"></script>
     <script src="/javascript/libs/gridstack.jQueryUI.min.js"></script>
+    <!--<script src="/javascript/libs/gridstack.jQueryUI.min.js"></script>-->
 {% endblock %}
 {% block afterJS %}
 <script src="/javascript/socket-handler.js" data-plugins="transform-es2015-modules-umd" type="text/babel"></script>