import { React, ViewController } from '../lib';
export default class extends ViewController {
    get title() {
        return 'Nifty';
    }
    renderLeft() {
        return (React.createElement("ul", { className: "nav navbar-top-links pull-left" },
            React.createElement("li", { className: "tgl-menu-btn" },
                React.createElement("a", { className: "mainnav-toggle", href: "#" },
                    React.createElement("i", { className: "demo-pli-view-list" }))),
            React.createElement("li", { className: "dropdown" },
                React.createElement("a", { href: "#", "data-toggle": "dropdown", className: "dropdown-toggle" },
                    React.createElement("i", { className: "demo-pli-bell" }),
                    React.createElement("span", { className: "badge badge-header badge-danger" })),
                React.createElement("div", { className: "dropdown-menu dropdown-menu-md" },
                    React.createElement("div", { className: "pad-all bord-btm" },
                        React.createElement("p", { className: "text-semibold text-main mar-no" }, "You have 9 notifications.")),
                    React.createElement("div", { className: "nano scrollable" },
                        React.createElement("div", { className: "nano-content" },
                            React.createElement("ul", { className: "head-list" },
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" },
                                        React.createElement("div", { className: "clearfix" },
                                            React.createElement("p", { className: "pull-left" }, "Database Repair"),
                                            React.createElement("p", { className: "pull-right" }, "70%")),
                                        React.createElement("div", { className: "progress progress-sm" },
                                            React.createElement("div", { style: { width: '70%' }, className: "progress-bar" },
                                                React.createElement("span", { className: "sr-only" }, "70% Complete"))))),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" },
                                        React.createElement("div", { className: "clearfix" },
                                            React.createElement("p", { className: "pull-left" }, "Upgrade Progress"),
                                            React.createElement("p", { className: "pull-right" }, "10%")),
                                        React.createElement("div", { className: "progress progress-sm" },
                                            React.createElement("div", { style: { width: '10%' }, className: "progress-bar progress-bar-warning" },
                                                React.createElement("span", { className: "sr-only" }, "10% Complete"))))),
                                React.createElement("li", null,
                                    React.createElement("a", { className: "media", href: "#" },
                                        React.createElement("span", { className: "badge badge-success pull-right" }, "90%"),
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-data-settings icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("div", { className: "text-nowrap" }, "HDD is full"),
                                            React.createElement("small", { className: "text-muted" }, "50 minutes ago")))),
                                React.createElement("li", null,
                                    React.createElement("a", { className: "media", href: "#" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-file-edit icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("div", { className: "text-nowrap" }, "Write a news article"),
                                            React.createElement("small", { className: "text-muted" }, "Last Update 8 hours ago")))),
                                React.createElement("li", null,
                                    React.createElement("a", { className: "media", href: "#" },
                                        React.createElement("span", { className: "label label-danger pull-right" }, "New"),
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-speech-bubble-7 icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("div", { className: "text-nowrap" }, "Comment Sorting"),
                                            React.createElement("small", { className: "text-muted" }, "Last Update 8 hours ago")))),
                                React.createElement("li", null,
                                    React.createElement("a", { className: "media", href: "#" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-add-user-plus-star icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("div", { className: "text-nowrap" }, "New User Registered"),
                                            React.createElement("small", { className: "text-muted" }, "4 minutes ago")))),
                                React.createElement("li", { className: "bg-gray" },
                                    React.createElement("a", { className: "media", href: "#" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("img", { className: "img-circle img-sm", alt: "Profile Picture", src: require('cport-nifty/img/profile-photos/9.png') })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("div", { className: "text-nowrap" }, "Lucy sent you a message"),
                                            React.createElement("small", { className: "text-muted" }, "30 minutes ago")))),
                                React.createElement("li", { className: "bg-gray" },
                                    React.createElement("a", { className: "media", href: "#" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("img", { className: "img-circle img-sm", alt: "Profile Picture", src: require('cport-nifty/img/profile-photos/3.png') })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("div", { className: "text-nowrap" }, "Jackson sent you a message"),
                                            React.createElement("small", { className: "text-muted" }, "40 minutes ago"))))))),
                    React.createElement("div", { className: "pad-all bord-top" },
                        React.createElement("a", { href: "#", className: "btn-link text-dark box-block" },
                            React.createElement("i", { className: "fa fa-angle-right fa-lg pull-right" }),
                            "Show All Notifications")))),
            React.createElement("li", { className: "mega-dropdown" },
                React.createElement("a", { href: "#", className: "mega-dropdown-toggle" },
                    React.createElement("i", { className: "demo-pli-layout-grid" })),
                React.createElement("div", { className: "dropdown-menu mega-dropdown-menu" },
                    React.createElement("div", { className: "row" },
                        React.createElement("div", { className: "col-sm-4 col-md-3" },
                            React.createElement("ul", { className: "list-unstyled" },
                                React.createElement("li", { className: "dropdown-header" },
                                    React.createElement("i", { className: "demo-pli-file icon-fw" }),
                                    " Pages"),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" }, "Profile")),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" }, "Search Result")),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" }, "FAQ")),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" }, "Sreen Lock")),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#", className: "disabled" }, "Disabled")))),
                        React.createElement("div", { className: "col-sm-4 col-md-3" },
                            React.createElement("ul", { className: "list-unstyled" },
                                React.createElement("li", { className: "dropdown-header" },
                                    React.createElement("i", { className: "demo-pli-mail icon-fw" }),
                                    " Mailbox"),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" },
                                        React.createElement("span", { className: "pull-right label label-danger" }, "Hot"),
                                        "Indox")),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" }, "Read Message")),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#" }, "Compose"))),
                            React.createElement("p", { className: "pad-top mar-top bord-top text-sm" }, "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.")),
                        React.createElement("div", { className: "col-sm-4 col-md-3" },
                            React.createElement("ul", { className: "list-unstyled" },
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#", className: "media mar-btm" },
                                        React.createElement("span", { className: "badge badge-success pull-right" }, "90%"),
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-data-settings icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("p", { className: "text-semibold text-dark mar-no" }, "Data Backup"),
                                            React.createElement("small", { className: "text-muted" }, "This is the item description")))),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#", className: "media mar-btm" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-support icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("p", { className: "text-semibold text-dark mar-no" }, "Support"),
                                            React.createElement("small", { className: "text-muted" }, "This is the item description")))),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#", className: "media mar-btm" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-computer-secure icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("p", { className: "text-semibold text-dark mar-no" }, "Security"),
                                            React.createElement("small", { className: "text-muted" }, "This is the item description")))),
                                React.createElement("li", null,
                                    React.createElement("a", { href: "#", className: "media mar-btm" },
                                        React.createElement("div", { className: "media-left" },
                                            React.createElement("i", { className: "demo-pli-map-2 icon-2x" })),
                                        React.createElement("div", { className: "media-body" },
                                            React.createElement("p", { className: "text-semibold text-dark mar-no" }, "Location"),
                                            React.createElement("small", { className: "text-muted" }, "This is the item description")))))),
                        React.createElement("div", { className: "col-sm-12 col-md-3" },
                            React.createElement("p", { className: "dropdown-header" },
                                React.createElement("i", { className: "demo-pli-file-jpg icon-fw" }),
                                " Gallery"),
                            React.createElement("ul", { className: "list-unstyled list-inline text-justify" },
                                React.createElement("li", { className: "pad-btm" },
                                    React.createElement("img", { src: require('cport-nifty/img/thumbs/mega-menu-2.jpg'), alt: "thumbs" })),
                                React.createElement("li", { className: "pad-btm" },
                                    React.createElement("img", { src: require('cport-nifty/img/thumbs/mega-menu-3.jpg'), alt: "thumbs" })),
                                React.createElement("li", { className: "pad-btm" },
                                    React.createElement("img", { src: require('cport-nifty/img/thumbs/mega-menu-1.jpg'), alt: "thumbs" })),
                                React.createElement("li", { className: "pad-btm" },
                                    React.createElement("img", { src: require('cport-nifty/img/thumbs/mega-menu-4.jpg'), alt: "thumbs" })),
                                React.createElement("li", { className: "pad-btm" },
                                    React.createElement("img", { src: require('cport-nifty/img/thumbs/mega-menu-5.jpg'), alt: "thumbs" })),
                                React.createElement("li", { className: "pad-btm" },
                                    React.createElement("img", { src: require('cport-nifty/img/thumbs/mega-menu-6.jpg'), alt: "thumbs" }))),
                            React.createElement("a", { href: "#", className: "btn btn-sm btn-block btn-default" }, "Browse Gallery")))))));
    }
    renderRight() {
        return (React.createElement("ul", { className: "nav navbar-top-links pull-right" },
            React.createElement("li", { className: "dropdown" },
                React.createElement("a", { id: "demo-lang-switch", className: "lang-selector dropdown-toggle", href: "#", "data-toggle": "dropdown" },
                    React.createElement("span", { className: "lang-selected" },
                        React.createElement("img", { className: "lang-flag", src: require('cport-nifty/img/flags/united-kingdom.png'), alt: "English" }))),
                React.createElement("ul", { className: "head-list dropdown-menu" },
                    React.createElement("li", null,
                        React.createElement("a", { href: "#", className: "active" },
                            React.createElement("img", { className: "lang-flag", src: require('cport-nifty/img/flags/united-kingdom.png'), alt: "English" }),
                            React.createElement("span", { className: "lang-id" }, "EN"),
                            React.createElement("span", { className: "lang-name" }, "English"))),
                    React.createElement("li", null,
                        React.createElement("a", { href: "#" },
                            React.createElement("img", { className: "lang-flag", src: require('cport-nifty/img/flags/france.png'), alt: "France" }),
                            React.createElement("span", { className: "lang-id" }, "FR"),
                            React.createElement("span", { className: "lang-name" }, "Fran\u00E7ais"))),
                    React.createElement("li", null,
                        React.createElement("a", { href: "#" },
                            React.createElement("img", { className: "lang-flag", src: require('cport-nifty/img/flags/germany.png'), alt: "Germany" }),
                            React.createElement("span", { className: "lang-id" }, "DE"),
                            React.createElement("span", { className: "lang-name" }, "Deutsch"))),
                    React.createElement("li", null,
                        React.createElement("a", { href: "#" },
                            React.createElement("img", { className: "lang-flag", src: require('cport-nifty/img/flags/italy.png'), alt: "Italy" }),
                            React.createElement("span", { className: "lang-id" }, "IT"),
                            React.createElement("span", { className: "lang-name" }, "Italiano"))),
                    React.createElement("li", null,
                        React.createElement("a", { href: "#" },
                            React.createElement("img", { className: "lang-flag", src: require('cport-nifty/img/flags/spain.png'), alt: "Spain" }),
                            React.createElement("span", { className: "lang-id" }, "ES"),
                            React.createElement("span", { className: "lang-name" }, "Espa\u00F1ol"))))),
            React.createElement("li", { id: "dropdown-user", className: "dropdown" },
                React.createElement("a", { href: "#", "data-toggle": "dropdown", className: "dropdown-toggle text-right" },
                    React.createElement("span", { className: "pull-right" },
                        React.createElement("i", { className: "demo-pli-male ic-user" })),
                    React.createElement("div", { className: "username hidden-xs" }, "Aaron Chavez")),
                React.createElement("div", { className: "dropdown-menu dropdown-menu-md dropdown-menu-right panel-default" },
                    React.createElement("div", { className: "pad-all bord-btm" },
                        React.createElement("p", { className: "text-main mar-btm" },
                            React.createElement("span", { className: "text-bold" }, "750GB"),
                            " of 1,000GB Used"),
                        React.createElement("div", { className: "progress progress-sm" },
                            React.createElement("div", { className: "progress-bar", style: { width: '70%' } },
                                React.createElement("span", { className: "sr-only" }, "70%")))),
                    React.createElement("ul", { className: "head-list" },
                        React.createElement("li", null,
                            React.createElement("a", { href: "#" },
                                React.createElement("i", { className: "demo-pli-male icon-lg icon-fw" }),
                                " Profile")),
                        React.createElement("li", null,
                            React.createElement("a", { href: "#" },
                                React.createElement("span", { className: "badge badge-danger pull-right" }, "9"),
                                React.createElement("i", { className: "demo-pli-mail icon-lg icon-fw" }),
                                " Messages")),
                        React.createElement("li", null,
                            React.createElement("a", { href: "#" },
                                React.createElement("span", { className: "label label-success pull-right" }, "New"),
                                React.createElement("i", { className: "demo-pli-gear icon-lg icon-fw" }),
                                " Settings")),
                        React.createElement("li", null,
                            React.createElement("a", { href: "#" },
                                React.createElement("i", { className: "demo-pli-information icon-lg icon-fw" }),
                                " Help")),
                        React.createElement("li", null,
                            React.createElement("a", { href: "#" },
                                React.createElement("i", { className: "demo-pli-computer-secure icon-lg icon-fw" }),
                                " Lock screen"))),
                    React.createElement("div", { className: "pad-all text-right" },
                        React.createElement("a", { href: "#/login", className: "btn btn-primary" },
                            React.createElement("i", { className: "demo-pli-unlock" }),
                            " Logout")))),
            React.createElement("li", null,
                React.createElement("a", { href: "#", className: "aside-toggle navbar-aside-icon" },
                    React.createElement("i", { className: "pci-ver-dots" })))));
    }
    renderLogo() {
        return (React.createElement("div", { className: "navbar-header" },
            React.createElement("a", { href: "/", className: "navbar-brand" },
                React.createElement("img", { src: require('cport-nifty/img/logo.png'), alt: "Nifty Logo", className: "brand-icon" }),
                React.createElement("div", { className: "brand-title" },
                    React.createElement("span", { className: "brand-text" }, this.title)))));
    }
    render() {
        return (React.createElement("header", { id: "navbar" },
            React.createElement("div", { id: "navbar-container", className: "boxed" },
                this.renderLogo(),
                React.createElement("div", { className: "navbar-content clearfix" },
                    this.renderLeft(),
                    this.renderRight()))));
    }
}
