[scriptwunsch] .mission_header_info einfärben

Zitat von Kuschi82

Die defaultColor funktioniert bei mir noch nicht. Habe es mit "Lime" & "DimGrey" versucht.

Ansonsten scheint es zu laufen,

also mit red und green funktioniert sie

Kuschi82 Puh... schwierig Vorallem wenn der Fehler bisher bei sonst keinem aufgetreten ist. Vielleicht wird es ja mit der nächsten Update besser. Das Speichern der Städte mit Farbe geht schonmal genauso wie das auslesen. Jetzt gehts anfangs erstmal darum, das in das Menü auch die alten Einstellungen rein geladen werden, damit man sie wieder bearbeiten kann. Sobald das funktioniert lass ich euch erstmal daran Teil haben und kümmere mich dann um die Färbung anhand von IDs und ZIP-Code

äähhhmmmm wo soll denn der Farbtopf sein!?

Habe beim Copy&Pasten echt kein glück ? der Include muss zu leitstellenspiel.de und nicht leitstellenspiel.de/missions/ geändert werden. Habs nochmal oben angepasst

aber ich muss dich leider enttäuschen: keine Einfärbung

Genau das ist mir vor 20sekunden beim Treppen laufen auch aufgefallen xD

https://www.leitstellenspiel.de/*

Packe die änderungen oben NOCHMAL rein ?

Ähhhhhmmmm jetzt fehlt aber wieder der Farbtopf!? lol

Was ist den los hier meine Fresse

Komisch. Bei mir ist er da

Zitat von LennardTFD

Code

// ==UserScript==
// @name         Mission Header Colorizer
// @namespace    https://www.leitstellenspiel.de/
// @version      1.1
// @description  Changes Color of Header, depending on City or Mission ID
// @author       LennardTFD
// @match        https://www.leitstellenspiel.de/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

   if(localStorage.getItem("LSS_cityColor") == null)
   {
      localStorage.setItem("LSS_cityColor", JSON.stringify({"color": [], "cities": []}));
   }

  ////////////////EDIT HERE////////////////////////

   var defaultColor = ""; //Standard Farbe wenn kein Filter zutrifft

   var cities = loadCity()["cities"]; //Zu filternde Städte/Orte
   var citiesColors = loadCity()["colors"];//Farbe der zugehörigen Städte
   console.log(cities);

   var missionColors = ["green", "blue", "red", "yellow"]; //Farbe der Missionen
   //IDs der Missionen zugehörig den oberen Farben
   var missionIDs = [
      [], //Green
      [], //BLUE
      [], //RED
      [] //YELLOW
   ];

   //////////////DONT EDIT/////////////////

   var missionID = -1;
   var colorIndex = -1;
   var colorSet = false;

   function createButton()
   {
      var btn = $(' <li class="lightbox-open" id="colorizer">' +
               '<a href="#" id="colorizerButton"><img src="http://tfd.bplaced.net/colorizer.png" width="19px" style="-webkit-filter: invert(100%);"></a></li>');
      $('#navbar-main-collapse > ul').append(btn);

      $( "#colorizer" ).click(function() {
         createForm();
      });

   }

   function createForm()
   {
      var divCity = "<div id='cityDiv'>" +
        "<input id='addCity' type='button' value='+ Stadt'>" +
        "<table id='cityTable'><tr><th width='70px'>Stadt</th><th>Farbe</th><th></th></tr></table>" +
        "<input id='saveCity' type='button' value='Speichern'>" +
        "</div>";

      var newWindow = $("#lightbox_box")[0];
      $(newWindow).html(divCity);

      var loadedData = JSON.parse(localStorage.getItem("LSS_cityColor"));

      for(var i = 0; i < loadedData["cities"].length; i++)
      {
         addCity(loadedData["cities"][i], loadedData["colors"][i]);
      }

      $( "#addCity" ).click(function() {
         addCity();
      });
      $( "#saveCity" ).click(function() {
         saveCity();
      });

      /*
      $("#lightbox_background").change(function(){
         $("#cityDiv").remove();
      });
      */

      var closed = setInterval(removeForm, 1000);
   }

   function removeForm()
   {
      if($("#lightbox_background").css("display") == "none") {
         $("#cityDiv").remove();
      }
   }


   //Create new Input for City
   function addCity(cityName, color)
   {


      if(cityName != null && color != null)
      {
         var cityInput = "<tr class='city'><td><input type='text' name='city' value='" + cityName + "'></td><td><input type='color' name='color' value='" + color + "'></td><td><input class='removeCity' type='button' value='- Stadt'></td></tr>";
      }
      else
      {
         var cityInput = "<tr class='city'><td><input type='text' name='city'></td><td><input type='color' name='color'></td><td><input class='removeCity' type='button' value='- Stadt'></td></tr>";
      }
      cityInput = $.parseHTML(cityInput);
      $("#cityTable").append(cityInput);

      $( $(cityInput).find(".removeCity") ).click(function() {
         removeCity($(cityInput));
         //console.log($(cityInput));
      });


   }
   //Remove City
   function removeCity(item)
   {
      var cityToRemove = item;
      cityToRemove.remove(); //Remove City
   }


   function saveCity()
   {
      var cities = [];
      var colors = [];
      var combine = {};

      $(".city").each(function(index)
      {
         cities.push($("[name='city']:eq(" + index + ")").val());
         colors.push($("[name='color']:eq(" + index + ")").val());
      });

      combine["cities"] = cities;
      combine["colors"] = colors;

      console.log(combine);

      localStorage.setItem('LSS_cityColor', JSON.stringify(combine));
   }

   function loadCity()
   {
      var colorData = localStorage.getItem('LSS_cityColor');
      return JSON.parse(colorData);
   }

   function getOrt()
   {

      var ort = $(".col-md-6").find("small").text();
      ort = ort.replace(/(\r\n\t\ |\n|\r|\t|\ )/gm, "").split("");
      var ortSplitter = ort.indexOf(",");
      ortSplitter = ortSplitter + 6; //Get City Name after ZIP Code
      ort = ort.slice(ortSplitter, ort.length).join(""); //Get City Name

      return ort;
   }

   createButton();

   //Get full Address
   var ort = getOrt();

   //get City with similar Name from Filter
   for(i = 0; i < cities.length; i++)
   {
      if(ort.includes(cities[i]))
      {
        var cityIndex = i;
      }
   }

   //Get Mission ID
   missionID = $("#mission_help")[0].href;
   missionID = parseInt(missionID.slice(missionID.search(/\d/), missionID.indexOf("?")));
   //console.log(missionID);



   for(var i = 0; i < missionIDs.length; i++)
   {
      for(var j = 0; j < missionIDs[i].length; j++)
      {
         if(missionIDs[i][j] == missionID)
         {
            colorIndex = i;
            break;
         }
      }
      if(colorIndex != -1)
      {
         colorSet = true;
         break;
      }
   }

   $(".mission_header_info").css("background-color", missionColors[colorIndex]);

   if(cityIndex != -1 && !colorSet)
   {
      $(".mission_header_info").css("background-color", citiesColors[cityIndex]);
      colorSet = true;
   }
   if(!colorSet)
   {
      $(".mission_header_info").css("background-color", defaultColor);
   }

})();

Alles anzeigen

Kann ich leider nicht rekonstruieren. Bei mir geht diese Version sowohl in Firefox als auch in Chrome

Der Farbtopf erscheint in der oberen rechten Ecke, man kann Städte hinzufügen, ihnen Farben geben, sie speichern und auch wieder entfernen. Eine Färbung findet ebenfalls statt

Addition:

Eine Idee hätte ich noch. mit folgendem Code in der JavaScript Konsole (Strg + Shift + I) den Lokalenspeicher den das Script beschreibt leeren:

localStorage.setItem("LSS_cityColor", JSON.stringify({"color": [], "cities": [], "defaultColor": ["#000000", false]}));

lol... bei mir fehlte ein / in der ersten Zeile. Das war das Problem. Also dein "copy-paste" problem ist anscheinend ansteckend! lol

jetzt geht alles!

Da bin ich aber froh

Geile Kiste. Läuft anstandslos. Chapeau.

wenn jetzt noch die Einsatzliste eingefärbt wird wäre das ein träumchen!

und natürlich die AAO Kategorien (die REiter) ebenso

Hänge gerade noch an den Missions IDs Fest Da nen vernünftiges und übersichtliches Tabellen Layout auf die Kette zu kriegen ist schon sau anstrengend

gibt es keine Liste, wo die ID direkt mit dem Einsatznamen steht? dann könnte man doch eher in der Liste die Namen anstatt der ID nummer auflisten, und dann auch direkt aufspalten nach Feuerwehreinsatz, Rettungsdiensteinsat, Polizeieinsatz usw...