Ticket Background on Dashboard if New Article

Moderator: crythias

Post Reply
VCSousa
OTRS newbie
Posts: 17
Joined: 05 Feb 2020, 17:45
OTRS Version?: OTRS6
Real Name: Ruben Sousa
Company: Greenyard

Ticket Background on Dashboard if New Article

Post by VCSousa »

Hi everyone,

I'm Running OTRS CE on CentOS 7.

I want to Highlight the tickets rows on dashboard, like addon of Renee does with queues, but for tickets with new articles, like the star that appears on the left.

Thanks in advance,
VCSousa

zzz
OTRS superhero
Posts: 606
Joined: 15 Dec 2016, 15:13
OTRS Version?: 3.x–6.0.x
Real Name: Emin
Company: Efflux GmbH
Contact:

Re: Ticket Background on Dashboard if New Article

Post by zzz »

Hello VCSousa,

I don't know which add-on you're referring to, but you'll need to add some custom JavaScript and CSS.
Are you familiar with these technologies?

Best regards
Emin
Professional OTRS services for development, consulting, hosting and support:
efflux.de – German | efflux.de/en/ – English

Free and premium OTRS add-ons (TextModule, AdBlocker, ModernSkin, ModernSkinCustomer etc.): portal.efflux.de

VCSousa
OTRS newbie
Posts: 17
Joined: 05 Feb 2020, 17:45
OTRS Version?: OTRS6
Real Name: Ruben Sousa
Company: Greenyard

Re: Ticket Background on Dashboard if New Article

Post by VCSousa »

zzz wrote:
25 Jun 2020, 12:14
Hello VCSousa,

I don't know which add-on you're referring to, but you'll need to add some custom JavaScript and CSS.
Are you familiar with these technologies?

Best regards
Emin
Hi zzz, i'm refer to this https://gist.github.com/reneeb/4baf3e0979356cfc5a70

The basics. Could you give me some lights where and how can I do it?

zzz
OTRS superhero
Posts: 606
Joined: 15 Dec 2016, 15:13
OTRS Version?: 3.x–6.0.x
Real Name: Emin
Company: Efflux GmbH
Contact:

Re: Ticket Background on Dashboard if New Article

Post by zzz »

That will unfortunately not work for what you're asking for.

The setting "Loader::Module::AgentDashboard###001-Framework" lets you add your own CSS and JS files.
You have to create both files in the correct folder structure and add the names to the setting.

Bear in mind that, unless you create your own package, you have to manually copy these files every time you update the system.
I can help you out with the JS and CSS values if you're willing to do that.

— Emin
Professional OTRS services for development, consulting, hosting and support:
efflux.de – German | efflux.de/en/ – English

Free and premium OTRS add-ons (TextModule, AdBlocker, ModernSkin, ModernSkinCustomer etc.): portal.efflux.de

VCSousa
OTRS newbie
Posts: 17
Joined: 05 Feb 2020, 17:45
OTRS Version?: OTRS6
Real Name: Ruben Sousa
Company: Greenyard

Re: Ticket Background on Dashboard if New Article

Post by VCSousa »

I sent you a PM.

If its to create, probably i'm gonna need some help to construct it right. My knowledge with CSS and Javascript are the basics to manage some chenges on files already made and working :D

zzz
OTRS superhero
Posts: 606
Joined: 15 Dec 2016, 15:13
OTRS Version?: 3.x–6.0.x
Real Name: Emin
Company: Efflux GmbH
Contact:

Re: Ticket Background on Dashboard if New Article

Post by zzz »

As discussed, this is the quick and dirty way:

/opt/otrs/var/httpd/htdocs/js/Core.Agent.Dashboard.js

Code: Select all

"use strict";

$('table tbody tr.MasterAction:has(.UnreadArticles)').addClass('UnreadHighlight')
/opt/otrs/var/httpd/htdocs/skins/Agent/default/css/Core.Agent.Dashboard.css

Code: Select all

@media screen,projection,tv,handheld {


tr.UnreadHighlight > td, tr:nth-child(even).UnreadHighlight > td {
    background: #00ff00;
}
Planning to drop some add-ons, which will make it configurable in the front end.

— Emin
Professional OTRS services for development, consulting, hosting and support:
efflux.de – German | efflux.de/en/ – English

Free and premium OTRS add-ons (TextModule, AdBlocker, ModernSkin, ModernSkinCustomer etc.): portal.efflux.de

VCSousa
OTRS newbie
Posts: 17
Joined: 05 Feb 2020, 17:45
OTRS Version?: OTRS6
Real Name: Ruben Sousa
Company: Greenyard

Re: Ticket Background on Dashboard if New Article

Post by VCSousa »

zzz,

As talked, a lot of thanks by these and other helps that you provided me ;)

For all, if needed, to put it working in all pages (Status View) you should add the codes on the follow files:

Core.Header.css
Core.Agent.Header.js

I had to had on CSS also, the flag of !important

This is also info given by zzz.

This is the guy :D

Post Reply