<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

    <t t-name="project_todo.TodoDoneCheckmark">
        <t t-if="!env.isSmall">
            <a t-att-title="stateDone.isDone ? 'Mark as to-do' : 'Mark as done'"
               t-on-click.stop="onDoneToggled"
               t-on-mouseleave="actualizeDoneState"
               t-on-mouseover="freezeDoneState"
               t-attf-class="o_todo_done_button fa fa-lg fa-check-circle{{!stateDone.isDone ? '-o' : ' done_button_enabled'}}"/>
        </t>
        <t t-else="">
            <a t-att-title="stateDone.isDone ? 'Mark as to-do' : 'Mark as done'"
               t-on-click.stop="onDoneToggled"
               t-attf-class="o_todo_done_button_mobile fa fa-lg fa-check-circle{{!stateDone.isDone ? '-o' : ' done_button_enabled'}}"/>
        </t>
    </t>

</templates>
