Make menu expanded by default
cagataycivici
parent
f50c9b46f7
commit
5c20059d18
124
src/AppMenu.vue
124
src/AppMenu.vue
|
|
@ -63,35 +63,31 @@
|
||||||
<router-link to="/datatable" v-slot="{href,route,navigate,isActive,isExactActive}">
|
<router-link to="/datatable" v-slot="{href,route,navigate,isActive,isExactActive}">
|
||||||
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
||||||
<a :href="href" @click="navigate">DataTable</a>
|
<a :href="href" @click="navigate">DataTable</a>
|
||||||
<transition name="p-toggleable-content">
|
<ul>
|
||||||
<div class="p-toggleable-content" v-show="isActive">
|
<li><router-link to="/datatable/basic">Basic</router-link></li>
|
||||||
<ul>
|
<li><router-link to="/datatable/dynamiccolumns">Dynamic</router-link></li>
|
||||||
<li><router-link to="/datatable/basic">Basic</router-link></li>
|
<li><router-link to="/datatable/templating">Templating</router-link></li>
|
||||||
<li><router-link to="/datatable/dynamiccolumns">Dynamic</router-link></li>
|
<li><router-link to="/datatable/size">Size</router-link></li>
|
||||||
<li><router-link to="/datatable/templating">Templating</router-link></li>
|
<li><router-link to="/datatable/colgroup">ColGroup</router-link></li>
|
||||||
<li><router-link to="/datatable/size">Size</router-link></li>
|
<li><router-link to="/datatable/paginator">Paginator</router-link></li>
|
||||||
<li><router-link to="/datatable/colgroup">ColGroup</router-link></li>
|
<li><router-link to="/datatable/sort">Sort</router-link></li>
|
||||||
<li><router-link to="/datatable/paginator">Paginator</router-link></li>
|
<li><router-link to="/datatable/filter">Filter</router-link></li>
|
||||||
<li><router-link to="/datatable/sort">Sort</router-link></li>
|
<li><router-link to="/datatable/selection">Selection</router-link></li>
|
||||||
<li><router-link to="/datatable/filter">Filter</router-link></li>
|
<li><router-link to="/datatable/lazy">Lazy</router-link></li>
|
||||||
<li><router-link to="/datatable/selection">Selection</router-link></li>
|
<li><router-link to="/datatable/scroll">Scroll</router-link></li>
|
||||||
<li><router-link to="/datatable/lazy">Lazy</router-link></li>
|
<li><router-link to="/datatable/rowexpand">Expand</router-link></li>
|
||||||
<li><router-link to="/datatable/scroll">Scroll</router-link></li>
|
<li><router-link to="/datatable/edit">Edit</router-link></li>
|
||||||
<li><router-link to="/datatable/rowexpand">Expand</router-link></li>
|
<li><router-link to="/datatable/coltoggle">ColToggle</router-link></li>
|
||||||
<li><router-link to="/datatable/edit">Edit</router-link></li>
|
<li><router-link to="/datatable/colresize">ColResize</router-link></li>
|
||||||
<li><router-link to="/datatable/coltoggle">ColToggle</router-link></li>
|
<li><router-link to="/datatable/reorder">Reorder</router-link></li>
|
||||||
<li><router-link to="/datatable/colresize">ColResize</router-link></li>
|
<li><router-link to="/datatable/rowgroup">RowGroup</router-link></li>
|
||||||
<li><router-link to="/datatable/reorder">Reorder</router-link></li>
|
<li><router-link to="/datatable/contextmenu">ContextMenu</router-link></li>
|
||||||
<li><router-link to="/datatable/rowgroup">RowGroup</router-link></li>
|
<li><router-link to="/datatable/responsive">Responsive</router-link></li>
|
||||||
<li><router-link to="/datatable/contextmenu">ContextMenu</router-link></li>
|
<li><router-link to="/datatable/export">Export</router-link></li>
|
||||||
<li><router-link to="/datatable/responsive">Responsive</router-link></li>
|
<li><router-link to="/datatable/state">State</router-link></li>
|
||||||
<li><router-link to="/datatable/export">Export</router-link></li>
|
<li><router-link to="/datatable/style">Style</router-link></li>
|
||||||
<li><router-link to="/datatable/state">State</router-link></li>
|
<li><router-link to="/datatable/crud">Crud</router-link></li>
|
||||||
<li><router-link to="/datatable/style">Style</router-link></li>
|
</ul>
|
||||||
<li><router-link to="/datatable/crud">Crud</router-link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
|
|
@ -104,37 +100,29 @@
|
||||||
<router-link to="/tree" v-slot="{href,route,navigate,isActive,isExactActive}">
|
<router-link to="/tree" v-slot="{href,route,navigate,isActive,isExactActive}">
|
||||||
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
||||||
<a :href="href" @click="navigate">Tree</a>
|
<a :href="href" @click="navigate">Tree</a>
|
||||||
<transition name="p-toggleable-content">
|
<ul>
|
||||||
<div class="p-toggleable-content" v-show="isActive">
|
<li><router-link to="/tree/selection">Selection</router-link></li>
|
||||||
<ul>
|
<li><router-link to="/tree/lazy">Lazy</router-link></li>
|
||||||
<li><router-link to="/tree/selection">Selection</router-link></li>
|
<li><router-link to="/tree/templating">Templating</router-link></li>
|
||||||
<li><router-link to="/tree/lazy">Lazy</router-link></li>
|
<li><router-link to="/tree/filter">Filter</router-link></li>
|
||||||
<li><router-link to="/tree/templating">Templating</router-link></li>
|
</ul>
|
||||||
<li><router-link to="/tree/filter">Filter</router-link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/treetable" v-slot="{href,route,navigate,isActive,isExactActive}">
|
<router-link to="/treetable" v-slot="{href,route,navigate,isActive,isExactActive}">
|
||||||
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
||||||
<a :href="href" @click="navigate">TreeTable</a>
|
<a :href="href" @click="navigate">TreeTable</a>
|
||||||
<transition name="p-toggleable-content">
|
<ul>
|
||||||
<div class="p-toggleable-content" v-show="isActive">
|
<li><router-link to="/treetable/templating">Templating</router-link></li>
|
||||||
<ul>
|
<li><router-link to="/treetable/size">Size</router-link></li>
|
||||||
<li><router-link to="/treetable/templating">Templating</router-link></li>
|
<li><router-link to="/treetable/paginator">Paginator</router-link></li>
|
||||||
<li><router-link to="/treetable/size">Size</router-link></li>
|
<li><router-link to="/treetable/sort">Sort</router-link></li>
|
||||||
<li><router-link to="/treetable/paginator">Paginator</router-link></li>
|
<li><router-link to="/treetable/filter">Filter</router-link></li>
|
||||||
<li><router-link to="/treetable/sort">Sort</router-link></li>
|
<li><router-link to="/treetable/selection">Selection</router-link></li>
|
||||||
<li><router-link to="/treetable/filter">Filter</router-link></li>
|
<li><router-link to="/treetable/lazy">Lazy</router-link></li>
|
||||||
<li><router-link to="/treetable/selection">Selection</router-link></li>
|
<li><router-link to="/treetable/coltoggle">ColToggle</router-link></li>
|
||||||
<li><router-link to="/treetable/lazy">Lazy</router-link></li>
|
<li><router-link to="/treetable/colresize">Resize</router-link></li>
|
||||||
<li><router-link to="/treetable/coltoggle">ColToggle</router-link></li>
|
<li><router-link to="/treetable/responsive">Responsive</router-link></li>
|
||||||
<li><router-link to="/treetable/colresize">Resize</router-link></li>
|
</ul>
|
||||||
<li><router-link to="/treetable/responsive">Responsive</router-link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -221,21 +209,17 @@
|
||||||
<router-link to="/galleria" v-slot="{href,route,navigate,isActive,isExactActive}">
|
<router-link to="/galleria" v-slot="{href,route,navigate,isActive,isExactActive}">
|
||||||
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
|
||||||
<a :href="href" @click="navigate">Galleria</a>
|
<a :href="href" @click="navigate">Galleria</a>
|
||||||
<transition name="p-toggleable-content">
|
<ul>
|
||||||
<div class="p-toggleable-content" v-show="isActive">
|
<li><router-link to="/galleria">Documentation</router-link></li>
|
||||||
<ul>
|
<li><router-link to="/galleria/basic">Basic</router-link></li>
|
||||||
<li><router-link to="/galleria">Documentation</router-link></li>
|
<li><router-link to="/galleria/indicator">Indicator</router-link></li>
|
||||||
<li><router-link to="/galleria/basic">Basic</router-link></li>
|
<li><router-link to="/galleria/thumbnail">Thumbnail</router-link></li>
|
||||||
<li><router-link to="/galleria/indicator">Indicator</router-link></li>
|
<li><router-link to="/galleria/preview">Preview</router-link></li>
|
||||||
<li><router-link to="/galleria/thumbnail">Thumbnail</router-link></li>
|
<li><router-link to="/galleria/responsive">Responsive</router-link></li>
|
||||||
<li><router-link to="/galleria/preview">Preview</router-link></li>
|
<li><router-link to="/galleria/fullscreen">FullScreen</router-link></li>
|
||||||
<li><router-link to="/galleria/responsive">Responsive</router-link></li>
|
<li><router-link to="/galleria/circular">Circular</router-link></li>
|
||||||
<li><router-link to="/galleria/fullscreen">FullScreen</router-link></li>
|
<li><router-link to="/galleria/caption">Caption</router-link></li>
|
||||||
<li><router-link to="/galleria/circular">Circular</router-link></li>
|
</ul>
|
||||||
<li><router-link to="/galleria/caption">Caption</router-link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue