[v5][Pages][Bugtracker] Advanced bugtracker for you!

Chris59 · November 1

I have got several people want me to share my bugtracker i make for my homepage exported from beta 3 built and imported to beta 3 built so you should not try on alphas or erlier betas.

Multilang bugtracker
Definition widget

Import the database and start play with it .

Import database

Version 1

Bugtracker.xml

Version 2 English only (With critical, where the bug is)

Bugtracker-2.xml

v5 have superb listing layouts now for listing database records. here rows-grid-wallpaper

Add a bugtracker definition widget on the bugtracker page

Add a RAW HTML widget , open the setting and add this code

<strong> {lang="my_bugtracker_definition_widget"} </strong></br></br>
<i class="fa fa-solid fa-bug"></i> <span class='ipsBadge ipsBadge--new'>{lang="my_bugtracker_new_bug"}</span> {lang="my_bugtracker_new_bug_desc"}
</br></br>
<i class="fa fa-solid fa-bug"></i> <span class='ipsBadge ipsBadge--solved'>{lang="my_bugtracker_solved_bug"}</span> {lang="my_bugtracker_solved_bug_desc"}
</br></br>
<i class="fa fa-solid fa-bug"></i> <span class='ipsBadge ipsBadge--featured'>{lang="my_bugtracker_cannotreflect_bug"}</span> {lang="my_bugtracker_cannotreflect_bug_desc"}
</br></br>
<i class="fa fa-solid fa-bug"></i> <span class='ipsBadge ipsBadge--author'>{lang="my_bugtracker_work_bug"}</span> {lang="my_bugtracker_work_bug_desc"}
</br></br>
<i class="fa fa-solid fa-bug"></i> <span class='ipsBadge ipsBadge--negative'>{lang="my_bugtracker_waiting_bug"}</span> {lang="my_bugtracker_waiting_bug_desc"}
</br></br>
<i class="fa fa-solid fa-bug"></i> <span class='ipsBadge ipsBadge--hot'>{lang="my_bugtracker_no_bug"}</span> {lang="my_bugtracker_no_bug_desc"}
</br></br>
Advanced Bugtracker by @Chris59

Adding lang to bug tracker

Go to ACP Costumization/localization/Languages

We need to add phrases for the bugtracker

For the badges and choosebox

my_bugtracker_definition_widget
my_bugtracker_new_bug
my_bugtracker_solved_bug
my_bugtracker_cannotreflect_bug
my_bugtracker_work_bug
my_bugtracker_waiting_bug
my_bugtracker_no_bug

For the widget we need those phrases

my_bugtracker_new_bug_desc
my_bugtracker_solved_bug_desc
my_bugtracker_cannotreflect_bug_desc
my_bugtracker_work_bug_desc
my_bugtracker_waiting_bug_desc
my_bugtracker_no_bug_desc

Will look like this when you finish -->

Now we need the filterbox widget on the bugtracker landingpage

Page editor and add the widget 'database filters' Not you must have one category to make widget visible

So now we need to add the category for the filter widget to show up , on the database settings for bugtracker database
you must change the setting, click use categories and save as photo show, when you save it you will see it make one category automatic

Open same setting again and now choose *no, store records in the database directly and save

Test it first on you localhost installation or test site and dont try on livesite if you dont know what you doing ... stay safe and have fun

Hope i explain good enough 🤩😇

Coming soon
Advanced Suggests database
Advanced Release database

Edited November 3 by Chris59
New Versions on the way

Marc · November 1

Thank you for sharing 🙂

Marco Junior · November 1

NICE Sharing ❤️

Chris59 · November 2

Updated the widget with font awesome icons to the badges you simple add the code in app language

Go to ACP Costumization/localization/Languages/
Click globe (translate) on the English (USA) language (do same on each lang you have)
Click search icon and a window show up
in key box add my_bugtracker and click search

What you need to change is following -->

my_bugtracker_definition_widget = Bugtracker Definitions
my_bugtracker_new_bug = Find a bug
my_bugtracker_solved_bug = Bug Solved
my_bugtracker_cannotreflect_bug = Cannot reproduse
my_bugtracker_work_bug = Working on bug
my_bugtracker_waiting_bug = Waiting answer
my_bugtracker_no_bug = Not a bug

You can choose any font awesome you want from here
https://fontawesome.com/search?o=r&f=classic

Note the pro icons will not work , classic free ones working

New code for the RAW Html widget

<strong> {lang="my_bugtracker_definition_widget"} </strong>
</br></br>
<span class='ipsBadge ipsBadge--new'>{lang="my_bugtracker_new_bug"}</span></br> {lang="my_bugtracker_new_bug_desc"}
</br></br>
<span class='ipsBadge ipsBadge--solved'>{lang="my_bugtracker_solved_bug"}</span></br>{lang="my_bugtracker_solved_bug_desc"}
</br></br>
<span class='ipsBadge ipsBadge--featured'>{lang="my_bugtracker_cannotreflect_bug"}</span></br> {lang="my_bugtracker_cannotreflect_bug_desc"}
</br></br>
<span class='ipsBadge ipsBadge--author'>{lang="my_bugtracker_work_bug"}</span></br> {lang="my_bugtracker_work_bug_desc"}
</br></br>
<span class='ipsBadge ipsBadge--negative'>{lang="my_bugtracker_waiting_bug"}</span></br> {lang="my_bugtracker_waiting_bug_desc"}
</br></br>
<span class='ipsBadge ipsBadge--hot'>{lang="my_bugtracker_no_bug"}</span></br> {lang="my_bugtracker_no_bug_desc"}
</br></br>

Hope you like the little tweak

Edited November 2 by Chris59

EliasM · November 2

I don't know why it doesn't show the words you added to the language

Chris59 · November 2

25 minutes ago, EliasM said:

I don't know why it doesn't show the words you added to the language

Strange should working , I also updated widget code if you look above , see the pic down here, also clear cache in app if that help

Do not change anything in the field (Status) don't touch

This is the order

KEY VALUE
bugtracker_found. my_bugtracker_new_bug
bugtracker_fixed my_bugtracker_solved_bug
bugtracker_cant_reproduce. my_bugtracker_cannotreflect_bug
bugtracker_in_progress my_bugtracker_work_bug
bugtracker_answer my_bugtracker_waiting_bug
bugtracker_no_bug my_bugtracker_no_bug

Edited November 2 by Chris59

EliasM · November 2

56 minutes ago, Chris59 said:

Do not change anything in the field (Status) don't touch

This is the order

KEY VALUE
bugtracker_found. my_bugtracker_new_bug
bugtracker_fixed my_bugtracker_solved_bug
bugtracker_cant_reproduce. my_bugtracker_cannotreflect_bug
bugtracker_in_progress my_bugtracker_work_bug
bugtracker_answer my_bugtracker_waiting_bug
bugtracker_no_bug my_bugtracker_no_bug

I did not change it and it appears exactly as you explained it

Chris59 · November 2

55 minutes ago, EliasM said:

I did not change it and it appears exactly as you explained it

When you did the lang keys make sure the key itself don't have any space , easy done if you copy past the code a spacebar character sneaking in there . you got the others to work ?

Chris59 · November 2

Am playing around with bugtracker added some more as Critical, What part the bug is , screenshot below -->
Work with Pages databases is real fun 🙂 I have suggestions, garage, sponsors, its fun and look good

Daniel F · November 2

Yea, I'm also going to use the database feature for my bug & suggestions tracker, linklist, purchases database and I'm also debating with myself😄 if I'm going to use it for my future ticket system or not.

Jimi Wikman · November 2

Chris59 · November 2

8 minutes ago, Daniel F said:

Yea, I'm also going to use the database feature for my bug & suggestions tracker, linklist, purchases database and I'm also debating with myself😄 if I'm going to use it for my future ticket system or not.

I have suggestion database already and will share it shortly so if you need a a base wait little bit 😉

Chris59 · November 2

Here is suggestions database if someone need a good start for a one

EliasM · November 2

3 hours ago, Chris59 said:

When you did the lang keys make sure the key itself don't have any space , easy done if you copy past the code a spacebar character sneaking in there . you got the others to work ?

I already did it, I'll look again, maybe there's something wrong.

Chris59 · November 3

Version 2 in the first post if you want the version with critical etc

Cheers 🙂

EliasM · November 3

1 hour ago, Chris59 said:

Version 2 in the first post if you want the version with critical etc

Cheers 🙂

These features will be better on the support page

Chris59 · November 3

1 hour ago, EliasM said:

These features will be better on the support page

Can be changed for different uses easy . rename it and you done 😊

Marco Junior · November 3

You can use an list order on description front-end, is better and it looks visually better, it's just a suggestion.

{{if $formValue}}
{{$items=explode(',',$formValue);}}
<div class="ipsCmsEntries__meta i-padding_2 i-flex i-align-items_center i-gap_2 i-flex-wrap_wrap i-color_soft">
	{{foreach $items as $item}}
	<ul class="ipsList ipsList--inline">
		{{if $item == "bug_tracker_no_selected"}}
		<li>
			<strong>
				{lang="tracker_not_selected"} 
			</strong>
		</li>
		{{elseif $item == "status_to_new"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-new">
				<i class="fa fa-solid fa-bug ipsTitle--h4" >{lang="changed_to_new"}</i>
			</span>
		</li>
		{{elseif $item == "status_to_pending"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-pending">
				<i class="fa-solid fa-hourglass-half ipsTitle--h4" >{lang="changed_to_pending"}</i>
			</span>
		</li>
		{{elseif $item == "status_to_resolved"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-resolved">
				<i class="fa-solid fa-circle-check ipsTitle--h4" >{lang="changed_to_resolved"}</i>
			</span>
		</li>
		{{elseif $item == "status_to_cannot_reproduce"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-canotreproduce">
				<i class="fa-solid fa-bug-slash ipsTitle--h4" >{lang="changed_to_cannot_repro"}</i>
			</span>
		</li>
		{{elseif $item == "status_to_inprogress"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-inprogress">
				<i class="fa-solid fa-list-check ipsTitle--h4" >{lang="changed_to_inprogress"}</i>
			</span>
		</li>
		{{elseif $item == "status_to_waiting_fix"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-waiting">
				<i class="fa-solid fa-magnifying-glass ipsTitle--h4" >{lang="changed_to_waiting_fix"}</i>
			</span>
		</li>
		{{elseif $item == "status_to_notbug"}}
		<li>
			<strong>
				{lang="changed_status_text"}
			</strong>
			  :  
			<span class="ipsBadge ipsTracker-system ipsTracker-notabug">
				<i class="fa-solid fa-bug-slash ipsTitle--h4" >{lang="changed_to_not_a_bug"}</i>
			</span>
		</li>
		{{endif}}
	</ul>
	{{endforeach}}
</div>
{{endif}}

You can use this if you want of course!

@Chris59

Chris59 · November 3

5 minutes ago, Marco Junior said:

You can use an list order on description front-end, is better and it looks visually better, it's just a suggestion.

You can use this if you want of course!

@Chris59

screenshot ?

Edited November 3 by Chris59

Marco Junior · November 3

@Daniel F

I have an question for you.

Let's say I want to add a message every time my status changes automatically, without having to go to the post and add the message manually.

How can I do this directly using my custom code?

Example:

Every time I change the status of the report to any type of status, a message needs to be added as a response to that report.

Quote

Something like: {{$member_name}} Changed status to report to: Fixed

Note: I don't know which variable to use to print the name of the member who is updating the post information.

I assume there is one.

I looked for information in the section dedicated to developers, but everything I found is intended for IPS4, I see that a lot of things in IPS5 have been changed.

For example:
Classes
Variables

The way the front-end and back-end were built has become challenging since there is still no official documentation for IPS5!

But I have already managed to do a lot, especially in relation to the front-end

Marco Junior · November 3

@Chris59

Invision Community 4: SEO, prepare for v5 and dormant account notifications

Invision Community 5: Beta testing and latest updates

Invision Community 4: A more professional report center

Invision Community 5: A video walkthrough creating a custom theme and homepage

Invision Community 5: Beta Testing

[v5][Pages][Bugtracker] Advanced bugtracker for you!

Recommended Posts

Chris59

Marc

Marco Junior

Chris59

EliasM

Chris59

EliasM

Chris59

Chris59

Daniel F

Jimi Wikman

Chris59

Chris59

EliasM

Chris59

EliasM

Chris59

Marco Junior

Chris59

Marco Junior

Marco Junior

Recently Browsing 0 members

More