<commit_before>@(title: String, course: models.Course, lectures: List[models.Lecture]) 

@scripts = {
<link rel="stylesheet" href="@routes.Assets.at("stylesheets/lectures.css")">
} 

@Main(title, scripts) {

<div class="title">
  <h1>@course.getCourseName() (@course.getId()) - Lectures</h1>
</div>

<hr>
<br />
<div class="well">
  <p><b>Number of Videos: <span class="badge">@lectures.size()</span></b></p>

  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

    @for(lecture <- lectures) {
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="@lecture.getLevel()">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#@lecture.getVideoId()" aria-expanded="true"
            aria-controls="collapseOne">@lecture.getCourse() @lecture.getLevel() - @lecture.getTopic() </a>
          <div class="pull-right">
            <span class="glyphicon glyphicon-chevron-down"></span>
          </div>
        </h4>
      </div>
      <div id="@lecture.getVideoId()" class="panel-collapse collapse" role="tabpanel" aria-labelledby="@lecture.getVideoId()">
        <div class="panel-body">
          <p><b>Video: </b></p>
          <iframe width="560" height="315" src="http://www.youtube.com/embed/@lecture.getVideoId()" frameborder="0" allowfullscreen></iframe>
          <p><b>Description: </b></p>
          @lecture.getDescription() 
          <br><br>
          <a id="editLecture" class="btn btn-warning btn-xs" href="#">
          <span class="glyphicon glyphicon-edit"></span> Edit</a> 
          <a id="deleteLecture" data-toggle="modal" href="#delete" class="btn btn-danger btn-xs pull-right">
          <span class="glyphicon glyphicon-trash"></span> Delete</a>
        </div>
      </div>
    </div>

    <div id="delete" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">
              <span class="glyphicon glyphicon-warning-sign"></span> Do you really want to delete this video?
            </h4>
          </div>
          <div class="modal-body">
            <p>This change cannot be undone!</p><commit_msg>added add lecture button for later implementation<commit_after>@(title: String, course: models.Course, lectures: List[models.Lecture]) 

@scripts = {
<link rel="stylesheet" href="@routes.Assets.at("stylesheets/lectures.css")">
} 

@Main(title, scripts) {

<div class="title">
  <h1>@course.getCourseName() (@course.getId()) - Lectures</h1>
</div>

<hr>
<br />
<div class="well">

  <p><b>Number of Videos: <span class="badge">@lectures.size()</span></b>
    <a id="addLecture" class="btn btn-default btn-xs pull-right" href="#">
    <span class="glyphicon glyphicon-pencil"></span> Add</a>
  </p>

  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    @for(lecture <- lectures) {
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="@lecture.getLevel()">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#@lecture.getVideoId()" aria-expanded="true"
            aria-controls="collapseOne">@lecture.getCourse() @lecture.getLevel() - @lecture.getTopic() </a>
          <div class="pull-right">
            <span class="glyphicon glyphicon-chevron-down"></span>
          </div>
        </h4>
      </div>
      <div id="@lecture.getVideoId()" class="panel-collapse collapse" role="tabpanel" aria-labelledby="@lecture.getVideoId()">
        <div class="panel-body">
          <p><b>Video: </b></p>
          <iframe width="560" height="315" src="http://www.youtube.com/embed/@lecture.getVideoId()" frameborder="0" allowfullscreen></iframe>
          <p><b>Description: </b></p>
          @lecture.getDescription() 
          <br><br>
          <a id="editLecture" class="btn btn-warning btn-xs" href="#">
          <span class="glyphicon glyphicon-edit"></span> Edit</a> 
          <a id="deleteLecture" data-toggle="modal" href="#delete" class="btn btn-danger btn-xs pull-right">
          <span class="glyphicon glyphicon-trash"></span> Delete</a>
        </div>
      </div>
    </div>
    
    <!-- delete modal -->
    <div id="delete" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">
              <span class="glyphicon glyphicon-warning-sign"></span> Do you really want to delete this video?
            </h4>
          </div>
          <div class="modal-body">
            <p>This change cannot be undone!</p>
{'fraction_non_alphanumeric': 0.19134216248270408, 'fraction_numerical': 0.0055346906503261515, 'mean_word_length': 3.1577649958915366, 'pattern_counts': {'":': 0, '<': 140, '<?xml version=': 0, '>': 138, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3214663', 'n_tokens_mistral': 1685, 'n_tokens_neox': 1596, 'n_words': 313}