from logilab.mtconverter import html_escape

from cubicweb.common.view import EntityView

class TabView(EntityView):
    id = 'tabview'
    accepts = ('Project',)

    def active_tab(self):
        cookie = self.req.get_cookie()
        cookietab = cookie.get('active_tab')
        if cookietab is None:
            cookie['active_tab'] = 'project_main'
            self.req.set_cookie(cookie, 'active_tab')
        return cookietab and cookietab.value or 'project_main'

    def cell_call(self, row, col, tabs):
        self.req.add_css('ui.tabs.css')
        self.req.add_js( ('ui.core.js', 'ui.tabs.js', 'cubes.jpl.primary.js') )
        active_tab = self.active_tab()
        self.req.html_headers.add_post_inline_script(u"""
 jQuery(document).ready(function() {
   jQuery('#entity-tabs > ul').tabs( { selected: %(tabindex)s });
   set_tab('%(vid)s');
 });
 """ % {'tabindex' : tabs.index(active_tab),
        'vid'      : active_tab})
        # build the html structure
        self.w(u'<div id="entity-tabs">')
        self.w(u'<ul>')
        for tab in tabs:
            self.w(u'<li>')
            self.w(u'<a href="#as-%s">' % tab)
            cookie_setter = "set_tab('%s')" % tab
            self.w(u'<span onclick="%s">' % cookie_setter)
            self.w('%s' % self.req._(tab))
            self.w(u'</span>')
            self.w(u'</a>')
            self.w(u'</li>')
        self.w(u'</ul>')
        self.w(u'</div>')
        for tab in tabs:
            self.w(u'<div id="as-%s">' % tab)
            self.wview(tab, self.rset)
            self.w(u'</div>')