Changelog - TSV Schwarzenbeker Handball

27.12.2024

VH Slider Mobile Version auf 45 gesetzt
Abstände News auf margin-bottom: 10px; geändert

Bekannte Fehler:

- Laptop Ansicht Slider verbessern

28.12.2024

Fehler:

Wenn nur Instagram bei einer Mannschaft vorhanden ist, wird die Social Box nicht angezeigt. Script erweitert siehe Code Snippet
Spielstätten werden nicht richtig angezeigt (Box abgeschnitten) -> Layout auf 1 Spaltig geändert
Vollen Namen von Matty gegen Spitznamen ausgetauscht
Optimierung rsce_section.html + rsce_section.php Verknüpfung Trainer/Betreuer mit Trainer DB (einfachere Datenpflege)
Jugend und Seniorenübersicht Ansprechpartner auf Strong geändert - Vereinheitlichung
Konfiguration Leads Formulare angepasst, falsche Insert Tags verwendet

Offen:

CSS Auflösungen ab 1430px anpassen Headline rutscht in Slider
Mailversand über All Inkl funktioniert nicht. Ticket erstellen

28.12.2024 Script rsce_section.html erweitert.

section_team_facebook != '' ) || ( $this->section_team_instagram != '' )): ?>

Social Media

section_team_instagram != '' ): ?>

Instragram

section_team_facebook != '' ): ?>

Facebook

28.12.2024 Script rsce_section_config.php angepasst. Felder: section_head_coach, section_second_coach, section_team_manager, section_team_manager2 mit Trainerdatenbank verknüpft array( 'de' => array( 'TSV-Abteilungsinfobox', 'Eingabemaske für die wichtigstens Abteilungsinformationen. Ausgabe des Inhaltselementes erfolgt nur auf Abteilungseiten.', ) ), 'types' => array('content'), 'contentCategory' => 'texts', 'fields' => array( 'section_group_team' => array( 'label' => array('Mannschaftsinfos', ), 'inputType' => 'group', ), // 'section_head_coach' => array( // 'label' => array('Name des Trainers/Verantworlichen', 'Bitte Vor- und Nachname eingeben.'), // 'eval' => ['tl_class'=>'w50', 'maxlength'=>255], // 'inputType' => 'text', // ), //New add Trainer Table 'section_head_coach' => [ 'label' => ['Trainer', 'Vor und Nachname'], // Or a reference to the global language array 'inputType' => 'select', 'foreignKey' => 'trainer.CONCAT(trainer_name," ",trainer_lastname)', // Will use `name` as label, and the user `id` as value 'relation' => [ 'table' => 'trainer', 'field'=>'CONCAT(trainer_name," ",trainer_lastname)' ], 'eval' => [ 'chosen' => true, // Adds a search box to filter the options 'tl_class'=>'w50', 'includeBlankOption' => true ], 'sql' => [ 'type' => 'varchar', 'unsigned' => true, 'default' => 0, ], ], 'section_head_coach_phone' => array( 'label' => array('Rufnummer des Trainers/Verantworlichen'), 'eval' => ['tl_class'=>'w50', 'maxlength'=>255], 'inputType' => 'text', ), // 'section_second_coach' => array( // 'label' => array('Weitere Ansprechpartner', 'Bitte die Funktion mit eingeben z.B. Ansprechpartner Jugend: Vorname Nachname.'), // 'eval' => ['tl_class'=>'w50', 'maxlength'=>255], // 'inputType' => 'text', // ), 'section_second_coach' => [ 'label' => ['Weitere Ansprechpartner', 'Vor und Nachname'], // Or a reference to the global language array 'inputType' => 'select', 'foreignKey' => 'trainer.CONCAT(trainer_name," ",trainer_lastname)', // Will use `name` as label, and the user `id` as value 'relation' => [ 'table' => 'trainer', 'field'=>'CONCAT(trainer_name," ",trainer_lastname)' ], 'eval' => [ 'chosen' => true, // Adds a search box to filter the options 'tl_class'=>'w50', 'includeBlankOption' => true ], 'sql' => [ 'type' => 'varchar', 'unsigned' => true, 'default' => 0, ], ], // 'section_team_manager' => array( // 'label' => array('Weitere Ansprechpartner', 'Bitte die Funktion mit eingeben z.B. Ansprechpartner Jugend: Vorname Nachname'), // 'eval' => ['tl_class'=>'w50', 'maxlength'=>255], // 'inputType' => 'text', //), 'section_team_manager' => [ 'label' => ['Weitere Ansprechpartner', 'Vor und Nachname'], // Or a reference to the global language array 'inputType' => 'select', 'foreignKey' => 'trainer.CONCAT(trainer_name," ",trainer_lastname)', // Will use `name` as label, and the user `id` as value 'relation' => [ 'table' => 'trainer', 'field'=>'CONCAT(trainer_name," ",trainer_lastname)' ], 'eval' => [ 'chosen' => true, // Adds a search box to filter the options 'tl_class'=>'w50', 'includeBlankOption' => true ], 'sql' => [ 'type' => 'varchar', 'unsigned' => true, 'default' => 0, ], ], //'section_team_manager2' => array( // 'label' => array('Weitere Ansprechpartner', 'Bitte die Funktion mit eingeben z.B. Ansprechpartner Jugend: Vorname Nachname'), // 'eval' => ['tl_class'=>'w50', 'maxlength'=>255], // 'inputType' => 'text', //), 'section_team_manager2' => [ 'label' => ['Weitere Ansprechpartner', 'Vor und Nachname'], // Or a reference to the global language array 'inputType' => 'select', 'foreignKey' => 'trainer.CONCAT(trainer_name," ",trainer_lastname)', // Will use `name` as label, and the user `id` as value 'relation' => [ 'table' => 'trainer', 'field'=>'CONCAT(trainer_name," ",trainer_lastname)' ], 'eval' => [ 'chosen' => true, // Adds a search box to filter the options 'tl_class'=>'w50', 'includeBlankOption' => true ], 'sql' => [ 'type' => 'varchar', 'unsigned' => true, 'default' => 0, ], ], 'section_team_mail' => array( 'label' => array('Kontaktmailadresse', 'hier bitte die offizele Mailadresse, keine privaten Adressen hinterlegen.'), 'eval' => ['tl_class'=>'w50', 'maxlength'=>255,'email'=>'true','rgxp' => 'email'], 'inputType' => 'text', ), 'section_team_contactform' => array( 'label' => array('Welches Kontaktformular ', 'Bitte hier die ID des zu rendernden Formulars eingeben.'), 'eval' => ['tl_class'=>'w50', 'maxlength'=>10], 'inputType' => 'text', ), 'section_group_team2' => array( 'label' => array('Trainingszeiten', ), 'inputType' => 'group', ), 'section_team_trainingtime' => array( 'label' => array('Trainingszeiten und Ort', 'Bitte hier die Zeiten und Orte eingeben'), 'eval' => ['rte' => 'tinyMCE', 'tl_class'=>'m12'], 'inputType' => 'textarea', ), 'age_group' => [ 'label' => ['Altersklasse', 'Bitte Altersklasse wählen'], // Or a reference to the global language array 'inputType' => 'select', 'foreignKey' => 'altersklasse.CONCAT(age_band," (",age_group, ")")', // Will use `name` as label, and the user `id` as value 'relation' => ['field'=>'altersklasse.age_group'], 'eval' => [ 'chosen' => true, // Adds a search box to filter the options ], 'sql' => [ 'type' => 'varchar', 'unsigned' => true, 'default' => 0, ], ], 'club_league' => [ 'label' => ['Aktuelle Liga wählen', ''], // Or a reference to the global language array 'inputType' => 'select', 'foreignKey' => 'spielkassen.club_league', // Will use `name` as label, and the user `id` as value 'relation' => ['field'=>'spielkassen.club_league'], 'eval' => [ 'chosen' => true, // Adds a search box to filter the options ], 'sql' => [ 'type' => 'varchar', 'unsigned' => true, 'default' => 0, ], ], 'section_group_socialmedia' => array( 'label' => array('SocialMedia', 'Die eingegeben URLs werden mit dem entsprechenden Icon auf der Seite ausgegeben. '), 'inputType' => 'group', ), 'section_team_facebook' => array( 'label' => array('Facebook URL', ''), 'eval' => ['tl_class'=>'w50', 'url'=>'true','maxlength'=>255], 'inputType' => 'text', ), 'section_team_instagram' => array( 'label' => array('Instagram URL', ''), 'eval' => ['tl_class'=>'w50','url'=>'true', 'maxlength'=>255], 'inputType' => 'text', ), ), );

29.12.2024

Behoben:

CSS Darstellung Laptop kleiner 1340px verbesser (Logo verkleinert, Main Nav rutscht nach links
Umbruch Hamburger Menü auf 1050px erhöht
Social Icons unplatziert befinden sich jetzt oben rechts
Alias Mailadresse bei Allinkl eingerichtet, um über die moin@ Mails versenden zu können
Instagram Link wjB korrigiert
E-Mail auf Mannschaftsseite ist jetzt ein Link

30.12.2024

Schreibfehler Verlinkung der Mailadresse auf Mannschaftsseite behoben
Anbindung an Handball.net abgeschlossen Scripte rsce_section.html und rsce_section_config.php um Widget von Handball.net erweitert
Mails über Kontaktform kommen nicht bei den Mannschaften an 31.12. -> der wjb war nicht klar das es einen eigene Mailadresse für jede Mannschaft gibt.

Erweiterung Script rsce_section.html 30.12.2024 + Schließen Social Media If Bedingung section_team_id_handballnet != '' ): ?>

Spielplan

Tabelle

showTemplateVars(); ?>

Erweiterung rsce_section_config.php 30.12.2024 'section_team_id_handballnet' => array( 'label' => array('TeamID', 'Hier die siebenstellige TeamID aus Handball.net eintragen z.B.: 1176161'), 'eval' => ['tl_class'=>'w50', 'maxlength'=>7], 'inputType' => 'text', ),

31.12.2024

Template TinyMCE angepasst Textarea vom min_height:336 auf 536, geändert
Erweiterung Kontaktformular um Probetrainingoption

Das Feld Name des Kindes wird nur bei Jugendmannschaften angezeigt

Benachrichtigung erweiter:

{if contact_training_selector!=""}
Es wird ein Probetraining gewünscht:

Alter: ##form_contact_age##
Name: ##form_contact_training_child_name##
Erfahrung:
##form_contact_training_message##

{endif}

01.01.25

CSS Handball.net Tabellen und Spielplan an CID TSV angepasst
Alten Code h4all entfernt
H4all Module gelöscht
Verbesserung Styles Jugend- und Seniorenmannschaften
Namenskorrektur Hallen (Nord Ost)

Einführung PopUp Info Butto bei Trainingshalle

Insert Tags (erzeugen einen Infolink):
Berliner

BK1
Nord Ost
Breslauer
BK2

/*Handball.net*/

.hb-embed{
	font-size: 1em !important;
}
.hb-embed__schedule .hb-embed__schedule-list .hb-embed__schedule-list-grouped-item .hb-embed__schedule-list-item{
	margin-bottom: -20px !important;
}
.hb-embed__schedule-list-item-date{
	font-weight: 600 !important;
	color: #23ad7b !important;
}
.hb-embed__title-container{
	display: none !important;
}
.hb-embed__schedule .hb-embed__schedule-list .hb-embed__schedule-list-grouped-item .hb-embed__schedule-list-item-date{
	border-bottom: 1px solid #ae2526 !important;
}
.hb-embed__table thead th {
  border-bottom: 2px solid #ae2526 !important;
}
.hb-embed__btn.hb-embed__btn-primary {
  background-color: #ae2526 !important;
  border: 1px solid #ae2526 !important;
  color: #fff;
}

/*CSS PopUp*/
.popup-container {
  display: inline-block;
  .popup-button {
    line-height: 19px;
    color: #23ad7b;   
    border-radius: 50%;
    display: block;
    cursor: pointer;
    &:hover {
      background: #fff;
    }
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 52, 52, 0.9);
    z-index: 10;
    //display: none;
    opacity: 0;
    visibility: hidden;
    transition: 250ms all;
    .popup-inner {
      width: 50%;
      box-sizing: border-box;
      padding: 20px;
      background: #fff;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 150%;
      transition: 250ms all;
	  border: 1px solid #23ad7b;
      .popup-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        h6 {
          font-size: 18px;
          font-weight: 500;
        }
        .popup-close-btn {
          cursor: pointer;
          background: #eee;
          display: block;
          line-height: 30px;
          padding: 0 15px;
          font-size: 14px;
          color: #222;
          border-radius: 3px;
        }
      }
      .popup-content {
        ul {
          li {
            margin-bottom: 10px;
            &:last-child {
              margin-bottom: 0;
            }
            input {
              width: 100%;
              border: 1px solid #ddd;
              border-radius: 3px;
              line-height: 34px;
              padding: 0 15px;
              font-size: 14px;
              box-sizing: border-box;
            }
            button {
              width: 100%;
              line-height: 34px;
              background: #666;
              color: #fff;
              cursor: pointer;
              border-radius: 3px;
              border: none;
              font-size: 14px;
              &:hover {
                background: #444;
              }
            }
          }
        }
      }
    }
    .transparent-label {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      cursor: pointer;
    }
  }
  >input {
    display: none;
    &:checked + .popup {
      opacity: 1;
      visibility: visible;
      .popup-inner {
        top: 50%;
      }
    }
  }
}

05.01.25

Position Breslauer Str. angepasst
Neuen News Kategorie filter (Startseite anzeigen eingefügt)
Mobile Switch für Slider eingeführt (angehängt an CSS Menü Switch)

Einstellung PC/Tablet Version

Einstellung Mobil

/*Menue*/
.mod_mobile_menu, .mod_mobile_slider{
	display: none;
}
.mod_destop_slider{
	display: block;
}
@media only screen and (max-width: 1050px) {
	header{
		height: 110px;	
	}
	#stage {
		margin-top: -50px;
	}
	.mod_mobile_menu, .mod_mobile_slider{
		display: block;
	}
	.mod_destop_slider{
	display: none;
	}

06.01.2025

Erweitern des Berechtigungskonzeptes
- Mannschaften können jetzt ihre Seite bearbeiten
- fixe Dateiordner zugewiesen

Layout Anpassungen rechte Spalte auf 25% reduziert
Flexbox Content auf 1300px erweiterte (3 Nachrichten jetzt in einer Reihe

/*News*/ .mod_newslist { display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; max-width: 1300px; margin: 0 auto; }

#main{
width: 98%;
padding-left: 5%;
}
#right {
padding-right: 0;
width: 28%;
}
strong{
font-weight: 600;
}

10.01.2025

Erweiterung Kontaktformular um Probetraining Checkbox, Formular funktioniert jetzt analog zur Jugendseite
1frauen Account als Testaccount für erweiterte Berechtigungen freigeschaltet

14.01.25

Berechtigungen Redakteur weiter angepasst (Freigabe Startseiten Kategorie fehlte
Eventkalender deaktiviert seit Umstellung auf handball.net werden Events in die 10.000 erzeugt

18.01.2025

Layout News Details Abstände bei Bildern wenn diese links oder rechts vom Text platziert werden.
Mobile Darstellung des PopUp verbessert (Close Button nicht sichtbart)
Font im Pop UP von px auf em umgestellt zur besseren Darstellung
Close Button normale Schrift gegen FontAwesome Icon aus gestauscht
Fehler PopUp Halleninfo behoben -> es öffnet sich immer nur die Berliner Halle im Pop Up

For Attribut wie auch ID jeweils um das Hallenkürzel ergänzt

<div class="popup-container"> <label class="popup-button" for="login-popup-berlin"><i class="fa-solid fa-circle-info"></i></label> <input type="checkbox" id="login-popup-berlin"> <div class="popup"> <label for="login-popup-berlin" class="transparent-label"></label> <div class="popup-inner"> <div class="popup-title"> <h6>Sporthalle Berliner Straße</h6> <label for="login-popup-berlin" class="popup-close-btn">X</label> </div> <div class="popup-content"> <p>Sporthalle Berliner Straße<br> Berliner Straße 12<br> 21493 Schwarzenbek</p> <iframe width="625" height="350" src="https://www.openstreetmap.org/export/embed.html?bbox=10.4756435751915%2C53.499371642692026%2C10.480900704860689%2C53.501311680930954&layer=mapnik&marker=53.500341672908455%2C10.478272140026093" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=53.50034&mlon=10.47827#map=19/53.50034/10.47827&layers=N">Größere Karte anzeigen</a></small> </div> </div> </div> </div>

.media--left img{
	margin-right: 10px;	
	margin-bottom: 10px;
}
.media--right img{
	margin-left: 10px;
	margin-bottom: 10px;	
}

@media only screen and (max-width: 1000px) {
/*CSS PopUp*/
.popup-container {
  display: inline-block;
  .popup-button {
    line-height: 19px;
    color: #23ad7b;   
    border-radius: 50%;
    display: block;
    cursor: pointer;
    &:hover {
      background: #fff;
    }
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 52, 52, 0.9);
    z-index: 10;
    //display: none;
    opacity: 0;
    visibility: hidden;
    transition: 250ms all;
    .popup-inner {
      width: 95%;
      box-sizing: border-box;
      padding: 20px;
      background: #fff;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 150%;
      transition: 250ms all;
	  border: 1px solid #23ad7b;
      .popup-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: -35px;
        h6 {
          font-size: 1.2em;
          font-weight: 500;
        }
        .popup-close-btn {
          cursor: pointer;
          background: #eee;
          display: block;
          line-height: 30px;
          padding: 0 15px;
          font-size: 14px;
          color: #222;
          border-radius: 3px;
        }
      }
      .popup-content {
		  font-size: 0.9em;
        ul {
          li {
            margin-bottom: 10px;
            &:last-child {
              margin-bottom: 0;
            }
            input {
              width: 100%;
              border: 1px solid #ddd;
              border-radius: 3px;
              line-height: 34px;
              padding: 0 15px;
              font-size: 14px;
              box-sizing: border-box;
            }
            button {
              width: 100%;
              line-height: 34px;
              background: #666;
              color: #fff;
              cursor: pointer;
              border-radius: 3px;
              border: none;
              font-size: 14px;
              &:hover {
                background: #444;
              }
            }
          }
        }
      }
    }
    .transparent-label {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      cursor: pointer;
    }
  }
  >input {
    display: none;
    &:checked + .popup {
      opacity: 1;
      visibility: visible;
      .popup-inner {
        top: 60%;
      }
    }
  }
}


}