← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to src/php/HelioviewerWebClient.php

  • Committer: Jeff Stys
  • Date: 2014-12-10 22:08:48 UTC
  • Revision ID: jstys@sesda3.com-20141210220848-0oehuccggmmi4uh3
Added Center (x,y), Width, and Height fields to SDO Cut-out Service user interface.
Added start and end date image preview thumbnails for each selected data source in the VSO user interface.
Added help buttons to each accordion header.
Improved the 'check all' and 'check none' buttons in the HEK accordion.

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/php/HelioviewerWebClient.php
325
325
 
326
326
                    <div class="disclosure-triangle closed">►</div>
327
327
                    <h1>Observation Date</h1>
328
 
                    <div class="right fa fa-question contextual-help" title="
 
328
                    <div class="right fa fa-question-circle contextual-help" title="
329
329
Changing the 'Observation Date' will update the Viewport with data matching the new date and time.<br /><br />
330
330
 
331
331
Use the 'Jump' controls to browse forward and backward in time by a regular interval.<br /><br />
369
369
                <div class="header">
370
370
                    <div class="disclosure-triangle closed">►</div>
371
371
                    <h1>Image Data Layers</h1>
 
372
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
372
373
                    <div class="accordion-header">
373
374
                        <a href="#" id="add-new-tile-layer-btn" class="text-button" title="Click to add an image data layer to the Viewport."><span class="fa fa-plus-circle"></span> Add Layer</a>
374
375
                    </div>
384
385
                <div class="header">
385
386
                    <div class="disclosure-triangle closed">►</div>
386
387
                    <h1>Feature &amp; Event Annotations</h1>
 
388
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
387
389
                </div>
388
390
                <div class="content">
389
391
                    <div id="eventLayerAccordion">
417
419
                <div class="header">
418
420
                    <div class="disclosure-triangle closed">►</div>
419
421
                    <h1>Helioviewer Project News</h1>
 
422
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
420
423
                </div>
421
424
                <div class="content">
422
425
                    <div class="section">
430
433
                <div class="header">
431
434
                    <div class="disclosure-triangle closed">►</div>
432
435
                    <h1>Movies Shared to YouTube</h1>
 
436
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
433
437
                </div>
434
438
                <div class="content">
435
439
                    <div class="section">
453
457
                <div class="header">
454
458
                    <div class="disclosure-triangle closed">►</div>
455
459
                    <h1>Generate a Movie</h1>
 
460
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
456
461
                </div>
457
462
                <div class="content">
458
463
                    <div class="section">
558
563
                <div class="header">
559
564
                    <div class="disclosure-triangle closed">►</div>
560
565
                    <h1>Generate a Screenshot</h1>
 
566
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
561
567
                </div>
562
568
                <div class="content">
563
569
 
597
603
                <div class="header">
598
604
                    <div class="disclosure-triangle closed">►</div>
599
605
                    <h1>Virtual Solar Observatory</h1>
 
606
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
600
607
                </div>
601
608
                <div class="content">
602
609
                    <div class="section">
628
635
                                    <div class="suffix">UTC</div></div>
629
636
                            </div>
630
637
 
631
 
                            <br />
632
 
 
 
638
                            <div class="row">
 
639
                                <div id="vso-previews"></div>
 
640
                            </div>
633
641
 
634
642
                            <div class="row">
635
643
                                <div class="buttons">
648
656
                <div class="header">
649
657
                    <div class="disclosure-triangle closed">►</div>
650
658
                    <h1>SDO AIA/HMI Cut-out Service</h1>
 
659
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
651
660
                </div>
652
661
                <div class="content">
653
662
                    <div class="section">
676
685
 
677
686
                            <br />
678
687
 
 
688
                            <div class="row">
 
689
                                <div class="label">Center (x,y):</div>
 
690
                                <div class="field">
 
691
                                    <input type="text" id="sdo-center-x" name="sdo-center-x" value="0" maxlength="6" />
 
692
                                    <input id="sdo-center-y" name="sdo-center-y" value="0" type="text" maxlength="6" />
 
693
                                    <div class="suffix">arcsec</div>
 
694
                                </div>
 
695
                            </div>
 
696
 
 
697
                            <div class="row">
 
698
                                <div class="label">Width:</div>
 
699
                                <div class="field" style="text-align: left;">
 
700
                                    <input type="text" id="sdo-width" name="sdo-width" value="2000" maxlength="6"/>
 
701
                                    <div class="suffix">arcsec</div>
 
702
                                </div>
 
703
                            </div>
 
704
 
 
705
                            <div class="row">
 
706
                                <div class="label">Height:</div>
 
707
                                <div class="field">
 
708
                                    <input type="text" id="sdo-height" name="sdo-height" value="2000" maxlength="6" />
 
709
                                    <div class="suffix">arcsec</div>
 
710
                                </div>
 
711
                            </div>
 
712
 
 
713
                            <br />
 
714
 
679
715
 
680
716
                            <div class="row">
681
717
                                <div class="buttons">
693
729
                <div class="header">
694
730
                    <div class="disclosure-triangle closed">►</div>
695
731
                    <h1>Heliophysics Event Knowledgebase</h1>
 
732
                    <div class="right fa fa-question-circle contextual-help" title=""></div>
696
733
                </div>
697
734
                <div class="content">
698
735
                    <div class="section"></div>