mc.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. var findEventHandlers = function (eventType, jqSelector) {
  2. var results = [];
  3. var $ = jQuery; // to avoid conflict between others frameworks like Mootools
  4. var arrayIntersection = function (array1, array2) {
  5. return $(array1).filter(function (index, element) {
  6. return $.inArray(element, $(array2)) !== -1;
  7. });
  8. };
  9. var haveCommonElements = function (array1, array2) {
  10. return arrayIntersection(array1, array2).length !== 0;
  11. };
  12. var addEventHandlerInfo = function (element, event, $elementsCovered) {
  13. var extendedEvent = event;
  14. if ($elementsCovered !== void 0 && $elementsCovered !== null) {
  15. $.extend(extendedEvent, {
  16. targets: $elementsCovered.toArray()
  17. });
  18. }
  19. var eventInfo;
  20. var eventsInfo = $.grep(results, function (evInfo, index) {
  21. return element === evInfo.element;
  22. });
  23. if (eventsInfo.length === 0) {
  24. eventInfo = {
  25. element: element,
  26. events: [extendedEvent]
  27. };
  28. results.push(eventInfo);
  29. } else {
  30. eventInfo = eventsInfo[0];
  31. eventInfo.events.push(extendedEvent);
  32. }
  33. };
  34. var $elementsToWatch = $(jqSelector);
  35. if (jqSelector === "*") //* does not include document and we might be interested in handlers registered there
  36. $elementsToWatch = $elementsToWatch.add(document);
  37. var $allElements = $("*").add(document);
  38. $.each($allElements, function (elementIndex, element) {
  39. var allElementEvents = $._data(element, "events");
  40. if (allElementEvents !== void 0 && allElementEvents[eventType] !== void 0) {
  41. var eventContainer = allElementEvents[eventType];
  42. $.each(eventContainer, function (eventIndex, event) {
  43. var isDelegateEvent = event.selector !== void 0 && event.selector !== null;
  44. var $elementsCovered;
  45. if (isDelegateEvent) {
  46. $elementsCovered = $(event.selector, element); //only look at children of the element, since those are the only ones the handler covers
  47. } else {
  48. $elementsCovered = $(element); //just itself
  49. }
  50. if (haveCommonElements($elementsCovered, $elementsToWatch)) {
  51. addEventHandlerInfo(element, event, $elementsCovered);
  52. }
  53. });
  54. }
  55. });
  56. return results;
  57. };
  58. window.top.addEventListener('popstate', function (event) {
  59. window.setTimeout(function () {
  60. if (!event) return;
  61. var state = event.state;
  62. if (state === '') state = '/';
  63. if (state[0] !== '/') state = '/' + state;
  64. if (!!state) fastLoad(state, false, true);
  65. }, 0);
  66. });
  67. $(document).ready(function () {
  68. if(window.location.href === window.top.location.href) {
  69. window.location.href = '/mc' + window.location.pathname;
  70. return;
  71. }
  72. // window.top.ensureRHS();
  73. $(document).on('click', '.stag_rhs_toggle', function () {
  74. var state = window.top.toggleRHS(),
  75. icon = $(this).find('i');
  76. if (state === 'collapsed') {
  77. icon.removeClass().addClass('fa fa-arrow-left');
  78. } else {
  79. icon.removeClass().addClass('fa fa-arrow-right');
  80. }
  81. });
  82. var body = $(window.top.document.body),
  83. icon = $('.stag_rhs_toggle i');
  84. if (body.is('.stag_rhs_collapsed')) {
  85. icon.removeClass().addClass('fa fa-arrow-left');
  86. }
  87. initCreateNote();
  88. initQuillEdit();
  89. initFastLoad();
  90. initPrimaryForm();
  91. if(typeof initializeCalendar !== 'undefined') {
  92. initializeCalendar();
  93. }
  94. if(typeof initIntakeEvents !== 'undefined') {
  95. initIntakeEvents();
  96. }
  97. // replace history on fresh load
  98. var target = window.top.location.pathname;
  99. if (target.indexOf('/mc') === 0) {
  100. target = target.split('/mc')[1];
  101. }
  102. window.top.history.pushState(target, null, '/mc' + target);
  103. });
  104. function enableTimeSpecificFields(_checked, _valueClass, _rangeClass) {
  105. if(_valueClass) $('.' + _valueClass).prop('disabled', _checked);
  106. if(_rangeClass) $('.' + _rangeClass).prop('disabled', !_checked);
  107. }
  108. function toggleDisabledAsNeeded(_el, _targetValue, _enableClass, _disableClass) {
  109. if(_el.value === _targetValue) {
  110. if(_enableClass) $('.' + _enableClass).prop('disabled', false);
  111. if(_disableClass) $('.' + _disableClass).prop('disabled', true);
  112. }
  113. else {
  114. if(_enableClass) $('.' + _enableClass).prop('disabled', true);
  115. if(_disableClass) $('.' + _disableClass).prop('disabled', false);
  116. }
  117. }
  118. function toggleVisibilityAsNeeded(_el, _targetValue, _visibleClass, _hiddenClass) {
  119. if(_el.value === _targetValue) {
  120. if(_visibleClass) $('.' + _visibleClass).removeClass('d-none');
  121. if(_hiddenClass) $('.' + _hiddenClass).addClass('d-none');
  122. }
  123. else {
  124. if(_visibleClass) $('.' + _visibleClass).addClass('d-none');
  125. if(_hiddenClass) $('.' + _hiddenClass).removeClass('d-none');
  126. }
  127. }
  128. var fastCache = {};
  129. function initFastLoad(_parent = false) {
  130. var allAs = $('a[href]:not([onclick]):not([href="#"])');
  131. if (_parent) {
  132. allAs = _parent.find('a[href]:not([onclick]):not([href="#"])');
  133. }
  134. // clear cache
  135. if(!_parent) {
  136. fastCache = {};
  137. }
  138. else {
  139. allAs.each(function () {
  140. if(typeof fastCache[this.href] !== 'undefined') {
  141. delete fastCache[this.href];
  142. }
  143. });
  144. }
  145. // find links without event handlers
  146. allAs.each(function () {
  147. if (!$(this).closest('[moe]').length) {
  148. if ($(this).closest('.dropdown-menu[aria-labelledby="practice-management"]').length) {
  149. enableFastLoad(this, true);
  150. } else {
  151. var handlers = findEventHandlers('click', this);
  152. if (!handlers || !handlers.length) {
  153. enableFastLoad(this);
  154. }
  155. }
  156. }
  157. });
  158. function enableFastLoad(_a, _menuItem = false) {
  159. $(_a)
  160. .off('click.fast-load')
  161. .on('click.fast-load', function () {
  162. showMask();
  163. fastLoad(this.href, true, true);
  164. $('.dropdown-menu[aria-labelledby="practice-management"]')
  165. .removeClass('show')
  166. .prev('.dropdown-toggle').attr('aria-expanded', 'false');
  167. return false;
  168. });
  169. // console.info('FastLoad enabled for ' + _a.innerText + ' [' + _a.href + ']');
  170. }
  171. // fast cache
  172. // allAs = $('a[href]:not([onclick]):not([href="#"])');
  173. // allAs.each(function () {
  174. // var a = this;
  175. // $.get(a.href, function (_data) {
  176. // fastCache[a.href] = _data;
  177. // });
  178. // });
  179. }
  180. function onFastLoaded(_data, _href, _history) {
  181. var targetParent = $('.stag-content');
  182. _data = '<div>' + _data + '</div>';
  183. var content = $(_data).find('.stag-content');
  184. if (content && content.length) {
  185. content = content.html();
  186. content += '<script src="/js/yemi.js?_=4"></script>';
  187. targetParent.html(content);
  188. window.setTimeout(function() {
  189. initCreateNote();
  190. initQuillEdit();
  191. initFastLoad(targetParent);
  192. initPrimaryForm();
  193. }, 50);
  194. if(typeof initializeCalendar !== 'undefined') {
  195. initializeCalendar();
  196. }
  197. if(typeof initIntakeEvents !== 'undefined') {
  198. initIntakeEvents();
  199. }
  200. // push state
  201. if (_history) {
  202. var target = _href;
  203. if (target.indexOf('//') !== -1) {
  204. target = target.split('//')[1];
  205. if (target.indexOf('/') !== -1) {
  206. target = target.substr(target.indexOf('/') + 1);
  207. }
  208. }
  209. window.top.history.pushState(target, null, '/mc/' + target);
  210. }
  211. } else {
  212. console.warn('Target page not found: ' + _href);
  213. window.location.href = _href; // fallback
  214. }
  215. // hideMask();
  216. }
  217. function fastLoad(_href, _history = true, _useCache = true) {
  218. if (_useCache && !!fastCache[_href]) {
  219. onFastLoaded(fastCache[_href], _href, _history);
  220. } else {
  221. $.get(_href, function(_data) {
  222. onFastLoaded(_data, _href, _history);
  223. });
  224. }
  225. }
  226. function initPrimaryForm() {
  227. var primaryForm = $('.primary-form:visible');
  228. if (primaryForm.length) {
  229. var rte = primaryForm.first().find('[contenteditable="true"]').first();
  230. if(rte.length) {
  231. rte.focus().select();
  232. }
  233. else {
  234. primaryForm.first().find('input, textarea, select').first().focus().select();
  235. }
  236. }
  237. }
  238. function openInRHS(_url) {
  239. window.top.showRHS();
  240. var icon = $('.stag_rhs_toggle i');
  241. icon.removeClass().addClass('fa fa-arrow-right');
  242. window.top.openInRHS(_url);
  243. return false;
  244. }
  245. function initCreateNote() {
  246. $(document)
  247. .off('click.create-note', '.create-auto-note-trigger')
  248. .on('click.create-note', '.create-auto-note-trigger', function() {
  249. showMask();
  250. var clientUid = $(this).attr('data-patient-uid');
  251. $.post('/api/note/createUsingFreeTextHtml', {
  252. clientUid: clientUid,
  253. hcpProUid: $(this).attr('data-hcp-uid'),
  254. effectiveDateEST: $(this).attr('data-effective-date'),
  255. }, function(_data) {
  256. hideMask();
  257. if (!_data.success) {
  258. toastr.error(_data.message);
  259. }
  260. else {
  261. fastLoad('/patients/view/' + clientUid + '/notes/view/' + _data.data, true, false);
  262. }
  263. }, 'json');
  264. });
  265. }
  266. function initQuillEdit(_selector = '.note-content[auto-edit]') {
  267. $(document)
  268. .off('click.enable-edit', '.note-content:not([auto-edit])')
  269. .on('click.enable-edit', '.note-content:not([auto-edit])', function() {
  270. $(this).attr('auto-edit', 1);
  271. initQuillEdit();
  272. initPrimaryForm();
  273. });
  274. if(!$(_selector).length) return;
  275. var noteUid = $(_selector).attr('data-note-uid');
  276. var qe = new Quill(_selector, {
  277. theme: 'snow'
  278. });
  279. var toolbar = $(qe.container).prev('.ql-toolbar');
  280. var saveButton = $('<button class="btn btn-sm btn-primary w-auto px-3 py-0 text-sm text-white save-note-content" disabled>Save</button>');
  281. toolbar.append(saveButton);
  282. saveButton.on('click', function() {
  283. $.post('/api/note/putFreeTextHtml', {
  284. uid: noteUid,
  285. freeTextHtml: qe.root.innerHTML,
  286. }, function(_data) {
  287. if (!_data.success) {
  288. toastr.error(_data.message);
  289. }
  290. else {
  291. // toastr.success('Note saved');
  292. // saveButton.prop('disabled', true);
  293. fastLoad(window.location.pathname, false, false);
  294. }
  295. }, 'json');
  296. });
  297. qe.on('text-change', function() {
  298. saveButton.prop('disabled', false);
  299. });
  300. }