script.dev.js

// Die IDs der Gebäude und Fahrzeuge, um nachher (beim Zählen) die Namen auszugeben.

var buildingsById = {
    0: 'Feuerwache',
    1: 'Feuerwehrschule',
    2: 'Rettungswache',
    3: 'Rettungsschule',
    4: 'Krankenhaus',
    5: 'Rettungshubschrauber-Station',
    6: 'Polizeiwache',
    7: 'Leitstelle',
    8: 'Polizeischule',
    9: 'THW',
    10: 'THW Schule',
    11: 'Bereitschaftspolizei'
}

var carsById = {
    0: 'LF 20',
    1: 'LF 10',
    2: 'DLK 23',
    3: 'ELW 1',
    4: 'RW',
    5: 'GW-A',
    6: 'LF 8/6',
    7: 'LF 20/16',
    8: 'LF 10/6',
    9: 'LF 16-TS',
    10: 'GW-Öl',
    11: 'GW-L2-Wasser',
    12: 'GW-Messtechnik',
    13: 'SW 1000',
    14: 'SW 2000',
    15: 'SW 2000-Tr',
    16: 'SW KatS',
    17: 'TLF 2000',
    18: 'TLF 3000',
    19: 'TLF 8/8',
    20: 'TLF 8/18',
    21: 'TLF 16/24-Tr',
    22: 'TLF 16/25',
    23: 'TLF 16/45',
    24: 'TLF 20/40',
    25: 'TLF 20/40-SL',
    26: 'TLF 16',
    27: 'GW-Gefahrgut',
    28: 'RTW',
    29: 'NEF',
    30: 'HLF 20',
    31: 'RTH',
    32: 'FuStW',
    33: 'GW-Höhenrettung',
    34: 'ELW 2',
    35: 'leBefKw',
    36: 'MTW',
    37: 'TSF-W',
    38: 'KTW',
    39: 'GKW',
    40: 'MTW-TZ',
    41: 'MzKW',
    42: 'LKW K9',
    43: 'BRmG R',
    44: 'Anh. DLE',
    45: 'MLW 5',
    46: 'WLF',
    47: 'AB-Rüst',
    48: 'AB-Atemschutz',
    49: 'AB-Öl',
    50: 'GruKw',
    51: 'FüKw',
    52: 'GefKw'
}

jQuery = $;

// Arrays, um nachher die (verfügbaren) Fahrzeuge und Wachen zu zählen
var buildingAmount = Array(), carAmount = Array(), carAvailableAmount = Array();
// Array, um die Einstellungen des Nutzers zu speichern
var userSettings;

$('.aao').bind('click', function(e)
    {
        $(this).css('border', '2px solid black');
    }
)

// Fallunterscheidung für die verschiedenen Seiten
if (window.location.pathname == '/') {
	// Startseite
	tabsForMissions();
	fayeEvent();
	hideLogo();
	changeTabTitleByCall();
	restoreWellDiv();
	showStationSearch();
	showChatSearch();

	// Faye dazu anweisen, die Funktion fayeEvent aufzurufen
	faye.subscribe('/private-user'+ user_id +'de', function(data) {
		fayeEvent();
	});
    if (alliance_id != undefined) {
        faye.subscribe('/privatealliance-'+ alliance_id +'de', function(data) {
    		fayeEvent();
    	});
    }

} else if (window.location.pathname.match('missions/')) {
	// Einsätze
    showCarTypesInsteadOfStation();
    useEasyHotkeys();
} else if (window.location.pathname.match('buildings/')) {

}

// Funktion wird immer angerufen, wenn ein Event von faye komm (bspw. Statuswechsel, neuer Einsatz etc.)
function fayeEvent()
{
	prepareBuildingAndCarCounter();
	showBuildingSearch();
	showCarSearch();
	showBuildingAmount();
	showCarAmount();
	changeTabTitleByCall();
	showMissionCounterInTab();
	countPatients();
}

// Einstellungen des Users bekommen
function getUserSettings()
{

}

// zwei Divs für die Fahrzeuge und Wachen erstellen
function prepareBuildingAndCarCounter()
{
	// bisherige Tabellen entfernen, damit diese nicht doppelt und dreifach auftauchen
	$('.row-fluid:eq(3)').remove();
	$('.row-fluid:eq(2)').after('<div class="row-fluid"><div id="scriptBuildingAmount" class="span6 well"></div><div id="scriptCarAmount" class="span6 well"></div></div>');
}

// Gebäude zählen und in Array speichern
function countBuildings()
{
	// alle Zählerstände der Gebäude auf 0 setzen
	for (var i = 0; i <= 12; i++) {
		buildingAmount[i] = 0;
	}

	// für jedes Gebäude, was in der Liste gefunden wird, +1 im Array buildingAmount rechnen
	$('#building_list').find('.building_list_li').each(function(index, element) {
        buildingAmount[$(element).attr('building_type_id')]++;
    });
	return buildingAmount;
}

// alle Fahrzeuge zählen und in Array speichern
function countCars()
{
	// alle Zählerstände der Fahrzeuge auf 0 setzen
	for (var i = 0; i <= 53; i++) {
		carAmount[i] = 0;
	}

	// für jedes Fahrzeug, was in der Liste gefunden wird, +1 im Array carAmount rechnen
	$('.building_list_vehicle_element').each(function(index, element) {
        carAmount[$(element).find('a').attr('vehicle_type_id')]++;
    });
	return carAmount;
}

// alle verfügbaren Fahrzeuge zählen und in Array speichern
function countAvailableCars()
{
	// alle Zählerstände der Fahrzeuge auf 0 setzen
	for (var i = 0; i <= 53; i++) {
		carAvailableAmount[i] = 0;
	}

	// für jedes Fahrzeug, was in der Liste gefunden wird und Status 1 oder 2 ist, +1 im Array carAvailableAmount rechnen
	$('.building_list_vehicle_element').each(function(index, element) {
		if ($(element).find('span').html() == "2") {
        	carAvailableAmount[$(element).find('a').attr('vehicle_type_id')]++;
		}
    });
	return carAvailableAmount;
}

// gezählte Gebäude ausgeben
function showBuildingAmount()
{
	var buildings = countBuildings();

	$('#scriptBuildingAmount').append('<table class="table table-bordered table-condensed table-striped table-hover"><thead><tr><th>Gebäude</th><th>Anzahl</th></tr></thead><tbody id="scriptBuildingAmountTable"></tbody></table>');

	for (var i = 0; i < buildings.length; i++) {
		if (buildings[i] > 0) {
			$('#scriptBuildingAmountTable').append('<tr><td>'+ buildingsById[i] +'</td><td>'+ buildings[i] +'</td></tr>');
		}
	}
}

// gezählte Fahrzeuge ausgeben
function showCarAmount()
{
	var cars = countCars();
	var carsAva = countAvailableCars();

	$('#scriptCarAmount').append('<table class="table table-bordered table-condensed table-striped table-hover"><thead><tr><th>Fahrzeug</th><th>Anzahl</th><th>Verfügbar</th></tr></thead><tbody id="scriptCarAmountTable"></tbody></table>');

	for (var i = 0; i < cars.length; i++) {
		if (cars[i] > 0) {
			$('#scriptCarAmountTable').append('<tr><td>'+ carsById[i] +'</td><td>'+ cars[i] +'</td><td>'+ carsAva[i] +'</td></tr>');
		}
	}
}

// Suchleiste für die Gebäudeübersicht erstellen
function showBuildingSearch()
{
	$('#scriptBuildingAmount').append('<input id="scriptBuildingSearch" class="input-medium search-query" placeholder="Suchen" type="text"><br /><br />');

	$('#scriptBuildingSearch').bind('keyup', function(e) {
		var searchWord = $('#scriptBuildingSearch').val().toLowerCase();

		$('#scriptBuildingAmountTable').find('tr').each(function(index, element) {
			// zunächst die Zeile wieder sichtbar machen
			$(element).show();

			// nun die Zelle prüfen, ob der Suchbegriff vorhanden ist
            if (!$(element).find('td:eq(0)').html().toLowerCase().match(searchWord)) {
				$(element).hide();
			}
        });
	});
}

// Suchleiste für die Fahrzeugübersicht erstellen
function showCarSearch()
{
	$('#scriptCarAmount').append('<input id="scriptCarSearch" class="input-medium search-query" placeholder="Suchen" type="text"><br /><br />');

	$('#scriptCarSearch').bind('keyup', function(e) {
		var searchWord = $('#scriptCarSearch').val().toLowerCase();

		$('#scriptCarAmountTable').find('tr').each(function(index, element) {
			// zunächst die Zeile wieder sichtbar machen
			$(element).show();

			// nun die Zelle prüfen, ob der Suchbegriff vorhanden ist
            if (!$(element).find('td:eq(0)').html().toLowerCase().match(searchWord)) {
				$(element).hide();
			}
        });
	});
}

// großes Logo ganz oben auf der Seite verstecken
function hideLogo()
{
	$('.logo').parent().hide();
}

// Div "well" um die Einsatzliste setzen, damit es einheitlich aussieht
function restoreWellDiv()
{
	$('#missions').addClass('well');
}

// Tabs bei Einsatzliste
function tabsForMissions()
{
	// Bisherige Button ausblenden
	$('#missions').find('.btn-group').hide();
	$('#missions').find('h3').hide();

	// Tabs erstellen
	$('#mission_list').before('<div id="scriptMissionTab"><button type="button" id="scriptShowMenu" class="btn btn-mini" style="cursor:pointer">Menü</button></div><br />');
    $('#scriptShowMenu').bind('click', function(e)
        {
            $('#scriptMissionMenu').slideToggle();
        }
    );

	$('#scriptMissionTab').append('<div id="scriptMissionMenu" style="display:none"><br /><ul class="nav nav-tabs"><li class="active"><a href="#scriptEmergencies" data-toggle="tab">NF (<span id="scriptEmergencyCounter"></span>)</a></li><li><a href="#scriptTransports" data-toggle="tab">KTP (<span id="scriptTransportCounter"></span>)</a></li><li><a href="#scriptAlliances" data-toggle="tab">VE (<span id="scriptAllianceCounter"></span>)</a></li></ul><br /></div>');

	$('#scriptMissionTab').append('<div class="tab-content" id="scriptTabContent"></div>');

	var missionList = $('#mission_list').html();
	$('#mission_list').remove();
	$('#scriptTabContent').append('<div class="tab-pane active" id="scriptEmergencies"><ul id="mission_list">'+ missionList +'</ul></div>');

	var missionListKrankentransporte = $('#mission_list_krankentransporte').html();
	$('#mission_list_krankentransporte').remove();
	$('#scriptTabContent').append('<div class="tab-pane" id="scriptTransports"><ul id="mission_list_krankentransporte">'+ missionListKrankentransporte +'</ul></div>');

	var missionListAlliance = $('#mission_list_alliance').html();
	$('#mission_list_alliance').remove();
	$('#scriptTabContent').append('<div class="tab-pane" id="scriptAlliances"><ul id="mission_list_alliance">'+ missionListAlliance +'</ul></div>');
}

// Suchleiste für Wachenliste
function showStationSearch()
{
	$('#buildings').find('h3').before('<input id="scriptStationSearch" class="input-medium search-query" placeholder="Suchen" type="text"><br /><br />');
	$('#buildings').find('h3').hide();

	$('#scriptStationSearch').bind('keyup', function(e) {
		var searchWord = $('#scriptStationSearch').val().toLowerCase();

		$('#building_list').find('.map_position_mover').each(function(index, element) {
			// zunächst die Wache wieder sichtbar machen
			$(element).parent().parent().show();

			// nun den Namen prüfen, ob der Suchbegriff vorhanden ist
            if (!$(element).html().toLowerCase().match(searchWord)) {
				$(element).parent().parent().hide();
			}
        });
	});
}

// Suchleiste für Verbandschat
function showChatSearch()
{
	$('#alliance_chat').find('h3').before('<input id="scriptChatSearch" class="input-medium search-query" placeholder="Suchen" type="text"><br /><br />');
	$('#alliance_chat').find('h3').hide();

	$('#scriptChatSearch').bind('keyup', function(e) {
		var searchWord = $('#scriptChatSearch').val().toLowerCase();

		$('#mission_chat_messages').find('li').each(function(index, element) {
			// zunächst die Wache wieder sichtbar machen
			$(element).show();

			// nun den Namen prüfen, ob der Suchbegriff vorhanden ist
            if (!$(element).html().toLowerCase().match(searchWord)) {
				$(element).hide();
			}
        });
	});
}

// Falls es Sprechwünsche gibt, soll der Titel des Tabs geändert werden
function changeTabTitleByCall()
{
	if ($('#radio_messages_important').children().length > 0) {
		document.title = "Sprechwunsch!";
	} else {
		document.title = "LEITSTELLENSPIEL.DE - baue deine eigene Leitstelle, in deiner Stadt!";
	}
}

// Einsatzzahlen in den Einsatztabs anzeigen
function showMissionCounterInTab()
{
	$('#scriptEmergencyCounter').html($('#missions').find('.btn-group').find('a:eq(0)').html().replace(')', '').split('(')[1]);
	$('#scriptTransportCounter').html($('#missions').find('.btn-group').find('a:eq(1)').html().replace(')', '').split('(')[1]);
	$('#scriptAllianceCounter').html($('#missions').find('.btn-group').find('a:eq(2)').html().replace(')', '').split('(')[1]);
}

// Patienten zählen und anzeigen
function countPatients()
{
    var patientsAmount = 0; // Patienten gesamt
    var patientsTreatment = 0; // Patienten in Behandlung
    var patientsReady = 0; // Patienten transportbereit

    patientsAmount = $('#mission_list').find('.patient_progress:visible').length;
    patientsTreatment = $('#mission_list').find('.patient_progress.active:visible').length;
    patientsReady = $('#mission_list').find('.patient_progress').find('.bar-success').length;
    $('#scriptPatientsCounter').remove();
    $('#scriptMissionMenu').append('<small id="scriptPatientsCounter">Pat.: '+ patientsAmount +' insg., '+ patientsTreatment +' in Behandlung, '+ patientsReady +' transpf.</small>');
}

// Fahrzeugtypen statt Name bei Klick auf Button
function showCarTypesInsteadOfStation()
{
    // Button neben dem ersten "Alarmieren"-Button erstellen
    $('#missionH1').after('<button type="button" id="scriptShowCarTypes" class="btn btn-info btn-mini">Fzg.-Typen anzeigen</button>');
    $('#scriptShowCarTypes').bind('click', function(e)
        {
            $('td[vehicle_type_id]').each(function(ind, tdEl)
                {
                    $(tdEl).parent().find('td:eq(2)').html(carsById[$(tdEl).attr('vehicle_type_id')]);
                }
            );
            $('a[vehicle_type_id]').each(function(ind, aEl)
                {
                    $(aEl).html(carsById[$(aEl).attr('vehicle_type_id')]);
                }
            );
        }
    )
}

function useEasyHotkeys() {
    $(document).on('keydown', function(e) {
        var keynum;
        if(window.event) {
            keynum = e.keyCode;
        } else {
            keynum = e.which
        }

        var hotkey = String.fromCharCode(keynum).trim();

        if($('#mission_reply_content').is(':focus')) {
            return;
        }
        if(hotkey != " " && hotkey != "") {
            $('[accesskey='+ hotkey +']').click();
        }
    });
}