NoNopoly_Players_Overview

renderSpielerAnzeige: html
"Creates the overview of the Players"
    |counter|
    counter := 0.
    self teilnehmer isNil not
        ifTrue:
    [html div with: 'Es gibt insgesamt: ', self spielerEingabe anzahlSpieler printString, ' Spieler'].
    html div with: 'Diese sind: '.
    "For every Player make a new box"
    self teilnehmer do: [:tlnhmr |counter := counter+1.html div class:'spieler',counter printString; with: [
            html paragraph: [ html div class: 'spielerDaten'; with:
            "Show Name"
            [html strong: 'Name: '. html
                    "Option to upload a pic"
                    anchor callback: [self call:(self bildHochladen spieler: tlnhmr)];
                            with: tlnhmr name. html break.
            "Show credits"
            html strong: 'Guthaben: '. html render: tlnhmr guthaben printString. html break.
            "Show the position where the player is at right now"
            html strong: 'Postion: '. html render: tlnhmr position printString. html break.].
            "Shows the player's pic, if he has uploaded one"
            (tlnhmr isAvatar) ifTrue: [html image resourceUrl: (NoNopolyFileLibrary urlOf:(tlnhmr
            name, 'Jpg') asSymbol) printString.  html break].].].].

            "Integrates the board"
            html div class: 'spielBrett'; with:[ self renderSpielbrett: html].