Why the Netserver Webgui doesn't have a favicon?

Jim · October 1, 2015, 2:27am

Hello,

Why the Netserver webgui doesn’t have a favicon?
How can I put the same favicon as the comunity nethserver site?

giacomo · October 1, 2015, 7:13am

NethServer has a favicon: https://server_name:980/images/favicon.png

Jim · October 1, 2015, 4:13pm

No, the web webgui definitively doesn’t have a favicon…

“Sweet home” is the Nethserver instance…

alefattorini · October 2, 2015, 6:49am

You’re right neither on my android I can use the favicon for the home button. Uhm, I need to go deeper…

Jim · October 2, 2015, 11:38am

A favicon is not a favicon.ico ?

giacomo · October 2, 2015, 1:38pm

The web interface HAS a favicon, but not all browsers respect the standard.

Please see http://www.w3.org/2005/10/howto-favicon

Jim · October 2, 2015, 7:11pm

So it’s a webkit issue ? ( there proble with ipad, Os X and Android )

Can you make a test converting the png in .ico?

davidep · October 2, 2015, 7:55pm

It’s only a draft. However it’s widely adopted. The w3c page links in turn to this Wikipedia article, that seems more exhaustive:

@jim would you mind making some cross-browser compatibility tests?

Nas · October 3, 2015, 8:35pm

Chrome and Mozilla under the Win7 wokrs fine

Jim · October 5, 2015, 11:14pm

On the Mac with Firefox, the favicon is present:

Nas · October 6, 2015, 5:28am

@Jim you could convert png to ico and put it in right folder of NS

davidep · October 6, 2015, 6:06am

Perhaps an Apple extension is required to see the icon also on the desktop and splash screen:

Jim · October 7, 2015, 4:05pm

I really don’t think an extention can help, because the favicon of the nethserver comunity is ok.

Depend on the wikipedia link, perhaps is the version of the .png.

Is it easy to convert the .png in the .ico… Or there have to put the hands on the e-smith layer/template

davidep · October 7, 2015, 4:26pm

By “extension” I was meaning

<link rel="apple-touch-icon" ...>

@jim if you have an Apple client you can check it out. I need your help to open a new enhancement!

Jim · October 7, 2015, 6:41pm

Where to put this code?

At home I have a Mac,

davidep · October 7, 2015, 6:58pm

If I understand correctly the Wikipedia page, Mac and some Android devices use that LINK tag for the desktop shortcut and site preview, that is not necessarily the Favourite links!

We could add that LINK line after this one:

github.com

NethServer/nethserver-httpd-admin/blob/master/root/usr/share/nethesis/NethServer/Template/NethServer.php#L88


/*
 * jQuery & jQueryUI libraries:
 */
if (defined('NETHGUI_DEBUG') && NETHGUI_DEBUG === TRUE) {
    $globalUseFile->append('js/jquery-1.12.4.js');
    $globalUseFile->append('js/jquery-migrate-1.4.1.js');
    $globalUseFile->append('js/jquery-ui-1.8.23.js');
} else {
    // require global javascript resources:
    $globalUseFile->append('js/jquery-1.12.4.min.js');
    $globalUseFile->append('js/jquery-migrate-1.4.1.min.js');
    $globalUseFile->append('js/jquery-ui-1.8.23.min.js');
}

/*
 * jQuery plugins
 */
$globalUseFile->append('js/jquery.dataTables.min.js');
$globalUseFile->append('js/jquery.timepicker.min.js');

$lang = substr($view->getTranslator()->getLanguageCode(), 0, 2);

The path on the server should be

/usr/share/nethesis/NethServer/Template/NethServer.php

The favicon.png is under

/use/share/nethesis/nethserver-manager/images

Sources are here:

alefattorini · October 8, 2015, 7:49am

@Jim would you like to take on this challenge?

davidep · October 8, 2015, 8:11am

I think this feature is not a priority but is a very good “junior job” to practice our development process and the new packages.nethserver.org!

@giacomo, @davidep, @filippo_carletti, @alep, @stephdl, @Stll0, @alefattorini Dev Team?

alefattorini · October 8, 2015, 8:13am

Indeed, we should re-work this post with new jobs

Jim · October 8, 2015, 12:41pm

I will do it, don’t worry about this.
I like things well polished…