-88 Removals
+88 Additions
<div class="<%= @mode %>"> <div class="<%= @mode %>">
<div class="graphContent"> <div class="graphContent">
<div class="graphInfo"> <div class="graphInfo">
<div class="logo_pic_container logo_pic_container_home"><img src="#" class="logo_pic first_logo_pic"/></div> <div class="logo_pic_container logo_pic_container_home"><img src="#" class="logo_pic first_logo_pic"/></div>
<div class="team_player_name_container team_player_name_container_first"> <div class="team_player_name_container team_player_name_container_first">
<div class="team_player_name first_team_name"></div> <div class="team_player_name first_team_name"></div>
</div> </div>
<div class = "header_container"> <div class = "header_container">
<div class="user_header"> <div class="user_header">
<% if @mode == "single": %> <% if @mode == "single": %>
<textarea class="header_text editablePlaceholder" valueString="pleaseEnterHeader" rows="5" cols="43" maxLength = 70 placeholder="Please enter Header"></textarea> <textarea class="header_text editablePlaceholder" valueString="pleaseEnterHeader" rows="5" cols="43" maxLength = 70 placeholder="Please enter Header"></textarea>
<% end %> <% end %>
<% if @mode == "head": %> <% if @mode == "head": %>
<textarea class="header_text editablePlaceholder" valueString="pleaseEnterHeader" rows="2" cols="103" maxLength = 70 placeholder="Please enter Header"></textarea> <textarea class="header_text editablePlaceholder" valueString="pleaseEnterHeader" rows="2" cols="103" maxLength = 70 placeholder="Please enter Header"></textarea>
<% end %> <% end %>
</div> </div>
</div> </div>
<div class = "commentary_container"> <div class = "commentary_container">
<div class="user_commentary"> <div class="user_commentary">
<% if @mode == "single": %> <% if @mode == "single": %>
<textarea class="commentary_text editablePlaceholder" valueString="pleaseEnterCommentar" rows="5" cols="43" maxLength = 100 placeholder="Please enter Commentary"></textarea> <textarea class="commentary_text editablePlaceholder" valueString="pleaseEnterCommentar" rows="5" cols="43" maxLength = 100 placeholder="Please enter Commentary"></textarea>
<% end %> <% end %>
<% if @mode == "head": %> <% if @mode == "head": %>
<textarea class="commentary_text editablePlaceholder" valueString="pleaseEnterCommentar" rows="5" cols="20" maxLength = 100 placeholder="Please enter Commentary"></textarea> <textarea class="commentary_text editablePlaceholder" valueString="pleaseEnterCommentar" rows="5" cols="20" maxLength = 100 placeholder="Please enter Commentary"></textarea>
<% end %> <% end %>
</div> </div>
</div> </div>
<% if @mode == "head": %> <% if @mode == "head": %>
<div class = "commentary_container_second"> <div class = "commentary_container_second">
<div class="user_commentary_second"> <div class="user_commentary_second">
<textarea class="commentary_text_second editablePlaceholder" valueString="pleaseEnterCommentar" rows="5" cols="20" maxLength = 100 placeholder="Please enter Commentary"></textarea> <textarea class="commentary_text_second editablePlaceholder" valueString="pleaseEnterCommentar" rows="5" cols="20" maxLength = 100 placeholder="Please enter Commentary"></textarea>
</div> </div>
</div> </div>
<% end %> <% end %>
<div class="team_player_name_container team_player_name_container_second "> <div class="team_player_name_container team_player_name_container_second ">
<div class="team_player_name second_team_name"></div> <div class="team_player_name second_team_name"></div>
</div> </div>
<div class="logo_pic_container logo_pic_container_away"><img src="#" class="logo_pic second_logo_pic" /></div> <div class="logo_pic_container logo_pic_container_away"><img src="#" class="logo_pic second_logo_pic" /></div>
<% if @mode == "single": %> <% if @mode == "single": %>
<table class = "eventsCount eventsCount_first eventsCount_single_first"> <table class = "eventsCount eventsCount_first eventsCount_single_first">
<tr class = "headerRow"> <tr class = "headerRow">
<th class = "titleHead editableString" value = "events">Events</th> <th class = "titleHead editableString" value = "events">Events</th>
<th class = "countHead editableString" value = "count">Count</th> <th class = "countHead editableString" value = "count">Count</th>
<th class = "iconHead editableString" value = "icon">Icon</th> <th class = "iconHead editableString" value = "icon">Icon</th>
</tr> </tr>
<tr class = "countRow row1"> <tr class = "countRow goalCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row1Label">Goals</label> <label class = "editableString" value = "goals">Goals</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row1CountLabel">0</label> <label class = "goalCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row1Img"></img> <img class = "goalPic" src = "images/football.svg"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row2"> <tr class = "countRow yellowCardCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row2Label">Yellow Cards</label> <label class = "editableString" value = "yellowCards">Yellow Cards</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row2CountLabel">0</label> <label class = "yellowCardCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row2Img"></img> <img class = "yellowCardPic" src = "images/events/yellowCard.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row3"> <tr class = "countRow redCardCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row3Label">Yellow Cards</label> <label class = "editableString" value = "redCards">Red Cards</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row3CountLabel">0</label> <label class = "redCardCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row3Img"></img> <img class = "redCardPic" src = "images/events/redCard.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row4"> <tr class = "countRow successfulLineCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row4Label">Yellow Cards</label> <label class = "editableString" value = "sLineEvents">Successful Line Events</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row4CountLabel">0</label> <label class = "successfulLineCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row4Img"></img> <img class = "sLinePic" src = "images/events/successfulLine.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row5"> <tr class = "countRow unsuccessfulLineCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row5Label">Yellow Cards</label> <label class = "editableString" value = "uLineEvents">Unsuccessful Line Events</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row5CountLabel">0</label> <label class = "unsuccessfulLineCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row5Img"></img> <img class = "uLinePic" src = "images/events/unsuccessfulLine.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row6"> <tr class = "countRow successfulPointCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row6Label">Yellow Cards</label> <label class = "editableString" value = "sPointEvents">Successful Point Events</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row6CountLabel">0</label> <label class = "successfulPointCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row6Img"></img> <img class = "sPtPic" src = "images/events/successfulPoint.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row7"> <tr class = "countRow unsuccessfulPointCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row7Label">Yellow Cards</label> <label class = "editableString" value = "uPointEvents">Unsuccessful Point Event</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row7CountLabel">0</label> <label class = "unsuccessfulPointCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row7Img"></img> <img class = "uPtPic" src = "images/events/unsuccessfulPoint.png"></img>
</td> </td>
</tr> </tr>
</table> </table>
<% end %> <% end %>
<% if @mode == "head": %> <% if @mode == "head": %>
<table class = "eventsCount eventsCount_first eventsCount_head_first"> <table class = "eventsCount eventsCount_first eventsCount_head_first">
<tr class = "headerRow"> <tr class = "headerRow">
<th class = "titleHead editableString" value = "events">Events</th> <th class = "titleHead editableString" value = "events">Events</th>
<th class = "countHead editableString" value = "count">Count</th> <th class = "countHead editableString" value = "count">Count</th>
<th class = "iconHead editableString" value = "icon">Icon</th> <th class = "iconHead editableString" value = "icon">Icon</th>
</tr> </tr>
<tr class = "countRow row1"> <tr class = "countRow goalCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row1Label">Goals</label> <label class = "editableString" value = "goals">Goals</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row1CountLabel">0</label> <label class = "goalCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row1Img"></img> <img class = "goalPic" src = "images/football.svg"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row2"> <tr class = "countRow yellowCardCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row2Label">Yellow Cards</label> <label class = "editableString" value = "yellowCards">Yellow Cards</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row2CountLabel">0</label> <label class = "yellowCardCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row2Img"></img> <img class = "yellowCardPic" src = "images/events/yellowCard.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row3"> <tr class = "countRow redCardCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row3Label">Yellow Cards</label> <label class = "editableString" value = "redCards">Red Cards</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row3CountLabel">0</label> <label class = "redCardCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row3Img"></img> <img class = "redCardPic" src = "images/events/redCard.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row4"> <tr class = "countRow successfulLineCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row4Label">Yellow Cards</label> <label class = "editableString" value = "sLEvents">Success Line</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row4CountLabel">0</label> <label class = "successfulLineCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row4Img"></img> <img class = "sLinePic" src = "images/events/successfulLine.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row5"> <tr class = "countRow unsuccessfulLineCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row5Label">Yellow Cards</label> <label class = "editableString" value = "uLEvents">Unsuccess Line</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row5CountLabel">0</label> <label class = "unsuccessfulLineCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row5Img"></img> <img class = "uLinePic" src = "images/events/unsuccessfulLine.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row6"> <tr class = "countRow successfulPointCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row6Label">Yellow Cards</label> <label class = "editableString" value = "sPtEvents">Success Pt</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row6CountLabel">0</label> <label class = "successfulPointCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row6Img"></img> <img class = "sPtPic" src = "images/events/successfulPoint.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row7"> <tr class = "countRow unsuccessfulPointCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row7Label">Yellow Cards</label> <label class = "editableString" value = "uPtEvents">Unsuccess Pt</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row7CountLabel">0</label> <label class = "unsuccessfulPointCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row7Img"></img> <img class = "uPtPic" src = "images/events/unsuccessfulPoint.png"></img>
</td> </td>
</tr> </tr>
</table> </table>
<table class = "eventsCount eventsCount_second eventsCount_head_second"> <table class = "eventsCount eventsCount_second eventsCount_head_second">
<tr class = "headerRow"> <tr class = "headerRow">
<th class = "titleHead editableString" value = "events">Events</th> <th class = "titleHead editableString" value = "events">Events</th>
<th class = "countHead editableString" value = "count">Count</th> <th class = "countHead editableString" value = "count">Count</th>
<th class = "iconHead editableString" value = "icon">Icon</th> <th class = "iconHead editableString" value = "icon">Icon</th>
</tr> </tr>
<tr class = "countRow row1"> <tr class = "countRow goalCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row1Label">Goals</label> <label class = "editableString" value = "goals">Goals</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row1CountLabel">0</label> <label class = "goalCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row1Img"></img> <img class = "goalPic" src = "images/football.svg"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row2"> <tr class = "countRow yellowCardCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row2Label">Yellow Cards</label> <label class = "editableString" value = "yellowCards">Yellow Cards</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row2CountLabel">0</label> <label class = "yellowCardCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row2Img"></img> <img class = "yellowCardPic" src = "images/events/yellowCard.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row3"> <tr class = "countRow redCardCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row3Label">Yellow Cards</label> <label class = "editableString" value = "redCards">Red Cards</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row3CountLabel">0</label> <label class = "redCardCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row3Img"></img> <img class = "redCardPic" src = "images/events/redCard.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row4"> <tr class = "countRow successfulLineCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row4Label">Yellow Cards</label> <label class = "editableString" value = "sLEvents">Success Line</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row4CountLabel">0</label> <label class = "successfulLineCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row4Img"></img> <img class = "sLinePic" src = "images/events/successfulLine.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row5"> <tr class = "countRow unsuccessfulLineCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row5Label">Yellow Cards</label> <label class = "editableString" value = "uLEvents">Unsuccess Line</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row5CountLabel">0</label> <label class = "unsuccessfulLineCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row5Img"></img> <img class = "uLinePic" src = "images/events/unsuccessfulLine.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row6"> <tr class = "countRow successfulPointCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row6Label">Yellow Cards</label> <label class = "editableString" value = "sPtEvents">Success Pt</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row6CountLabel">0</label> <label class = "successfulPointCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row6Img"></img> <img class = "sPtPic" src = "images/events/successfulPoint.png"></img>
</td> </td>
</tr> </tr>
<tr class = "countRow row7"> <tr class = "countRow unsuccessfulPointCountRow">
<td class = "countTitle"> <td class = "countTitle">
<label class = "row7Label">Yellow Cards</label> <label class = "editableString" value = "uPtEvents">Unsuccess Pt</label>
</td> </td>
<td class = "eventCount"> <td class = "eventCount">
<label class = "row7CountLabel">0</label> <label class = "unsuccessfulPointCountLabel">0</label>
</td> </td>
<td class = "countPic"> <td class = "countPic">
<img class = "row7Img"></img> <img class = "uPtPic" src = "images/events/unsuccessfulPoint.png"></img>
</td> </td>
</tr> </tr>
</table> </table>
<% end %> <% end %>
<% if @mode == "single": %> <% if @mode == "single": %>
<table class = "passMatrixCount passMatrix_first passMatrixCount_first passMatrixCount_single_first"> <table class = "passMatrixCount passMatrix_first passMatrixCount_first passMatrixCount_single_first">
<tr> <tr>
<th class = "editableString" value = "player">Player</th> <th class = "editableString" value = "name">Name</th>
<th class = "editableString" value = "to">To</th> <th class = "editableString" value = "to">To</th>
<th class = "editableString" value = "from">From</th> <th class = "editableString" value = "from">From</th>
</tr> </tr>
</table> </table>
<% end %> <% end %>
<% if @mode == "head": %> <% if @mode == "head": %>
<table class = "passMatrixCount passMatrix_first passMatrixCount_first passMatrixCount_head_first"> <table class = "passMatrixCount passMatrix_first passMatrixCount_first passMatrixCount_head_first">
<tr> <tr>
<th class = "editableString" value = "player">Player</th> <th class = "editableString" value = "name">Name</th>
<th class = "editableString" value = "to">To</th> <th class = "editableString" value = "to">To</th>
<th class = "editableString" value = "from">From</th> <th class = "editableString" value = "from">From</th>
</tr> </tr>
</table> </table>
<table class = "passMatrixCount passMatrix_second passMatrixCount_second passMatrixCount_head_second"> <table class = "passMatrixCount passMatrix_second passMatrixCount_second passMatrixCount_head_second">
<tr> <tr>
<th class = "editableString" value = "player">Player</th> <th class = "editableString" value = "name">Name</th>
<th class = "editableString" value = "to">To</th> <th class = "editableString" value = "to">To</th>
<th class = "editableString" value = "from">From</th> <th class = "editableString" value = "from">From</th>
</tr> </tr>
</table> </table>
<% end %> <% end %>
</div> </div>
</div> </div>
</div></div>
Editor
Original Text
Changed Text