sidebar.js 53 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915
  1. import { TAPi18n } from '/imports/i18n';
  2. Sidebar = null;
  3. const defaultView = 'home';
  4. const MCB = '.materialCheckBox';
  5. const CKCLS = 'is-checked';
  6. const viewTitles = {
  7. filter: 'filter-cards',
  8. search: 'search-cards',
  9. multiselection: 'multi-selection',
  10. customFields: 'custom-fields',
  11. archives: 'archives',
  12. };
  13. BlazeComponent.extendComponent({
  14. mixins() {
  15. return [Mixins.InfiniteScrolling];
  16. },
  17. onCreated() {
  18. this._isOpen = new ReactiveVar(false);
  19. this._view = new ReactiveVar(defaultView);
  20. this._hideCardCounterList = new ReactiveVar(false);
  21. this._hideBoardMemberList = new ReactiveVar(false);
  22. Sidebar = this;
  23. },
  24. onDestroyed() {
  25. Sidebar = null;
  26. },
  27. isOpen() {
  28. return this._isOpen.get();
  29. },
  30. open() {
  31. if (!this._isOpen.get()) {
  32. this._isOpen.set(true);
  33. EscapeActions.executeUpTo('detailsPane');
  34. }
  35. },
  36. hide() {
  37. if (this._isOpen.get()) {
  38. this._isOpen.set(false);
  39. }
  40. },
  41. toggle() {
  42. this._isOpen.set(!this._isOpen.get());
  43. },
  44. calculateNextPeak() {
  45. const sidebarElement = this.find('.js-board-sidebar-content');
  46. if (sidebarElement) {
  47. const altitude = sidebarElement.scrollHeight;
  48. this.callFirstWith(this, 'setNextPeak', altitude);
  49. }
  50. },
  51. reachNextPeak() {
  52. const activitiesComponent = this.childComponents('activities')[0];
  53. activitiesComponent.loadNextPage();
  54. },
  55. isTongueHidden() {
  56. return this.isOpen() && this.getView() !== defaultView;
  57. },
  58. scrollTop() {
  59. this.$('.js-board-sidebar-content').scrollTop(0);
  60. },
  61. getView() {
  62. return this._view.get();
  63. },
  64. setView(view) {
  65. view = _.isString(view) ? view : defaultView;
  66. if (this._view.get() !== view) {
  67. this._view.set(view);
  68. this.scrollTop();
  69. EscapeActions.executeUpTo('detailsPane');
  70. }
  71. this.open();
  72. },
  73. isDefaultView() {
  74. return this.getView() === defaultView;
  75. },
  76. getViewTemplate() {
  77. return `${this.getView()}Sidebar`;
  78. },
  79. getViewTitle() {
  80. return TAPi18n.__(viewTitles[this.getView()]);
  81. },
  82. showTongueTitle() {
  83. if (this.isOpen()) return `${TAPi18n.__('sidebar-close')}`;
  84. else return `${TAPi18n.__('sidebar-open')}`;
  85. },
  86. events() {
  87. return [
  88. {
  89. 'click .js-hide-sidebar': this.hide,
  90. 'click .js-toggle-sidebar': this.toggle,
  91. 'click .js-back-home': this.setView,
  92. 'click .js-toggle-minicard-label-text'() {
  93. currentUser = Meteor.user();
  94. if (currentUser) {
  95. Meteor.call('toggleMinicardLabelText');
  96. } else if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  97. window.localStorage.removeItem('hiddenMinicardLabelText');
  98. location.reload();
  99. } else {
  100. window.localStorage.setItem('hiddenMinicardLabelText', 'true');
  101. location.reload();
  102. }
  103. },
  104. 'click .js-shortcuts'() {
  105. FlowRouter.go('shortcuts');
  106. },
  107. 'click .js-close-sidebar'() {
  108. Sidebar.toggle()
  109. },
  110. },
  111. ];
  112. },
  113. }).register('sidebar');
  114. Blaze.registerHelper('Sidebar', () => Sidebar);
  115. Template.homeSidebar.helpers({
  116. hiddenMinicardLabelText() {
  117. currentUser = Meteor.user();
  118. if (currentUser) {
  119. return (currentUser.profile || {}).hiddenMinicardLabelText;
  120. } else if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  121. return true;
  122. } else {
  123. return false;
  124. }
  125. },
  126. });
  127. Template.boardInfoOnMyBoardsPopup.helpers({
  128. currentSetting() {
  129. return Settings.findOne();
  130. },
  131. hideCardCounterList() {
  132. return Utils.isMiniScreen() && Session.get('currentBoard');
  133. },
  134. hideBoardMemberList() {
  135. return Utils.isMiniScreen() && Session.get('currentBoard');
  136. },
  137. });
  138. EscapeActions.register(
  139. 'sidebarView',
  140. () => {
  141. Sidebar.setView(defaultView);
  142. },
  143. () => {
  144. return Sidebar && Sidebar.getView() !== defaultView;
  145. },
  146. );
  147. Template.memberPopup.helpers({
  148. user() {
  149. return Users.findOne(this.userId);
  150. },
  151. isBoardAdmin() {
  152. return Meteor.user().isBoardAdmin();
  153. },
  154. memberType() {
  155. const type = Users.findOne(this.userId).isBoardAdmin() ? 'admin' : 'normal';
  156. if (type === 'normal') {
  157. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  158. const commentOnly = currentBoard.hasCommentOnly(this.userId);
  159. const noComments = currentBoard.hasNoComments(this.userId);
  160. const worker = currentBoard.hasWorker(this.userId);
  161. if (commentOnly) {
  162. return TAPi18n.__('comment-only');
  163. } else if (noComments) {
  164. return TAPi18n.__('no-comments');
  165. } else if (worker) {
  166. return TAPi18n.__('worker');
  167. } else {
  168. return TAPi18n.__(type);
  169. }
  170. } else {
  171. return TAPi18n.__(type);
  172. }
  173. },
  174. isInvited() {
  175. return Users.findOne(this.userId).isInvitedTo(Session.get('currentBoard'));
  176. },
  177. });
  178. Template.boardMenuPopup.events({
  179. 'click .js-rename-board': Popup.open('boardChangeTitle'),
  180. 'click .js-open-rules-view'() {
  181. Modal.openWide('rulesMain');
  182. Popup.back();
  183. },
  184. 'click .js-custom-fields'() {
  185. Sidebar.setView('customFields');
  186. Popup.back();
  187. },
  188. 'click .js-open-archives'() {
  189. Sidebar.setView('archives');
  190. Popup.back();
  191. },
  192. 'click .js-change-board-color': Popup.open('boardChangeColor'),
  193. 'click .js-change-background-image': Popup.open('boardChangeBackgroundImage'),
  194. 'click .js-board-info-on-my-boards': Popup.open('boardInfoOnMyBoards'),
  195. 'click .js-change-language': Popup.open('changeLanguage'),
  196. 'click .js-archive-board ': Popup.afterConfirm('archiveBoard', function() {
  197. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  198. currentBoard.archive();
  199. // XXX We should have some kind of notification on top of the page to
  200. // confirm that the board was successfully archived.
  201. FlowRouter.go('home');
  202. }),
  203. 'click .js-delete-board': Popup.afterConfirm('deleteBoard', function() {
  204. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  205. Popup.back();
  206. Boards.remove(currentBoard._id);
  207. FlowRouter.go('home');
  208. }),
  209. 'click .js-outgoing-webhooks': Popup.open('outgoingWebhooks'),
  210. 'click .js-import-board': Popup.open('chooseBoardSource'),
  211. 'click .js-subtask-settings': Popup.open('boardSubtaskSettings'),
  212. 'click .js-card-settings': Popup.open('boardCardSettings'),
  213. 'click .js-minicard-settings': Popup.open('boardMinicardSettings'),
  214. 'click .js-export-board': Popup.open('exportBoard'),
  215. });
  216. Template.boardMenuPopup.onCreated(function() {
  217. this.apiEnabled = new ReactiveVar(false);
  218. Meteor.call('_isApiEnabled', (e, result) => {
  219. this.apiEnabled.set(result);
  220. });
  221. });
  222. Template.boardMenuPopup.helpers({
  223. isBoardAdmin() {
  224. return Meteor.user().isBoardAdmin();
  225. },
  226. withApi() {
  227. return Template.instance().apiEnabled.get();
  228. },
  229. exportUrl() {
  230. const params = {
  231. boardId: Session.get('currentBoard'),
  232. };
  233. const queryParams = {
  234. authToken: Accounts._storedLoginToken(),
  235. };
  236. return FlowRouter.path('/api/boards/:boardId/export', params, queryParams);
  237. },
  238. exportFilename() {
  239. const boardId = Session.get('currentBoard');
  240. return `export-board-${boardId}.json`;
  241. },
  242. });
  243. Template.memberPopup.events({
  244. 'click .js-filter-member'() {
  245. Filter.members.toggle(this.userId);
  246. Popup.back();
  247. },
  248. 'click .js-change-role': Popup.open('changePermissions'),
  249. 'click .js-remove-member': Popup.afterConfirm('removeMember', function() {
  250. // This works from removing member from board, card members and assignees.
  251. const boardId = Session.get('currentBoard');
  252. const memberId = this.userId;
  253. Cards.find({ boardId, members: memberId }).forEach(card => {
  254. card.unassignMember(memberId);
  255. });
  256. Cards.find({ boardId, assignees: memberId }).forEach(card => {
  257. card.unassignAssignee(memberId);
  258. });
  259. Boards.findOne(boardId).removeMember(memberId);
  260. Popup.back();
  261. }),
  262. 'click .js-leave-member': Popup.afterConfirm('leaveBoard', () => {
  263. const boardId = Session.get('currentBoard');
  264. Meteor.call('quitBoard', boardId, () => {
  265. Popup.back();
  266. FlowRouter.go('home');
  267. });
  268. }),
  269. });
  270. Template.removeMemberPopup.helpers({
  271. user() {
  272. return Users.findOne(this.userId);
  273. },
  274. board() {
  275. return Boards.findOne(Session.get('currentBoard'));
  276. },
  277. });
  278. Template.leaveBoardPopup.helpers({
  279. board() {
  280. return Boards.findOne(Session.get('currentBoard'));
  281. },
  282. });
  283. BlazeComponent.extendComponent({
  284. onCreated() {
  285. this.error = new ReactiveVar('');
  286. this.loading = new ReactiveVar(false);
  287. this.findOrgsOptions = new ReactiveVar({});
  288. this.findTeamsOptions = new ReactiveVar({});
  289. this.page = new ReactiveVar(1);
  290. this.teamPage = new ReactiveVar(1);
  291. this.autorun(() => {
  292. const limitOrgs = this.page.get() * Number.MAX_SAFE_INTEGER;
  293. this.subscribe('org', this.findOrgsOptions.get(), limitOrgs, () => {});
  294. });
  295. this.autorun(() => {
  296. const limitTeams = this.teamPage.get() * Number.MAX_SAFE_INTEGER;
  297. this.subscribe('team', this.findTeamsOptions.get(), limitTeams, () => {});
  298. });
  299. },
  300. onRendered() {
  301. this.setLoading(false);
  302. Utils.setBackgroundImage();
  303. },
  304. setError(error) {
  305. this.error.set(error);
  306. },
  307. setLoading(w) {
  308. this.loading.set(w);
  309. },
  310. isLoading() {
  311. return this.loading.get();
  312. },
  313. tabs() {
  314. return [
  315. { name: TAPi18n.__('people'), slug: 'people' },
  316. { name: TAPi18n.__('organizations'), slug: 'organizations' },
  317. { name: TAPi18n.__('teams'), slug: 'teams' },
  318. ];
  319. },
  320. }).register('membersWidget');
  321. Template.membersWidget.helpers({
  322. isInvited() {
  323. const user = Meteor.user();
  324. return user && user.isInvitedTo(Session.get('currentBoard'));
  325. },
  326. isWorker() {
  327. const user = Meteor.user();
  328. if (user) {
  329. return Meteor.call(Boards.hasWorker(user.memberId));
  330. } else {
  331. return false;
  332. }
  333. },
  334. isBoardAdmin() {
  335. return Meteor.user().isBoardAdmin();
  336. },
  337. AtLeastOneOrgWasCreated(){
  338. let orgs = Org.find({}, {sort: { createdAt: -1 }});
  339. if(orgs === undefined)
  340. return false;
  341. return orgs.count() > 0;
  342. },
  343. AtLeastOneTeamWasCreated(){
  344. let teams = Team.find({}, {sort: { createdAt: -1 }});
  345. if(teams === undefined)
  346. return false;
  347. return teams.count() > 0;
  348. },
  349. });
  350. Template.membersWidget.events({
  351. 'click .js-member': Popup.open('member'),
  352. 'click .js-open-board-menu': Popup.open('boardMenu'),
  353. 'click .js-manage-board-members': Popup.open('addMember'),
  354. 'click .js-manage-board-addOrg': Popup.open('addBoardOrg'),
  355. 'click .js-manage-board-addTeam': Popup.open('addBoardTeam'),
  356. 'click .js-import': Popup.open('boardImportBoard'),
  357. submit: this.onSubmit,
  358. 'click .js-import-board': Popup.open('chooseBoardSource'),
  359. 'click .js-open-archived-board'() {
  360. Modal.open('archivedBoards');
  361. },
  362. 'click .sandstorm-powerbox-request-identity'() {
  363. window.sandstormRequestIdentity();
  364. },
  365. 'click .js-member-invite-accept'() {
  366. const boardId = Session.get('currentBoard');
  367. Meteor.user().removeInvite(boardId);
  368. },
  369. 'click .js-member-invite-decline'() {
  370. const boardId = Session.get('currentBoard');
  371. Meteor.call('quitBoard', boardId, (err, ret) => {
  372. if (!err && ret) {
  373. Meteor.user().removeInvite(boardId);
  374. FlowRouter.go('home');
  375. }
  376. });
  377. },
  378. });
  379. BlazeComponent.extendComponent({
  380. boardId() {
  381. return Session.get('currentBoard') || Integrations.Const.GLOBAL_WEBHOOK_ID;
  382. },
  383. integrations() {
  384. const boardId = this.boardId();
  385. return Integrations.find({ boardId: `${boardId}` }).fetch();
  386. },
  387. types() {
  388. return Integrations.Const.WEBHOOK_TYPES;
  389. },
  390. integration(cond) {
  391. const boardId = this.boardId();
  392. const condition = { boardId, ...cond };
  393. for (const k in condition) {
  394. if (!condition[k]) delete condition[k];
  395. }
  396. return Integrations.findOne(condition);
  397. },
  398. onCreated() {
  399. this.disabled = new ReactiveVar(false);
  400. },
  401. events() {
  402. return [
  403. {
  404. 'click a.flex'(evt) {
  405. this.disabled.set(!this.disabled.get());
  406. $(evt.target).toggleClass(CKCLS, this.disabled.get());
  407. },
  408. submit(evt) {
  409. evt.preventDefault();
  410. const url = evt.target.url.value;
  411. const boardId = this.boardId();
  412. let id = null;
  413. let integration = null;
  414. const title = evt.target.title.value;
  415. const token = evt.target.token.value;
  416. const type = evt.target.type.value;
  417. const enabled = !this.disabled.get();
  418. let remove = false;
  419. const values = {
  420. url,
  421. type,
  422. token,
  423. title,
  424. enabled,
  425. };
  426. if (evt.target.id) {
  427. id = evt.target.id.value;
  428. integration = this.integration({ _id: id });
  429. remove = !url;
  430. } else if (url) {
  431. integration = this.integration({ url, token });
  432. }
  433. if (remove) {
  434. Integrations.remove(integration._id);
  435. } else if (integration && integration._id) {
  436. Integrations.update(integration._id, {
  437. $set: values,
  438. });
  439. } else if (url) {
  440. Integrations.insert({
  441. ...values,
  442. userId: Meteor.userId(),
  443. enabled: true,
  444. boardId,
  445. activities: ['all'],
  446. });
  447. }
  448. Popup.back();
  449. },
  450. },
  451. ];
  452. },
  453. }).register('outgoingWebhooksPopup');
  454. BlazeComponent.extendComponent({
  455. template() {
  456. return 'chooseBoardSource';
  457. },
  458. }).register('chooseBoardSourcePopup');
  459. BlazeComponent.extendComponent({
  460. template() {
  461. return 'exportBoard';
  462. },
  463. withApi() {
  464. return Template.instance().apiEnabled.get();
  465. },
  466. exportUrl() {
  467. const params = {
  468. boardId: Session.get('currentBoard'),
  469. };
  470. const queryParams = {
  471. authToken: Accounts._storedLoginToken(),
  472. };
  473. return FlowRouter.path('/api/boards/:boardId/export', params, queryParams);
  474. },
  475. exportUrlExcel() {
  476. const params = {
  477. boardId: Session.get('currentBoard'),
  478. };
  479. const queryParams = {
  480. authToken: Accounts._storedLoginToken(),
  481. };
  482. return FlowRouter.path(
  483. '/api/boards/:boardId/exportExcel',
  484. params,
  485. queryParams,
  486. );
  487. },
  488. exportFilenameExcel() {
  489. const boardId = Session.get('currentBoard');
  490. return `export-board-excel-${boardId}.xlsx`;
  491. },
  492. exportCsvUrl() {
  493. const params = {
  494. boardId: Session.get('currentBoard'),
  495. };
  496. const queryParams = {
  497. authToken: Accounts._storedLoginToken(),
  498. delimiter: ',',
  499. };
  500. return FlowRouter.path(
  501. '/api/boards/:boardId/export/csv',
  502. params,
  503. queryParams,
  504. );
  505. },
  506. exportScsvUrl() {
  507. const params = {
  508. boardId: Session.get('currentBoard'),
  509. };
  510. const queryParams = {
  511. authToken: Accounts._storedLoginToken(),
  512. delimiter: ';',
  513. };
  514. return FlowRouter.path(
  515. '/api/boards/:boardId/export/csv',
  516. params,
  517. queryParams,
  518. );
  519. },
  520. exportTsvUrl() {
  521. const params = {
  522. boardId: Session.get('currentBoard'),
  523. };
  524. const queryParams = {
  525. authToken: Accounts._storedLoginToken(),
  526. delimiter: '\t',
  527. };
  528. return FlowRouter.path(
  529. '/api/boards/:boardId/export/csv',
  530. params,
  531. queryParams,
  532. );
  533. },
  534. exportJsonFilename() {
  535. const boardId = Session.get('currentBoard');
  536. return `export-board-${boardId}.json`;
  537. },
  538. exportCsvFilename() {
  539. const boardId = Session.get('currentBoard');
  540. return `export-board-${boardId}.csv`;
  541. },
  542. exportTsvFilename() {
  543. const boardId = Session.get('currentBoard');
  544. return `export-board-${boardId}.tsv`;
  545. },
  546. }).register('exportBoardPopup');
  547. Template.exportBoard.events({
  548. 'click .html-export-board': async event => {
  549. event.preventDefault();
  550. await ExportHtml(Popup)();
  551. },
  552. });
  553. Template.labelsWidget.events({
  554. 'click .js-label': Popup.open('editLabel'),
  555. 'click .js-add-label': Popup.open('createLabel'),
  556. });
  557. Template.labelsWidget.helpers({
  558. isBoardAdmin() {
  559. return Meteor.user().isBoardAdmin();
  560. },
  561. });
  562. // Board members can assign people or labels by drag-dropping elements from the
  563. // sidebar to the cards on the board. In order to re-initialize the jquery-ui
  564. // plugin any time a draggable member or label is modified or removed we use a
  565. // autorun function and register a dependency on the both members and labels
  566. // fields of the current board document.
  567. function draggableMembersLabelsWidgets() {
  568. this.autorun(() => {
  569. const currentBoardId = Tracker.nonreactive(() => {
  570. return Session.get('currentBoard');
  571. });
  572. Boards.findOne(currentBoardId, {
  573. fields: {
  574. members: 1,
  575. labels: 1,
  576. },
  577. });
  578. Tracker.afterFlush(() => {
  579. const $draggables = this.$('.js-member,.js-label');
  580. $draggables.draggable({
  581. appendTo: 'body',
  582. helper: 'clone',
  583. revert: 'invalid',
  584. revertDuration: 150,
  585. snap: false,
  586. snapMode: 'both',
  587. start() {
  588. EscapeActions.executeUpTo('popup-back');
  589. },
  590. });
  591. function userIsMember() {
  592. return Meteor.user() && Meteor.user().isBoardMember();
  593. }
  594. this.autorun(() => {
  595. $draggables.draggable('option', 'disabled', !userIsMember());
  596. });
  597. });
  598. });
  599. }
  600. Template.membersWidget.onRendered(draggableMembersLabelsWidgets);
  601. Template.labelsWidget.onRendered(draggableMembersLabelsWidgets);
  602. BlazeComponent.extendComponent({
  603. backgroundColors() {
  604. return Boards.simpleSchema()._schema.color.allowedValues;
  605. },
  606. isSelected() {
  607. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  608. return currentBoard.color === this.currentData().toString();
  609. },
  610. events() {
  611. return [
  612. {
  613. 'click .js-select-background'(evt) {
  614. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  615. const newColor = this.currentData().toString();
  616. currentBoard.setColor(newColor);
  617. evt.preventDefault();
  618. },
  619. },
  620. ];
  621. },
  622. }).register('boardChangeColorPopup');
  623. BlazeComponent.extendComponent({
  624. events() {
  625. return [
  626. {
  627. submit(event) {
  628. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  629. const backgroundImageURL = this.find('.js-board-background-image-url').value.trim();
  630. currentBoard.setBackgroundImageURL(backgroundImageURL);
  631. Utils.setBackgroundImage();
  632. Popup.back();
  633. event.preventDefault();
  634. },
  635. },
  636. ];
  637. },
  638. }).register('boardChangeBackgroundImagePopup');
  639. Template.boardChangeBackgroundImagePopup.helpers({
  640. backgroundImageURL() {
  641. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  642. return currentBoard.backgroundImageURL;
  643. },
  644. });
  645. BlazeComponent.extendComponent({
  646. onCreated() {
  647. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  648. },
  649. allowsCardCounterList() {
  650. return this.currentBoard.allowsCardCounterList;
  651. },
  652. allowsBoardMemberList() {
  653. return this.currentBoard.allowsBoardMemberList;
  654. },
  655. events() {
  656. return [
  657. {
  658. 'click .js-field-has-cardcounterlist'(evt) {
  659. evt.preventDefault();
  660. this.currentBoard.allowsCardCounterList = !this.currentBoard
  661. .allowsCardCounterList;
  662. this.currentBoard.setAllowsCardCounterList(
  663. this.currentBoard.allowsCardCounterList,
  664. );
  665. $(`.js-field-has-cardcounterlist ${MCB}`).toggleClass(
  666. CKCLS,
  667. this.currentBoard.allowsCardCounterList,
  668. );
  669. $('.js-field-has-cardcounterlist').toggleClass(
  670. CKCLS,
  671. this.currentBoard.allowsCardCounterList,
  672. );
  673. },
  674. 'click .js-field-has-boardmemberlist'(evt) {
  675. evt.preventDefault();
  676. this.currentBoard.allowsBoardMemberList = !this.currentBoard
  677. .allowsBoardMemberList;
  678. this.currentBoard.setAllowsBoardMemberList(
  679. this.currentBoard.allowsBoardMemberList,
  680. );
  681. $(`.js-field-has-boardmemberlist ${MCB}`).toggleClass(
  682. CKCLS,
  683. this.currentBoard.allowsBoardMemberList,
  684. );
  685. $('.js-field-has-boardmemberlist').toggleClass(
  686. CKCLS,
  687. this.currentBoard.allowsBoardMemberList,
  688. );
  689. },
  690. },
  691. ];
  692. },
  693. }).register('boardInfoOnMyBoardsPopup');
  694. BlazeComponent.extendComponent({
  695. onCreated() {
  696. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  697. },
  698. allowsSubtasks() {
  699. return this.currentBoard.allowsSubtasks;
  700. },
  701. allowsReceivedDate() {
  702. return this.currentBoard.allowsReceivedDate;
  703. },
  704. isBoardSelected() {
  705. return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
  706. },
  707. isNullBoardSelected() {
  708. return (
  709. this.currentBoard.subtasksDefaultBoardId === null ||
  710. this.currentBoard.subtasksDefaultBoardId === undefined
  711. );
  712. },
  713. boards() {
  714. return Boards.find(
  715. {
  716. archived: false,
  717. 'members.userId': Meteor.userId(),
  718. },
  719. {
  720. sort: { sort: 1 /* boards default sorting */ },
  721. },
  722. );
  723. },
  724. lists() {
  725. return Lists.find(
  726. {
  727. boardId: this.currentBoard._id,
  728. archived: false,
  729. },
  730. {
  731. sort: ['title'],
  732. },
  733. );
  734. },
  735. hasLists() {
  736. return this.lists().count() > 0;
  737. },
  738. isListSelected() {
  739. return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
  740. },
  741. presentParentTask() {
  742. let result = this.currentBoard.presentParentTask;
  743. if (result === null || result === undefined) {
  744. result = 'no-parent';
  745. }
  746. return result;
  747. },
  748. events() {
  749. return [
  750. {
  751. 'click .js-field-has-subtasks'(evt) {
  752. evt.preventDefault();
  753. this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks;
  754. this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks);
  755. $(`.js-field-has-subtasks ${MCB}`).toggleClass(
  756. CKCLS,
  757. this.currentBoard.allowsSubtasks,
  758. );
  759. $('.js-field-has-subtasks').toggleClass(
  760. CKCLS,
  761. this.currentBoard.allowsSubtasks,
  762. );
  763. $('.js-field-deposit-board').prop(
  764. 'disabled',
  765. !this.currentBoard.allowsSubtasks,
  766. );
  767. },
  768. 'change .js-field-deposit-board'(evt) {
  769. let value = evt.target.value;
  770. if (value === 'null') {
  771. value = null;
  772. }
  773. this.currentBoard.setSubtasksDefaultBoardId(value);
  774. evt.preventDefault();
  775. },
  776. 'change .js-field-deposit-list'(evt) {
  777. this.currentBoard.setSubtasksDefaultListId(evt.target.value);
  778. evt.preventDefault();
  779. },
  780. 'click .js-field-show-parent-in-minicard'(evt) {
  781. const value =
  782. evt.target.id ||
  783. $(evt.target).parent()[0].id ||
  784. $(evt.target)
  785. .parent()[0]
  786. .parent()[0].id;
  787. const options = [
  788. 'prefix-with-full-path',
  789. 'prefix-with-parent',
  790. 'subtext-with-full-path',
  791. 'subtext-with-parent',
  792. 'no-parent',
  793. ];
  794. options.forEach(function(element) {
  795. if (element !== value) {
  796. $(`#${element} ${MCB}`).toggleClass(CKCLS, false);
  797. $(`#${element}`).toggleClass(CKCLS, false);
  798. }
  799. });
  800. $(`#${value} ${MCB}`).toggleClass(CKCLS, true);
  801. $(`#${value}`).toggleClass(CKCLS, true);
  802. this.currentBoard.setPresentParentTask(value);
  803. evt.preventDefault();
  804. },
  805. },
  806. ];
  807. },
  808. }).register('boardSubtaskSettingsPopup');
  809. BlazeComponent.extendComponent({
  810. onCreated() {
  811. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  812. },
  813. allowsReceivedDate() {
  814. return this.currentBoard.allowsReceivedDate;
  815. },
  816. allowsStartDate() {
  817. return this.currentBoard.allowsStartDate;
  818. },
  819. allowsDueDate() {
  820. return this.currentBoard.allowsDueDate;
  821. },
  822. allowsEndDate() {
  823. return this.currentBoard.allowsEndDate;
  824. },
  825. allowsSubtasks() {
  826. return this.currentBoard.allowsSubtasks;
  827. },
  828. allowsCreator() {
  829. return (
  830. this.currentBoard.allowsCreator === null ||
  831. this.currentBoard.allowsCreator === undefined ||
  832. this.currentBoard.allowsCreator
  833. );
  834. },
  835. allowsMembers() {
  836. return this.currentBoard.allowsMembers;
  837. },
  838. allowsAssignee() {
  839. return this.currentBoard.allowsAssignee;
  840. },
  841. allowsAssignedBy() {
  842. return this.currentBoard.allowsAssignedBy;
  843. },
  844. allowsRequestedBy() {
  845. return this.currentBoard.allowsRequestedBy;
  846. },
  847. allowsCardSortingByNumber() {
  848. return this.currentBoard.allowsCardSortingByNumber;
  849. },
  850. allowsShowLists() {
  851. return this.currentBoard.allowsShowLists;
  852. },
  853. allowsLabels() {
  854. return this.currentBoard.allowsLabels;
  855. },
  856. allowsChecklists() {
  857. return this.currentBoard.allowsChecklists;
  858. },
  859. allowsAttachments() {
  860. return this.currentBoard.allowsAttachments;
  861. },
  862. allowsComments() {
  863. return this.currentBoard.allowsComments;
  864. },
  865. allowsCardNumber() {
  866. return this.currentBoard.allowsCardNumber;
  867. },
  868. allowsDescriptionTitle() {
  869. return this.currentBoard.allowsDescriptionTitle;
  870. },
  871. allowsDescriptionText() {
  872. return this.currentBoard.allowsDescriptionText;
  873. },
  874. isBoardSelected() {
  875. return this.currentBoard.dateSettingsDefaultBoardID;
  876. },
  877. isNullBoardSelected() {
  878. return (
  879. this.currentBoard.dateSettingsDefaultBoardId === null ||
  880. this.currentBoard.dateSettingsDefaultBoardId === undefined
  881. );
  882. },
  883. boards() {
  884. return Boards.find(
  885. {
  886. archived: false,
  887. 'members.userId': Meteor.userId(),
  888. },
  889. {
  890. sort: { sort: 1 /* boards default sorting */ },
  891. },
  892. );
  893. },
  894. lists() {
  895. return Lists.find(
  896. {
  897. boardId: this.currentBoard._id,
  898. archived: false,
  899. },
  900. {
  901. sort: ['title'],
  902. },
  903. );
  904. },
  905. hasLists() {
  906. return this.lists().count() > 0;
  907. },
  908. isListSelected() {
  909. return (
  910. this.currentBoard.dateSettingsDefaultBoardId === this.currentData()._id
  911. );
  912. },
  913. events() {
  914. return [
  915. {
  916. 'click .js-field-has-receiveddate'(evt) {
  917. evt.preventDefault();
  918. this.currentBoard.allowsReceivedDate = !this.currentBoard
  919. .allowsReceivedDate;
  920. this.currentBoard.setAllowsReceivedDate(
  921. this.currentBoard.allowsReceivedDate,
  922. );
  923. $(`.js-field-has-receiveddate ${MCB}`).toggleClass(
  924. CKCLS,
  925. this.currentBoard.allowsReceivedDate,
  926. );
  927. $('.js-field-has-receiveddate').toggleClass(
  928. CKCLS,
  929. this.currentBoard.allowsReceivedDate,
  930. );
  931. },
  932. 'click .js-field-has-startdate'(evt) {
  933. evt.preventDefault();
  934. this.currentBoard.allowsStartDate = !this.currentBoard
  935. .allowsStartDate;
  936. this.currentBoard.setAllowsStartDate(
  937. this.currentBoard.allowsStartDate,
  938. );
  939. $(`.js-field-has-startdate ${MCB}`).toggleClass(
  940. CKCLS,
  941. this.currentBoard.allowsStartDate,
  942. );
  943. $('.js-field-has-startdate').toggleClass(
  944. CKCLS,
  945. this.currentBoard.allowsStartDate,
  946. );
  947. },
  948. 'click .js-field-has-enddate'(evt) {
  949. evt.preventDefault();
  950. this.currentBoard.allowsEndDate = !this.currentBoard.allowsEndDate;
  951. this.currentBoard.setAllowsEndDate(this.currentBoard.allowsEndDate);
  952. $(`.js-field-has-enddate ${MCB}`).toggleClass(
  953. CKCLS,
  954. this.currentBoard.allowsEndDate,
  955. );
  956. $('.js-field-has-enddate').toggleClass(
  957. CKCLS,
  958. this.currentBoard.allowsEndDate,
  959. );
  960. },
  961. 'click .js-field-has-duedate'(evt) {
  962. evt.preventDefault();
  963. this.currentBoard.allowsDueDate = !this.currentBoard.allowsDueDate;
  964. this.currentBoard.setAllowsDueDate(this.currentBoard.allowsDueDate);
  965. $(`.js-field-has-duedate ${MCB}`).toggleClass(
  966. CKCLS,
  967. this.currentBoard.allowsDueDate,
  968. );
  969. $('.js-field-has-duedate').toggleClass(
  970. CKCLS,
  971. this.currentBoard.allowsDueDate,
  972. );
  973. },
  974. 'click .js-field-has-subtasks'(evt) {
  975. evt.preventDefault();
  976. this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks;
  977. this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks);
  978. $(`.js-field-has-subtasks ${MCB}`).toggleClass(
  979. CKCLS,
  980. this.currentBoard.allowsSubtasks,
  981. );
  982. $('.js-field-has-subtasks').toggleClass(
  983. CKCLS,
  984. this.currentBoard.allowsSubtasks,
  985. );
  986. },
  987. 'click .js-field-has-creator'(evt) {
  988. evt.preventDefault();
  989. this.currentBoard.allowsCreator = !this.currentBoard.allowsCreator;
  990. this.currentBoard.setAllowsCreator(this.currentBoard.allowsCreator);
  991. $(`.js-field-has-creator ${MCB}`).toggleClass(
  992. CKCLS,
  993. this.currentBoard.allowsCreator,
  994. );
  995. $('.js-field-has-creator').toggleClass(
  996. CKCLS,
  997. this.currentBoard.allowsCreator,
  998. );
  999. },
  1000. 'click .js-field-has-members'(evt) {
  1001. evt.preventDefault();
  1002. this.currentBoard.allowsMembers = !this.currentBoard.allowsMembers;
  1003. this.currentBoard.setAllowsMembers(this.currentBoard.allowsMembers);
  1004. $(`.js-field-has-members ${MCB}`).toggleClass(
  1005. CKCLS,
  1006. this.currentBoard.allowsMembers,
  1007. );
  1008. $('.js-field-has-members').toggleClass(
  1009. CKCLS,
  1010. this.currentBoard.allowsMembers,
  1011. );
  1012. },
  1013. 'click .js-field-has-assignee'(evt) {
  1014. evt.preventDefault();
  1015. this.currentBoard.allowsAssignee = !this.currentBoard.allowsAssignee;
  1016. this.currentBoard.setAllowsAssignee(this.currentBoard.allowsAssignee);
  1017. $(`.js-field-has-assignee ${MCB}`).toggleClass(
  1018. CKCLS,
  1019. this.currentBoard.allowsAssignee,
  1020. );
  1021. $('.js-field-has-assignee').toggleClass(
  1022. CKCLS,
  1023. this.currentBoard.allowsAssignee,
  1024. );
  1025. },
  1026. 'click .js-field-has-assigned-by'(evt) {
  1027. evt.preventDefault();
  1028. this.currentBoard.allowsAssignedBy = !this.currentBoard
  1029. .allowsAssignedBy;
  1030. this.currentBoard.setAllowsAssignedBy(
  1031. this.currentBoard.allowsAssignedBy,
  1032. );
  1033. $(`.js-field-has-assigned-by ${MCB}`).toggleClass(
  1034. CKCLS,
  1035. this.currentBoard.allowsAssignedBy,
  1036. );
  1037. $('.js-field-has-assigned-by').toggleClass(
  1038. CKCLS,
  1039. this.currentBoard.allowsAssignedBy,
  1040. );
  1041. },
  1042. 'click .js-field-has-requested-by'(evt) {
  1043. evt.preventDefault();
  1044. this.currentBoard.allowsRequestedBy = !this.currentBoard
  1045. .allowsRequestedBy;
  1046. this.currentBoard.setAllowsRequestedBy(
  1047. this.currentBoard.allowsRequestedBy,
  1048. );
  1049. $(`.js-field-has-requested-by ${MCB}`).toggleClass(
  1050. CKCLS,
  1051. this.currentBoard.allowsRequestedBy,
  1052. );
  1053. $('.js-field-has-requested-by').toggleClass(
  1054. CKCLS,
  1055. this.currentBoard.allowsRequestedBy,
  1056. );
  1057. },
  1058. 'click .js-field-has-card-sorting-by-number'(evt) {
  1059. evt.preventDefault();
  1060. this.currentBoard.allowsCardSortingByNumber = !this.currentBoard
  1061. .allowsCardSortingByNumber;
  1062. this.currentBoard.setAllowsCardSortingByNumber(
  1063. this.currentBoard.allowsCardSortingByNumber,
  1064. );
  1065. $(`.js-field-has-card-sorting-by-number ${MCB}`).toggleClass(
  1066. CKCLS,
  1067. this.currentBoard.allowsCardSortingByNumber,
  1068. );
  1069. $('.js-field-has-card-sorting-by-number').toggleClass(
  1070. CKCLS,
  1071. this.currentBoard.allowsCardSortingByNumber,
  1072. );
  1073. },
  1074. 'click .js-field-has-card-show-lists'(evt) {
  1075. evt.preventDefault();
  1076. this.currentBoard.allowsShowLists = !this.currentBoard
  1077. .allowsShowLists;
  1078. this.currentBoard.setAllowsShowLists(
  1079. this.currentBoard.allowsShowLists,
  1080. );
  1081. $(`.js-field-has-card-show-lists ${MCB}`).toggleClass(
  1082. CKCLS,
  1083. this.currentBoard.allowsShowLists,
  1084. );
  1085. $('.js-field-has-card-show-lists').toggleClass(
  1086. CKCLS,
  1087. this.currentBoard.allowsShowLists,
  1088. );
  1089. },
  1090. 'click .js-field-has-labels'(evt) {
  1091. evt.preventDefault();
  1092. this.currentBoard.allowsLabels = !this.currentBoard.allowsLabels;
  1093. this.currentBoard.setAllowsLabels(this.currentBoard.allowsLabels);
  1094. $(`.js-field-has-labels ${MCB}`).toggleClass(
  1095. CKCLS,
  1096. this.currentBoard.allowsAssignee,
  1097. );
  1098. $('.js-field-has-labels').toggleClass(
  1099. CKCLS,
  1100. this.currentBoard.allowsLabels,
  1101. );
  1102. },
  1103. 'click .js-field-has-description-title'(evt) {
  1104. evt.preventDefault();
  1105. this.currentBoard.allowsDescriptionTitle = !this.currentBoard
  1106. .allowsDescriptionTitle;
  1107. this.currentBoard.setAllowsDescriptionTitle(
  1108. this.currentBoard.allowsDescriptionTitle,
  1109. );
  1110. $(`.js-field-has-description-title ${MCB}`).toggleClass(
  1111. CKCLS,
  1112. this.currentBoard.allowsDescriptionTitle,
  1113. );
  1114. $('.js-field-has-description-title').toggleClass(
  1115. CKCLS,
  1116. this.currentBoard.allowsDescriptionTitle,
  1117. );
  1118. },
  1119. 'click .js-field-has-card-number'(evt) {
  1120. evt.preventDefault();
  1121. this.currentBoard.allowsCardNumber = !this.currentBoard
  1122. .allowsCardNumber;
  1123. this.currentBoard.setAllowsCardNumber(
  1124. this.currentBoard.allowsCardNumber,
  1125. );
  1126. $(`.js-field-has-card-number ${MCB}`).toggleClass(
  1127. CKCLS,
  1128. this.currentBoard.allowsCardNumber,
  1129. );
  1130. $('.js-field-has-card-number').toggleClass(
  1131. CKCLS,
  1132. this.currentBoard.allowsCardNumber,
  1133. );
  1134. },
  1135. 'click .js-field-has-description-text'(evt) {
  1136. evt.preventDefault();
  1137. this.currentBoard.allowsDescriptionText = !this.currentBoard
  1138. .allowsDescriptionText;
  1139. this.currentBoard.setAllowsDescriptionText(
  1140. this.currentBoard.allowsDescriptionText,
  1141. );
  1142. $(`.js-field-has-description-text ${MCB}`).toggleClass(
  1143. CKCLS,
  1144. this.currentBoard.allowsDescriptionText,
  1145. );
  1146. $('.js-field-has-description-text').toggleClass(
  1147. CKCLS,
  1148. this.currentBoard.allowsDescriptionText,
  1149. );
  1150. },
  1151. 'click .js-field-has-checklists'(evt) {
  1152. evt.preventDefault();
  1153. this.currentBoard.allowsChecklists = !this.currentBoard
  1154. .allowsChecklists;
  1155. this.currentBoard.setAllowsChecklists(
  1156. this.currentBoard.allowsChecklists,
  1157. );
  1158. $(`.js-field-has-checklists ${MCB}`).toggleClass(
  1159. CKCLS,
  1160. this.currentBoard.allowsChecklists,
  1161. );
  1162. $('.js-field-has-checklists').toggleClass(
  1163. CKCLS,
  1164. this.currentBoard.allowsChecklists,
  1165. );
  1166. },
  1167. 'click .js-field-has-attachments'(evt) {
  1168. evt.preventDefault();
  1169. this.currentBoard.allowsAttachments = !this.currentBoard
  1170. .allowsAttachments;
  1171. this.currentBoard.setAllowsAttachments(
  1172. this.currentBoard.allowsAttachments,
  1173. );
  1174. $(`.js-field-has-attachments ${MCB}`).toggleClass(
  1175. CKCLS,
  1176. this.currentBoard.allowsAttachments,
  1177. );
  1178. $('.js-field-has-attachments').toggleClass(
  1179. CKCLS,
  1180. this.currentBoard.allowsAttachments,
  1181. );
  1182. },
  1183. 'click .js-field-has-comments'(evt) {
  1184. evt.preventDefault();
  1185. this.currentBoard.allowsComments = !this.currentBoard.allowsComments;
  1186. this.currentBoard.setAllowsComments(this.currentBoard.allowsComments);
  1187. $(`.js-field-has-comments ${MCB}`).toggleClass(
  1188. CKCLS,
  1189. this.currentBoard.allowsComments,
  1190. );
  1191. $('.js-field-has-comments').toggleClass(
  1192. CKCLS,
  1193. this.currentBoard.allowsComments,
  1194. );
  1195. },
  1196. 'click .js-field-has-activities'(evt) {
  1197. evt.preventDefault();
  1198. this.currentBoard.allowsActivities = !this.currentBoard
  1199. .allowsActivities;
  1200. this.currentBoard.setAllowsActivities(
  1201. this.currentBoard.allowsActivities,
  1202. );
  1203. $(`.js-field-has-activities ${MCB}`).toggleClass(
  1204. CKCLS,
  1205. this.currentBoard.allowsActivities,
  1206. );
  1207. $('.js-field-has-activities').toggleClass(
  1208. CKCLS,
  1209. this.currentBoard.allowsActivities,
  1210. );
  1211. },
  1212. },
  1213. ];
  1214. },
  1215. }).register('boardCardSettingsPopup');
  1216. BlazeComponent.extendComponent({
  1217. onCreated() {
  1218. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  1219. },
  1220. allowsDescriptionTextOnMinicard() {
  1221. return this.currentBoard.allowsDescriptionTextOnMinicard;
  1222. },
  1223. allowsCoverAttachmentOnMinicard() {
  1224. return this.currentBoard.allowsCoverAttachmentOnMinicard;
  1225. },
  1226. allowsBadgeAttachmentOnMinicard() {
  1227. return this.currentBoard.allowsBadgeAttachmentOnMinicard;
  1228. },
  1229. allowsCardSortingByNumberOnMinicard() {
  1230. return this.currentBoard.allowsCardSortingByNumberOnMinicard;
  1231. },
  1232. lists() {
  1233. return Lists.find(
  1234. {
  1235. boardId: this.currentBoard._id,
  1236. archived: false,
  1237. },
  1238. {
  1239. sort: ['title'],
  1240. },
  1241. );
  1242. },
  1243. hasLists() {
  1244. return this.lists().count() > 0;
  1245. },
  1246. isListSelected() {
  1247. return (
  1248. this.currentBoard.dateSettingsDefaultBoardId === this.currentData()._id
  1249. );
  1250. },
  1251. events() {
  1252. return [
  1253. {
  1254. 'click .js-field-has-description-text-on-minicard'(evt) {
  1255. evt.preventDefault();
  1256. this.currentBoard.allowsDescriptionTextOnMinicard = !this.currentBoard
  1257. .allowsDescriptionTextOnMinicard;
  1258. this.currentBoard.setallowsDescriptionTextOnMinicard(
  1259. this.currentBoard.allowsDescriptionTextOnMinicard,
  1260. );
  1261. $(`.js-field-has-description-text-on-minicard ${MCB}`).toggleClass(
  1262. CKCLS,
  1263. this.currentBoard.allowsDescriptionTextOnMinicard,
  1264. );
  1265. $('.js-field-has-description-text-on-minicard').toggleClass(
  1266. CKCLS,
  1267. this.currentBoard.allowsDescriptionTextOnMinicard,
  1268. );
  1269. },
  1270. 'click .js-field-has-cover-attachment-on-minicard'(evt) {
  1271. evt.preventDefault();
  1272. this.currentBoard.allowsCoverAttachmentOnMinicard = !this.currentBoard
  1273. .allowsCoverAttachmentOnMinicard;
  1274. this.currentBoard.setallowsCoverAttachmentOnMinicard(
  1275. this.currentBoard.allowsCoverAttachmentOnMinicard,
  1276. );
  1277. $(`.js-field-has-cover-attachment-on-minicard ${MCB}`).toggleClass(
  1278. CKCLS,
  1279. this.currentBoard.allowsCoverAttachmentOnMinicard,
  1280. );
  1281. $('.js-field-has-cover-attachment-on-minicard').toggleClass(
  1282. CKCLS,
  1283. this.currentBoard.allowsCoverAttachmentOnMinicard,
  1284. );
  1285. },
  1286. 'click .js-field-has-badge-attachment-on-minicard'(evt) {
  1287. evt.preventDefault();
  1288. this.currentBoard.allowsBadgeAttachmentOnMinicard = !this.currentBoard
  1289. .allowsBadgeAttachmentOnMinicard;
  1290. this.currentBoard.setallowsBadgeAttachmentOnMinicard(
  1291. this.currentBoard.allowsBadgeAttachmentOnMinicard,
  1292. );
  1293. $(`.js-field-has-badge-attachment-on-minicard ${MCB}`).toggleClass(
  1294. CKCLS,
  1295. this.currentBoard.allowsBadgeAttachmentOnMinicard,
  1296. );
  1297. $('.js-field-has-badge-attachment-on-minicard').toggleClass(
  1298. CKCLS,
  1299. this.currentBoard.allowsBadgeAttachmentOnMinicard,
  1300. );
  1301. },
  1302. 'click .js-field-has-card-sorting-by-number-on-minicard'(evt) {
  1303. evt.preventDefault();
  1304. this.currentBoard.allowsCardSortingByNumberOnMinicard = !this.currentBoard
  1305. .allowsCardSortingByNumberOnMinicard;
  1306. this.currentBoard.setallowsCardSortingByNumberOnMinicard(
  1307. this.currentBoard.allowsCardSortingByNumberOnMinicard,
  1308. );
  1309. $(`.js-field-has-card-sorting-by-number-on-minicard ${MCB}`).toggleClass(
  1310. CKCLS,
  1311. this.currentBoard.allowsCardSortingByNumberOnMinicard,
  1312. );
  1313. $('.js-field-has-card-sorting-by-number-on-minicard').toggleClass(
  1314. CKCLS,
  1315. this.currentBoard.allowsCardSortingByNumberOnMinicard,
  1316. );
  1317. },
  1318. },
  1319. ];
  1320. },
  1321. }).register('boardMinicardSettingsPopup');
  1322. BlazeComponent.extendComponent({
  1323. onCreated() {
  1324. this.error = new ReactiveVar('');
  1325. this.loading = new ReactiveVar(false);
  1326. },
  1327. onRendered() {
  1328. this.find('.js-search-member input').focus();
  1329. this.setLoading(false);
  1330. },
  1331. isBoardMember() {
  1332. const userId = this.currentData().__originalId;
  1333. const user = Users.findOne(userId);
  1334. return user && user.isBoardMember();
  1335. },
  1336. isValidEmail(email) {
  1337. return SimpleSchema.RegEx.Email.test(email);
  1338. },
  1339. setError(error) {
  1340. this.error.set(error);
  1341. },
  1342. setLoading(w) {
  1343. this.loading.set(w);
  1344. },
  1345. isLoading() {
  1346. return this.loading.get();
  1347. },
  1348. inviteUser(idNameEmail) {
  1349. const boardId = Session.get('currentBoard');
  1350. this.setLoading(true);
  1351. const self = this;
  1352. Meteor.call('inviteUserToBoard', idNameEmail, boardId, (err, ret) => {
  1353. self.setLoading(false);
  1354. if (err) self.setError(err.error);
  1355. else if (ret.email) self.setError('email-sent');
  1356. else Popup.back();
  1357. });
  1358. },
  1359. events() {
  1360. return [
  1361. {
  1362. 'keyup input'() {
  1363. this.setError('');
  1364. },
  1365. 'click .js-select-member'() {
  1366. const userId = this.currentData().__originalId;
  1367. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1368. if (!currentBoard.hasMember(userId)) {
  1369. this.inviteUser(userId);
  1370. }
  1371. },
  1372. 'click .js-email-invite'() {
  1373. const idNameEmail = $('.js-search-member input').val();
  1374. if (idNameEmail.indexOf('@') < 0 || this.isValidEmail(idNameEmail)) {
  1375. this.inviteUser(idNameEmail);
  1376. } else this.setError('email-invalid');
  1377. },
  1378. },
  1379. ];
  1380. },
  1381. }).register('addMemberPopup');
  1382. Template.addMemberPopup.helpers({
  1383. searchIndex: () => UserSearchIndex,
  1384. })
  1385. BlazeComponent.extendComponent({
  1386. onCreated() {
  1387. this.error = new ReactiveVar('');
  1388. this.loading = new ReactiveVar(false);
  1389. this.findOrgsOptions = new ReactiveVar({});
  1390. this.page = new ReactiveVar(1);
  1391. this.autorun(() => {
  1392. const limitOrgs = this.page.get() * Number.MAX_SAFE_INTEGER;
  1393. this.subscribe('org', this.findOrgsOptions.get(), limitOrgs, () => {});
  1394. });
  1395. },
  1396. onRendered() {
  1397. this.setLoading(false);
  1398. },
  1399. setError(error) {
  1400. this.error.set(error);
  1401. },
  1402. setLoading(w) {
  1403. this.loading.set(w);
  1404. },
  1405. isLoading() {
  1406. return this.loading.get();
  1407. },
  1408. events() {
  1409. return [
  1410. {
  1411. 'keyup input'() {
  1412. this.setError('');
  1413. },
  1414. 'change #jsBoardOrgs'() {
  1415. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1416. let selectElt = document.getElementById("jsBoardOrgs");
  1417. let selectedOrgId = selectElt.options[selectElt.selectedIndex].value;
  1418. let selectedOrgDisplayName = selectElt.options[selectElt.selectedIndex].text;
  1419. let boardOrganizations = [];
  1420. if(currentBoard.orgs !== undefined){
  1421. for(let i = 0; i < currentBoard.orgs.length; i++){
  1422. boardOrganizations.push(currentBoard.orgs[i]);
  1423. }
  1424. }
  1425. if(!boardOrganizations.some((org) => org.orgDisplayName == selectedOrgDisplayName)){
  1426. boardOrganizations.push({
  1427. "orgId": selectedOrgId,
  1428. "orgDisplayName": selectedOrgDisplayName,
  1429. "isActive" : true,
  1430. })
  1431. if (selectedOrgId != "-1") {
  1432. Meteor.call('setBoardOrgs', boardOrganizations, currentBoard._id);
  1433. }
  1434. }
  1435. Popup.back();
  1436. },
  1437. },
  1438. ];
  1439. },
  1440. }).register('addBoardOrgPopup');
  1441. Template.addBoardOrgPopup.helpers({
  1442. orgsDatas() {
  1443. let orgs = Org.find({}, {sort: { orgDisplayName: 1 }});
  1444. return orgs;
  1445. },
  1446. });
  1447. BlazeComponent.extendComponent({
  1448. onCreated() {
  1449. this.error = new ReactiveVar('');
  1450. this.loading = new ReactiveVar(false);
  1451. this.findOrgsOptions = new ReactiveVar({});
  1452. this.page = new ReactiveVar(1);
  1453. this.autorun(() => {
  1454. const limitOrgs = this.page.get() * Number.MAX_SAFE_INTEGER;
  1455. this.subscribe('org', this.findOrgsOptions.get(), limitOrgs, () => {});
  1456. });
  1457. },
  1458. onRendered() {
  1459. this.setLoading(false);
  1460. },
  1461. setError(error) {
  1462. this.error.set(error);
  1463. },
  1464. setLoading(w) {
  1465. this.loading.set(w);
  1466. },
  1467. isLoading() {
  1468. return this.loading.get();
  1469. },
  1470. events() {
  1471. return [
  1472. {
  1473. 'keyup input'() {
  1474. this.setError('');
  1475. },
  1476. 'click #leaveBoardBtn'(){
  1477. let stringOrgId = document.getElementById('hideOrgId').value;
  1478. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1479. let boardOrganizations = [];
  1480. if(currentBoard.orgs !== undefined){
  1481. for(let i = 0; i < currentBoard.orgs.length; i++){
  1482. if(currentBoard.orgs[i].orgId != stringOrgId){
  1483. boardOrganizations.push(currentBoard.orgs[i]);
  1484. }
  1485. }
  1486. }
  1487. Meteor.call('setBoardOrgs', boardOrganizations, currentBoard._id);
  1488. Popup.back();
  1489. },
  1490. 'click #cancelLeaveBoardBtn'(){
  1491. Popup.back();
  1492. },
  1493. },
  1494. ];
  1495. },
  1496. }).register('removeBoardOrgPopup');
  1497. Template.removeBoardOrgPopup.helpers({
  1498. org() {
  1499. return Org.findOne(this.orgId);
  1500. },
  1501. });
  1502. BlazeComponent.extendComponent({
  1503. onCreated() {
  1504. this.error = new ReactiveVar('');
  1505. this.loading = new ReactiveVar(false);
  1506. this.findOrgsOptions = new ReactiveVar({});
  1507. this.page = new ReactiveVar(1);
  1508. this.autorun(() => {
  1509. const limitTeams = this.page.get() * Number.MAX_SAFE_INTEGER;
  1510. this.subscribe('team', this.findOrgsOptions.get(), limitTeams, () => {});
  1511. });
  1512. this.findUsersOptions = new ReactiveVar({});
  1513. this.userPage = new ReactiveVar(1);
  1514. this.autorun(() => {
  1515. const limitUsers = this.userPage.get() * Number.MAX_SAFE_INTEGER;
  1516. this.subscribe('people', this.findUsersOptions.get(), limitUsers, () => {});
  1517. });
  1518. },
  1519. onRendered() {
  1520. this.setLoading(false);
  1521. },
  1522. setError(error) {
  1523. this.error.set(error);
  1524. },
  1525. setLoading(w) {
  1526. this.loading.set(w);
  1527. },
  1528. isLoading() {
  1529. return this.loading.get();
  1530. },
  1531. events() {
  1532. return [
  1533. {
  1534. 'keyup input'() {
  1535. this.setError('');
  1536. },
  1537. 'change #jsBoardTeams'() {
  1538. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1539. let selectElt = document.getElementById("jsBoardTeams");
  1540. let selectedTeamId = selectElt.options[selectElt.selectedIndex].value;
  1541. let selectedTeamDisplayName = selectElt.options[selectElt.selectedIndex].text;
  1542. let boardTeams = [];
  1543. if(currentBoard.teams !== undefined){
  1544. for(let i = 0; i < currentBoard.teams.length; i++){
  1545. boardTeams.push(currentBoard.teams[i]);
  1546. }
  1547. }
  1548. if(!boardTeams.some((team) => team.teamDisplayName == selectedTeamDisplayName)){
  1549. boardTeams.push({
  1550. "teamId": selectedTeamId,
  1551. "teamDisplayName": selectedTeamDisplayName,
  1552. "isActive" : true,
  1553. })
  1554. if (selectedTeamId != "-1") {
  1555. let members = currentBoard.members;
  1556. let query = {
  1557. "teams.teamId": { $in: boardTeams.map(t => t.teamId) },
  1558. };
  1559. const boardTeamUsers = Users.find(query, {
  1560. sort: { sort: 1 },
  1561. });
  1562. if(boardTeams !== undefined && boardTeams.length > 0){
  1563. let index;
  1564. if(boardTeamUsers && boardTeamUsers.count() > 0){
  1565. boardTeamUsers.forEach((u) => {
  1566. index = members.findIndex(function(m){ return m.userId == u._id});
  1567. if(index == -1){
  1568. members.push({
  1569. "isActive": true,
  1570. "isAdmin": u.isAdmin !== undefined ? u.isAdmin : false,
  1571. "isCommentOnly" : false,
  1572. "isNoComments" : false,
  1573. "userId": u._id,
  1574. });
  1575. }
  1576. });
  1577. }
  1578. }
  1579. Meteor.call('setBoardTeams', boardTeams, members, currentBoard._id);
  1580. }
  1581. }
  1582. Popup.back();
  1583. },
  1584. },
  1585. ];
  1586. },
  1587. }).register('addBoardTeamPopup');
  1588. Template.addBoardTeamPopup.helpers({
  1589. teamsDatas() {
  1590. let teams = Team.find({}, {sort: { teamDisplayName: 1 }});
  1591. return teams;
  1592. },
  1593. });
  1594. BlazeComponent.extendComponent({
  1595. onCreated() {
  1596. this.error = new ReactiveVar('');
  1597. this.loading = new ReactiveVar(false);
  1598. this.findOrgsOptions = new ReactiveVar({});
  1599. this.page = new ReactiveVar(1);
  1600. this.autorun(() => {
  1601. const limitTeams = this.page.get() * Number.MAX_SAFE_INTEGER;
  1602. this.subscribe('team', this.findOrgsOptions.get(), limitTeams, () => {});
  1603. });
  1604. this.findUsersOptions = new ReactiveVar({});
  1605. this.userPage = new ReactiveVar(1);
  1606. this.autorun(() => {
  1607. const limitUsers = this.userPage.get() * Number.MAX_SAFE_INTEGER;
  1608. this.subscribe('people', this.findUsersOptions.get(), limitUsers, () => {});
  1609. });
  1610. },
  1611. onRendered() {
  1612. this.setLoading(false);
  1613. },
  1614. setError(error) {
  1615. this.error.set(error);
  1616. },
  1617. setLoading(w) {
  1618. this.loading.set(w);
  1619. },
  1620. isLoading() {
  1621. return this.loading.get();
  1622. },
  1623. events() {
  1624. return [
  1625. {
  1626. 'keyup input'() {
  1627. this.setError('');
  1628. },
  1629. 'click #leaveBoardTeamBtn'(){
  1630. let stringTeamId = document.getElementById('hideTeamId').value;
  1631. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1632. let boardTeams = [];
  1633. if(currentBoard.teams !== undefined){
  1634. for(let i = 0; i < currentBoard.teams.length; i++){
  1635. if(currentBoard.teams[i].teamId != stringTeamId){
  1636. boardTeams.push(currentBoard.teams[i]);
  1637. }
  1638. }
  1639. }
  1640. let members = currentBoard.members;
  1641. let query = {
  1642. "teams.teamId": stringTeamId
  1643. };
  1644. const boardTeamUsers = Users.find(query, {
  1645. sort: { sort: 1 },
  1646. });
  1647. if(currentBoard.teams !== undefined && currentBoard.teams.length > 0){
  1648. let index;
  1649. if(boardTeamUsers && boardTeamUsers.count() > 0){
  1650. boardTeamUsers.forEach((u) => {
  1651. index = members.findIndex(function(m){ return m.userId == u._id});
  1652. if(index !== -1 && (u.isAdmin === undefined || u.isAdmin == false)){
  1653. members.splice(index, 1);
  1654. }
  1655. });
  1656. }
  1657. }
  1658. Meteor.call('setBoardTeams', boardTeams, members, currentBoard._id);
  1659. Popup.back();
  1660. },
  1661. 'click #cancelLeaveBoardTeamBtn'(){
  1662. Popup.back();
  1663. },
  1664. },
  1665. ];
  1666. },
  1667. }).register('removeBoardTeamPopup');
  1668. Template.removeBoardTeamPopup.helpers({
  1669. team() {
  1670. return Team.findOne(this.teamId);
  1671. },
  1672. });
  1673. Template.changePermissionsPopup.events({
  1674. 'click .js-set-admin, click .js-set-normal, click .js-set-no-comments, click .js-set-comment-only, click .js-set-worker'(
  1675. event,
  1676. ) {
  1677. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1678. const memberId = this.userId;
  1679. const isAdmin = $(event.currentTarget).hasClass('js-set-admin');
  1680. const isCommentOnly = $(event.currentTarget).hasClass(
  1681. 'js-set-comment-only',
  1682. );
  1683. const isNoComments = $(event.currentTarget).hasClass('js-set-no-comments');
  1684. const isWorker = $(event.currentTarget).hasClass('js-set-worker');
  1685. currentBoard.setMemberPermission(
  1686. memberId,
  1687. isAdmin,
  1688. isNoComments,
  1689. isCommentOnly,
  1690. isWorker,
  1691. );
  1692. Popup.back(1);
  1693. },
  1694. });
  1695. Template.changePermissionsPopup.helpers({
  1696. isAdmin() {
  1697. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1698. return currentBoard.hasAdmin(this.userId);
  1699. },
  1700. isNormal() {
  1701. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1702. return (
  1703. !currentBoard.hasAdmin(this.userId) &&
  1704. !currentBoard.hasNoComments(this.userId) &&
  1705. !currentBoard.hasCommentOnly(this.userId) &&
  1706. !currentBoard.hasWorker(this.userId)
  1707. );
  1708. },
  1709. isNoComments() {
  1710. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1711. return (
  1712. !currentBoard.hasAdmin(this.userId) &&
  1713. currentBoard.hasNoComments(this.userId)
  1714. );
  1715. },
  1716. isCommentOnly() {
  1717. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1718. return (
  1719. !currentBoard.hasAdmin(this.userId) &&
  1720. currentBoard.hasCommentOnly(this.userId)
  1721. );
  1722. },
  1723. isWorker() {
  1724. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1725. return (
  1726. !currentBoard.hasAdmin(this.userId) && currentBoard.hasWorker(this.userId)
  1727. );
  1728. },
  1729. isLastAdmin() {
  1730. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1731. return (
  1732. currentBoard.hasAdmin(this.userId) && currentBoard.activeAdmins() === 1
  1733. );
  1734. },
  1735. });