vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Redesign content submenu

pull/345/head
cagataycivici 2020-05-13 10:58:42 +03:00
parent c012f15d63
commit eecee183c8
57 changed files with 106 additions and 421 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/AppMenu.vue
View File

@ -60,15 +60,71 @@
</span>
<div>
<router-link to="/carousel">Carousel</router-link>
<router-link to="/datatable">DataTable</router-link>
<router-link to="/datatable" v-slot="{href,route,navigate,isActive,isExactActive}">
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
<a :href="href" @click="navigate">DataTable</a>
<ul>
<li><router-link to="/datatable/basic">Basic</router-link></li>
<li><router-link to="/datatable/dynamiccolumns">Dynamic</router-link></li>
<li><router-link to="/datatable/templating">Templating</router-link></li>
<li><router-link to="/datatable/size">Size</router-link></li>
<li><router-link to="/datatable/colgroup">ColGroup</router-link></li>
<li><router-link to="/datatable/paginator">Paginator</router-link></li>
<li><router-link to="/datatable/sort">Sort</router-link></li>
<li><router-link to="/datatable/filter">Filter</router-link></li>
<li><router-link to="/datatable/selection">Selection</router-link></li>
<li><router-link to="/datatable/lazy">Lazy</router-link></li>
<li><router-link to="/datatable/scroll">Scroll</router-link></li>
<li><router-link to="/datatable/rowexpand">Expand</router-link></li>
<li><router-link to="/datatable/edit">Edit</router-link></li>
<li><router-link to="/datatable/coltoggle">ColToggle</router-link></li>
<li><router-link to="/datatable/colresize">ColResize</router-link></li>
<li><router-link to="/datatable/reorder">Reorder</router-link></li>
<li><router-link to="/datatable/rowgroup">RowGroup</router-link></li>
<li><router-link to="/datatable/contextmenu">ContextMenu</router-link></li>
<li><router-link to="/datatable/responsive">Responsive</router-link></li>
<li><router-link to="/datatable/export">Export</router-link></li>
<li><router-link to="/datatable/state">State</router-link></li>
<li><router-link to="/datatable/style">Style</router-link></li>
<li><router-link to="/datatable/crud">Crud</router-link></li>
</ul>
</div>
</router-link>
<router-link to="/dataview">DataView</router-link>
<router-link to="/fullcalendar">FullCalendar</router-link>
<router-link to="/orderlist">OrderList</router-link>
<router-link to="/organizationchart">OrganizationChart</router-link>
<router-link to="/paginator">Paginator</router-link>
<router-link to="/picklist">PickList</router-link>
<router-link to="/tree">Tree</router-link>
<router-link to="/treetable">TreeTable</router-link>
<router-link to="/tree" v-slot="{href,route,navigate,isActive,isExactActive}">
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
<a :href="href" @click="navigate">Tree</a>
<ul>
<li><router-link to="/tree/selection">Selection</router-link></li>
<li><router-link to="/tree/lazy">Lazy</router-link></li>
<li><router-link to="/tree/templating">Templating</router-link></li>
<li><router-link to="/tree/filter">Filter</router-link></li>
</ul>
</div>
</router-link>
<router-link to="/treetable" v-slot="{href,route,navigate,isActive,isExactActive}">
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
<a :href="href" @click="navigate">TreeTable</a>
<ul>
<li><router-link to="/treetable/templating">Templating</router-link></li>
<li><router-link to="/treetable/size">Size</router-link></li>
<li><router-link to="/treetable/paginator">Paginator</router-link></li>
<li><router-link to="/treetable/sort">Sort</router-link></li>
<li><router-link to="/treetable/filter">Filter</router-link></li>
<li><router-link to="/treetable/selection">Selection</router-link></li>
<li><router-link to="/treetable/lazy">Lazy</router-link></li>
<li><router-link to="/treetable/coltoggle">ColToggle</router-link></li>
<li><router-link to="/treetable/colresize">Resize</router-link></li>
<li><router-link to="/treetable/responsive">Responsive</router-link></li>
</ul>
</div>
</router-link>
</div>
<span>
@ -150,9 +206,26 @@
<span>Image</span>
</span>
<div>
<router-link to="/galleria">Galleria</router-link>
<router-link to="/galleria" v-slot="{href,route,navigate,isActive,isExactActive}">
<div :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
<a :href="href" @click="navigate">Galleria</a>
<ul>
<li><router-link to="/galleria">Documentation</router-link></li>
<li><router-link to="/galleria/basic">Basic</router-link></li>
<li><router-link to="/galleria/indicator">Indicator</router-link></li>
<li><router-link to="/galleria/thumbnail">Thumbnail</router-link></li>
<li><router-link to="/galleria/preview">Preview</router-link></li>
<li><router-link to="/galleria/responsive">Responsive</router-link></li>
<li><router-link to="/galleria/fullscreen">FullScreen</router-link></li>
<li><router-link to="/galleria/circular">Circular</router-link></li>
<li><router-link to="/galleria/caption">Caption</router-link></li>
</ul>
</div>
</router-link>
</div>
<span>
<i class="pi pi-share-alt"></i>
<span>Misc</span>

42
src/assets/styles/app/_content.scss
View File

@ -5,48 +5,6 @@
.content-section {
padding: 2rem;
&.content-submenu {
background-color: var(--layer-1);
color: var(--text-color);
ul {
margin: 0;
padding: 0;
width: 100%;
li {
list-style: none;
width: 20%;
display: inline-block;
padding: .25rem;
a {
color: var(--text-color);
display: block;
width: 100%;
border: 1px solid transparent;
padding: .5rem 1rem;
border-radius: 3px;
transition: background-color .2s;
&:hover {
background-color: var(--layer-2);
}
&:focus {
outline: 0 none;
transition: box-shadow .2s;
box-shadow: 0 0 0 0.2em $focusBorderColor;
}
&.router-link-exact-active {
font-weight: 700;
}
}
}
}
}
&.introduction {
background-color: var(--primary-color);
color: var(--primary-color-text);

23
src/assets/styles/app/_menu.scss
View File

@ -56,6 +56,29 @@
font-weight: 700;
}
}
> div {
&.router-link-active {
> a {
font-weight: 700;
}
ul {
display: block;
}
}
ul {
display: none;
padding: .5rem 0;
margin: 0;
list-style-type: none;
a {
padding: .5rem .5rem .5rem 2rem;
}
}
}
}
}
}

4
src/views/accessibility/AccessibilityDemo.vue
View File

@ -9,9 +9,9 @@
<div class="content-section documentation">
<h3 style="margin-top:0">WCAG</h3>
<p>The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI)
<p>The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI)
of the World Wide Web Consortium (W3C), the main international standards organization for the Internet.</p>
<h3>Accessible Components</h3>
<p>PrimeVue components are implemented based on the WCAG guidelines and follow the best practices outlined here.</p>
<ul>

7
src/views/datatable/DataTableBasicDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Basic</h1>
@ -58,8 +56,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
return {
@ -72,9 +68,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

7
src/views/datatable/DataTableColGroupDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Column Group</h1>
@ -161,8 +159,6 @@ export default {
</template>
<script>
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
return {
@ -201,9 +197,6 @@ export default {
return '$' + total.toLocaleString();
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableColResizeDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Column Resize</h1>
@ -77,7 +75,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -91,9 +88,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

7
src/views/datatable/DataTableColToggleDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Column Toggle</h1>
@ -74,8 +72,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
return {
@ -98,9 +94,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableContextMenuDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - ContextMenu</h1>
@ -80,7 +78,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -112,9 +109,6 @@ export default {
this.$toast.add({severity: 'info', summary: 'Car Deleted', detail: car.vin + ' - ' + car.brand});
this.selectedCar = null;
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableCrudDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Crud</h1>
@ -191,7 +189,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -258,9 +255,6 @@ export default {
return index;
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable</h1>
@ -111,7 +109,6 @@
<script>
import CustomerService from '../../service/CustomerService';
import DataTableSubMenu from './DataTableSubMenu';
import DataTableDoc from './DataTableDoc';
import '../../assets/styles/flags.css';
@ -174,8 +171,7 @@ export default {
}
},
components: {
'DataTableDoc': DataTableDoc,
'DataTableSubMenu': DataTableSubMenu
'DataTableDoc': DataTableDoc
}
}
</script>

6
src/views/datatable/DataTableDynamicColumnsDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Dynamic Columns</h1>
@ -60,7 +58,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -82,9 +79,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

10
src/views/datatable/DataTableEditDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - InCell Edit</h1>
@ -150,7 +148,6 @@
<CodeHighlight lang="javascript">
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
import Vue from 'vue';
export default {
@ -241,9 +238,6 @@ export default {
this.carService.getCarsSmall().then(data => this.cars1 = data);
this.carService.getCarsSmall().then(data => this.cars2 = data);
this.carService.getCarsSmall().then(data => this.cars3 = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</CodeHighlight>
@ -255,7 +249,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
import Vue from 'vue';
export default {
@ -346,9 +339,6 @@ export default {
this.carService.getCarsSmall().then(data => this.cars1 = data);
this.carService.getCarsSmall().then(data => this.cars2 = data);
this.carService.getCarsSmall().then(data => this.cars3 = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableExportDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Export</h1>
@ -73,7 +71,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -92,9 +89,6 @@ export default {
exportCSV() {
this.$refs.dt.exportCSV();
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableFilterDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Filter</h1>
@ -145,7 +143,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -182,9 +179,6 @@ export default {
},
mounted() {
this.carService.getCarsLarge().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableLazyDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Lazy</h1>
@ -85,7 +83,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -121,9 +118,6 @@ export default {
this.loading = false;
}, 1000);
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

8
src/views/datatable/DataTablePaginatorDemo.vue
View File

@ -1,8 +1,6 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Paginator</h1>
<p>Pagination is enabled by setting paginator property to true and defining the rows attribute as the number of rows per page.</p>
@ -70,7 +68,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -84,9 +81,6 @@ export default {
},
mounted() {
this.carService.getCarsLarge().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableReorderDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Reorder</h1>
@ -71,7 +69,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -102,9 +99,6 @@ export default {
this.cars = event.value;
this.$toast.add({severity:'success', summary: 'Rows Reordered', life: 3000});
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableResponsiveDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Responsive</h1>
@ -138,7 +136,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -152,9 +149,6 @@ export default {
},
mounted() {
this.carService.getCarsMedium().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableRowExpandDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Row Expansion</h1>
@ -119,7 +117,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -150,9 +147,6 @@ export default {
this.expandedRows = null;
this.$toast.add({severity: 'success', summary: 'All Rows Collapsed', life: 3000});
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableRowGroupDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Row Grouping</h1>
@ -168,7 +166,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -204,9 +201,6 @@ export default {
return total;
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableScrollDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Scroll</h1>
@ -285,7 +283,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -387,9 +384,6 @@ export default {
this.lazyCars = this.loadChunk(event.first, event.rows)
}, 250);
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableSelectionDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Selection</h1>
@ -182,7 +180,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -210,9 +207,6 @@ export default {
onRowUnselect(event) {
this.$toast.add({severity: 'warn', summary: 'Car Unselected', detail: 'Vin: ' + event.data.vin, life: 3000});
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableSizeDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Size</h1>
@ -104,7 +102,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -118,9 +115,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableSortDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Sort</h1>
@ -108,7 +106,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -122,9 +119,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableStateDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - State</h1>
@ -237,7 +235,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -276,9 +273,6 @@ export default {
},
mounted() {
this.carService.getCarsMedium().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/datatable/DataTableStyleDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Style</h1>
@ -93,7 +91,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -113,9 +110,6 @@ export default {
rowClass(data) {
return data.color === 'Orange' ? 'orange-car': null;
}
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

30
src/views/datatable/DataTableSubMenu.vue
View File

@ -1,30 +0,0 @@
<template>
<div class="content-section content-submenu p-clearfix">
<ul>
<li><router-link to="/datatable">Documentation</router-link></li>
<li><router-link to="/datatable/basic">Basic</router-link></li>
<li><router-link to="/datatable/dynamiccolumns">Dynamic</router-link></li>
<li><router-link to="/datatable/templating">Templating</router-link></li>
<li><router-link to="/datatable/size">Size</router-link></li>
<li><router-link to="/datatable/colgroup">ColGroup</router-link></li>
<li><router-link to="/datatable/paginator">Paginator</router-link></li>
<li><router-link to="/datatable/sort">Sort</router-link></li>
<li><router-link to="/datatable/filter">Filter</router-link></li>
<li><router-link to="/datatable/selection">Selection</router-link></li>
<li><router-link to="/datatable/lazy">Lazy</router-link></li>
<li><router-link to="/datatable/scroll">Scroll</router-link></li>
<li><router-link to="/datatable/rowexpand">Expand</router-link></li>
<li><router-link to="/datatable/edit">Edit</router-link></li>
<li><router-link to="/datatable/coltoggle">ColToggle</router-link></li>
<li><router-link to="/datatable/colresize">ColResize</router-link></li>
<li><router-link to="/datatable/reorder">Reorder</router-link></li>
<li><router-link to="/datatable/rowgroup">RowGroup</router-link></li>
<li><router-link to="/datatable/contextmenu">ContextMenu</router-link></li>
<li><router-link to="/datatable/responsive">Responsive</router-link></li>
<li><router-link to="/datatable/export">Export</router-link></li>
<li><router-link to="/datatable/state">State</router-link></li>
<li><router-link to="/datatable/style">Style</router-link></li>
<li><router-link to="/datatable/crud">Crud</router-link></li>
</ul>
</div>
</template>

6
src/views/datatable/DataTableTemplatingDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<DataTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable - Templating</h1>
@ -103,7 +101,6 @@ export default {
<script>
import CarService from '../../service/CarService';
import DataTableSubMenu from './DataTableSubMenu';
export default {
data() {
@ -117,9 +114,6 @@ export default {
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
},
components: {
'DataTableSubMenu': DataTableSubMenu
}
}
</script>

6
src/views/galleria/GalleriaBasicDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Basic</h1>
@ -129,7 +127,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -170,9 +167,6 @@ export default {
}
}
}
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

6
src/views/galleria/GalleriaCaptionDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Caption</h1>
@ -88,7 +86,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -116,9 +113,6 @@ export default {
},
mounted() {
this.galleriaService.getImages().then(data => this.images = data);
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

6
src/views/galleria/GalleriaCircularDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Circular</h1>
@ -108,7 +106,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -136,9 +133,6 @@ export default {
},
mounted() {
this.galleriaService.getImages().then(data => this.images = data);
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

4
src/views/galleria/GalleriaDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div class="galleria-demo">
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>Galleria</h1>
@ -41,7 +39,6 @@
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
import GalleriaDoc from './GalleriaDoc';
export default {
@ -127,7 +124,6 @@ export default {
}
},
components: {
'GalleriaSubMenu': GalleriaSubMenu,
'GalleriaDoc': GalleriaDoc
}
}

6
src/views/galleria/GalleriaFullScreenDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - FullScreen</h1>
@ -184,7 +182,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -240,9 +237,6 @@ export default {
this.activeItemIndex = index;
this.displayCustom = true;
}
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

6
src/views/galleria/GalleriaIndicatorDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Indicator</h1>
@ -463,7 +461,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -495,9 +492,6 @@ export default {
this.images = data;
this.images2 = data.slice(0, 5);
});
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

6
src/views/galleria/GalleriaPreviewDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Preview</h1>
@ -234,7 +232,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -262,9 +259,6 @@ export default {
},
mounted() {
this.galleriaService.getImages().then(data => this.images = data);
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

6
src/views/galleria/GalleriaResponsiveDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Responsive</h1>
@ -84,7 +82,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -116,9 +113,6 @@ export default {
},
mounted() {
this.galleriaService.getImages().then(data => this.images = data);
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

15
src/views/galleria/GalleriaSubMenu.vue
View File

@ -1,15 +0,0 @@
<template>
<div class="content-section content-submenu p-clearfix">
<ul>
<li><router-link to="/galleria">Documentation</router-link></li>
<li><router-link to="/galleria/basic">Basic</router-link></li>
<li><router-link to="/galleria/indicator">Indicator</router-link></li>
<li><router-link to="/galleria/thumbnail">Thumbnail</router-link></li>
<li><router-link to="/galleria/preview">Preview</router-link></li>
<li><router-link to="/galleria/responsive">Responsive</router-link></li>
<li><router-link to="/galleria/fullscreen">FullScreen</router-link></li>
<li><router-link to="/galleria/circular">Circular</router-link></li>
<li><router-link to="/galleria/caption">Caption</router-link></li>
</ul>
</div>
</template>

6
src/views/galleria/GalleriaThumbnailDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<GalleriaSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1 style="margin-bottom: 0px;">Galleria - Thumbnail</h1>
@ -206,7 +204,6 @@ export default {
<script>
import GalleriaService from '../../service/GalleriaService';
import GalleriaSubMenu from './GalleriaSubMenu';
export default {
data() {
@ -244,9 +241,6 @@ export default {
},
mounted() {
this.galleriaService.getImages().then(data => this.images = data);
},
components: {
'GalleriaSubMenu': GalleriaSubMenu
}
}
</script>

6
src/views/tree/TreeDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>Tree</h1>
@ -27,7 +25,6 @@
<script>
import NodeService from '../../service/NodeService';
import TreeDoc from './TreeDoc';
import TreeSubMenu from './TreeSubMenu';
export default {
data() {
@ -65,8 +62,7 @@ export default {
}
},
components: {
'TreeDoc': TreeDoc,
'TreeSubMenu': TreeSubMenu
'TreeDoc': TreeDoc
}
}
</script>

6
src/views/tree/TreeFilterDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>Tree - Filter</h1>
@ -77,7 +75,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeSubMenu from './TreeSubMenu';
export default {
data() {
@ -112,9 +109,6 @@ export default {
}
}
}
},
components: {
'TreeSubMenu': TreeSubMenu
}
}
</script>

6
src/views/tree/TreeLazyDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>Tree - Lazy</h1>
@ -96,7 +94,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeSubMenu from './TreeSubMenu';
export default {
data() {
@ -158,9 +155,6 @@ export default {
leaf: false
}];
}
},
components: {
'TreeSubMenu': TreeSubMenu
}
}
</script>

6
src/views/tree/TreeSelectionDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>Tree - Selection</h1>
@ -89,7 +87,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeSubMenu from './TreeSubMenu';
export default {
data() {
@ -116,9 +113,6 @@ export default {
onNodeUnselect(node) {
this.$toast.add({severity:'success', summary: 'Node Unselected', detail: node.label, life: 3000});
}
},
components: {
'TreeSubMenu': TreeSubMenu
}
}
</script>

11
src/views/tree/TreeSubMenu.vue
View File

@ -1,11 +0,0 @@
<template>
<div class="content-section content-submenu p-clearfix">
<ul>
<li><router-link to="/tree">Documentation</router-link></li>
<li><router-link to="/tree/selection">Selection</router-link></li>
<li><router-link to="/tree/lazy">Lazy</router-link></li>
<li><router-link to="/tree/templating">Templating</router-link></li>
<li><router-link to="/tree/filter">Filter</router-link></li>
</ul>
</div>
</template>

7
src/views/tree/TreeTemplatingDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>Tree - Templating</h1>
@ -73,8 +71,6 @@ export default {
</template>
<script>
import TreeSubMenu from './TreeSubMenu';
export default {
data() {
return {
@ -101,9 +97,6 @@ export default {
}
]
}
},
components: {
'TreeSubMenu': TreeSubMenu
}
}
</script>

6
src/views/treetable/TreeTableColResizeDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Column Resize</h1>
@ -74,7 +72,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -88,9 +85,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

6
src/views/treetable/TreeTableColToggleDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Column Toggle</h1>
@ -74,7 +72,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -97,9 +94,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

6
src/views/treetable/TreeTableDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable</h1>
@ -42,7 +40,6 @@
<script>
import NodeService from '../../service/NodeService';
import TreeTableDoc from './TreeTableDoc';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -87,8 +84,7 @@ export default {
}
},
components: {
'TreeTableDoc': TreeTableDoc,
'TreeTableSubMenu': TreeTableSubMenu
'TreeTableDoc': TreeTableDoc
}
}
</script>

6
src/views/treetable/TreeTableFilterDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Filter</h1>
@ -146,7 +144,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -161,9 +158,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

7
src/views/treetable/TreeTableLazyDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Lazy</h1>
@ -129,8 +127,6 @@ export default {
</template>
<script>
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
return {
@ -215,9 +211,6 @@ export default {
return nodes;
}
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

7
src/views/treetable/TreeTablePaginatorDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Paginator</h1>
@ -73,8 +71,6 @@ export default {
</template>
<script>
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
return {
@ -107,9 +103,6 @@ export default {
}
this.nodes = files;
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

6
src/views/treetable/TreeTableResponsiveDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Responsive</h1>
@ -94,7 +92,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -108,9 +105,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

6
src/views/treetable/TreeTableSelectionDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Selection</h1>
@ -129,7 +127,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -156,9 +153,6 @@ export default {
onNodeUnselect(node) {
this.$toast.add({severity:'success', summary: 'Node Unselected', detail: node.data.name, life: 3000});
}
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

6
src/views/treetable/TreeTableSizeDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Size</h1>
@ -98,7 +96,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -112,9 +109,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

6
src/views/treetable/TreeTableSortDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Sort</h1>
@ -87,7 +85,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -101,9 +98,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>

17
src/views/treetable/TreeTableSubMenu.vue
View File

@ -1,17 +0,0 @@
<template>
<div class="content-section content-submenu p-clearfix">
<ul>
<li><router-link to="/treetable">Documentation</router-link></li>
<li><router-link to="/treetable/templating">Templating</router-link></li>
<li><router-link to="/treetable/size">Size</router-link></li>
<li><router-link to="/treetable/paginator">Paginator</router-link></li>
<li><router-link to="/treetable/sort">Sort</router-link></li>
<li><router-link to="/treetable/filter">Filter</router-link></li>
<li><router-link to="/treetable/selection">Selection</router-link></li>
<li><router-link to="/treetable/lazy">Lazy</router-link></li>
<li><router-link to="/treetable/coltoggle">ColToggle</router-link></li>
<li><router-link to="/treetable/colresize">Resize</router-link></li>
<li><router-link to="/treetable/responsive">Responsive</router-link></li>
</ul>
</div>
</template>

6
src/views/treetable/TreeTableTemplatingDemo.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<TreeTableSubMenu />
<div class="content-section introduction">
<div class="feature-intro">
<h1>TreeTable - Templating</h1>
@ -90,7 +88,6 @@ export default {
<script>
import NodeService from '../../service/NodeService';
import TreeTableSubMenu from './TreeTableSubMenu';
export default {
data() {
@ -104,9 +101,6 @@ export default {
},
mounted() {
this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
},
components: {
'TreeTableSubMenu': TreeTableSubMenu
}
}
</script>