Nagios : Vautour Style

Vautour Style est un skin pour Nagios Core. Les feuilles de styles et les icônes ont été modifiés pour offrir une présentation différente de l’interface Web de Nagios. Vautour Style utilise le framework javascript jQuery et les icônes Silk icon set de Mark James.

vautour_style1

vautour_style2

vautour_style3

L’installation consiste à extraire le fichier ZIP dans le répertoire contenant les pages Web de Nagios (habituellement, /usr/local/nagios/share/).

Télécharger Vautour Style [115 Ko]

Mise à jour :

  • 26/06/2009 : Ajout du fichier index.php pour les versions 3.1.x de Nagios.
  • 12/10/2009 : Ajout d’une barre de recherche.
  • 04/06/2012 : Prise en compte de la numérotation des pages pour la version 3.4.x de Nagios.
  • 28/10/2012 : Correction d’affichage pour la numérotation des pages.
  • 03/10/2016 :
    • Prise en compte des nouvelles fonctionnalités introduites dans Nagios Core 4.x (map, trends et alert histogram).
    • Réorganisation des items du menu.
    • Utilisation du framework javascript jQuery à la place de MooTools.
    • Corrections mineures des CSS.
  • 28/12/2016 : Correction mineure dans le fichier tac.css.
  • 18/01/2017 : Correction mineure dans le fichier outages.css.
  • 20/02/2021 :
    • Quelques améliorations dans les feuilles de style (common.css, menu.css) et les fichiers HTML associés (menu.html, sidebar.html).
    • Ajout des fichiers menu.php et sidebar.php utilisés maintenant par le fichier index.php (cgi_base_url).
    • Mise à jour du framework javascript jQuery (jquery-3.5.1.min.js)

47 thoughts on “Nagios : Vautour Style”

  1. Alors Bravo, il manquait une nouvelle interface à Nagios, la Nuvola devenant vieillote. Celle ci est très bien et facilement personnalisable. Je l’adopte.

    Par contre, comment pour que à l’ouverture du navigateur, certain menu soit automatiquement « plié »
    Je pensais trouver ça dans le config.js avec la ligne :
    var configMenuOpen = false;
    mais cela ne change rien. Les menu sont toujours developpés.
    Si tu as une idée,
    Merci

  2. This is great,

    but i’ve modified the menu.js a bit. Here’s what I made of it (it’s a bit shorter):

    // Categories
    var heads = $$(‘h2’);
    var accordions = $$(‘ul’);
    heads.each(function(heads, i){
    var headimg = new Element(‘img’);
    headimg.setProperty(‘src’, ‘images/interface/menu_more.gif’);
    headimg.injectInside(heads);
    heads.setStyles(‘cursor: pointer;’);
    });
    var accordion = new Accordion(heads, accordions, {
    onActive: function(heads, accordions){
    var img = $E(‘img’, heads);
    if (img) {
    img.setProperty(‘src’, ‘images/interface/menu_less.gif’);
    };
    },
    onBackground: function(heads, accordions) {
    var img = $E(‘img’, heads);
    if (img) {
    img.setProperty(‘src’, ‘images/interface/menu_more.gif’);
    };
    }
    });

  3. Thanks for the skin, this look for nagios is very atractive specially for people not related to Nagios Universe and technology related (i.e. directives or executives)

    keep the good work and thanks again!

  4. Could you help me get this to work properly? I have plain white backgrounds and side bar is all white and not looking like the screen shot.

  5. I suppose that your problem is the same that you have posted on the Meulie.net forum (http://forums.meulie.net/viewtopic.php?f=45&t=4854). I just tested it and I had no problem with this Nagios version (3.1.0) using the skin. However, this developpement version use the index.php file instead of index.html. The skin was created for Nagios 3.0.6. and is using index.html file. You must configure your Web server for using the index.html file instead of the index.php file.

  6. The issue with 3.1.0 happened to me. The problem is caused by the /etc/nagios3/apache2.conf file which aliases the stylesheet directory to /etc/nagios3/stylesheets instead of using the one in the web file directory. If you comment that line out the skins should start working great

  7. Bonjour,

    Très beau thème, mais tu dis l’avoir créé…
    Ne serait-il pas FORTEMENT inspiré (voir pompé) du fork, critiqué par certains, de Nagios appelé ICINGA ?
    Pour information, voici le lien : http://demo.icinga.org/icinga/ (user: guest / password: guest)

    Quoi qu’il en soit, bravo pour l’avoir mis à disposition de tous car il change agréablement de l’interface plus que vieillotte de Nagios et même le thème Nuvola commençait à dater.

  8. Bonjour,

    Non, c’est Icinga qui se base sur Vautour Style depuis la version v0.8.0
    (cf http://www.icinga.org/2009/05/20/icinga-v080-is-out/ ) :

    we are proud to announce the first beta release of Icinga.

    As mentioned on the roadmap , we have reached the renaming goal. But is just a simple renaming takes so much time? Well, no!

    It was kind of fun to re-factor the IDOUtils to use libdbi as a DB abstraction layer, that we decided to get these changes into the 0.8 release instead of holding it back to 0.8.2. Up to now it should work well with MySQL Databases and current discussions on the icinga-devel list shows that there’s enough work to change the different SQL queries to fit to more RDBMs.

    Also new are some neat style sheet changes based on the Vautour Theme (Link to MonitoringExchange)

  9. En effet, le thème utilisé par Icinga est bien Vautour Style (et non l’inverse). 🙂

  10. Bon boulot, pas trouvé mieux comme skin, et c’est pas faute d’avoir cherché 🙂

  11. Great Skin!!! Perfect except for the lack of search bar, any idea how to get it back?

  12. I´ve loved the skin but missed the search bar a lot. How can I get it back?

  13. Bonjour,

    Enfin un remplaçant de Nuvola pour Nagios 3 🙂 Bravo !

    Par contre j’ai un soucis avec le zoom sur les images du trends.cgi avec Nagios 3.2.0 : les zones de clic sont très bizarres et ne correspondent pas à l’image on dirait (ça zomm comme si on cliquait à côté quoi), ou bien même certaines zones ne sont pas cliquables.

    J’ai testé sous Firefox 3.0.12 et Chrome 3

  14. J’utilise Nagios 3.2.0 sur une Centos 4.3.

    En utilisant le skin vautour, j’ai un problème avec le zoom dans le trends.cgi. Les « zones de clic » ne correspondent pas à la zone où est le curseur, voir on ne peut pas cliquer (vers la drtoire de l’image par ex.) Voir aussi le texte qui s’affiche qd on survole la zone graphique pour s’en rendre compte.

    De plus sur un trends avec warning et critique, la zone verte s’étends au dessus du rouge ou jaune.

    Je suis revenu avec l’interface par défaut tout fonctionne normalement et l’image s’affiche correctement.

    Y a-t-il des corrections à faire pour ce problème svp ?

    Sinon Je vote +1 pour la demande d’Eliane

  15. Bonjour David,

    Une mise à jour de Vautour Style est prévue prochainement avec l’ajout d’une barre de recherche.

    Par contre, je n’ai pas remarqué de problème sur trends.cgi.

    Merci,

    Cordialement.

  16. Bonjour,

    Y at’il une solution dans la version actuelle pour collapser l’ensemble des menu à l’arrivée sur la page de nagios?

    En gros que tout les menus soient réduits.

    D’avance merci, bonne journée.

    Max.

  17. Bonjour,

    Tout est possible. Vautour Style utilise le framework javascript mootools. Il suffit de modifier le contenu du fichier « menu.js ». Par exemple, dans les commentaires un peu plus haut, philip a proposé un effet différent où une seule catégorie de menu est agrandie.

    Cordialement.

  18. Hi

    you can get the search bar in the menu back. Add the following to the menu.html:

    Searching

    Quick Search:

    Kind regards

  19. Bonjour,

    merci pour le Skin
    j’ai une question,j’ai télécharger Vautour Style apres j’ai
    extraire le fichier ZIP dans le répertoire contenant les pages Web de Nagios pour remplacer les fichiers existants.
    unzip vautour_style.zip -d /usr/share/nagios/
    j’ai vidé le cache mais rien l’interface web n’a pas été changer

    merci

  20. Bonjour,

    Habituellement, il suffit de remplacer les fichiers contenus dans le répertoire /usr/local/nagios/share/.

    L’emplacement des fichiers de Vautour Style dépend de l’emplacement des fichiers Nagios. Les images, feuilles de styles et fichiers HTML remplacent les fichier originaux de Nagios. Selon votre distribution et votre installation de Nagios, les fichiers à remplacer peuvent se trouver autre part.

    Vous pouvez décompressez l’archive de Vautour Style dans un répertoire temporaire, effectuez une recherche pour trouver le ou les répertoires à remplacer.

    Cordialement.

  21. pardon mais j’ai mis dans le bon emplacement , j’ai trouvé les images ,html tout mais il s’applique pas même j’ai redemare nagios mais rien
    merci
    mon OS:Fedora

  22. Hi,
    Sorry for my very bad english.

    Is posible add a Nagvis (or other) link in left menu?

    Thanks for your help.
    Diego.

  23. Hello,

    Yes, it’s possible. You must edit the file menu.html to add a new entry in the menu :

    <ul>
    ...
    <li class="menuli_style1"><a href="..." target="main">Item 1</a></li>
    <li class="menuli_style2"><a href="..." target="main">Item 2</a></li>
    ...
    </ul>

    Regards.

  24. Hello,

    It works with Nagios 3.2.1. What is your problem ?

    Regards.

  25. Bonjour Yoann,
    j’aurais aimé savoir s’il était possible de réduire une des rubriques (h2) pour l’affichage initial…

    Un grand merci et bravo pour ce thème qui est, à mon avis, le plus sympa.

    Bon courage,
    David

  26. Autre chose aussi, vous allez dire que je suis gourmand…
    est-il possible de forcer automatiquement le caractère * à la fin de la recherche (et eventuellement au début)

    Exemple pour afficher srv-mx, srv-ldap et srv-ns, ne devoir saisir que « srv » au lieu de « srv* » aujourd’hui

    Merci encore
    David

  27. Is it possible to modify the sidebar (menu.js) so when I click one category every other categories compile? This would be helpful when the amount of links in the categories increases and user has to scroll the page up and down.

    Sorry about my english:)

  28. Hello,

    Yes, Jokke, it’s possible. You must edit the file menu.js to change the part //Categories. In the comments, Philip offers the code for this.

    Regards.

  29. Bonjour a vous,

    Je suis très novice au niveau de Nagios et je suis en train d’installer cette interface qui m’as l’air formidable mais sans succès de mon coté !!! J’ai besoin d’aide et un peu de votre patience ! 😉

    Je travail sur Nagios XI 2012 R2.5

    J’ai unzipper vautour_style.zip dans /usr/local/nagios/share mais rien ne ce passe j’ai log out/log in et rien au niveau de mon interface web ! Dois-je faire une autre manipulation ???

    Merci a vous,

    Davix

  30. Bonjour,

    Nagios XI est la version Enterprise créé par l’auteur de Nagios.
    Ce thème se base sur Nagios Core.

    Cordialement

  31. Merci Yoann, Donc j’en comprends par ta reponse qu’il y a une gros différence entre la version Xi et la version gratuite Nagios Core de nagios !!!

    Merci pour ta réponse rapide très apprécier !!!!

    Davix

  32. We fixed this issue, and it should be okay now.
    Thanks for the report

  33. It doesnt work for me.

    I am running Nagios 4.1.1.

    I download the the file.

    unzip vautour-style-master.zip -d /usr/local/nagios/share/

    Here is the last line of extract

    inflating: /usr/local/nagios/share/vautour-style-master/stylesheets/trendsgraph.css
    inflating: /usr/local/nagios/share/vautour-style-master/top.html

    Restarted nagios but its the same old nagios themse.
    I also tried vautour-style-1.7.zip but same result.

    I also manually run the command cp -avr /usr/local/nagios/share/vautour-style-1.7/ /usr/local/nagios/share/ but still the same result.

  34. Hello,

    Some original Nagios files need to be replaced (/usr/local/nagios/share/ and not /usr/local/nagios/share/vautour-style-master/).
    I just changed the download link in this article.

    Once the files are replaced, it is necessary to reload the web browser to take the new files and not to use the cached ones.

    Regards.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.