-
Доски
{{#if isAuthorized}}
+
Доски
Профиль
Выход
{{else}}
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 9a8b93d0..bf63a068 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -1,10 +1,12 @@
// Базовый компонент
import {userActions} from '../../actions/user.js';
import BaseComponent from '../BaseComponent.js';
+
// Стили
import './Navbar.scss';
import UserStore from '../../stores/UserStore/UserStore.js';
+
// Шаблон
import template from './Navbar.hbs';
@@ -14,7 +16,7 @@ import template from './Navbar.hbs';
export default class NavbarComponent extends BaseComponent {
/**
* Конструктор, создающий класс компонента Navbar.
- * @param {function} context контекст отрисовки шаблона
+ * @param {Object} context контекст отрисовки шаблона
*/
constructor(context) {
super(context, template);
@@ -46,7 +48,6 @@ export default class NavbarComponent extends BaseComponent {
*/
_logout(event) {
event.preventDefault();
-
userActions.logout();
}
diff --git a/src/components/Navbar/Navbar.scss b/src/components/Navbar/Navbar.scss
index 0b81f6dc..c9668c31 100644
--- a/src/components/Navbar/Navbar.scss
+++ b/src/components/Navbar/Navbar.scss
@@ -1,14 +1,13 @@
/* navbar style */
.navbar__wrapper {
- z-index: 5;
background-color: #258085;
border-bottom: 1px solid #C3C3C3;
user-select: none;
}
.navbar {
- z-index: inherit;
+ z-index: 5;
height: 56px;
max-width: 1680px;
position: relative;
@@ -45,6 +44,7 @@
padding: 16px 10px;
color: #e5e9f5;
text-decoration: none;
+ cursor: pointer;
}
.navbar__link:hover {
diff --git a/src/constants/constants.js b/src/constants/constants.js
index ec150ae8..b7c1427a 100644
--- a/src/constants/constants.js
+++ b/src/constants/constants.js
@@ -8,7 +8,8 @@ export const Urls = {
Boards: '/boards',
Login: '/login',
Register: '/register',
- Logout: '/logout',
+ Board: '/board/
',
+ Card: '/card/',
Profile: '/profile',
NotFound: '/404',
};
@@ -18,6 +19,7 @@ export const Urls = {
*/
export const Html = {
Root: 'root',
+ PopUp: 'popup',
};
/**
@@ -46,6 +48,7 @@ export const HttpStatusCodes = {
BadRequest: 400,
Unauthorized: 401,
InternalServerError: 500,
+ Forbidden: 403,
};
/**
@@ -73,5 +76,14 @@ export const ConstantMessages = {
BoardTitleTooLong: 'Название доски превышает 60 символов',
BoardTitleTooShort: 'Название доски слишком короткое',
- BoardErrorOnServer: 'Не удалось создать доску, попробуйте позднее',
+ BoardDescriptionTooLong: 'Описание доски превышает 500 символов',
+ BoardDescriptionTooShort: 'Описание доски слишком короткое',
+ BoardCreateErrorOnServer: 'Не удалось создать доску, попробуйте позднее',
+ BoardDeleteErrorOnServer: 'Не удалось удалить доску, попробуйте позднее',
+ BoardUpdateErrorOnServer: 'Не удалось обновить доску, попробуйте позднее',
+ BoardNoAccess: 'Нет доступа к доске',
+
+ CardListTitleTooShort: 'Название списка карточек слишком короткое',
+ CardListTitleTooLong: 'Название списка карточек слишком длинное',
+ CardListErrorOnServer: 'Не удалось создать список, попробуйте позднее',
};
diff --git a/src/index.js b/src/index.js
index 54a23904..69aca17d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,7 +11,6 @@ import Router from './modules/Router/Router.js';
// utils
import {Html, Urls} from './constants/constants.js';
-
// Файл стилей
import './styles/scss/Common.scss';
@@ -19,26 +18,43 @@ import './styles/scss/Common.scss';
import RegisterView from './views/RegisterView/RegisterView.js';
import LoginView from './views/LoginView/LoginView.js';
import BoardsView from './views/BoardsView/BoardsView.js';
+import BoardView from './views/BoardView/BoardView.js';
+import CardComponent from './components/Card/Card.js';
import ProfileView from './views/ProfileView/ProfileView.js';
+if ('serviceWorker' in navigator) {
+ window.addEventListener('load', () => {
+ navigator.serviceWorker.register('/sw.js').then((registration) => {
+ console.log('SW registered with scope ', registration.scope);
+ }).catch((registrationError) => {
+ console.log('SW registration failed: ', registrationError);
+ });
+ });
+}
+
+if (UserStore.getContext('isAuthorized') === undefined) {
+ userActions.fetchUser();
+}
+
/* Обработчик на загрузку страницы */
window.addEventListener('DOMContentLoaded', async () => {
const root = document.getElementById(Html.Root);
-
- /* Сверка требуемого состояния пользователя с состоянием на сервере */
- if (UserStore.getContext('isAuthorized') === undefined) {
- userActions.fetchUser();
- }
-
- try {
- Router.register(Urls.Root, new BoardsView(root));
- Router.register(Urls.Register, new RegisterView(root));
- Router.register(Urls.Login, new LoginView(root));
- Router.register(Urls.Boards, new BoardsView(root));
- Router.register(Urls.Profile, new ProfileView(root));
-
- Router.start();
- } catch (error) {
- console.error(error);
- }
+ document.getElementById('no-connection').innerHTML = '';
+
+ UserStore.addListener(() => {
+ if (UserStore.getContext('isAuthorized') !== undefined) {
+ try {
+ Router.register(Urls.Root, new BoardsView(root));
+ Router.register(Urls.Register, new RegisterView(root));
+ Router.register(Urls.Login, new LoginView(root));
+ Router.register(Urls.Card, new CardComponent());
+ Router.register(Urls.Boards, new BoardsView(root));
+ Router.register(Urls.Board, new BoardView(root));
+ Router.register(Urls.Profile, new ProfileView(root));
+ Router.start();
+ } catch (error) {
+ console.error(error);
+ }
+ }
+ });
});
diff --git a/src/index_template.html b/src/index_template.html
index 55331193..ee39e936 100644
--- a/src/index_template.html
+++ b/src/index_template.html
@@ -5,13 +5,14 @@
-
+
+
-
+
@@ -20,8 +21,8 @@
-
-
+
+
+ {{/each}}
+