realtime_web Files · plotter/templates/spectra.html

Fis zmq server & test client

Developer - - Load All Authors

File last commit:

r11:2395d68d2d5f


                r20:bb89e66ce589

Download file

             spectra.html
        
                    53 lines
            
             | 1.7 KiB
            
                | text/html
            
             |
                HtmlDjangoLexer
            
             / plotter / templates / spectra.html
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      {% extends 'base.html' %} {% load bootstrap3 %}{% block content %}

      <div id="plot"></div>

      {% endblock content %} {% block modal %}

      <!-- Modal -->

      <div class="modal fade" id="setup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

        <div class="modal-dialog modal-sm" role="document">

          <div class="modal-content">

            <div class="modal-header">

              <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                <span aria-hidden="true">&times;</span>

              </button>

              <h4 class="modal-title" id="myModalLabel">Setup plot</h4>

            </div>

            <div class="modal-body">

              {% if code and plot %}

              <form id="form_setup">

                {% bootstrap_form setup_form layout='grid' size='small' %}

              </form>

              {% endif %}

            </div>

            <div class="modal-footer">

              <button id="bt_update" type="button" class="btn btn-primary">Update</button>

            </div>

          </div>

        </div>

      </div>

      {% endblock modal%} {% block script %}

      <script>

        /* This conditional is used to know if we have to setup the data

         or just update the last data*/

        let flag = true;

        function plot(data) {

          // console.log(data['time']);

          if (flag === true) {

            flag = false;

            spc = new Pcolor({

              div: 'plot',

              data: data,

              props: { title: '{{title}}', zmin: 10, zmax: 30, colormap: 'Jet' },

            });

            return true;

          } else {

            spc.plot(data);

            return false;

          }

        }

        /*It is the button to make changes in my plot parameters defined in block modal*/

        $("#bt_update").click(function () {

            $("#setup").modal('hide');

            var values = $("#form_setup").serializeArray();

            spc.restyle(values);

          });

      </script> {% endblock script %}

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				{% extends 'base.html' %} {% load bootstrap3 %}{% block content %}
				<div id="plot"></div>
				{% endblock content %} {% block modal %}
				<!-- Modal -->
				<div class="modal fade" id="setup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
				<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">Setup plot</h4>
				</div>
				<div class="modal-body">
				{% if code and plot %}
				<form id="form_setup">
				{% bootstrap_form setup_form layout='grid' size='small' %}
				</form>
				{% endif %}
				</div>
				<div class="modal-footer">
				<button id="bt_update" type="button" class="btn btn-primary">Update</button>
				</div>
				</div>
				</div>
				</div>
				{% endblock modal%} {% block script %}
				<script>
				/* This conditional is used to know if we have to setup the data
				or just update the last data*/
				let flag = true;

				function plot(data) {
				// console.log(data['time']);
				if (flag === true) {
				flag = false;
				spc = new Pcolor({
				div: 'plot',
				data: data,
				props: { title: '{{title}}', zmin: 10, zmax: 30, colormap: 'Jet' },
				});
				return true;
				} else {
				spc.plot(data);
				return false;
				}
				}
				/It is the button to make changes in my plot parameters defined in block modal/
				$("#bt_update").click(function () {
				$("#setup").modal('hide');
				var values = $("#form_setup").serializeArray();
				spc.restyle(values);
				});
				</script> {% endblock script %}