<h2>Dramas Index </h2>
  <div ng-controller="DramasCtrl as dramas">
    <ul>
      <div ng-repeat= "drama in dramas.items">
          <div class='cover'>
          <li>
            <figure>
              <img src="/drama_thumbnails/{{drama.poster_file_name}}" alt="{{drama.poster_file_name}}">
              <figcaption>
                  {{drama.name}} <br/>
                  {{drama.release_date}}
              </figcaption>
            </figure>
          </li>
          </div>
      </div>
  	</ul>

     
 

<h2>Dramas Index </h2>
  <div ng-controller="DramasCtrl as dramas">
    <div gridster= "dramas.gridsterOpts">
      <ul>
        <li gridster-item="items" ng-repeat= "drama in dramas.items">
          <figure>
            <img src="/drama_thumbnails/{{drama.poster_file_name}}" alt="{{drama.poster_file_name}}">
            <figcaption>
              {{drama.name}} <br/>
              {{drama.release_date}}
            </figcaption>
          </figure>
        </li>
  	  </ul>
    </div>
  </div>

     
 

Add gridster directive to dramas index
Add gridster directive to dramas index
