From 1c89bde70d0b20cff9531633f726b4fadf7c9cde Mon Sep 17 00:00:00 2001 From: Fan Zhang <fan.zhang@ligo.org> Date: Tue, 26 Aug 2014 19:31:05 +0000 Subject: [PATCH] Updated event detail.html --- templates/gracedb/event_detail.html | 227 +++++++++++++++++++++++++++- 1 file changed, 226 insertions(+), 1 deletion(-) diff --git a/templates/gracedb/event_detail.html b/templates/gracedb/event_detail.html index b52280f61..d5d6f92cf 100644 --- a/templates/gracedb/event_detail.html +++ b/templates/gracedb/event_detail.html @@ -878,7 +878,232 @@ </div> -<p> </p> + <!-- Single Inspiral Data --> + <div id="bulletin_board" data-dojo-type="dijit/TitlePane" + data-dojo-props="title: 'EM Follow-up Bulletin Board', open: false"> + <script> + require(["dojo/dom-construct", "dojo/dom", "dojo/on", "dojo/domReady!"], + function(domConstruct, dom, on){ + on(dom.byId("button2"), "click", function(){ + var subm = document.getElementById('submitter').value; + var faci = document.getElementById('facility').value; + var fpid = document.getElementById('fpid').value; + var wvbd = document.getElementById('waveband').value; + var rahh = document.getElementById('ra1').value; + var ramm = document.getElementById('ra2').value; + var rass = document.getElementById('ra3').value; + var decd = document.getElementById('dec1').value; + var decm = document.getElementById('dec2').value; + var decs = document.getElementById('dec3').value; + var rawd = document.getElementById('rawidth').value; + var dewd = document.getElementById('decwidth').value; + var gpst = document.getElementById('gpstime').value; + var dura = document.getElementById('dr').value; + //var choi = document.getElementById('sc').value; + var comm = document.getElementById('cm').value; + var fmtt = document.getElementById('ft').value; + + var row = domConstruct.toDom("<tr><td>" + "" + + "</td><td>" + subm + + "</td><td>" + faci + + "</td><td>" + fpid + + "</td><td>" + wvbd + + "</td><td>" + rahh + "hh" + ramm + "mm" + rass + "ss" + + "</td><td>" + decd + "dr" + decm + "mm" + decs + "ss" + + "</td><td>" + rawd + + "</td><td>" + dewd + + "</td><td>" + gpst + + "</td><td>" + dura + + "</td><td>" + dura + + "</td><td>" + comm + + "</td><td>" + fmtt + + "</td></tr>"); + domConstruct.place(row, "bb_log"); + }); + }); + </script> + + <div data-dojo-type="dijit/form/Form" id="myForm" + data-dojo-id="myForm" enctype="multipart/form-data" action="" + method=""> + <script> + require(["dojo/parser", "dijit/form/Form", "dijit/form/Button", "dijit/form/ValidationTextBox", "dijit/form/DateTextBox"]); + </script> + + <script type="dojo/on" data-dojo-event="reset"> + return confirm('Press OK to reset widget values'); + </script> + + <script type="dojo/on" data-dojo-event="submit"> + if(this.validate()){ + return confirm('Form is valid, press OK to submit'); + }else{ + alert('Form contains invalid data. Please correct first'); + return false; + } + return true; + </script> + + Make a Bulletin Board Entry Here + + <table id="subcontent" width="430" border="1"> + <tr> + <td width="150"><label for="submitter">Submitter:</label> + </td> + <td width="250"><input type="text" id="submitter" + name="submitter" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /></td> + </tr> + + <tr> + <td><label for="facility">Facility:</label> + </td> + <td><input type="text" id="facility" name="facility" + size="45" data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td><label for="fpid">Foot Print ID:</label> + </td> + <td><input type="text" id="fpid" name="fpid" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td><label for="waveband">Wave Band:</label> + </td> + <td><input type="text" id="waveband" name="waveband" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td><label for="ra">RA (J2000):</label> + </td> + <td><input type="text" id="ra" name="ra" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td><label for="ra">DEC (J2000):</label> + </td> + <td><input type="text" id="dec" name="dec" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td><label for="rawidth">RA Width (Degree):</label> + </td> + <td><input type="text" id=""rawidth"" name=""rawidth"" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td><label for="decwidth">Dec Width (Degree):</label> + </td> + <td><input type="text" id=""decwidth"" name=""decwidth"" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + + <tr> + <td width="150"><label for="gpstime">GPS Time:</label> + </td> + <td><input type="datetime" id="gpstime" name="gpstime" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td width="150"><label for="dr">Duration:</label> + </td> + <td><input type="text" id="dr" name="dr" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td width="150"><label for="sc">Status Choice:</label> + </td> + <td><input type="radio" name="sc" id="ob" checked value="OBSERVATION" /><label for="ob">OBSERVATION</label><br> + <input type="radio" name="sc" id="te" /><label for="te">TEST</label><br> + <input type="radio" name="sc" id="pr" /><label for="pr">PREDICTION</label> + </td> + </tr> + + <tr> + <td width="150"><label for="cm">Comments:</label> + </td> + <td><input type="text" id="cm" name="cm" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + <tr> + <td width="150"><label for="ft">Formal Text:</label> + </td> + <td><input type="text" id="ft" name="ft" size="45" + data-dojo-type="dijit/form/ValidationTextBox" /> + </td> + </tr> + + </table> + + <!-- <button data-dojo-type="dijit/form/Button" type="button" id="button2">Get Values from form!</button> + why data-dojo-type doesn't work here?--> + <button id="button2" type="button">Add a row</button> + <button type="submit" + name="submitButton" value="Submit" >Submit</button> + <button type="reset">Reset</button> + </div> + + <!-- Bulletin Board Log --> + + <div data-dojo-type="dijit/TitlePane" + data-dojo-props="title: 'Bulletin Board Log', open: false"> + <table id="bb_2" class="event" border="1"> + <thead> + <tr> + <th>id</th> + <th>Submitter</th> + <th>Facility</th> + <th>FootPrintID</th> + <th>Waveband</th> + <th>Ra</th> + <th>Dec</th> + <th>RaWidth</th> + <th>DecWidth</th> + <th> + <form> + <select onchange="changeTime(this, 'gps')"><option + value="gps" selected>GPS Time</option> + <option value="llo">LLO Local</option> + <option value="lho">LHO Local</option> + <option value="virgo">Virgo Local</option> + <option value="utc">UTC</option> + </select> + </form> Time Start</th> + <th>Duration</th> + <th>Status</th> + <th>Comments</th> + <th>FormalText</th> + </tr> + </thead> + + <tbody id="bb_log" > + </tbody> + + </table> + </div> +</div> + + <div id="annotations" class="content-area"> <div id="new_log_entry_form"> -- GitLab