[annotator-dev] colored notes

Thu Dec 5 21:29:28 UTC 2013

It seems there is no way to accomplish this task without touching the core!

Riccardo

2013/12/5 Steph Skardal <steph at endpoint.com>

>  Yep - I didn't elaborate on the blog post which project I used jQuery's
> contents() method before, but it's a very useful tool in retrieving text
> that is not wrapped in annotator's annotator-hl class that is not in
> another DOM node. In our use of the annotator tool, we have functionality
> to hide non-annotated text.
>
> ~Steph
>
>
>
>
>
> On 12/05/2013 03:14 PM, Andrew Magliozzi wrote:
>
> Thanks for sharing, Steph.  I noticed your blog post on jquery's
> contents() method too.  It's here for anyone curious:
>
>  http://blog.endpoint.com/2013/11/jquery-contents-method.html
>
>  Might come in handy for others.
>
>  Cheers,
> Andrew
>
>
>
>
> On Thu, Dec 5, 2013 at 12:00 PM, Steph Skardal <steph at endpoint.com> wrote:
>
>>  I know there were a bunch of later responses regarding this, but I
>> thought I'd chime in on my work.
>>
>> First off, I had to make some modifications to the annotator core to
>> allow the user to select a color for new layers. This involved changes to
>> the "addField" method. I also had to add a hook in my annotator plugin to
>> assign layers category classes (e.g. .category-one, .category-two).
>>
>> After the user has selected the category, the jQuery plugins xColor and
>> jQuery.Rule are used to adjust the background colors:
>>
>>
>>               var current_hex = '#FFFFFF';
>> 	      var opacity = 0.4 / total_number_of_colored_highlights;
>> 	      jQuery.each(unique_layers, function(key, value) {
>> 	        var color_combine = jQuery.xcolor.opacity(current_hex, *some_hex_for_the_current_layer*, opacity);
>> 	        current_hex = color_combine.getHex();
>> 	      });
>> 	      jQuery.rule(selector + ' { background-color: ' + current_hex + '; }').appendTo('#adhoc_stylesheet');
>>
>>
>> Essentially, this loops through all the applicable colors to a specific
>> set of categories tied to a node (e.g. .category-one.category-two,
>> .category-one, .category-two), and builds the hex by using jQuery.xcolors
>> color combine method.
>>
>> This is a lot more complex than just the code above, because the site has
>> a lot more functionality built on top of the annotator plugin. I'm not
>> planning on releasing this as a plugin for annotator, but the code will be
>> / is open source. Now it lives in the annotator branch here:
>> https://github.com/berkmancenter/h2o/tree/annotator
>>
>> I'm not necessarily pointing to this as a solution, but rather to give an
>> idea of the tools I used to combine colored highlights and mention that I
>> did have to override the annotator core to accomplish this.
>>
>> Steph
>>
>>
>>
>>
>>
>>
>>
>> On 12/05/2013 03:43 AM, Riccardo Tasso wrote:
>>
>> What is the behaviour when, for example, a blue annotation is overlayed
>> on a yellow one? Is it possibile to sum their colors?
>>
>>  Thanks,
>>    Riccardo
>>
>>
>> 2013/12/5 Ewald Zietsman <ewald at siyavula.com>
>>
>>> That plugin is one I wrote, but I changed the annotator core code to
>>> make it work (I didn't know any coffee/javascript then), so it is woefully
>>> outdated. It basically adds an extra input field on the annotator widget
>>> that lets you select a 'type' and depending on the type it saves a 'type'
>>> field into the annotation object that goes to the database. Other than that
>>> you need a line or two of css (and add a class to the annotation spans) to
>>> make the colours work.
>>>
>>>
>>>  On Thu, Dec 5, 2013 at 12:43 AM, Riccardo Tasso <
>>> riccardo.tasso at gmail.com> wrote:
>>>
>>>>  I've found this plugin:
>>>> https://github.com/ezietsman/annotator/blob/master/src/plugin/categories.coffee
>>>> Do you think it can still be used, or maybe is it outdated?
>>>>
>>>>  Cheers,
>>>>    Riccardo
>>>>
>>>>
>>>> 2013/11/29 Riccardo Tasso <riccardo.tasso at gmail.com>
>>>>
>>>>> Hi, I'd like to know if it's possibile, or maybe already exists, a
>>>>> plugin to make the user choose a color during the insertion of a note, such
>>>>> that also the highlighted text respects this choice.
>>>>>
>>>>>  Cheers,
>>>>>    Riccardo
>>>>>
>>>>
>>>>
>>>>  _______________________________________________
>>>> annotator-dev mailing list
>>>> annotator-dev at lists.okfn.org
>>>> http://lists.okfn.org/mailman/listinfo/annotator-dev
>>>> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
>>>>
>>>>
>>>
>>>
>>>  --
>>>
>>> * Ewald Zietsman Technical Coor**dinator*
>>>
>>> Website: www.siyavula.com
>>> The Open Innovation Studio, 27 Buitenkant Street, Cape Town, 8001
>>>
>>
>>
>>
>> _______________________________________________
>> annotator-dev mailing listannotator-dev at lists.okfn.orghttp://lists.okfn.org/mailman/listinfo/annotator-dev
>> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
>>
>>
>>
>> _______________________________________________
>> annotator-dev mailing list
>> annotator-dev at lists.okfn.org
>> http://lists.okfn.org/mailman/listinfo/annotator-dev
>> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
>>
>>
>
>
> _______________________________________________
> annotator-dev mailing listannotator-dev at lists.okfn.orghttp://lists.okfn.org/mailman/listinfo/annotator-dev
> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
>
>
>
> _______________________________________________
> annotator-dev mailing list
> annotator-dev at lists.okfn.org
> http://lists.okfn.org/mailman/listinfo/annotator-dev
> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.okfn.org/pipermail/annotator-dev/attachments/20131205/59c27455/attachment-0004.html>