sidebar.js 50 KB

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