+ FooterLinks component; footer links from main -> client config; style update
This commit is contained in:
tmshv committed
1 parent
b7df552188
commit
48b2ca8d3e
13 files changed
+126
-69
No files matched your search
+4
-2
@@ -14,6 +14,7 @@ import ScheduleTable from './components/ScheduleTable';
|
||||
import ScheduleSlider from './components/ScheduleSlider';
|
||||
import ScheduleSlide from './components/ScheduleSlide';
|
||||
import ScheduleRecord from './components/ScheduleRecord';
|
||||
import FooterLinks from './components/FooterLinks';
|
||||
|
||||
import AppController from './controllers/AppController';
|
||||
import HomeController from './controllers/HomeController';
|
||||
@@ -102,6 +103,7 @@ app.run(($location, $rootScope, $http) => {
|
||||
ScheduleSlider,
|
||||
ScheduleSlide,
|
||||
ScheduleRecord,
|
||||
FooterLinks,
|
||||
function (app) {
|
||||
app.controller('HomePageController', ($scope) => {
|
||||
$scope.pageClass = 'page-home';
|
||||
@@ -119,8 +121,8 @@ app.run(($location, $rootScope, $http) => {
|
||||
$scope.pageClass = 'page-album';
|
||||
});
|
||||
|
||||
app.controller('DocsPageController', ($scope) => {
|
||||
$scope.pageClass = 'page-docs';
|
||||
app.controller('DocumentsPageController', ($scope) => {
|
||||
$scope.pageClass = 'page-documents';
|
||||
});
|
||||
|
||||
app.controller('CollectivePageController', ($scope) => {
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
import template from '../../templates/components/footer-links.html';
|
||||
|
||||
export default function (app) {
|
||||
app.component('footerLinks', {
|
||||
bindings: {
|
||||
title: '@',
|
||||
links: '<'
|
||||
},
|
||||
template: template
|
||||
});
|
||||
};
|
||||
+51
-3
@@ -39,8 +39,56 @@ export let routes = [
|
||||
},
|
||||
{
|
||||
name: '/documents',
|
||||
templateUrl: '/views/docs.html',
|
||||
controller: 'DocsPageController',
|
||||
templateUrl: '/views/documents.html',
|
||||
controller: 'DocumentsPageController',
|
||||
title: 'Документы'
|
||||
}
|
||||
];
|
||||
];
|
||||
|
||||
export const footer = {
|
||||
links: {
|
||||
docs: {
|
||||
title: 'Документы',
|
||||
links: [
|
||||
{url: '/document/edu-license', link: 'Лицензия на осуществление образовательной деятельности'},
|
||||
{url: '/document/gov-certificate', link: 'Свидетельство о государственной регистрации права'},
|
||||
{url: '/document/EGRYL1', link: 'Свидетельство о внесении в «ЕГРЮЛ»'},
|
||||
{url: '/document/VAT', link: 'ИНН'},
|
||||
{url: '/document/statue-2013', link: 'Устав школы'}
|
||||
]
|
||||
},
|
||||
sites: {
|
||||
title: 'Ссылки на образовательные сайты',
|
||||
links: [
|
||||
{
|
||||
url: 'http://минобрнауки.рф',
|
||||
link: 'минобрнауки.рф',
|
||||
description: 'Министерство образования и науки Российской Федерации'
|
||||
},
|
||||
{url: 'http://edu.ru', link: 'edu.ru', description: 'Федеральный сайт «Российское образование»'},
|
||||
{
|
||||
url: 'http://window.edu.ru',
|
||||
link: 'window.edu.ru',
|
||||
description: 'Единое окно доступа к образовательным ресурсам'
|
||||
},
|
||||
{
|
||||
url: 'http://school-collection.edu.ru',
|
||||
link: 'school-collection.edu.ru',
|
||||
description: 'Единая коллекция цифровых образовательных ресурсов'
|
||||
},
|
||||
{
|
||||
url: 'http://fcior.edu.ru',
|
||||
link: 'fcior.edu.ru',
|
||||
description: 'Федеральный центр информационных образовательных ресурсов'
|
||||
},
|
||||
{url: 'http://dkhshmga.ru', link: 'dkhshmga.ru', description: 'Художественная школа Мги'},
|
||||
{
|
||||
url: 'http://kirovskdmh.ucoz.ru',
|
||||
link: 'kirovskdmh.ucoz.ru',
|
||||
description: 'Музыкальная школа Кировска'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import {footer} from '../config';
|
||||
|
||||
export default function (app) {
|
||||
app.controller('AppController', ($scope, menu) => {
|
||||
$scope.menuProvider = menu.items;
|
||||
$scope.footer = footer;
|
||||
});
|
||||
};
|
||||
@@ -0,0 +1,21 @@
|
||||
@import "../variables";
|
||||
|
||||
.footer-links {
|
||||
&__header {
|
||||
margin-bottom: $single-margin;
|
||||
font-size: $bigger-font-size;
|
||||
color: $light-color;
|
||||
}
|
||||
|
||||
&__link {
|
||||
margin-bottom: $half-margin;
|
||||
|
||||
a {
|
||||
border-bottom: 1px solid darken($link-color, 40%);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
File renamed without changes.
+15
-35
@@ -1,53 +1,33 @@
|
||||
@import "variables";
|
||||
|
||||
$uri: '/graphics/rawline.png';
|
||||
|
||||
footer {
|
||||
color: #e3e3e3;
|
||||
background-color: #151515;
|
||||
font-size: 0.9em;
|
||||
padding: 0 0.5em 0.5em;
|
||||
color: $light-color;
|
||||
padding: 0 $half-margin $half-margin;
|
||||
position: relative;
|
||||
background-color: $darker-color;
|
||||
|
||||
&:before {
|
||||
$s: 3px;
|
||||
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
top: -$s;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
height: $s;
|
||||
z-index: 100;
|
||||
background-image: url('/graphics/rawline.png');
|
||||
background-image: url($uri);
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size: 1.3em;
|
||||
color: white;
|
||||
margin: 0.5em 0 0.7em;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0 0.5em 0 1em;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin: 0 0 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 0.15em 0;
|
||||
line-height: 1.5em;
|
||||
color: #738cdb;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #2c3652;
|
||||
}
|
||||
|
||||
.info-block {
|
||||
.footer-info {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
& > div {
|
||||
box-sizing: border-box;
|
||||
padding: 0 1em;
|
||||
}
|
||||
padding: $double-margin $single-margin 0;
|
||||
margin-bottom: $double-margin;
|
||||
}
|
||||
|
||||
.contacts {
|
||||
|
||||
+1
-1
@@ -37,7 +37,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.page-docs {
|
||||
.page-documents {
|
||||
&.ng-leave {
|
||||
transform-origin: 50% 50%;
|
||||
animation: rotateOutNewspaper .3s both ease-in;
|
||||
|
||||
@@ -9,6 +9,7 @@
|
||||
@import "components/timeline-record-post";
|
||||
@import "components/timeline-record-instagram";
|
||||
@import "components/schedule-table";
|
||||
@import "components/footer-links";
|
||||
|
||||
@import "main";
|
||||
@import "body-wrapper";
|
||||
@@ -16,7 +17,7 @@
|
||||
@import "content";
|
||||
@import "page-animation";
|
||||
|
||||
@import "docs";
|
||||
@import "documents";
|
||||
@import "document";
|
||||
@import "album";
|
||||
@import "schedule-selector";
|
||||
|
||||
@@ -7,8 +7,10 @@ $content-semi-wide: 70%;
|
||||
$content-thin: 60%;
|
||||
|
||||
//MARGINS
|
||||
$single-margin: 1.5em;
|
||||
$double-margin: 3em;
|
||||
$small-margin: .2em;
|
||||
$half-margin: .5em;
|
||||
$single-margin: 1.0em;
|
||||
$double-margin: 3.0em;
|
||||
|
||||
//COLOR
|
||||
$dark-color: hsl(0, 0%, 20%);
|
||||
@@ -34,6 +36,10 @@ $white-shadow: 0 .1em 0.3em rgba(0, 0, 0, 0.2);
|
||||
$title-font: "PT Sans", Arial, sans-serif;
|
||||
$text-font: "PT Sans", Arial, sans-serif;
|
||||
|
||||
$normal-font-size: 1em;
|
||||
$bigger-font-size: 1.5em;
|
||||
$smaller-font-size: .8em;
|
||||
|
||||
//MENU
|
||||
$menu-thickness: 2.5em;
|
||||
$menu-colored-mark-thickness: 4px;
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="footer-links">
|
||||
<h4 class="footer-links__header" ng-show="$ctrl.title">{{$ctrl.title}}</h4>
|
||||
<ul>
|
||||
<li class="footer-links__link" ng-repeat="i in $ctrl.links"><a href="{{i.url}}">{{i.link}}</a>
|
||||
<span ng-show="i.description"> — </span>{{i.description}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
+3
-25
@@ -55,31 +55,9 @@
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="info-block">
|
||||
<div>
|
||||
<h4>Документы</h4>
|
||||
<ul>
|
||||
<li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
|
||||
<li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
|
||||
<li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
|
||||
<li><a target="_blank" href="/document/VAT">ИНН</a></li>
|
||||
<li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Ссылки на образовательные сайты</h4>
|
||||
<ul>
|
||||
<li><a href="http://минобрнауки.рф">минобрнауки.рф</a> — Министерство образования и науки Российской Федерации</li>
|
||||
<li><a href="http://edu.ru">edu.ru</a> — Федеральный сайт «Российское образование»</li>
|
||||
<li><a href="http://window.edu.ru">window.edu.ru</a> — Единое окно доступа к образовательным ресурсам</li>
|
||||
<li><a href="http://school-collection.edu.ru">school-collection.edu.ru</a> — Единая коллекция цифровых образовательных ресурсов</li>
|
||||
<li><a href="http://fcior.edu.ru">fcior.edu.ru</a> — Федеральный центр информационных образовательных ресурсов</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="http://dkhshmga.ru">dkhshmga.ru</a> — Художественная школа Мги</li>
|
||||
<li><a href="http://kirovskdmh.ucoz.ru">kirovskdmh.ucoz.ru</a> — Музыкальная школа Кировска</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-info">
|
||||
<footer-links title="{{footer.links.docs.title}}" links="footer.links.docs.links"></footer-links>
|
||||
<footer-links title="{{footer.links.sites.title}}" links="footer.links.sites.links"></footer-links>
|
||||
</div>
|
||||
|
||||
<div class="contacts" ng-controller="ContactsController">
|
||||
|
||||
File renamed without changes.
Reference in new issue
Block a user