<li
    data-id="{{id}}"
    data-number="{{number}}"
    data-name="{{name}}"
    data-lft="{{lft}}"
    data-rgt="{{rgt}}"
    data-project_id="{{project_id}}"
    data-prev_id="{{prev_id}}"
    data-threshold="{{threshold}}"
    data-depth="{{depth}}"
    data-is_special="{{is_special}}"
    data-has_hoai="{{has_hoai}}"
    data-is_fee_area="{{is_fee_area}}">
    <div class="ui-corner-all">
        <div class='first_row'>
            <span onclick="work_packages.move(this, 'left');" class="dialog_make_btn16 move_left smallbtns ui-corner-all  {{is_fee_area}} {{^is_child}}false{{/is_child}}"></span>
            {{number}}
            <span id="{{id}}" contenteditable={{is_editable}} onclick="work_packages.update_right(this)" {{#tag_name}}title="{{tag_name}}"{{/tag_name}}>{{name}}</span>
            <span onclick="work_packages.move(this, 'right');" class="dialog_make_btn16 move_right smallbtns ui-corner-all {{is_fee_area}} {{^is_child}}false{{/is_child}}"></span>
        </div>
        <div class='second_row'>
            <span onclick="work_packages.before_open('edit', this);" class="dialog_make_btn16 edit smallbtns ui-corner-all"></span>
            <span onclick="work_packages.open('add', this);" class="dialog_make_btn16 add smallbtns ui-corner-all"></span>
            {{#is_child}}{{#deletabel}}<span onclick="work_packages.reassign.work_package_remove_or_change_dialog(this);" class="dialog_make_btn16 delete smallbtns ui-corner-all {{is_fee_area}}"></span>{{/deletabel}}{{/is_child}}
        </div>
    </div>
</li>