Wiki source code of Annotation Upper Prototype
Last modified by Vincent Massol on 2024/11/19 16:12
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{velocity}}$xwiki.ssx.use("Improvements.AnnotationsUpperPrototype"){{/velocity}} | ||
| 2 | {{velocity}}$xwiki.jsx.use("Improvements.AnnotationsUpperPrototype"){{/velocity}} | ||
| 3 | |||
| 4 | {{warning}} | ||
| 5 | Please keep in mind that this prototype is not fully functional and is not intended to be used in production. This page is created to ease the mockup process. | ||
| 6 | {{/warning}} | ||
| 7 | |||
| 8 | {{html}}<div class="expandableContainer expanded"> | ||
| 9 | <div class="expandableContainerContent"> | ||
| 10 | <div class="basic"> | ||
| 11 | <div class="titleItem name">Annotations <span> (6)</span></div> | ||
| 12 | <div class="titleRightContainer"> | ||
| 13 | <div class="titleItem" onclick=" toggleClass(document.getElementById('annoShow'), 'hidden'); toggleClass(document.getElementById('annoHide'), 'hidden'); return false;" > | ||
| 14 | <span id="annoShow" class="showItem "><span class="show">Show All</span></span> | ||
| 15 | <span class="showItem hidden" id="annoHide"><span class="hide">Hide All</span></span> | ||
| 16 | </div> | ||
| 17 | <div class="titleItem add"><a>Add</a</div> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <div id="advanced" class=""> | ||
| 21 | <div class="annotationManagerContent" style="margin-bottom: 5px; font-size: 0.9em;"> Legend: | ||
| 22 | <span class="legendItem">Valid Annotation<img src="http://incubator.myxwiki.org/xwiki/bin/download/Improvements/AnnotationsUpperPrototype/042.png"/></span>, | ||
| 23 | <span class="legendItem">Modified Annotation<img src="http://incubator.myxwiki.org/xwiki/bin/download/Improvements/AnnotationsUpperPrototype/042Blue.png"/></span>, | ||
| 24 | <span class="legendItem">Dangling Annotation<img title="Dangling annotations can't find their location within the context" src="http://incubator.myxwiki.org/xwiki/bin/download/Improvements/AnnotationsUpperPrototype/042Red.png"/></span> | ||
| 25 | </div> | ||
| 26 | <div class="annotationManagerContent">Annotators: | ||
| 27 | <a id="annotator1" class="">Administrator</a><span class="itemCount"> (2)</span>, | ||
| 28 | <em onclick="toggleClass($('annotator2'), 'on'); return false;" id="annotator2" class="">Ecaterina Valica</em><span class="itemCount"> (4)</span> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </div> | ||
| 32 | <div title="Toggle advanced mode" id="advancedLink"><a href="#" onclick="toggleClass($('advanced'), 'hidden'); return false;"><span class="advancedText">more options</span><span class="advancedArrow"> ?</span></a></div> | ||
| 33 | </div>{{/html}} | ||
| 34 | Over hill, over dale, | ||
| 35 | |||
| 36 | Thorough bush, thorough brier, | ||
| 37 | |||
| 38 | Over park, over pale, | ||
| 39 | |||
| 40 | {{html}} | ||
| 41 | <span class="annotator1">Thorough flood, thorough fire!</span> | ||
| 42 | {{/html}} | ||
| 43 | |||
| 44 | I do wander everywhere, | ||
| 45 | |||
| 46 | Swifter than the moon's sphere; | ||
| 47 | |||
| 48 | {{html}} | ||
| 49 | <span id="text2" class="annotation annotator2" style="background-image:none; padding-right: 5px;padding-left: 0px;">And I serve the Fairy Queen,</span><span onmouseover="toggleClass($('text2'), 'selected'); return false;" onmouseout="toggleClass($('text2'), 'selected'); return false;" onclick="toggleClass($('text2'), 'selected');toggleClass($('annotationPanel'), 'hidden'); return false;"><img src="http://incubator.myxwiki.org/xwiki/bin/download/Improvements/AnnotationsUpperPrototype/042.png"/></span> | ||
| 50 | {{/html}} | ||
| 51 | |||
| 52 | To dew her orbs upon the green; | ||
| 53 | |||
| 54 | The cowslips tall her pensioners be; | ||
| 55 | |||
| 56 | {{html}} | ||
| 57 | <span class="annotator1">In their gold coats spots you see;</span> | ||
| 58 | {{/html}} | ||
| 59 | |||
| 60 | {{html}} | ||
| 61 | <span id="Adnchanged">Those be rubies, fairy favours;</span> | ||
| 62 | {{/html}} | ||
| 63 | |||
| 64 | In those freckles live their savours; | ||
| 65 | |||
| 66 | I must go seek some dewdrops here, | ||
| 67 | |||
| 68 | And hang a pearl in every cowslip's ear. | ||
| 69 | |||
| 70 | {{html}} | ||
| 71 | <span class="annotator1" class="Adnerror"> </span> <span class="annotator1" class="Adnerror"> </span> | ||
| 72 | {{/html}} | ||
| 73 | |||
| 74 | {{html}} | ||
| 75 | <div id="annotationPanel" class="hidden"> | ||
| 76 | <div class="commentheader"> | ||
| 77 | <div> | ||
| 78 | <span class="commentauthor"><span class="annotator2">Ecaterina Valica</span></span>, <span class="commentdate">2010/01/14 17:07</span> </div> | ||
| 79 | <span class="commenttools"> | ||
| 80 | <span class="toolboxItem editItem"><a title="Edit Annotation" class="">Edit</a></span> | ||
| 81 | <span class="commenttool commentdelete"><a title="Delete Annotation" class="delete">Delete</a></span> | ||
| 82 | |||
| 83 | </span> | ||
| 84 | </div> | ||
| 85 | <p>This is an annotation</p> | ||
| 86 | </div> | ||
| 87 | {{/html}} |
