import vobject
from zope.interface import implements

from Products.MetadataPortal.widgets import Default
from Products.MetadataPortal.waramulib.interfaces import IWidget
from Products.MetadataPortal.utils import translate, getLanguage

class Authors(Default):
    """ authors widget """
    implements(IWidget)

    def view(self, f, id, cls, w, tid, lang=None):
        """ author's vcard viewer """
        r = u""
        r += self._fieldLabel(cls, id, f.get('printable'))
        fval = self.context.get(f.get('name'), lang)
        for vcard in vobject.readComponents(fval):
            fn = vcard.n.value.given
            ln = vcard.n.value.family
            em = vcard.email.value
            orgs = ', '.join(vcard.org.value)
            r += '<div class="divlist">'
            r += fn + " " + ln
            if em: r += " ("+em+")"
            if orgs: r += " "+orgs
            r += '</div>'
        #r += fval
        r += '</div>'
        return r

    def edit(self, f, id, cls, w, tid, lang=None):
        """ author's vcard edit """
        fval = self.context.get(f.get('name'), lang)
        lang = getLanguage(self.context.request)
        r = u""
        r += self._fieldLabel(cls, id, f.get('printable'))
        r += '<script type="text/javascript" src="++resource++rc/author.js"></script>'
        r += '''<style>
.vcard_element {
    width: 150px;
    background-color: #EFEFEF;
    margin-bottom: 5px;
    padding-top: 15px;
    padding-left: 15px;
    float: left;
    height: 180px;
}

</style>'''
        r += '<div id="vcard_area">'
        c = 1
        for vcard in vobject.readComponents(fval):
            fn = vcard.n.value.given
            ln = vcard.n.value.family
            em = vcard.email.value
            orgs = ', '.join(vcard.org.value)
            r += '<div class="vcard_element">'
            r += '<label>'+translate(self, "First name:", lang)+'</label>'
            r += '<input type="text" name="vcard_fname" value="'+fn+'" />'
            r += '<label>'+translate(self, "Last name:", lang)+'</label>'
            r += '<input type="text" name="vcard_lname" value="'+ln+'" />'
            r += '<label>'+translate(self, "Email:", lang)+'</label>'
            r += '<input type="text" name="vcard_email" value="'+em+'" />'
            r += '<label>'+translate(self, "Organisation:", lang)+'</label>'
            r += '<input type="text" name="vcard_org" value="'+orgs+'" />'
            r += '</div>'
        r += '</div>'
        r += '<div class="clickable" style="clear:both;" id="add_vcard">'+translate(self, "add a value", lang)+'</div>'

        r += '<textarea id="'+id+'" style="display:none" name="'+id+'">'+fval.decode('utf-8')+'</textarea>'
        r += '</div>'
        return r