album info block

assets/style/gallery.scss

@@ -61,6 +61,15 @@
     justify-content: center;
   }
 
+  .album-info {
+    width: 80%;
+    margin: 0 0 3em;
+  }
+
+  .album-info p {
+    margin: 0 0 .5em;
+  }
+
   .album-item {
     width: 80%;
     box-sizing: border-box;
@@ -121,6 +130,11 @@
       margin: 1em 0 0.5em;
     }
 
+    .album-info{
+      width: 100%;
+      margin: 0 0 2em;
+    }
+
     .album-item {
       width: 100%;
       padding: 1em 1em 5em;
@@ -145,6 +159,12 @@
 
 @media screen and (min-width: 31.25em) and (max-width: 59.99999em){
   .album-block {
+    .album-info{
+      width: 100%;
+      margin: 0 0 2em;
+      font-size: 0.75em;
+    }
+
     .album-item {
       width: 100%;
       padding: 2em 2em 5em;

client/pages/gallery.js

@@ -51,7 +51,7 @@ module.exports = function (app) {
         }
     );
 
-    app.controller("AlbumPageController", function ($scope, $http, $routeParams, api, menu) {
+    app.controller("AlbumPageController", function ($scope, $http, $routeParams, team, api, menu) {
         menu.activate('/gallery');
 
         var year_uri = $routeParams.year;
@@ -67,6 +67,8 @@ module.exports = function (app) {
                 //album.preview_url = preview.content.medium.url;
                 //album.fotorama = album.content.map(productToFotorama);
 
+                album.teacherName = team.name(album['teacher']);
+
                 $scope.album = album;
                 $scope.crumbs = [
                     {

templates/views/gallery-album.html

@@ -2,9 +2,14 @@
 
 <div class="album-block" ng-controller="AlbumPageController">
     <h3>{{album.title}}</h3>
-    <!--<div g-fotorama="album.fotorama"></div>-->
 
     <div class="album">
+        <div class="album-info">
+            <p>Предмет: {{album.course}}</p>
+            <p>Преподаватель: <a href="/">{{album.teacherName}}</a></p>
+            <p class="description" ng-show="album.description">{{album.description}}</p>
+        </div>
+
         <div class="album-item" ng-repeat="product in album.content">
             <img ng-src="{{product.content.big.url}}" alt=""/>