Skip to content

Commit 51105d7

Browse files
pi0pi0
committed
Fix build + Missing files
1 parent 345040c commit 51105d7

15 files changed

+600
-162
lines changed

‎components/form-fieldset.vue

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<template>
2+
<fieldset :class="['form-group','row',inputState]">
3+
<label :for="id" v-if="label" :class="['col-form-label','col-xs-2']" v-html="label"/>
4+
<div class="col-xs-10">
5+
<slot></slot>
6+
<div class="form-text text-muted" v-if="feedback" v-html="feedback"></div>
7+
<small class="form-text text-muted" v-if="description" v-html="description"></small>
8+
</div>
9+
</fieldset>
10+
</template>
11+
12+
<script>
13+
export default {
14+
computed: {
15+
inputState() {
16+
return this.state ? `has-${this.state}` : '';
17+
},
18+
},
19+
props: {
20+
id: {
21+
type: String,
22+
default: null
23+
},
24+
state: {
25+
type: String,
26+
default: null
27+
},
28+
label: {
29+
type: String,
30+
default: null
31+
},
32+
description: {
33+
type: String,
34+
default: null
35+
},
36+
feedback: {
37+
type: String,
38+
default: null
39+
},
40+
},
41+
}
42+
</script>

‎components/index.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,6 @@ import bTabs from './tabs.vue'
3434
import bTab from './tab.vue'
3535
import bTooltip from './tooltip.vue'
3636

37-
3837
export {
3938
bAlert,
4039
bBreadcrumb,

‎docs/pages/docs/components/form-checkbox.vue

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<template>
2+
<layout :docs="docs">
3+
<template slot="name">
4+
Forms Checkbox
5+
</template>
6+
7+
<template slot="description">
8+
This component uses a special <code>_value</code> Property to keep compatible with <code>v-model</code>
9+
directive.
10+
</template>
11+
12+
<template slot="demo">
13+
14+
<b-form-checkbox v-model="check1" _value="Option1" checked>
15+
CheckBox Default
16+
</b-form-checkbox>
17+
18+
<div>Value: {{check1}}</div>
19+
20+
</template>
21+
22+
<template slot="usage">
23+
&lt;b-form-checkbox v-model=&quot;check1&quot; _value=&quot;Option1&quot; checked&gt;
24+
CheckBox Default
25+
&lt;/b-form-checkbox&gt;
26+
</template>
27+
28+
</layout>
29+
</template>
30+
31+
<script>
32+
import layout from '../../../layouts/components.vue';
33+
34+
export default {
35+
components: {layout},
36+
data(){
37+
return {
38+
docs: {
39+
component: 'bFormCheckbox',
40+
events: [
41+
{
42+
event: 'input',
43+
args: [
44+
{
45+
arg: '_value',
46+
description: 'The internal <code>_value</code> if checked or <code>undefined</code>'
47+
},
48+
],
49+
},
50+
{
51+
event: 'change',
52+
description: 'On Changed',
53+
args: [{arg: 'checked'}]
54+
},
55+
],
56+
},
57+
check1: '',
58+
}
59+
},
60+
}
61+
</script>

‎docs/pages/docs/components/form-radio.vue

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<template>
2+
<layout :docs="docs">
3+
<template slot="name">
4+
Forms Radio
5+
</template>
6+
7+
<template slot="description">
8+
For even more customization and cross browser consistency,
9+
use our completely custom form elements to replace the browser defaults.
10+
They’re built on top of semantic and accessible markup,
11+
so they’re solid replacements for any default form control.
12+
</template>
13+
14+
<template slot="demo">
15+
16+
<b-form-radio v-model="value" :items="items"/>
17+
18+
<b-form-radio v-model="value" :items="items" stacked returnObject />
19+
20+
<div>
21+
<span>Selected Item: </span>
22+
<span>{{value}}</span>
23+
</div>
24+
25+
</template>
26+
27+
<template slot="usage">
28+
&lt;b-form-radio v-model=&quot;value&quot; :items=&quot;items&quot;/&gt;
29+
30+
&lt;b-form-radio v-model=&quot;value&quot; :items=&quot;items&quot; stacked returnObject /&gt;
31+
</template>
32+
33+
</layout>
34+
</template>
35+
36+
<script>
37+
import layout from '../../../layouts/components.vue';
38+
39+
export default {
40+
components: {layout},
41+
data(){
42+
return {
43+
docs: {
44+
component: 'bFormRadio',
45+
events: [
46+
{
47+
event: 'input',
48+
description: 'On text input',
49+
args: [
50+
{arg: 'input', description: 'New selected value'},
51+
],
52+
},
53+
],
54+
},
55+
value: 'third',
56+
items: [
57+
{text: 'Toggle this custom radio', value: 'first'},
58+
{text: 'Or toggle this other custom radio', value: 'second'},
59+
{text: 'This one is Disabled', value: 'third', disabled: true},
60+
],
61+
}
62+
},
63+
}
64+
</script>

‎docs/pages/docs/components/form-select.vue

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<template>
2+
<layout :docs="docs">
3+
<template slot="name">
4+
Select menu
5+
</template>
6+
7+
<template slot="description">
8+
9+
</template>
10+
11+
<template slot="demo">
12+
<b-form-select v-model="selected"
13+
:options="options"
14+
:defaultOption="defaultOption"
15+
label="Example Label"
16+
description="We'll never share your gender with anyone else."
17+
feedback="Please Select Some Item"
18+
state="success"
19+
>
20+
</b-form-select>
21+
22+
<div>Selected: <strong>{{selected}}</strong></div>
23+
24+
</template>
25+
26+
<template slot="usage">
27+
&lt;b-form-select v-model=&quot;selected&quot;
28+
:options=&quot;options&quot;
29+
:defaultOption=&quot;defaultOption&quot;
30+
label=&quot;Example Label&quot;
31+
description=&quot;We&#039;ll never share your gender with anyone else.&quot;
32+
feedback=&quot;Please Select Some Item&quot;
33+
state=&quot;success&quot;
34+
&gt;
35+
&lt;/b-form-select&gt;
36+
</template>
37+
38+
</layout>
39+
</template>
40+
41+
<script>
42+
import layout from '../../../layouts/components.vue';
43+
44+
export default {
45+
components: {layout},
46+
data(){
47+
return {
48+
docs: {
49+
component: 'bFormSelect',
50+
},
51+
selected: 'c',
52+
defaultOption: {text: 'Please select some item', value: 'default'},
53+
options: [
54+
{text: 'This is First option', value: 'a'},
55+
{text: 'Default Selected Option', value: 'b'},
56+
{text: 'This is another option', value: 'c'},
57+
{text: 'This one is disabled', value: 'd', disabled: true},
58+
],
59+
}
60+
},
61+
methods: {},
62+
}
63+
</script>

‎docs/pages/docs/components/nav.vue

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<template>
2+
<layout :docs="docs">
3+
<template slot="name">
4+
Navs
5+
</template>
6+
7+
<template slot="description">
8+
Navigation available in Bootstrap share general markup and styles,
9+
from the base <code>.nav</code> class to the active and disabled states.
10+
Swap modifier classes to switch between each style.
11+
</template>
12+
13+
<template slot="demo">
14+
15+
<b-nav>
16+
<b-nav-item link="#" active>Active</b-nav-item>
17+
<b-nav-item link="#">Link</b-nav-item>
18+
<b-nav-item link="#">Another Link</b-nav-item>
19+
<b-nav-item link="#" disabled>Disabled</b-nav-item>
20+
</b-nav>
21+
22+
<br>
23+
<br>
24+
25+
<b-nav tabs>
26+
<b-nav-item link="#" active>Active</b-nav-item>
27+
<b-nav-item link="#">Link</b-nav-item>
28+
<b-nav-item link="#">Another Link</b-nav-item>
29+
<b-nav-item link="#" disabled>Disabled</b-nav-item>
30+
</b-nav>
31+
32+
<br>
33+
<br>
34+
35+
<b-nav pills>
36+
<b-nav-item link="#" active>Active</b-nav-item>
37+
<b-nav-item link="#">Link</b-nav-item>
38+
<b-nav-item link="#">Another Link</b-nav-item>
39+
<b-nav-item link="#" disabled>Disabled</b-nav-item>
40+
</b-nav>
41+
42+
<br>
43+
<br>
44+
45+
</template>
46+
47+
<template slot="usage">
48+
&lt;b-nav pills&gt;
49+
&lt;b-nav-item link=&quot;#&quot; active&gt;Active&lt;/b-nav-item&gt;
50+
&lt;b-nav-item link=&quot;#&quot;&gt;Link&lt;/b-nav-item&gt;
51+
&lt;b-nav-item link=&quot;#&quot;&gt;Another Link&lt;/b-nav-item&gt;
52+
&lt;b-nav-item link=&quot;#&quot; disabled&gt;Disabled&lt;/b-nav-item&gt;
53+
&lt;/b-nav&gt;
54+
</template>
55+
56+
</layout>
57+
</template>
58+
59+
<script>
60+
import layout from '../../../layouts/components.vue';
61+
62+
export default {
63+
components: {layout},
64+
data(){
65+
return {
66+
docs: {
67+
component: 'bNav',
68+
}
69+
}
70+
},
71+
methods: {},
72+
}
73+
</script>

0 commit comments

Comments
 (0)