Projects - Mini Issue tracker

all posts and snippets related to app issue tracker
 

Sorting issues table rows by clicking column headings

Step 01: Adding visual changes for table headers inside Index.vue inside template tag like below ID ↑ ↓ Client Issue...

Category: Projects 2 years ago

Introducing routing with router-link and router-view for issues list and creating issues

Step 01: Installing vue-router package npm install vue-router@latest Step 02: Creating second vue component Create.vue with static text below inside...

Category: Projects 2 years ago

Separating routes in another file and using route names

Step 01: Lets create a new route file index.js under resources/js/routes and move route codes from app.js to there like...

Category: Projects 2 years ago

Dynamically changing page title using meta attribute of vue router and changing master.vue with some layout tweaks

Step 01: To change page title (title tag) with changing navigation we need to add meta attribute inside routes variable...

Category: Projects 2 years ago

Creating issue create form with client dropdown

Step 01: We need to create issue create form first inside Create.vue of resources\js\components\Issues folder <template> <h1>Create Client Issue </h1>...

Category: Projects 2 years ago

Storing issue in db table

For storing issue in table in database we need to add following codes step by step in backend and frontend....

Category: Projects 2 years ago

Validation while issue form submitting

Step 01: Adding validationErrors variable in the issues.js composable as reactive and using it inside catch of storeIssue() method to...

Category: Projects 2 years ago

Loading indicator on save button while form processing

Step 01: We will introduce new reactive variable isLoading in issues.js composable inside storeIssue() method like below. export default function...

Category: Projects 2 years ago

Issue edit form and routing with parameter

Step 01: Creating Edit.vue component under resources/js/components/Issues folder with static text Edit Client Issue Step 02: Adding edit link in...

Category: Projects 2 years ago

Update issue

Step 01: adding update() method with route model binding . Also file upload processing code is also added here// at...

Category: Projects 2 years ago