<div class="tablescroll">
    <table class="table table-bordered" style="background-color:#fff;">
        <thead>
        <tr ng-if="node.schema.formType=='Node'">
            <!--<th colspan="2">-->
            <!--<label>-->
            <!--<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">-->
            <!--Hepsini Seç-->
            <!--</label>-->
            <!--</th>-->
            <th ng-repeat="(key,value) in node.model track by $index">{{ key }}</th>
            <th>İşlem</th>
        </tr>
        <tr ng-if="node.schema.formType=='ListNode'">
            <th colspan="2" ng-if="meta.allow_selection===true">
                <label>
                    <input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
                    Hepsini Seç
                </label>
            </th>
            <th scope="row" style="text-align:center">#</th>
            <th ng-repeat="(key,value) in node.items[0] track by $index"
                ng-if="key!=='idx' && node.schema.properties[key]">
                <span ng-if="value.verbose_name">{{ value.verbose_name }}</span>
                <span ng-if="!value.verbose_name">{{node.schema.properties[key]['title']|| key}}</span>
            </th>
            <th ng-if="meta.allow_actions!==false">İşlem</th>
        </tr>
        </thead>
        <tbody ng-class="{hidden: node.lengthModels < 1}">

        <tr ng-if="node.schema.formType=='Node'">
            <!--<td width="60">-->
            <!--<label>-->
            <!--<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">-->
            <!--</label>-->
            <!--</td>-->
            <!--<th scope="row" style="text-align:center">1</th>-->
            <td ng-repeat="value in node.model track by $index">{{ value }}</td>
            <td>
                <button modal-for-nodes="{{node.schema.model_name}},{{node.schema.formType}},edit">Düzenle</button>
                <br>
                <button ng-click="remove(node, 'Node', $index)">Sil</button>
            </td>
        </tr>

        <tr ng-repeat="listnodemodel in node.items track by $index"
            ng-init="outerIndex=$index"
            ng-if="node.schema.formType=='ListNode'">
            <td ng-if="meta.allow_selection===true" width="60">
                <label>
                    <input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
                </label>
            </td>
            <th scope="row" style="text-align:center">{{$index+1}}</th>
            <td ng-repeat="(k, v) in listnodemodel track by $index"
                ng-init="innerIndex=$index"
                ng-if="k!=='idx' && node.schema.properties[k]">
                <span ng-if="!node.schema.inline_edit || node.schema.inline_edit.indexOf(k) < 0">{{ v.unicode || v }}</span>
                <!--<input type="{{node.schema.properties[k].type}}"-->
                <!--ng-if="node.schema.inline_edit.indexOf(k) > -1"-->
                <!--ng-model="node.model[outerIndex][k]"-->
                <!--ng-change="nodeModelChange(this)">-->
                <ng-include src="'components/crud/templates/inline_edit.html'"
                            ng-if="node.schema.inline_edit.indexOf(k) > -1"></ng-include>
            </td>
            <td ng-if="meta.allow_actions!==false">
                <div ng-hide="meta.object_actions.length > 0">
                    <span modal-for-nodes="{{node.schema.model_name}},{{node.schema.formType}},edit,{{$index}}"
                          ng-hide="node.quick_add === true">
                        <i class="fa fa-pencil-square-o fa-fw"></i>
                    </span>
                    <span ng-click="remove(node, 'ListNode', $index)"><i class="fa fa-times fa-fw"></i></span>
                </div>
                <div ng-show="meta.object_actions.length > 0">
                    <!-- define object actions here -->
                </div>
            </td>
        </tr>

        </tbody>
    </table>
</div>