Skip to content

Commit 5f785b8

Browse files
shabbirbharmalshabbirbharmal
committed
create ticket boilerplate
1 parent e111aec commit 5f785b8

File tree

4 files changed

+870
-147
lines changed

4 files changed

+870
-147
lines changed

‎src/_nav.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,11 @@ export default {
1313
url: '/tickets/list',
1414
icon: 'icon-bell',
1515
children: [
16+
{
17+
name: 'Create New',
18+
url: '/tickets/create',
19+
icon: 'icon-puzzle'
20+
},
1621
{
1722
name: 'Open',
1823
url: '/tickets/list',

‎src/router/index.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import Vue from 'vue'
22
import Router from 'vue-router'
33
const TicketList = () => import('@/views/base/TicketList')
44
const TicketView = () => import('@/views/tickets/View.vue')
5+
const TicketCreate = () => import('@/views/tickets/Create.vue')
56

67
const InvoiceList = () => import('@/views/base/InvoiceList')
78
const CustomerList = () => import('@/views/base/CustomerList')
@@ -179,6 +180,11 @@ export default new Router({
179180
path: 'view',
180181
name: 'View',
181182
component: TicketView
183+
},
184+
{
185+
path: 'create',
186+
name: 'create',
187+
component: TicketCreate
182188
}
183189
]
184190
},

‎src/views/base/Navbars.vue

Lines changed: 148 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -1,164 +1,165 @@
11
<template>
2-
<div class="wrapper">
3-
<div class="animated fadeIn">
4-
<b-card
5-
header-tag="header"
6-
footer-tag="footer">
7-
<div slot="header">
8-
<i class="fa fa-align-justify"></i><strong> Bootstrap Navbar </strong>
9-
<div class="card-header-actions">
10-
<a href="https://bootstrap-vue.js.org/docs/components/navbar" class="card-header-action" rel="noreferrer noopener" target="_blank">
11-
<small class="text-muted">docs</small>
12-
</a>
13-
</div>
14-
</div>
15-
<b-navbar toggleable="md" type="dark" variant="info">
2+
<div class="wrapper">
3+
<div class="animated fadeIn">
4+
<b-card
5+
header-tag="header"
6+
footer-tag="footer">
7+
<div slot="header">
8+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navbar </strong>
9+
<div class="card-header-actions">
10+
<a href="https://bootstrap-vue.js.org/docs/components/navbar" class="card-header-action"
11+
rel="noreferrer noopener" target="_blank">
12+
<small class="text-muted">docs</small>
13+
</a>
14+
</div>
15+
</div>
16+
<b-navbar toggleable="md" type="dark" variant="info">
1617

17-
<b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
18+
<b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
1819

19-
<b-navbar-brand href="#">NavBar</b-navbar-brand>
20+
<b-navbar-brand href="#">NavBar</b-navbar-brand>
2021

21-
<b-collapse is-nav id="nav_collapse">
22+
<b-collapse is-nav id="nav_collapse">
2223

23-
<b-navbar-nav>
24-
<b-nav-item href="#">Link</b-nav-item>
25-
<b-nav-item href="#" disabled>Disabled</b-nav-item>
26-
</b-navbar-nav>
24+
<b-navbar-nav>
25+
<b-nav-item href="#">Link</b-nav-item>
26+
<b-nav-item href="#" disabled>Disabled</b-nav-item>
27+
</b-navbar-nav>
2728

28-
<!-- Right aligned nav items -->
29-
<b-navbar-nav class="ml-auto">
29+
<!-- Right aligned nav items -->
30+
<b-navbar-nav class="ml-auto">
3031

31-
<b-nav-form>
32-
<b-form-input size="sm" class="mr-sm-2" type="text" placeholder="Search"/>
33-
<b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
34-
</b-nav-form>
32+
<b-nav-form>
33+
<b-form-input size="sm" class="mr-sm-2" type="text" placeholder="Search"/>
34+
<b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
35+
</b-nav-form>
3536

36-
<b-nav-item-dropdown text="Lang" right>
37-
<b-dropdown-item href="#">EN</b-dropdown-item>
38-
<b-dropdown-item href="#">ES</b-dropdown-item>
39-
<b-dropdown-item href="#">RU</b-dropdown-item>
40-
<b-dropdown-item href="#">FA</b-dropdown-item>
41-
</b-nav-item-dropdown>
37+
<b-nav-item-dropdown text="Lang" right>
38+
<b-dropdown-item href="#">EN</b-dropdown-item>
39+
<b-dropdown-item href="#">ES</b-dropdown-item>
40+
<b-dropdown-item href="#">RU</b-dropdown-item>
41+
<b-dropdown-item href="#">FA</b-dropdown-item>
42+
</b-nav-item-dropdown>
4243

43-
<b-nav-item-dropdown right>
44-
<!-- Using button-content slot -->
45-
<template slot="button-content">
46-
<em>User</em>
47-
</template>
48-
<b-dropdown-item href="#">Profile</b-dropdown-item>
49-
<b-dropdown-item href="#">Signout</b-dropdown-item>
50-
</b-nav-item-dropdown>
51-
</b-navbar-nav>
44+
<b-nav-item-dropdown right>
45+
<!-- Using button-content slot -->
46+
<template slot="button-content">
47+
<em>User</em>
48+
</template>
49+
<b-dropdown-item href="#">Profile</b-dropdown-item>
50+
<b-dropdown-item href="#">Signout</b-dropdown-item>
51+
</b-nav-item-dropdown>
52+
</b-navbar-nav>
5253

53-
</b-collapse>
54-
</b-navbar>
55-
</b-card>
56-
<b-card
57-
header-tag="header"
58-
footer-tag="footer">
59-
<div slot="header">
60-
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
61-
<small>brand</small>
62-
</div>
63-
<div>
64-
<!-- Image and text -->
65-
<b-navbar variant="faded" type="light">
66-
<b-navbar-brand tag="h1" href="#">
67-
<img src="https://placekitten.com/g/30/30" class="d-inline-block align-top" alt="BV">
68-
BootstrapVue
69-
</b-navbar-brand>
70-
</b-navbar>
71-
</div>
72-
</b-card>
73-
<b-card
74-
header-tag="header"
75-
footer-tag="footer">
76-
<div slot="header">
77-
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
78-
<small>text</small>
79-
</div>
80-
<div>
81-
<b-navbar toggleable type="light" variant="light">
82-
<b-navbar-toggle target="nav_text_collapse"></b-navbar-toggle>
83-
<b-navbar-brand>BootstrapVue</b-navbar-brand>
84-
<b-collapse is-nav id="nav_text_collapse">
85-
<b-navbar-nav>
86-
<b-nav-text>Navbar text</b-nav-text>
87-
</b-navbar-nav>
88-
</b-collapse>
89-
</b-navbar>
90-
</div>
91-
</b-card>
92-
<b-card
93-
header-tag="header"
94-
footer-tag="footer">
95-
<div slot="header">
96-
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
97-
<small>dropdown</small>
98-
</div>
99-
<div>
100-
<b-navbar type="dark" variant="primary" toggleable>
101-
<b-navbar-toggle target="nav_dropdown_collapse"></b-navbar-toggle>
102-
<b-collapse is-nav id="nav_dropdown_collapse">
103-
<b-navbar-nav>
104-
<b-nav-item href="#">Home</b-nav-item>
105-
<b-nav-item href="#">Link</b-nav-item>
106-
<!-- Navbar dropdowns -->
107-
<b-nav-item-dropdown text="Lang" right>
108-
<b-dropdown-item href="#">EN</b-dropdown-item>
109-
<b-dropdown-item href="#">ES</b-dropdown-item>
110-
<b-dropdown-item href="#">RU</b-dropdown-item>
111-
<b-dropdown-item href="#">FA</b-dropdown-item>
112-
</b-nav-item-dropdown>
113-
<b-nav-item-dropdown text="User" right>
114-
<b-dropdown-item href="#">Account</b-dropdown-item>
115-
<b-dropdown-item href="#">Settings</b-dropdown-item>
116-
</b-nav-item-dropdown>
117-
</b-navbar-nav>
118-
</b-collapse>
119-
</b-navbar>
120-
</div>
121-
</b-card>
122-
<b-card
123-
header-tag="header"
124-
footer-tag="footer">
125-
<div slot="header">
126-
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
127-
<small>form</small>
128-
</div>
129-
<div>
130-
<b-navbar type="light" variant="light">
131-
<b-nav-form>
132-
<b-form-input class="mr-sm-2" type="text" placeholder="Search"></b-form-input>
133-
<b-button variant="outline-success" class="my-2 my-sm-0" type="submit">Search</b-button>
134-
</b-nav-form>
135-
</b-navbar>
136-
</div>
137-
</b-card>
138-
<b-card
139-
header-tag="header"
140-
footer-tag="footer">
141-
<div slot="header">
142-
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
143-
<small>input group</small>
144-
</div>
145-
<div>
146-
<b-navbar type="light" variant="light">
147-
<b-nav-form>
148-
<b-input-group left="@">
149-
<b-form-input class="mr-sm-2" type="text" placeholder="Username"></b-form-input>
150-
</b-input-group>
151-
</b-nav-form>
152-
</b-navbar>
54+
</b-collapse>
55+
</b-navbar>
56+
</b-card>
57+
<b-card
58+
header-tag="header"
59+
footer-tag="footer">
60+
<div slot="header">
61+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
62+
<small>brand</small>
63+
</div>
64+
<div>
65+
<!-- Image and text -->
66+
<b-navbar variant="faded" type="light">
67+
<b-navbar-brand tag="h1" href="#">
68+
<img src="https://placekitten.com/g/30/30" class="d-inline-block align-top" alt="BV">
69+
BootstrapVue
70+
</b-navbar-brand>
71+
</b-navbar>
72+
</div>
73+
</b-card>
74+
<b-card
75+
header-tag="header"
76+
footer-tag="footer">
77+
<div slot="header">
78+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
79+
<small>text</small>
80+
</div>
81+
<div>
82+
<b-navbar toggleable type="light" variant="light">
83+
<b-navbar-toggle target="nav_text_collapse"></b-navbar-toggle>
84+
<b-navbar-brand>BootstrapVue</b-navbar-brand>
85+
<b-collapse is-nav id="nav_text_collapse">
86+
<b-navbar-nav>
87+
<b-nav-text>Navbar text</b-nav-text>
88+
</b-navbar-nav>
89+
</b-collapse>
90+
</b-navbar>
91+
</div>
92+
</b-card>
93+
<b-card
94+
header-tag="header"
95+
footer-tag="footer">
96+
<div slot="header">
97+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
98+
<small>dropdown</small>
99+
</div>
100+
<div>
101+
<b-navbar type="dark" variant="primary" toggleable>
102+
<b-navbar-toggle target="nav_dropdown_collapse"></b-navbar-toggle>
103+
<b-collapse is-nav id="nav_dropdown_collapse">
104+
<b-navbar-nav>
105+
<b-nav-item href="#">Home</b-nav-item>
106+
<b-nav-item href="#">Link</b-nav-item>
107+
<!-- Navbar dropdowns -->
108+
<b-nav-item-dropdown text="Lang" right>
109+
<b-dropdown-item href="#">EN</b-dropdown-item>
110+
<b-dropdown-item href="#">ES</b-dropdown-item>
111+
<b-dropdown-item href="#">RU</b-dropdown-item>
112+
<b-dropdown-item href="#">FA</b-dropdown-item>
113+
</b-nav-item-dropdown>
114+
<b-nav-item-dropdown text="User" right>
115+
<b-dropdown-item href="#">Account</b-dropdown-item>
116+
<b-dropdown-item href="#">Settings</b-dropdown-item>
117+
</b-nav-item-dropdown>
118+
</b-navbar-nav>
119+
</b-collapse>
120+
</b-navbar>
121+
</div>
122+
</b-card>
123+
<b-card
124+
header-tag="header"
125+
footer-tag="footer">
126+
<div slot="header">
127+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
128+
<small>form</small>
129+
</div>
130+
<div>
131+
<b-navbar type="light" variant="light">
132+
<b-nav-form>
133+
<b-form-input class="mr-sm-2" type="text" placeholder="Search"></b-form-input>
134+
<b-button variant="outline-success" class="my-2 my-sm-0" type="submit">Search</b-button>
135+
</b-nav-form>
136+
</b-navbar>
137+
</div>
138+
</b-card>
139+
<b-card
140+
header-tag="header"
141+
footer-tag="footer">
142+
<div slot="header">
143+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
144+
<small>input group</small>
145+
</div>
146+
<div>
147+
<b-navbar type="light" variant="light">
148+
<b-nav-form>
149+
<b-input-group left="@">
150+
<b-form-input class="mr-sm-2" type="text" placeholder="Username"></b-form-input>
151+
</b-input-group>
152+
</b-nav-form>
153+
</b-navbar>
154+
</div>
155+
</b-card>
153156
</div>
154-
</b-card>
155157
</div>
156-
</div>
157158
</template>
158159

159160
<script>
160-
export default {
161-
name: 'navbars'
162-
}
161+
export default {
162+
name: 'navbars'
163+
}
163164
</script>
164165

0 commit comments

Comments
 (0)