gars_v2/src/finder/nav.js

Geo Assistant Research System

import path from 'path';

class Nav {
    constructor($root){
        this.$view = $('<ol>').addClass('breadcrumb').appendTo($root);
    }
    cd(filepath) {
        this.$view.empty();
        filepath.split(path.sep)
            .map((slug, i, slugs) => ({
                slug: slug,
                path: slugs.slice(0, i + 1).join(path.sep),
                active: i === slugs.length - 1 ? 'active' : ''
            }))
            .map(s => {
                var $li = $('<li>').addClass(s.active);
                var $a = $('<a href="#">').text(s.slug)
                    .click(e => {
                        console.log('finder nav onnavigate', s.path);
                        e.preventDefault();
                        this.onnavigate(s.path);
                    });
                return $li.append($a);
            })
            .forEach($li => this.$view.append($li));
    }
    onnavigate() {}
}

export default Nav;