PHP Dosya Yöneticisi

$(function () {
    var
        $table = $('#tree-table-1'),
        rows = $table.find('tr');

rows.each(function (index, row) {
        var
            $row = $(row),
            level = $row.data('level'),
            id = $row.data('id'),
            $columnName = $row.find('td[data-column="name"]'),
            children = $table.find('tr[data-parent="' + id + '"]');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

expander.on('click', function (e) {
                var $target = $(e.target);
                if ($target.hasClass('glyphicon-chevron-right')) {
                    $target
                        .removeClass('glyphicon-chevron-right')
                        .addClass('glyphicon-chevron-down');

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

// Reverse hide all elements
    reverseHide = function (table, element) {
        var
            $element = $(element),
            id = $element.data('id'),
            children = table.find('tr[data-parent="' + id + '"]');

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

// table 2
 $(function () {
    var
        $table = $('#tree-table-2'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

expander.on('click', function (e) {
                var $target = $(e.target);
                if ($target.hasClass('glyphicon-plus')) {
                    $target
                        .removeClass('glyphicon-plus')
                        .addClass('glyphicon-minus');

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-minus')
                        .addClass('glyphicon-plus');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

// table 3
 $(function () {
    var
        $table = $('#tree-table-3'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

// table 4
 $(function () {
    var
        $table = $('#tree-table-4'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});
 // table 5
 $(function () {
    var
        $table = $('#tree-table-5'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

// table 6
 $(function () {
    var
        $table = $('#tree-table-6'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

// table 7
 $(function () {
    var
        $table = $('#tree-table-7'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

// table 8
 $(function () {
    var
        $table = $('#tree-table-8'),
        rows = $table.find('tr');

if (children.length) {
 var expander = $columnName.prepend('' +
 '' +
 '');

children.hide();

children.show();
                } else {
                    $target
                        .removeClass('glyphicon-chevron-down')
                        .addClass('glyphicon-chevron-right');

reverseHide($table, $row);
                }
            });
        }

$columnName.prepend('' +
 '' +
 '');
 });

if (children.length) {
            children.each(function (i, e) {
                reverseHide(table, e);
            });

$element
                .find('.glyphicon-chevron-down')
                .removeClass('glyphicon-chevron-down')
                .addClass('glyphicon-chevron-right');

children.hide();
        }
    };
});

İptal

📁 PHP Dosya Yöneticisi

📝 table-treeview.js

📝 table-treeview.js

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)