realtime_web Files · plotter/templates/scatter.html

Fix noise plot not plotting gaps

Developer - - Load All Authors

File last commit:

r11:2395d68d2d5f


                r12:15f210b8fac1

Download file

             scatter.html
        
                    59 lines
            
             | 1.9 KiB
            
                | text/html
            
             |
                HtmlDjangoLexer
            
             / plotter / templates / scatter.html
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        jespinoza
    
Plot's layout now can be updated

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

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

        jespinoza
    
First version RTI, Spectra, Noise + Docker

              r0
            
        Developer
    
New version with cards and status alerts

              r11
            
      {% 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 %}

        jespinoza
    
Plot's layout now can be updated

              r5
            
      <script>

        Developer
    
New version with cards and status alerts

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

         or just update the last data*/

        jespinoza
    
Plot's layout now can be updated

              r5
            
        let flag = true;

        jespinoza
    
First version RTI, Spectra, Noise + Docker

              r0
            
        jespinoza
    
Plot's layout now can be updated

              r5
            
        function plot(data) {

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

          if (flag === true) {

            flag = false;

            plt = new Scatter({

              div: 'plot',

              data: data,

              key: '{{plot}}',

              props: { title: '{{title}}', ylabel: 'Noise [dB]', ymin: 10, ymax: 30 },

            });

            return true;

          } else {

            plt.update(data);

            return false;

        jespinoza
    
First version RTI, Spectra, Noise + Docker

              r0
            
          }

        jespinoza
    
Plot's layout now can be updated

              r5
            
        }

        Developer
    
New version with cards and status alerts

              r11
            
        /*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();

            plt.restyle(values);

          });

        jespinoza
    
Plot's layout now can be updated

              r5
            
      </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

jespinoza Plot's layout now can be updated	r5	{% extends 'base.html' %} {% load bootstrap3 %} {% block content %}
		<div id="plot"></div>
jespinoza First version RTI, Spectra, Noise + Docker	r0
Developer New version with cards and status alerts	r11	{% 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 %}
jespinoza Plot's layout now can be updated	r5	<script>
Developer New version with cards and status alerts	r11	/* This conditional is used to know if we have to setup the data
		or just update the last data*/
jespinoza Plot's layout now can be updated	r5	let flag = true;
jespinoza First version RTI, Spectra, Noise + Docker	r0
jespinoza Plot's layout now can be updated	r5	function plot(data) {
		// console.log(data['time']);
		if (flag === true) {
		flag = false;
		plt = new Scatter({
		div: 'plot',
		data: data,
		key: '{{plot}}',
		props: { title: '{{title}}', ylabel: 'Noise [dB]', ymin: 10, ymax: 30 },
		});
		return true;
		} else {
		plt.update(data);
		return false;
jespinoza First version RTI, Spectra, Noise + Docker	r0	}
jespinoza Plot's layout now can be updated	r5	}
Developer New version with cards and status alerts	r11	/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();
		plt.restyle(values);
		});
jespinoza Plot's layout now can be updated	r5	</script> {% endblock script %}