bootstrap-vue-sidebar
Version:
Vue2Sidebar: Bootstrap 4 sidebar component in Vue 2.0
2 lines • 4.55 kB
JavaScript
webpackJsonp([1],{GwIe:function(a,t){},NHnr:function(a,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});e("7+uW");var s={data:function(){return{selected:""}},methods:{toggleSidebar:function(){this.$refs.sidebar.classList.toggle("active"),this.$refs.sidebaricon.classList.toggle("active")},toggleDropdown:function(a){this.selected.length>0?this.selected="":this.selected=a},isRoute:function(a){return this.$router&&(a.to||a.component)}},props:{links:{type:Array},navs:{type:Array}}},n={render:function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{attrs:{id:"bootstrap-sidebar"}},[e("div",{staticClass:"wrapper"},[e("nav",{ref:"sidebar",staticClass:"navbar-dark bg-primary",attrs:{id:"sidebar"}},[e("a",{staticClass:"w-100 sidebar-header navbar-brand",attrs:{href:"#"}},[a._v("Navbar")]),a._v(" "),e("ul",{staticClass:"list-unstyled components navbar-nav"},[e("p",[a._v("Dummy Heading")]),a._v(" "),a._l(a.links,function(t){return e("li",{staticClass:"nav-item",class:{dropdown:t.links&&t.links.length>0}},[t.links&&t.links.length>0?e("a",{staticClass:"nav-link dropdown-toggle",attrs:{href:"#",id:"nv"+t.label.toLowerCase().replace(" ","_"),role:"button","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},on:{click:function(e){e.preventDefault(),a.toggleDropdown(t.label)}}},[a._v("\n "+a._s(t.label)+"\n ")]):a._e(),a._v(" "),t.links&&t.links.length>0?e("div",{ref:"nv"+t.label.toLowerCase().replace(" ","_"),refInFor:!0,staticClass:"dropdown-menu",class:{show:a.selected===t.label},attrs:{"aria-labelledby":"nv"+t.label.toLowerCase().replace(" ","_")}},a._l(t.links,function(t){return e(a.isRoute(t)?"router-link":"a",{tag:"div",staticClass:"dropdown-item",attrs:{href:a.isRoute(t)?"#":t.href,to:t.href,replace:t.replace,"active-class":"parent-active","exact-active-class":"active"}},[t.icon?e("i",{staticClass:"icon fa fa-fw",class:(s={},s[t.icon]=!0,s)}):a._e(),a._v("\n "+a._s(t.label)+"\n ")]);var s})):e("a",{staticClass:"nav-link",attrs:{href:"#"}},[a._v(a._s(t.label))])])})],2)]),a._v(" "),e("div",{staticStyle:{width:"100%"},attrs:{id:"content"}},[e("nav",{staticClass:"navbar navbar-expand-lg navbar-dark bg-primary"},[e("button",{ref:"sidebaricon",staticClass:"navbar-btn",attrs:{type:"button",id:"sidebarCollapse"},on:{click:function(t){return t.preventDefault(),a.toggleSidebar(t)}}},[e("span"),a._v(" "),e("span"),a._v(" "),e("span")]),a._v(" "),a._m(0),a._v(" "),e("a",{staticClass:"navbar-brand",attrs:{href:"#"}},[a._v("Navbar")]),a._v(" "),e("div",{staticClass:"collapse navbar-collapse",attrs:{id:"navbarSupportedContent"}},[e("ul",{staticClass:"navbar-nav ml-auto"},a._l(a.navs,function(t){return e("li",{staticClass:"nav-item",class:{dropdown:t.navs&&t.navs.length>0}},[t.navs&&t.navs.length>0?e("a",{staticClass:"nav-link dropdown-toggle",attrs:{href:"#",id:"nv"+t.label.toLowerCase().replace(" ","_"),role:"button","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},on:{click:function(e){e.preventDefault(),a.toggleDropdown(t.label)}}},[a._v("\n "+a._s(t.label)+"\n ")]):a._e(),a._v(" "),t.navs&&t.navs.length>0?e("div",{ref:"nv"+t.label.toLowerCase().replace(" ","_"),refInFor:!0,staticClass:"dropdown-menu",class:{show:a.selected===t.label},attrs:{"aria-labelledby":"nv"+t.label.toLowerCase().replace(" ","_")}},a._l(t.navs,function(t){return e(a.isRoute(t)?"router-link":"a",{tag:"div",staticClass:"dropdown-item",attrs:{href:a.isRoute(t)?"#":t.href,to:t.href,replace:t.replace,"active-class":"parent-active","exact-active-class":"active"}},[t.icon?e("i",{staticClass:"icon fa fa-fw",class:(s={},s[t.icon]=!0,s)}):a._e(),a._v("\n "+a._s(t.label)+"\n ")]);var s})):e("a",{staticClass:"nav-link",attrs:{href:"#"}},[a._v(a._s(t.label))])])}))])]),a._v(" "),e("router-view")],1)])])},staticRenderFns:[function(){var a=this.$createElement,t=this._self._c||a;return t("button",{staticClass:"navbar-toggler",attrs:{type:"button","data-toggle":"collapse","data-target":"#navbarSupportedContent","aria-controls":"navbarSupportedContent","aria-expanded":"false","aria-label":"Toggle navigation"}},[t("span",{staticClass:"navbar-toggler-icon"})])}]};var r=e("VU/8")(s,n,!1,function(a){e("GwIe")},null,null).exports;t.default={install:function(a,t){a.component("side-bar",r)}}}},["NHnr"]);
//# sourceMappingURL=app.1c4f2939c5d58ef59986.js.map