sidebar.js 50 KB

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