Einzelne Einsätze einklappen

Mausmajor · 7. Oktober 2016

Hallo zusammen,
ich war mal eben so frei und hab das mal in einem Script umgesetzt.

JavaScript

// ==UserScript==
// @name         MissionOut
// @version      2.3
// @description  Einklappen der Einsätze
// @author       Mausmajor
// @include      *://www.leitstellenspiel.de/
// @exclude      *://www.leitstellenspiel.de/mission*
// @updateURL    https://dl.dropboxusercontent.com/u/49293607/Meine_scripte/Scriptdatenbank/SL/Leitstellenspiel/MissionOut.user.js
// @downloadURL  https://dl.dropboxusercontent.com/u/49293607/Meine_scripte/Scriptdatenbank/SL/Leitstellenspiel/MissionOut.user.js
// @grant        none
// ==/UserScript==
(function () {
    var win = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
    var $ = win.$;
    var missionMarkerAddBuffer = win.missionMarkerAdd;
    $('#missions-panel-body').on('click', '.MissionOut', function (e) {
        e.preventDefault();
        var $e = $(this);
        $('#icon_' + $e.data('header')).toggle();
        if ($(this).hasClass('btn-success')) {
            $('#mission_panel_heading_' + $e.data('header')).next().hide();
            $e.removeClass('btn-success').addClass('btn-danger');
            $e.html('show');
        } else {
            $('#mission_panel_heading_' + $e.data('header')).next().show();
            $e.removeClass('btn-danger').addClass('btn-success');
            $e.html('hide');
        }
    });
    function patienten(id, t) {
        $('#pat_' + id).length ? $('#pat_' + id).html('Pat.: ' + t) : $('#mission_panel_heading_' + id).prepend('<small id="pat_' + id + '">Pat.: ' + t + '</small>');
    }
    win.missionMarkerAdd = function (t) {
        missionMarkerAddBuffer(t);
        var s = s = "undefined" != typeof mission_graphics[t.mtid] && null != mission_graphics[t.mtid] && "undefined" != typeof mission_graphics[t.mtid][t.vehicle_state] && "" != mission_graphics[t.mtid][t.vehicle_state] ? mission_graphics[t.mtid][t.vehicle_state] : "/images/" + t.icon + ".png";
        $('#icon_' + t.id).length && $('#icon_' + t.id).attr('src', s);
        var $header = $('#mission_panel_heading_' + t.id);
        if (!$header.find('.MissionOut').length) {
            var $button = $('<a  href="#" class="btn btn-success btn-xs MissionOut" data-header="' + t.id + '" title="Mission aus/ein-blenden">hide</a>');
            $header.prepend($button);
            var $icon = $('<img src="' + s + '" id="icon_' + t.id + '">').css({'max-height': '20px;'
                , 'max-width': '17px', 'display': 'none'});
            $header.prepend($icon);
        }
        patienten(t.id, t.patients_count);
    };
})();

Alles anzeigen

über Anregungen freue ich mich sehr.

DefCon_One · 7. Oktober 2016

Zitat von Mausmajor

Hallo zusammen,
ich war mal eben so frei und hab das mal in einem Script umgesetzt.

JavaScript

// ==UserScript==
// @name         MissionOut
// @version      1.0
// @description  Einklappen der Einsätze
// @author       Mausmajor
// @include      *://www.leitstellenspiel.de/
// @exclude      *://www.leitstellenspiel.de/mission*
// @grant        none
// ==/UserScript==
(function(){
  var missionMarkerAddBuffer = missionMarkerAdd;
  missionMarkerAdd = function(t){
  	 missionMarkerAddBuffer(t);
     var $header = $('#mission_panel_heading_'+t.id);
    console.log($header.length);
     if($header.find('.MissionOut').length) return;
    console.log('ja');
     var $button = $('<a  href="#" class="btn btn-success btn-xs MissionOut" title="Mission aus/ein-blenden">hide</a>');
     $button.click(function(){
       	if($(this).hasClass('btn-success')){
        	$header.next().hide('slow');
          	$(this).removeClass("btn-success").addClass("btn-danger");
          	$(this).html('hide');
        }else{
        	$header.next().show('slow');
          	$(this).removeClass("btn-danger").addClass("btn-success");
          	$(this).html('show');
        }	  
     });
     $header.prepend($button);
     $header.prepend($('#mission_vehicle_state_'+t.id));
  }
})();

Alles anzeigen

über Anregungen freue ich mich sehr.

find cool das du schon einen Code geschrieben hast, aber ich für meinen Teil kenn mich Nüsse aus

Nilser · 7. Oktober 2016

Zitat von DefCon_One

find cool das du schon einen Code geschrieben hast, aber ich für meinen Teil kenn mich Nüsse aus

Schau mal bei lost(LSS MANAGER by lost & Northdegree (BETA 2.7)(ehem. REDESIGN)) Im ersten Beitrag unter Installation sind diverse Addons aufgeführt, und geschrieben, welches zu deinem Browser passt. Installiere das zugehörige Addon, dann klickst du auf das Addon Symbol im Browser, und klickst auf "Neues Benutzerscript erstellen" dann gibst du in alle Felder irgendwas ein(z.B."A"). Dannauf Erweitertes Bearbeiten gehen, alles raus löschen und den Code von oben einfügen, Speichern und fertig.

Falls es nicht klappt, melde dich nochmal.

Mausmajor · 10. Oktober 2016

Ein kleines Update für das Script:

Code

// ==UserScript==
// @name         MissionOut
// @version      2.0
// @description  Einklappen der Einsätze
// @author       Mausmajor
// @include      *://www.leitstellenspiel.de/
// @exclude      *://www.leitstellenspiel.de/mission*
// @updateURL    https://dl.dropboxusercontent.com/u/49293607/Meine_scripte/Scriptdatenbank/SL/Leitstellenspiel/MissionOut.user.js
// @grant        none
// ==/UserScript==
(function(){
  var win = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
  var $=win.$;
  var missionMarkerAddBuffer = win.missionMarkerAdd;
  win.missionMarkerAdd = function(t){
  	 missionMarkerAddBuffer(t);
     var $header = $('#mission_panel_heading_'+t.id);
    console.log($header.length);
     if($header.find('.MissionOut').length) return;
    console.log('ja');
     var $button = $('<a  href="#" class="btn btn-success btn-xs MissionOut" title="Mission aus/ein-blenden">hide</a>');
     $button.click(function(){
       	if($(this).hasClass('btn-success')){
        	$header.next().hide('slow');
          	$(this).removeClass("btn-success").addClass("btn-danger");
          	$(this).html('hide');
        }else{
        	$header.next().show('slow');
          	$(this).removeClass("btn-danger").addClass("btn-success");
          	$(this).html('show');
        }	  
     });
     $header.prepend($button);
     $header.prepend($('#mission_vehicle_state_'+t.id));
  };
})();

Alles anzeigen

FlorianRhaus · 11. Oktober 2016

hab es mal getestet, verhält sich bei mir aber leider extrem komisch. Zum einen sind die Überschriften überlagert, der Hide-Button wird dadurch auch ein wenig abgeschnitten und drosselt die Performance deutlich runter.
Eingesetzter Browser Firefox 42.0.

Mausmajor · 11. Oktober 2016

Kannst du mir bitte ein Bild machen und zukommen lassen was du mit überlagern meinst.
An der Performance kann ich vermutlich nicht mehr all so viel tun, jedoch schau ich ob ich noch etwas verbessern kann.

Eventuell könnten wir beide zusammen auf suche gehen, da bei mir das Script doch recht gut läuft.

Liebe Grüße Tobi

FlorianRhaus · 11. Oktober 2016

Kein Thema - hier das Bild:

Sieht irgendwie merkwürdig aus oder??

Wenn ich es dann einklapp, spar ich auch nicht sonderlich an Platz:

Mausmajor · 11. Oktober 2016

Das schaut für mich nach einem CSS Problem aus.
Hast du andere Scripte aktiv? die eventuell sogar den Style ändern?

Nilser · 11. Oktober 2016

Zitat von Mausmajor

Das schaut für mich nach einem CSS Problem aus.
Hast du andere Scripte aktiv? die eventuell sogar den Style ändern?

Schaut nach Redesign von @lost aus.

FlorianRhaus · 12. Oktober 2016

moin, korrekt - ist das einzige weitere Script was ich einsetz. Schade, das sich die scheinbar nicht vertragen. Wenn ich das Redesign deaktiviere - dann läuft das Script. Aber auch mit dem Script von Eagle hat es Probleme, da reagiert der Button Hide dann nicht mehr.

Da ich einige Funktionen aber vom Redesign benötige, werde ich es wohl leider nicht standalone einsetzen können.
Kleine Tipps aber noch, eventuell einen Rahmen um Missionen ziehen die einen Sprechwunsch haben und eine Zahl einblenden, wieviele Patienten gemeldet sind (vor das Symbol oder ganz hinten).

lost · 12. Oktober 2016

Zitat von FlorianRhaus

moin, korrekt - ist das einzige weitere Script was ich einsetz. Schade, das sich die scheinbar nicht vertragen. Wenn ich das Redesign deaktiviere - dann läuft das Script. Aber auch mit dem Script von Eagle hat es Probleme, da reagiert der Button Hide dann nicht mehr.

Da ich einige Funktionen aber vom Redesign benötige, werde ich es wohl leider nicht standalone einsetzen können.
Kleine Tipps aber noch, eventuell einen Rahmen um Missionen ziehen die einen Sprechwunsch haben und eine Zahl einblenden, wieviele Patienten gemeldet sind (vor das Symbol oder ganz hinten).

@Mausmajor wir können ja mal gemeinsam drüber schauen - werde natürlich dafür sorgen das es auch mit deinem Script zusammen funktioniert.

Mausmajor · 12. Oktober 2016

Hi,
ich arbeite schon an dem Problem.

@lost es liegt an dem Icon für den Status des Einsatzes. Dieses ist in einem Div enthalten welches du überlagerst. Das Script zieht nun das Icon raus und das Div kollabiert. So rutscht das darunter liegende Div nach oben und überlagert so nun nicht mehr das Icon Div sondern das Header Div.

Mausmajor · 12. Oktober 2016

Ich habe hier eine Neue Version:

JavaScript

// ==UserScript==
// @name         MissionOut
// @version      2.3
// @description  Einklappen der Einsätze
// @author       Mausmajor
// @include      *://www.leitstellenspiel.de/
// @exclude      *://www.leitstellenspiel.de/mission*
// @updateURL    https://dl.dropboxusercontent.com/u/49293607/Meine_scripte/Scriptdatenbank/SL/Leitstellenspiel/MissionOut.user.js
// @downloadURL  https://dl.dropboxusercontent.com/u/49293607/Meine_scripte/Scriptdatenbank/SL/Leitstellenspiel/MissionOut.user.js
// @grant        none
// ==/UserScript==
(function () {
    var win = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
    var $ = win.$;
    var missionMarkerAddBuffer = win.missionMarkerAdd;
    $('#missions-panel-body').on('click', '.MissionOut', function (e) {
        e.preventDefault();
        var $e = $(this);
        $('#icon_' + $e.data('header')).toggle();
        if ($(this).hasClass('btn-success')) {
            $('#mission_panel_heading_' + $e.data('header')).next().hide();
            $e.removeClass('btn-success').addClass('btn-danger');
            $e.html('show');
        } else {
            $('#mission_panel_heading_' + $e.data('header')).next().show();
            $e.removeClass('btn-danger').addClass('btn-success');
            $e.html('hide');
        }
    });
    function patienten(id, t) {
        $('#pat_' + id).length ? $('#pat_' + id).html('Pat.: ' + t) : $('#mission_panel_heading_' + id).prepend('<small id="pat_' + id + '">Pat.: ' + t + '</small>');
    }
    win.missionMarkerAdd = function (t) {
        missionMarkerAddBuffer(t);
        var s = s = "undefined" != typeof mission_graphics[t.mtid] && null != mission_graphics[t.mtid] && "undefined" != typeof mission_graphics[t.mtid][t.vehicle_state] && "" != mission_graphics[t.mtid][t.vehicle_state] ? mission_graphics[t.mtid][t.vehicle_state] : "/images/" + t.icon + ".png";
        $('#icon_' + t.id).length && $('#icon_' + t.id).attr('src', s);
        var $header = $('#mission_panel_heading_' + t.id);
        if (!$header.find('.MissionOut').length) {
            var $button = $('<a  href="#" class="btn btn-success btn-xs MissionOut" data-header="' + t.id + '" title="Mission aus/ein-blenden">hide</a>');
            $header.prepend($button);
            var $icon = $('<img src="' + s + '" id="icon_' + t.id + '">').css({'max-height': '20px;'
                , 'max-width': '17px', 'display': 'none'});
            $header.prepend($icon);
        }
        patienten(t.id, t.patients_count);
    };
})();

Alles anzeigen

@lost ich hoffe nun sind alle Komplikationen behoben.

FlorianRhaus · 13. Oktober 2016

Perfekt - funktioniert super und danke für die Patientenanzeige
noch eine einzige Anmerkung, evtl. kann man einen Hide-All-Button noch integrieren, muss aber nicht unbedingt.

FlorianRhaus · 14. Oktober 2016

*hmpf* jetzt gehts gar nimmer. Greasemonkey lädt das ganze Script nimmer hoch. Musste mal F5 drücken um das Layout zu aktualisieren, weil eine Mission hängenblieb, danach waren die Buttons alle weg.
Hab das Script mal gelöscht und neu eingeladen, aber ergebnislos.

Mausmajor · 14. Oktober 2016

Hallo schau mal bitte nach den Includes.
Meine Vermutung: Ich hab in dem Update nur .leitstellenspiel.de angegeben, eventuell hast du aber .leitstellenspiel.de/# geladen.

FlorianRhaus · 14. Oktober 2016

ha stimmt,...jetzt gehts wieder. Supi

FlorianRhaus · 16. März 2017

Moin @Mausmajor,

mal eine Frage, kann man an diesem Script noch ein wenig umstellen?

So, sieht es aktuell aus - vorne ist noch das Grafipaket von Tatütata integriert, also nicht wundern.
Kann man aber die Felder allgemein ein wenig umstellen, z. Bsp so:

Ich persönlich würde es ein wenig übersichtlicher empfinden, vorallem würde ich die Straße rausnehmen, da die bei der Alarmierung eher
uninteressant ist und in einigen Fällen auch für eine "hässliche" zweite Zeile sorgt.

Ist aber mal nur ein Vorschlag, was hälstn davon?

Gruß
FlorianRaus

lost · 16. März 2017

Zitat von FlorianRhaus

Moin @Mausmajor,

mal eine Frage, kann man an diesem Script noch ein wenig umstellen?

So, sieht es aktuell aus - vorne ist noch das Grafipaket von Tatütata integriert, also nicht wundern.
Kann man aber die Felder allgemein ein wenig umstellen, z. Bsp so:

Ich persönlich würde es ein wenig übersichtlicher empfinden, vorallem würde ich die Straße rausnehmen, da die bei der Alarmierung eher
uninteressant ist und in einigen Fällen auch für eine "hässliche" zweite Zeile sorgt.

Ist aber mal nur ein Vorschlag, was hälstn davon?

Gruß
FlorianRaus

Alles anzeigen

Ich bin mal so frei & antworte darauf, nachdem ich sowieso die Erlaubnis hab @Mausmajor's Script neu zu designen:
- Ja es ist geplant die Ansicht umzubauen
- Finde den Vorschlag gut!
- Das mit der Straße müssten wir prüfen

Fidelcastro54 · 3. November 2019

Ich muss das mal wieder aus der Versenkung rausholen. Kann man in das Script auch die Funktion aus dem LSSM, Einsätze minimieren, einbinden? Da bei meine vielen Einsätze in letzter Zeit der LSSM immer wieder mal mucken macht wäre das Script solo echt hilfreich. (Also nicht einzeln sondern oben, zentral in der Einsatzleiste)

Teilen