Browse Source

Show paragraph after "Summary" in popup info

dds
PaulStoffregen 10 years ago
parent
commit
857ca16880
2 changed files with 5 additions and 6 deletions
  1. +3
    -4
      gui/list.html
  2. +2
    -2
      gui/red/ui/palette.js

+ 3
- 4
gui/list.html View File

<p>Receive 16 bit stereo audio from the <p>Receive 16 bit stereo audio from the
<a href="http://www.pjrc.com/store/teensy3_audio.html" target="_blank">audio shield</a> <a href="http://www.pjrc.com/store/teensy3_audio.html" target="_blank">audio shield</a>
or another I2S device.</p> or another I2S device.</p>
<h3>Audio Library Ports</h3>
<p align=center><img src="audioshield_inputs.jpg"></p>
<h3>Audio Connections</h3>
<table class=doc align=center cellpadding=3> <table class=doc align=center cellpadding=3>
<tr class=top><th>Port</th><th>Function</th></tr> <tr class=top><th>Port</th><th>Function</th></tr>
<tr class=odd><td align=center>Out 0</td><td>Left Channel</td></tr> <tr class=odd><td align=center>Out 0</td><td>Left Channel</td></tr>
<p>This object has no functions to call from the Arduino sketch. It <p>This object has no functions to call from the Arduino sketch. It
simply streams data from the I2S hardware to its 2 output ports.</p> simply streams data from the I2S hardware to its 2 output ports.</p>
<h3>Hardware</h3> <h3>Hardware</h3>
<p align=center><img src="audioshield_inputs.jpg"></p>
<p align=center><img src="audioshield_backside.jpg"></p>
<p>The I2S signals are used in "master" mode, where Teensy creates <p>The I2S signals are used in "master" mode, where Teensy creates
all 3 clock signals and controls all data timing.</p> all 3 clock signals and controls all data timing.</p>

<table class=doc align=center cellpadding=3> <table class=doc align=center cellpadding=3>
<tr class=top><th>Pin</th><th>Signal</th><th>Direction</th></tr> <tr class=top><th>Pin</th><th>Signal</th><th>Direction</th></tr>
<tr class=odd><td align=center>9</td><td>BCLK</td><td>Output</td></tr> <tr class=odd><td align=center>9</td><td>BCLK</td><td>Output</td></tr>
<h3>Notes</h3> <h3>Notes</h3>
<p>Normally, this object is used with the Audio Shield, which <p>Normally, this object is used with the Audio Shield, which
is controlled separately by the "sgtl5000" object.</p> is controlled separately by the "sgtl5000" object.</p>
<p align=center><img src="audioshield_backside.jpg"></p>
</script> </script>
<script type="text/x-red" data-template-name="AnalogInputI2S"> <script type="text/x-red" data-template-name="AnalogInputI2S">
<div class="form-row"> <div class="form-row">

+ 2
- 2
gui/red/ui/palette.js View File

$("#palette-"+def.category).append(d); $("#palette-"+def.category).append(d);
d.onmousedown = function(e) { e.preventDefault(); } d.onmousedown = function(e) { e.preventDefault(); }
$(d).popover({ $(d).popover({
title:d.type, title:d.type,
placement:"right", placement:"right",
delay: { show: 750, hide: 50 }, delay: { show: 750, hide: 50 },
html: true, html: true,
container:'body', container:'body',
content: $(($("script[data-help-name|='"+nt+"']").html()||"<p>no information available</p>").trim())[0]
content: $(($("script[data-help-name|='"+nt+"']").html()||"<h2>empty</h2><p>no information available</p>").trim())[2] // TODO: how to use jQuery to always select the first <p> within the html?
}); });
$(d).click(function() { $(d).click(function() {
var help = '<div class="node-help">'+($("script[data-help-name|='"+d.type+"']").html()||"")+"</div>"; var help = '<div class="node-help">'+($("script[data-help-name|='"+d.type+"']").html()||"")+"</div>";

Loading…
Cancel
Save