- 
- {{{this.title}}}
- {{#if profile.currentUser}} + {{#if ../profile.currentUser}} {{#if this.private}}
{{/if}}
diff --git a/public/pages/profile/board-grid.js b/public/pages/profile/board-grid.js
index 354910b..391a029 100644
--- a/public/pages/profile/board-grid.js
+++ b/public/pages/profile/board-grid.js
@@ -1,27 +1,37 @@
'use strict'
-import { BaseComponent } from "../../components/base/base.js"
+import { BaseComponent } from "../../components/base.js"
/**
* Component that is used to display boards grid on user profile page.
*/
export class BoardGridComponent extends BaseComponent {
#boards;
-
+ #currentUser;
+
/**
*
* @param {HTMLElement} parent - HTML element of the parent container.
* @param {Array} boards - list of boards of currently authorized user.
+ * @param {Boolean} currentUser - whether print boards of authorized user or not.
*/
- constructor(parent, boards) {
+ constructor(parent, boards, currentUser) {
super(parent);
this.#boards = boards;
+ this.#currentUser = currentUser;
}
+ /**
+ * Renders a template of board grid component.
+ * @returns rendered template of board grid component.
+ */
renderTemplate() {
const template = Handlebars.templates['board-grid.hbs'];
const renderedTemplate = template({
boards: this.#boards,
+ profile: {
+ currentUser: this.#currentUser,
+ },
});
return renderedTemplate;
diff --git a/public/pages/profile/profile.css b/public/pages/profile/profile.css
index cb479c5..94a2083 100644
--- a/public/pages/profile/profile.css
+++ b/public/pages/profile/profile.css
@@ -245,8 +245,7 @@ hr {
align-items: center;
}
-.profile__boards-header-nav-to-pinset-link,
-.profile__boards-header-nav-to-profile {
+a[class^=profile__boards-header-nav-to] {
text-decoration: none;
color: var(--pinset-profile-navigation-text-color);
transition: 0.5s;
@@ -257,8 +256,7 @@ hr {
height: 20px;
}
-.profile__boards-header-nav-to-pinset-link:hover,
-.profile__boards-header-nav-to-profile:hover {
+a[class^=profile__boards-header-nav-to]:hover {
color: var(--pinset-profile-navigation-hovered-text-color);
transition: 0.5s;
}
@@ -277,6 +275,41 @@ hr {
cursor: pointer;
}
+.icon-button__content-container {
+ width: 45px;
+ height: 45px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 10px;
+ transition: 0.5s;
+}
+
+.icon-button__edit-img,
+.icon-button__delete-img {
+ width: 40px;
+ height: 40px;
+}
+
+.icon-button__content-container.icon-button__edit-img {
+ margin: 10px;
+ background-color: var(--pinset-profile-user-edit-block-color);
+}
+
+.icon-button__content-container.icon-button__edit-img:hover {
+ background-color: var(--pinset-profile-user-edit-block-hovered-color);
+ cursor: pointer;
+ transition: 0.5s;
+}
+
+.icon-button__content-container.icon-button__delete-img {
+ background-color: var(--pinset-delete-button-color);
+}
+
+.icon-button__content-container.icon-button__delete-img:hover {
+ background-color: var(--pinset-delete-button-hovered-color);
+}
+
.profile__boards-header-title p {
margin: 0;
font-size: 30px;
@@ -294,7 +327,7 @@ hr {
.profile__boards-header-search-block .searchinput__content-container {
width: 100%;
- height: 90%;
+ height: 100%;
border-radius: 10px;
}
@@ -304,12 +337,12 @@ hr {
}
.profile__boards-header-search-block img {
- width: 45px;
- height: 45px;
+ width: 40px;
+ height: 40px;
}
.profile__boards-header-searh-filter-icon {
- margin: 5px;
+ margin-left: 5px;
}
.profile__boards-header-search-block img:hover {
diff --git a/public/pages/profile/profile.hbs b/public/pages/profile/profile.hbs
index e331558..1fe62e7 100644
--- a/public/pages/profile/profile.hbs
+++ b/public/pages/profile/profile.hbs
@@ -78,13 +78,13 @@
Pinset
-
+
Мой профиль
Мои доски
-
+
![\"Preview\"](\"./assets/icons/magnifier.svg\"){kind=icon}
\r\n ![](\"./assets/imgs/avatar.jpg\"){kind=avatar}
\r\n \r\n \r\n \r\n \r\n"
+ + ((stack1 = lookupProperty(helpers,"unless").call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? lookupProperty(depth0,"pin") : depth0)) != null ? lookupProperty(stack1,"imageOnly") : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":8,"column":1},"end":{"line":16,"column":12}}})) != null ? stack1 : "")
+ + "\r\n";
},"useData":true});
templates['preview.hbs'] = template({"1":function(container,depth0,helpers,partials,data) {
return " ![\"bookmark](\"./assets/icons/bookmark-fill.svg\"){kind=icon}
\r\n";
@@ -392,7 +421,7 @@ templates['main.hbs'] = template({"compiler":[8,">= 4.3.0"],"main":function(cont
+ ((stack1 = ((helper = (helper = lookupProperty(helpers,"grid") || (depth0 != null ? lookupProperty(depth0,"grid") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"grid","hash":{},"data":data,"loc":{"start":{"line":3,"column":4},"end":{"line":3,"column":14}}}) : helper))) != null ? stack1 : "")
+ "\r\n\r\n";
},"useData":true});
-templates['board-grid.hbs'] = template({"1":function(container,depth0,helpers,partials,data) {
+templates['board-grid.hbs'] = template({"1":function(container,depth0,helpers,partials,data,blockParams,depths) {
var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
return parent[propertyName];
@@ -400,8 +429,8 @@ templates['board-grid.hbs'] = template({"1":function(container,depth0,helpers,pa
return undefined
};
- return ((stack1 = lookupProperty(helpers,"each").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,"boards") : depth0),{"name":"each","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":8},"end":{"line":33,"column":17}}})) != null ? stack1 : "");
-},"2":function(container,depth0,helpers,partials,data) {
+ return ((stack1 = lookupProperty(helpers,"each").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,"boards") : depth0),{"name":"each","hash":{},"fn":container.program(2, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":8},"end":{"line":33,"column":17}}})) != null ? stack1 : "");
+},"2":function(container,depth0,helpers,partials,data,blockParams,depths) {
var stack1, alias1=container.lambda, alias2=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
return parent[propertyName];
@@ -418,7 +447,7 @@ templates['board-grid.hbs'] = template({"1":function(container,depth0,helpers,pa
+ "\">\r\n " + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"title") : depth0), depth0)) != null ? stack1 : "") + "
\r\n" - + ((stack1 = lookupProperty(helpers,"if").call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? lookupProperty(depth0,"profile") : depth0)) != null ? lookupProperty(stack1,"currentUser") : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":10,"column":24},"end":{"line":14,"column":31}}})) != null ? stack1 : "") + + ((stack1 = lookupProperty(helpers,"if").call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depths[1] != null ? lookupProperty(depths[1],"profile") : depths[1])) != null ? lookupProperty(stack1,"currentUser") : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":10,"column":24},"end":{"line":14,"column":31}}})) != null ? stack1 : "") + "" + ((stack1 = alias1((depth0 != null ? lookupProperty(depth0,"bookmarkedNumber") : depth0), depth0)) != null ? stack1 : "") + "
\r\n![\"Bookmark\"](\"./assets/icons/bookmarked-board.svg\"){kind=icon}
\r\n "
@@ -439,7 +468,7 @@ templates['board-grid.hbs'] = template({"1":function(container,depth0,helpers,pa
return " ![\"Private\"](\"./assets/icons/private.svg\"){kind=icon}
\r\n";
},"6":function(container,depth0,helpers,partials,data) {
return "
По вашему запросу ничего не найдено
\r\n"; -},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) { +},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data,blockParams,depths) { var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) { if (Object.prototype.hasOwnProperty.call(parent, propertyName)) { return parent[propertyName]; @@ -448,9 +477,9 @@ templates['board-grid.hbs'] = template({"1":function(container,depth0,helpers,pa }; return "![\"Settings\"](\"./assets/icons/edit.svg\"){kind=icon}
\r\n ![\"Pinterest\"](\"./assets/icons/social/pinterest.svg\"){kind=icon}
\r\n";
},"13":function(container,depth0,helpers,partials,data) {
- return " \r\n Мои доски
\r\n![\"Create\"](\"./assets/icons/add-button.svg\"){kind=icon}
\r\n Мои доски
\r\n\r\n ![\"Navigate\"](\"./assets/icons/navigation-arrow.svg\"){kind=icon}
\r\n