github-mirrors/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-04-23 13:37:09 -04:00
Code Issues Projects Releases Packages Wiki Activity

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

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

@ -152,7 +152,7 @@ template(name="boardChangeBackgroundImagePopup")
br
hr
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")
form.board-info-on-my-boards

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

@ -691,6 +691,14 @@ BlazeComponent.extendComponent({
Popup.back();
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 = {
setBackgroundImage() {
setBackgroundImage(url) {
const currentBoard = Boards.findOne(Session.get('currentBoard'));
if (currentBoard.backgroundImageURL) {
$(".board-wrapper,.board-wrapper .board-canvas").css({"background":"url(" + currentBoard.backgroundImageURL + ")","background-size":"cover"});
if (url !== currentBoard.backgroundImageURL) {
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 .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"});
@ -13,22 +20,8 @@ Utils = {
$("#header #header-main-bar .board-header-btn").css({"padding":"2px","margin":"0 5px"});
$(".swimlane").css({"background":"none"});
$(".board-canvas").css({"background":"none"});
}
},
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"});
} else {
$(".board-wrapper,.board-wrapper .board-canvas").css({"background": currentBoard.background.color});
}
},
/** returns the current board id