appointment list time

src/client/app/tmpl/home-appointment-item.html

@@ -1,6 +1,8 @@
 <% var currentProfile = app.model.SessionUser.getUserProfile(); %>
 <% var mStart = a.getMomentStart(); %>
 <% var mEnd = a.getMomentEnd(); %>
+<% var mStartDate = mStart.format( 'D.M.Y' ); %>
+<% var mEndDate = mEnd.format( 'D.M.Y' ); %>
 <% var mDeadline = a.getMomentDeadline(); %>
 <% var mDeadlineReject = a.getMomentDeadlineReject(); %>
 <% var btnClass = ''; %>
@@ -49,7 +51,13 @@
                 <% } %>
             </div>
             <div class="appointment-datetime">
-                <i class="far fa-clock"></i> <%= mStart.format( 'HH:mm' ) %> - <%= mEnd.format( 'HH:mm' ) %> | <i class="far fa-thumbs-up"></i> <%= a.getNumAttendeesAccepted() %> <% if ( 0 < a.getMaxAttendees() ) {    %> | <%= a.getMaxAttendees() -  a.getNumAttendeesAccepted() %> verfügbar <% }  %> | <%= group ? group.getName() : '' %>
+                <% var displayedDateStart = mStart.format( 'HH:mm' ) %>
+                <% var displayedDateEnd = mEnd.format( 'HH:mm' ) %>
+                <% if ( mStart.format( 'D.M.Y' ) !== mEnd.format( 'D.M.Y' )) { %>
+                    <% displayedDateStart = mStart.format( 'ddd' ) + ' ' + mStart.format( 'D.M.' ) + ' ' + mStart.format( 'HH:mm' ) %>
+                    <% displayedDateEnd = mEnd.format( 'ddd' ) + ' ' + mEnd.format( 'D.M.' ) + ' ' + mEnd.format( 'HH:mm' ) %>
+                <% } %>
+                <i class="far fa-clock"></i> <%= displayedDateStart %> - <%= displayedDateEnd %> | <i class="far fa-thumbs-up"></i> <%= a.getNumAttendeesAccepted() %> <% if ( 0 < a.getMaxAttendees() ) {    %> | <%= a.getMaxAttendees() -  a.getNumAttendeesAccepted() %> verfügbar <% }  %> | <%= group ? group.getName() : '' %>
             </div>
         </div>
         <div data-type="appointment-rsvp-container"