Stuck on Step 5


#1

programListing.html

<div class="row">
<div class="col-md-3 series_img">
<img ng-src ="{{ listing.series_img} }" />
</div>
<div class="col-md-6">
<h1 class="series">{{ listing.series }}</h1>
<h2 class="episode">{{ listing.episode }}</h2>
<p class="description">{{ listing.description }}</p>
</div>
<div class="col-md-3">
<ul class="list-group">
<li class="list-group-item"><span>Date:</span>{{ listing.datetime | date }}  </li>
<li class="list-group-item"><span>On air:</span>{{ listing.datetime | date:'EEEE' }}  </li>
<li class="list-group-item"><span>Time:</span>{{ listing.datetime | date:'shortTime' }}  </li>
<li class="list-group-item"><span>Season:</span> {{ listing.season }}  </li>
<li class="list-group-item"><span>Genre:</span> {{ listing.genre }} </li>
</ul>
</div>
</div>

programListing.js

app.directive('programListing', function() { 
  return { 
    restrict: 'E', 
    scope: { 
      listing: '=' 
    }, 
    templateUrl: 'js/directives/progamListing.html' 
  }; 
});

index.html

<!doctype html>
<html>
  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
    <link href='https://fonts.googleapis.com/css?family=Oxygen:300,400,700' rel='stylesheet' type='text/css'>
      <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/vendor/angular.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers/MainController.js"></script>
  </head>
  <body ng-app="BoltNetworkApp">
    <div class="header">
      <div class="container">
        <img src="img/logo.svg" width="180" height="34">
      </div>
    </div>

    <div class="main" ng-controller="MainController">
      <div class="container"><div class="content"></div><program-listing listing="program"> </program-listing></div>
    </div>

    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <h3>Bolt</h3>
            <ul>
              <li>Careers</li>
              <li>Terms</li>
              <li>Help</li>
            </ul>
          </div>
          <div class="col-md-3">
            <h3>More Bolt</h3>
            <ul>
              <li>Gift Cards</li>
              <li>Trailers</li>
            </ul>
          </div>
          <div class="col-md-3">
            <h3>News</h3>
            <ul>
              <li>Blog</li>
              <li>Twitter</li>
              <li>YouTube</li>
              <li>Google+</li>
              <li>Facebook</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>
    <script src="js/directives/programListing.js"></script>
  </body>
</html>

#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.