diff --git a/src/client/app.js b/src/client/app.js
index dab66fb4..ba489dfb 100644
--- a/src/client/app.js
+++ b/src/client/app.js
@@ -21,9 +21,9 @@ import PageSchedule from './components/PageSchedule';
 import PageCollective from './components/PageCollective';
 import PageGallery from './components/PageGallery';
 import PageGalleryAlbum from './components/PageGalleryAlbum';
+import PageDocuments from './components/PageDocuments';
 
 import AppController from './controllers/AppController';
-import DocumentsController from './controllers/DocumentsController';
 import CopyrightController from './controllers/CopyrightController';
 import ContactsController from './controllers/ContactsController';
 
@@ -95,6 +95,7 @@ app.run(($location, $rootScope, $http) => {
     PageCollective,
     PageGallery,
     PageGalleryAlbum,
+    PageDocuments,
     AppController,
     DocumentsController,
     CopyrightController,
@@ -104,10 +105,5 @@ app.run(($location, $rootScope, $http) => {
     ScheduleSlider,
     ScheduleSlide,
     ScheduleRecord,
-    FooterLinks,
-    function (app) {
-        app.controller('DocumentsPageController', ($scope) => {
-            $scope.pageClass = 'page-documents';
-        });
-    }
+    FooterLinks
 ].map(i => i(app));
diff --git a/src/client/components/PageDocuments.js b/src/client/components/PageDocuments.js
new file mode 100644
index 00000000..d6d38d7f
--- /dev/null
+++ b/src/client/components/PageDocuments.js
@@ -0,0 +1,17 @@
+import template from '../../templates/components/page-documents.html';
+
+export default function (app) {
+    app.component('pageDocuments', {
+        template: template,
+        controller: function(api, docs) {
+            this.pageClass = 'page-documents';
+
+            this.documents = docs.docs;
+
+            api.document.awards()
+                .success(data => {
+                    this.awards = data;
+                });
+        }
+    });
+};
\ No newline at end of file
diff --git a/src/client/config.js b/src/client/config.js
index 080a9bbd..3b3552e8 100644
--- a/src/client/config.js
+++ b/src/client/config.js
@@ -46,8 +46,7 @@ export let routes = [
     },
     {
         name: '/documents',
-        templateUrl: '/views/documents.html',
-        controller: 'DocumentsPageController',
+        template: '<page-documents></page-documents>',
         title: 'Документы'
     }
 ];
diff --git a/src/client/controllers/DocumentsController.js b/src/client/controllers/DocumentsController.js
deleted file mode 100644
index 76cf13e0..00000000
--- a/src/client/controllers/DocumentsController.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function (app) {
-    app.controller('DocumentsController', ($scope, api, docs) => {
-        $scope.documents = docs.docs;
-
-        api.document.awards()
-            .success(data => {
-                $scope.awards = data;
-            });
-    });
-};
diff --git a/src/templates/components/page-documents.html b/src/templates/components/page-documents.html
new file mode 100644
index 00000000..be9a4a59
--- /dev/null
+++ b/src/templates/components/page-documents.html
@@ -0,0 +1,11 @@
+<div class="content content_wide">
+    <h2>Устав, Лицензия, пр.</h2>
+    <div class="documents-container">
+        <document ng-repeat="i in $ctrl.documents" document="i"></document>
+    </div>
+
+    <h2>Награды</h2>
+    <div class="documents-container">
+        <award ng-repeat="i in $ctrl.awards" document="i"></award>
+    </div>
+</div>
diff --git a/src/templates/views/documents.html b/src/templates/views/documents.html
deleted file mode 100644
index 6038a7e4..00000000
--- a/src/templates/views/documents.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="content content_wide"  ng-controller="DocumentsController">
-    <h2>Устав, Лицензия, пр.</h2>
-    <div class="documents-container">
-        <document ng-repeat="i in documents" document="i"></document>
-    </div>
-
-    <h2>Награды</h2>
-    <div class="documents-container">
-        <award ng-repeat="i in awards" document="i"></award>
-    </div>
-</div>