Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-17 16:00:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Set card attachment as background image. Part 3.

Browse source 
Thanks to xet7 !

Related #486
This commit is contained in:
Lauri Ojansivu 2023-06-03 17:27:00 -04:00
parent 0afac8bbff
commit 01a1eb177e
4 changed files with 26 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/components/cards/attachments.js
View file

@ -176,8 +176,9 @@ BlazeComponent.extendComponent({
return ret; return ret;
}, },
isBackgroundImage() { isBackgroundImage() {
const currentBoard = Boards.findOne(Session.get('currentBoard')); //const currentBoard = Boards.findOne(Session.get('currentBoard'));
return currentBoard.backgroundImageURL === $(".attachment-thumbnail-img").attr("src"); //return currentBoard.backgroundImageURL === $(".attachment-thumbnail-img").attr("src");
return false;
}, },
events() { events() {
return [ return [
@ -196,9 +197,7 @@ BlazeComponent.extendComponent({
Popup.back(); Popup.back();
}, },
'click .js-add-background-image'() { 'click .js-add-background-image'() {
const currentBoard = Boards.findOne(Session.get('currentBoard')); Utils.setBackgroundImage($(".attachment-thumbnail-img").attr("src"));
currentBoard.setBackgroundImageURL($(".attachment-thumbnail-img").attr("src"));
Utils.setBackgroundImage();
Popup.back(); Popup.back();
event.preventDefault(); event.preventDefault();
}, },
@ -208,6 +207,7 @@ BlazeComponent.extendComponent({
Utils.setBackgroundImage(); Utils.setBackgroundImage();
Popup.back(); Popup.back();
Utils.reload(); Utils.reload();
event.preventDefault();
}, },
'click .js-move-storage-fs'() { 'click .js-move-storage-fs'() {
Meteor.call('moveAttachmentToStorage', this.data()._id, "fs"); Meteor.call('moveAttachmentToStorage', this.data()._id, "fs");

2
client/components/sidebar/sidebar.jade
View file

@ -152,7 +152,7 @@ template(name="boardChangeBackgroundImagePopup")
br br
hr hr
div div
button.js-remove-background.negate.wide.card-details-red.right {{_ 'unset-color'}} button.js-remove-background-image.negate.wide.card-details-red.right {{_ 'unset-color'}}
template(name="boardInfoOnMyBoardsPopup") template(name="boardInfoOnMyBoardsPopup")
form.board-info-on-my-boards form.board-info-on-my-boards

8
client/components/sidebar/sidebar.js
View file

@ -691,6 +691,14 @@ BlazeComponent.extendComponent({
Popup.back(); Popup.back();
event.preventDefault(); event.preventDefault();
}, },
'click .js-remove-background-image'() {
const currentBoard = Boards.findOne(Session.get('currentBoard'));
currentBoard.setBackgroundImageURL("");
Utils.setBackgroundImage("");
Popup.back();
//Utils.reload();
event.preventDefault();
},
}, },
]; ];
}, },

31
client/lib/utils.js
View file

@ -1,8 +1,15 @@
Utils = { Utils = {
setBackgroundImage() { setBackgroundImage(url) {
const currentBoard = Boards.findOne(Session.get('currentBoard')); const currentBoard = Boards.findOne(Session.get('currentBoard'));
if (currentBoard.backgroundImageURL) { if (url !== currentBoard.backgroundImageURL) {
$(".board-wrapper,.board-wrapper .board-canvas").css({"background":"url(" + currentBoard.backgroundImageURL + ")","background-size":"cover"}); if (url) {
currentBoard.setBackgroundImageURL(url);
} else {
currentBoard.setBackgroundImageURL("");
}
}
if (url) {
$(".board-wrapper,.board-wrapper .board-canvas").css({"background":"url(" + url + ")","background-size":"cover"});
$(".minicard").css({"padding":"8px 8px 2px","box-shadow":"0 2px 3px rgba(0, 0, 0, 0.37)"}); $(".minicard").css({"padding":"8px 8px 2px","box-shadow":"0 2px 3px rgba(0, 0, 0, 0.37)"});
$(".minicard .minicard-members,.minicard .minicard-assignees,.minicard .minicard-creator").css({"margin": "12px -0px 0px 5px"}); $(".minicard .minicard-members,.minicard .minicard-assignees,.minicard .minicard-creator").css({"margin": "12px -0px 0px 5px"});
$(".list").css({"margin":"8px","height":"fit-content","border-left":"none","border-radius":"3px"}); $(".list").css({"margin":"8px","height":"fit-content","border-left":"none","border-radius":"3px"});
@ -13,22 +20,8 @@ Utils = {
$("#header #header-main-bar .board-header-btn").css({"padding":"2px","margin":"0 5px"}); $("#header #header-main-bar .board-header-btn").css({"padding":"2px","margin":"0 5px"});
$(".swimlane").css({"background":"none"}); $(".swimlane").css({"background":"none"});
$(".board-canvas").css({"background":"none"}); $(".board-canvas").css({"background":"none"});
} } else {
}, $(".board-wrapper,.board-wrapper .board-canvas").css({"background": currentBoard.background.color});
unsetBackgroundImage() {
const currentBoard = Boards.findOne(Session.get('currentBoard'));
if (currentBoard.backgroundImageURL) {
$(".board-wrapper,.board-wrapper .board-canvas").css({"background":"none","background-size":"auto"});
$(".minicard").css({"padding":"6px 8px 2px","box-shadow":"0 1px 2px rgba(0,0,0,0.15)"});
$(".minicard .minicard-members,.minicard .minicard-assignees,.minicard .minicard-creator").css({"margin": "12px -0px 4px 5px"});
$(".list").css({"margin":"0px","height":"fit-content","border-left":"none","border-radius":"0px"});
$(".list-header-add").css({"padding":"10px 12px 4px"});
$(".list-header").css({"padding":"15px 12px 4px","border-top-left-radius":"3px","border-top-right-radius":"3px"});
$(".list-header .list-header-name").css({"font-size":"15px","line-height":"15px"});
$(".list-header .list-header-menu").css({"padding":"none"});
$("#header #header-main-bar .board-header-btn").css({"padding":"2px","margin":"0 5px"});
$(".swimlane").css({"background":"none"});
$(".board-canvas").css({"background":"none"});
} }
}, },
/** returns the current board id /** returns the current board id