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

Name refactor

pull/3/head
cagataycivici 2018-12-14 14:21:18 +03:00
parent bbcf8aa0fe
commit 7ab13a4b22
5 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/AppMenu.vue
View File

@ -9,7 +9,7 @@
<div :class="{'submenuhide': activeMenuIndex !== 0, 'submenushow': activeMenuIndex === 0}"> <div :class="{'submenuhide': activeMenuIndex !== 0, 'submenushow': activeMenuIndex === 0}">
<div> <div>
<router-link to="/inputtext">&#9679; InputText</router-link> <router-link to="/inputtext">&#9679; InputText</router-link>
<router-link to="/listbox">&#9679; ListBox</router-link> <router-link to="/listbox">&#9679; Listbox</router-link>
<router-link to="/radiobutton">&#9679; RadioButton</router-link> <router-link to="/radiobutton">&#9679; RadioButton</router-link>
<router-link to="/textarea">&#9679; Textarea</router-link> <router-link to="/textarea">&#9679; Textarea</router-link>
</div> </div>

2
src/assets/styles/primevue.css
View File

@ -1,7 +1,7 @@
@import '../../components/common/Common.css'; @import '../../components/common/Common.css';
@import '../../components/accordion/Accordion.css'; @import '../../components/accordion/Accordion.css';
@import '../../components/inputtext/InputText.css'; @import '../../components/inputtext/InputText.css';
@import '../../components/listbox/ListBox.css'; @import '../../components/listbox/Listbox.css';
@import '../../components/button/Button.css'; @import '../../components/button/Button.css';
@import '../../components/panel/Panel.css'; @import '../../components/panel/Panel.css';
@import '../../components/fieldset/Fieldset.css'; @import '../../components/fieldset/Fieldset.css';

4
src/main.js
View File

@ -6,7 +6,7 @@ import AccordionTab from './components/accordion/AccordionTab';
import Button from './components/button/Button'; import Button from './components/button/Button';
import InputText from './components/inputtext/InputText'; import InputText from './components/inputtext/InputText';
import Fieldset from './components/fieldset/Fieldset'; import Fieldset from './components/fieldset/Fieldset';
import ListBox from './components/listbox/ListBox'; import Listbox from './components/listbox/Listbox';
import Panel from './components/panel/Panel'; import Panel from './components/panel/Panel';
import RadioButton from './components/radiobutton/RadioButton'; import RadioButton from './components/radiobutton/RadioButton';
import Textarea from './components/textarea/Textarea'; import Textarea from './components/textarea/Textarea';
@ -24,7 +24,7 @@ Vue.component('p-accordion', Accordion);
Vue.component('p-accordionTab', AccordionTab); Vue.component('p-accordionTab', AccordionTab);
Vue.component('p-button', Button); Vue.component('p-button', Button);
Vue.component('p-inputtext', InputText); Vue.component('p-inputtext', InputText);
Vue.component('p-listBox', ListBox); Vue.component('p-listbox', Listbox);
Vue.component('p-fieldset', Fieldset); Vue.component('p-fieldset', Fieldset);
Vue.component('p-panel', Panel); Vue.component('p-panel', Panel);
Vue.component('p-radioButton', RadioButton); Vue.component('p-radioButton', RadioButton);

2
src/router.js
View File

@ -39,7 +39,7 @@ export default new Router({
{ {
path: '/listbox', path: '/listbox',
name: 'listbox', name: 'listbox',
component: () => import('./views/listbox/ListBoxDemo.vue') component: () => import('./views/listbox/ListboxDemo.vue')
}, },
{ {
path: '/panel', path: '/panel',

10
src/views/listbox/ListBoxDemo.vue
View File

@ -2,24 +2,24 @@
<div> <div>
<div class="content-section introduction"> <div class="content-section introduction">
<div class="feature-intro"> <div class="feature-intro">
<h1>ListBox</h1> <h1>Listbox</h1>
<p>ListBox is used to select one or more values from a list of items.</p> <p>Listbox is used to select one or more values from a list of items.</p>
</div> </div>
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<h3 class="first">Single</h3> <h3 class="first">Single</h3>
<p-listBox v-model="selectedCity" :options="cities" optionLabel="name" /> <p-listbox v-model="selectedCity" :options="cities" optionLabel="name" />
<h3>Advanced with Templating, Filtering and Multiple Selection</h3> <h3>Advanced with Templating, Filtering and Multiple Selection</h3>
<p-listBox v-model="selectedCars" :options="cars" :multiple="true" :filter="true" optionLabel="brand" listStyle="max-height:250px" style="width:15em"> <p-listbox v-model="selectedCars" :options="cars" :multiple="true" :filter="true" optionLabel="brand" listStyle="max-height:250px" style="width:15em">
<template slot-scope="{option}"> <template slot-scope="{option}">
<div className="p-clearfix"> <div className="p-clearfix">
<img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" style="display:inline-block;margin:5px 0 0 5px;width:48px" /> <img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" style="display:inline-block;margin:5px 0 0 5px;width:48px" />
<span style="float:right;margin:1.25em .5em 0 0">{{option.brand}}</span> <span style="float:right;margin:1.25em .5em 0 0">{{option.brand}}</span>
</div> </div>
</template> </template>
</p-listBox> </p-listbox>
</div> </div>
</div> </div>
</template> </template>