sidebar.js 50 KB

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