html.py

from .config import getUserOption

defaultCSS = """/* Tooltip container */
        a:hover{
         cursor: pointer;
        }        

        /* Tooltip text */
        .tooltip .tooltiptext {
            visibility: hidden;
            background-color: black;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            
            /* Position the tooltip text - see examples below! */
            position: absolute;
            z-index: 1;
        }

        /* Show the tooltip text when you mouse over the tooltip container */
        .tooltip:hover .tooltiptext {
            visibility: visible;
        }

	/* padding-left for header columns except deck-column */
	th.count {padding-left:15px;
	}
	
	"""
css = getUserOption("css", defaultCSS)
######################
#header related html #
######################
start_header = """<tr style = "vertical-align:text-top">"""
deck_header = f"""<th colspan = 5 align = left>{_("Deck")}</th>"""
def column_header(heading):
    return f"<th class = count>{_(heading)}</th>"

option_header = "<th class = count></th>"
option_name_header = """<td></td>"""
end_header = """</tr>"""



##############
#deck's html #
##############
def start_line(klass,did):
    return f"<tr class = '{klass}' id = '{did}'>"

def collapse_children_html(did,name,prefix):
    return f"""<a class = collapse onclick = 'return pycmd("collapse:{did}")' id = "{name}" href = "#{name}" >{prefix}</a>"""
collapse_no_child = "<span class = collapse></span>"

def deck_name(depth,collapse,extraclass,did,cssStyle,name):
    return f"""
        <td class = decktd colspan = 5>{"&nbsp;"*6*depth}{collapse}<a class = "deck{extraclass}" onclick = "return pycmd('open:{did}')"><font style = '{cssStyle}'>{name}</font></a></td>"""

def number_cell(colour,contents,description):
    if description is None or description is False:
        description = ""
    else:
        description = f"<span class = 'tooltiptext'>{description}</span>"
    return f"<td align = 'right' class = 'tooltip'><font color = '{colour}'>{contents}</font>{description}</td>"


def gear(did):
    return f"""<td align = center class = opts><a onclick = 'return pycmd(\"opts:{int(did)}\");'><img src = '/_anki/imgs/gears.svg' class = gears></a></td>"""

def deck_option_name(option):
    return f"<td>{option}</td>"

end_line = "</tr>"