Skip to content

Commit 9d5b587

Browse files
sudheerjsudheerj
committed
Refactor tag namespace
1 parent dbce1d2 commit 9d5b587

File tree

84 files changed

+348
-347
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

84 files changed

+348
-347
lines changed

‎showcase/src/components/accordion/accordiondemo.vue‎

Lines changed: 38 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -14,74 +14,74 @@
1414

1515
<p>The accordion displays stacked group of information in the form of tabs.</p>
1616

17-
<p-accordion>
18-
<p-accordionTab header="Godfather I" :selected="true">
17+
<vf-accordion>
18+
<vf-accordionTab header="Godfather I" :selected="true">
1919
The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
20-
</p-accordionTab>
21-
<p-accordionTab header="Godfather II">
20+
</vf-accordionTab>
21+
<vf-accordionTab header="Godfather II">
2222
Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream. In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy, killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows.
23-
</p-accordionTab>
24-
<p-accordionTab header="Godfather III">
23+
</vf-accordionTab>
24+
<vf-accordionTab header="Godfather III">
2525
After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
26-
</p-accordionTab>
27-
</p-accordion>
26+
</vf-accordionTab>
27+
</vf-accordion>
2828

2929
<h3>2. Multiple</h3>
3030

3131
<p>Enabled multiple tabs selected at the same time using multiple attribute.</p>
32-
<p-accordion :multiple="true">
33-
<p-accordionTab header="Godfather I">
32+
<vf-accordion :multiple="true">
33+
<vf-accordionTab header="Godfather I">
3434
The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
35-
</p-accordionTab>
36-
<p-accordionTab header="Godfather II">
35+
</vf-accordionTab>
36+
<vf-accordionTab header="Godfather II">
3737
Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream. In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy, killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows.
38-
</p-accordionTab>
39-
<p-accordionTab header="Godfather III">
38+
</vf-accordionTab>
39+
<vf-accordionTab header="Godfather III">
4040
After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
41-
</p-accordionTab>
42-
</p-accordion>
41+
</vf-accordionTab>
42+
</vf-accordion>
4343

4444

4545
<h3>3. Events</h3>
4646
<p>The events such as onClose and onOpen invoked on tab change</p>
4747

48-
<p-accordion @onClose="onTabClose($event)" @onOpen="onTabOpen($event)">
49-
<p-accordionTab header="Godfather I">
48+
<vf-accordion @onClose="onTabClose($event)" @onOpen="onTabOpen($event)">
49+
<vf-accordionTab header="Godfather I">
5050
The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
51-
</p-accordionTab>
52-
<p-accordionTab header="Godfather II">
51+
</vf-accordionTab>
52+
<vf-accordionTab header="Godfather II">
5353
Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream. In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy, killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows.
54-
</p-accordionTab>
55-
<p-accordionTab header="Godfather III">
54+
</vf-accordionTab>
55+
<vf-accordionTab header="Godfather III">
5656
After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
57-
</p-accordionTab>
58-
<p-accordionTab header="Godfather IV" :disabled="true">
57+
</vf-accordionTab>
58+
<vf-accordionTab header="Godfather IV" :disabled="true">
5959
After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
60-
</p-accordionTab>
61-
</p-accordion>
60+
</vf-accordionTab>
61+
</vf-accordion>
6262

6363
<h3>4. Programmatic</h3>
6464
<p>The tabs interacted in a programmatic way using methods available</p>
6565

6666
<div style="margin-bottom: 1em">
67-
<p-button type="button" icon="fa fa-chevron-up" @click="openPrev()"></p-button>
68-
<p-button type="button" icon="fa fa-chevron-down" @click="openNext()"></p-button>
67+
<vf-button type="button" icon="fa fa-chevron-up" @click="openPrev()"></vf-button>
68+
<vf-button type="button" icon="fa fa-chevron-down" @click="openNext()"></vf-button>
6969
</div>
7070

71-
<p-accordion :activeIndex="index">
72-
<p-accordionTab header="Godfather I">
71+
<vf-accordion :activeIndex="index">
72+
<vf-accordionTab header="Godfather I">
7373
The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
74-
</p-accordionTab>
75-
<p-accordionTab header="Godfather II">
74+
</vf-accordionTab>
75+
<vf-accordionTab header="Godfather II">
7676
Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream. In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy, killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows.
77-
</p-accordionTab>
78-
<p-accordionTab header="Godfather III">
77+
</vf-accordionTab>
78+
<vf-accordionTab header="Godfather III">
7979
After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
80-
</p-accordionTab>
81-
<p-accordionTab header="Godfather IV">
80+
</vf-accordionTab>
81+
<vf-accordionTab header="Godfather IV">
8282
After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
83-
</p-accordionTab>
84-
</p-accordion>
83+
</vf-accordionTab>
84+
</vf-accordion>
8585

8686
</div>
8787
</div>

‎showcase/src/components/avatar/avatardemo.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@
88
</div>
99
<div id="wrapper">
1010
<h2>Image</h2>
11-
<p-avatar src="https://placekitten.com/500/350" color="blue" backgroundColor="orange" :size="30" :iconSize="20" imageClass="imageClass">Tom</p-avatar>
11+
<vf-avatar src="https://placekitten.com/500/350" color="blue" backgroundColor="orange" :size="30" :iconSize="20" imageClass="imageClass">Tom</vf-avatar>
1212

1313
<h2>Icon</h2>
14-
<p-avatar icon="fa-github-square" color="blue" backgroundColor="orange" :size="30" :iconSize="20">Github</p-avatar>
14+
<vf-avatar icon="fa-github-square" color="blue" backgroundColor="orange" :size="30" :iconSize="20">Github</vf-avatar>
1515

1616
</div>
1717
</div>

‎showcase/src/components/backtotop/backtotopdemo.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,15 @@
1212
<label for="">
1313
<strong>Offset</strong>
1414
</label><br>
15-
<p-inputText type="text" v-model="offset" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
15+
<vf-inputText type="text" v-model="offset" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
1616
</div>
1717
<div class="form-control">
1818
<label for="">
1919
<strong>Text</strong>
2020
</label><br>
21-
<p-inputText type="text" v-model="text"/>
21+
<vf-inputText type="text" v-model="text"/>
2222
</div>
23-
<p-backToTop :offset="offset" :text="text"></p-backToTop>
23+
<vf-backToTop :offset="offset" :text="text"></vf-backToTop>
2424
</div>
2525
</div>
2626
</template>

‎showcase/src/components/badge/badgedemo.vue‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -9,44 +9,44 @@
99
<div id="wrapper">
1010

1111
<h3 class="first">Numbers</h3>
12-
<p-badge :value="100">
13-
<p-button type="button" icon="fa-thumbs-up" label="Likes"></p-button>
14-
</p-badge>
15-
<p-badge :value="50">
16-
<p-button type="button" icon="fa-thumbs-down" label="Dislikes"></p-button>
17-
</p-badge>
12+
<vf-badge :value="100">
13+
<vf-button type="button" icon="fa-thumbs-up" label="Likes"></vf-button>
14+
</vf-badge>
15+
<vf-badge :value="50">
16+
<vf-button type="button" icon="fa-thumbs-down" label="Dislikes"></vf-button>
17+
</vf-badge>
1818

1919
<h3 class="first">Color</h3>
20-
<p-badge :value="100" backgroundColor="red">
21-
<p-button type="button" icon="fa-thumbs-up" label="Likes"></p-button>
22-
</p-badge>
23-
<p-badge :value="50" backgroundColor="blue">
24-
<p-button type="button" icon="fa-thumbs-down" label="Dislikes"></p-button>
25-
</p-badge>
20+
<vf-badge :value="100" backgroundColor="red">
21+
<vf-button type="button" icon="fa-thumbs-up" label="Likes"></vf-button>
22+
</vf-badge>
23+
<vf-badge :value="50" backgroundColor="blue">
24+
<vf-button type="button" icon="fa-thumbs-down" label="Dislikes"></vf-button>
25+
</vf-badge>
2626

2727
<h3>Max</h3>
28-
<p-badge :value="200" :max="100">
29-
<p-button type="button" icon="fa-thumbs-up" label="Likes"></p-button>
30-
</p-badge>
31-
<p-badge :value="100" :max="50">
32-
<p-button type="button" icon="fa-thumbs-down" label="Dislikes"></p-button>
33-
</p-badge>
28+
<vf-badge :value="200" :max="100">
29+
<vf-button type="button" icon="fa-thumbs-up" label="Likes"></vf-button>
30+
</vf-badge>
31+
<vf-badge :value="100" :max="50">
32+
<vf-button type="button" icon="fa-thumbs-down" label="Dislikes"></vf-button>
33+
</vf-badge>
3434

3535
<h3>Text</h3>
36-
<p-badge value="new">
37-
<p-button type="button" icon="fa-comments" label="Comments"></p-button>
38-
</p-badge>
39-
<p-badge value="old">
40-
<p-button type="button" icon="fa-comments" label="Comments"></p-button>
41-
</p-badge>
36+
<vf-badge value="new">
37+
<vf-button type="button" icon="fa-comments" label="Comments"></vf-button>
38+
</vf-badge>
39+
<vf-badge value="old">
40+
<vf-button type="button" icon="fa-comments" label="Comments"></vf-button>
41+
</vf-badge>
4242

4343
<h3>Notify</h3>
44-
<p-badge :dot="true">
45-
<p-button type="button" label="Alert"></p-button>
46-
</p-badge>
47-
<p-badge :dot="true">
48-
<p-button type="button" icon="fa-exclamation-circle"></p-button>
49-
</p-badge>
44+
<vf-badge :dot="true">
45+
<vf-button type="button" label="Alert"></vf-button>
46+
</vf-badge>
47+
<vf-badge :dot="true">
48+
<vf-button type="button" icon="fa-exclamation-circle"></vf-button>
49+
</vf-badge>
5050

5151
</div>
5252
</div>

‎showcase/src/components/blockui/blockuidemo.vue‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,24 +12,24 @@
1212

1313
<h3 class="first">1. Document</h3>
1414
<p>The entire document is blocked</p>
15-
<p-blockUI :blocked="blockedDocument"></p-blockUI>
15+
<vf-blockUI :blocked="blockedDocument"></vf-blockUI>
1616

17-
<p-button type="button" label="Block" @click="blockDocument()"></p-button>
17+
<vf-button type="button" label="Block" @click="blockDocument()"></vf-button>
1818

1919
<h3>2. Target</h3>
2020
<p>Particular target</p>
21-
<p-button type="button" label="Block" @click="blockPanel()"></p-button>
22-
<p-button type="button" label="Unblock" @click="unblockPanel()"></p-button>
21+
<vf-button type="button" label="Block" @click="blockPanel()"></vf-button>
22+
<vf-button type="button" label="Unblock" @click="unblockPanel()"></vf-button>
2323

24-
<p-blockUI :target="target" :blocked="blockedPanel">
24+
<vf-blockUI :target="target" :blocked="blockedPanel">
2525
<i class="fa fa-lock fa-5x" style="position:absolute;top:25%;left:50%"></i>
26-
</p-blockUI>
27-
<p-panel id="pnl" header="Godfather I" :style="{'margin-top':'20px'}">
26+
</vf-blockUI>
27+
<vf-panel id="pnl" header="Godfather I" :style="{'margin-top':'20px'}">
2828
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
2929
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
3030
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
3131
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
32-
</p-panel>
32+
</vf-panel>
3333

3434
</div>
3535
</div>

‎showcase/src/components/button/buttondemo.vue‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414

1515
<p>The icon of a button is specified using icon attribute and position is customized using iconPos attribute. The default icon position is left. To display only an icon, leave label as undefined.</p>
1616

17-
<p-button type="button" icon="fa-check" label="VueJS"></p-button>
17+
<vf-button type="button" icon="fa-check" label="VueJS"></vf-button>
1818

19-
<p-button type="button" icon="fa-check" iconPos="right" label="VueJS"></p-button>
19+
<vf-button type="button" icon="fa-check" iconPos="right" label="VueJS"></vf-button>
2020

21-
<p-button type="button" icon="fa-close"></p-button>
21+
<vf-button type="button" icon="fa-close"></vf-button>
2222

2323
<h3>2. Severity Buttons</h3>
2424

@@ -31,27 +31,27 @@
3131
<li>.ui-button-danger</li>
3232
</ul>
3333

34-
<p-button type="button" label="Primary"></p-button>
34+
<vf-button type="button" label="Primary"></vf-button>
3535

36-
<p-button type="button" label="Secondary" class="ui-button-secondary"></p-button>
36+
<vf-button type="button" label="Secondary" class="ui-button-secondary"></vf-button>
3737

38-
<p-button type="button" label="Success" class="ui-button-success"></p-button>
38+
<vf-button type="button" label="Success" class="ui-button-success"></vf-button>
3939

40-
<p-button type="button" label="Info" class="ui-button-info"></p-button>
40+
<vf-button type="button" label="Info" class="ui-button-info"></vf-button>
4141

42-
<p-button type="button" label="Warning" class="ui-button-warning"></p-button>
42+
<vf-button type="button" label="Warning" class="ui-button-warning"></vf-button>
4343

44-
<p-button type="button" label="Danger" class="ui-button-danger"></p-button>
44+
<vf-button type="button" label="Danger" class="ui-button-danger"></vf-button>
4545

4646
<h3>3. Events</h3>
4747
<p>The button component supports click event</p>
4848

49-
<p-button type="button" label="Click" @click="clickMe"></p-button>
49+
<vf-button type="button" label="Click" @click="clickMe"></vf-button>
5050

5151
<h3>4. Disabled</h3>
5252
<p>The component disabled using disabled attribute</p>
5353

54-
<p-button type="button" icon="fa-check" :disabled="true" label="Disabled"></p-button>
54+
<vf-button type="button" icon="fa-check" :disabled="true" label="Disabled"></vf-button>
5555

5656
</div>
5757
</div>

0 commit comments

Comments
 (0)