Skip to content

Instantly share code, notes, and snippets.

@dubeyji10
Created July 14, 2022 12:10
Show Gist options
  • Save dubeyji10/74e11f72dc9d6ef477c3143b288dc758 to your computer and use it in GitHub Desktop.
Save dubeyji10/74e11f72dc9d6ef477c3143b288dc758 to your computer and use it in GitHub Desktop.
modification in meeting list response - a clean json collection instead of raw - custom rendering of response data - an option to explore each meeting separately
# additions to view.py add them after or before the views already in the appfolder/views.py
<html>
<!-- link stylesheet -->
<div id="message">---- {{message}} ----</div>
<br>
<div>
<div id="item">
<div>Name</div>
<div>MeetingType</div>
<div>MeetingID</div>
<div>Attendance</div>
<div>start</div>
<div>end</div>
<div>more details</div>
</div>
{% for item in data %}
<hr>
<div id="item">
<div>{{item.subject}}</div>
<div>{{item.meetingType}}</div>
<div> {{item.meetingId}} </div>
<div>{{item.numAttendees}}</div>
<div>{{item.startTime}}</div>
<div>{{item.endTime}}</div>
<div> <a href="{{item.meetingId}}" class="meeting" target="_blank" id={{item.meetingId}}> more </a></div>
</div>
{% endfor %}
<hr>
</div>
</html>
#message{
text-align: center;
font-size: 1.22em;
}
#item{
font-size: 1.11rem;
display: grid;
grid-template-columns: repeat(7,1fr);
justify-content:space-around;
padding: 10px 10px 10px 5px;
background-color: rgb(134, 243, 166);
color: rgb(12, 7, 7);
}
#item div{
text-align: center;
}
.meeting{
font-size: 1.05em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment