Home
Features
Guides
Sign in
Sign Up
FREE DOWNLOAD
Automated Patient Notes
HIPAA compliant
SOC 2
Customizable
We are trusted by providers and rate BEST in class for note OUTPUTS and SECURITY.
Join your colleagues now and reclaim your TIME.
FREE DOWNLOAD
/ features
Features
Mobile App
Custom Note Template
Web Dashboard
Web App
;(function () { (function imageGallery(className, lightBox, id, galleryItems, settings) { var createImage = (item) => { var figure = document.createElement("figure"); figure.setAttribute( "data-category", item.category == null ? void 0 : item.category?.join(" ") ); var image = document.createElement("img"); image.id = item.id; image.src = item.src; image.alt = item.label; var figcaption = document.createElement("figcaption"); var spanElement = document.createElement("span"); spanElement.textContent = item.label; figcaption.appendChild(spanElement); var isCustomUrl = item.action === "customUrl"; if (isCustomUrl) { var link = document.createElement("a"); link.setAttribute("href", item?.customUrl || "#"); link.setAttribute("target", item.target); figure.append(image, figcaption); link.appendChild(figure); return link; } else { figure.className = !isCustomUrl && "lightbox-item"; figure.append(image, figcaption); return figure; } }; var { galleryType, maxImage = 3 } = settings; var imageGalleryClass = document.querySelector(className); var previousButton = imageGalleryClass.querySelector(".prev"); var nextButton = imageGalleryClass.querySelector(".next"); var size = window?.innerWidth <= 768 ? "sm" : (window?.innerWidth <= 1024 ? "md" : "lg") var { cols = "{}" } = imageGalleryClass.querySelector(".cols").dataset var columns = JSON.parse(cols)[size]; var wrapper = galleryType === "justified" ? imageGalleryClass.querySelector(".justified") : imageGalleryClass.querySelector(`.masonry-${size}`) var galleryOptions = { page: 1, category: "all", maxCount: galleryItems.length } var appendImageToTheDom = () => { wrapper.innerHTML = ""; var skip = (galleryOptions.page - 1) * maxImage; var currentPageImgs = galleryItems .filter(item => galleryOptions.category === "all" || item.category?.includes(galleryOptions.category)) .slice(skip, skip + Number(maxImage)) var images = currentPageImgs.map(createImage) if (galleryType === "mesonry") { for (let i = 0; i < columns; i++) { var container = document.createElement("div"); container.classList.add("mesonry--image-container") var mesonryItems = images.filter((_, idx) => idx % columns === i) container.append(...mesonryItems) wrapper.append(container) } } else { wrapper.append(...images) } var imageGalleryId = "#lcl_elems_wrapper_" + id; var imageFigures = document.querySelectorAll(imageGalleryId + " figure.lightbox-item"); var generateLightboxData = (el) => { let index = 0; var targetImgId = el.querySelector("img")?.id; var data = currentPageImgs?.map(({ src, txt, label, author, id }, idx) => { if (targetImgId === id) { index = idx; } return { id, author, txt, src, title: label, thumb: src, download: src, canonical_url: src, }; }); return { data, index }; }; imageFigures.forEach((el, i) => { if (window.lc_lightbox) { el.addEventListener("click", () => { var { data, index } = generateLightboxData(el); var instance = window.lc_lightbox(data, { ...lightBox, on_close: () => window.lcl_destroy(instance), }); window.lcl_open(instance, index); }); } }); } var galleryTab = imageGalleryClass.querySelector(".gallery-tab"); if (galleryTab) { galleryTab.addEventListener("click", (event) => { var category = event.target.value; galleryTab.querySelector(`button[value="${galleryOptions.category}"]`).classList.remove("active") galleryOptions.category = category galleryOptions.page = 1; var images = galleryItems.filter(item => category === "all" || item.category.includes(galleryOptions.category)) galleryOptions.maxCount = images.length; galleryTab.querySelector(`button[value="${galleryOptions.category}"]`).classList.add("active") appendImageToTheDom() disableNextPrevButton() }); } imageGalleryClass.addEventListener("click", (e) => { var figure = e.target.closest("figure"); if (!figure) return; if (figure.parentElement.nodeName === "A") return; var { src, alt } = figure.querySelector("img"); }); var disableNextPrevButton = () => { if (1 === galleryOptions.page) previousButton?.setAttribute("disabled", true); else previousButton?.removeAttribute("disabled"); if (Math.ceil(galleryOptions.maxCount / maxImage) <= galleryOptions.page) nextButton?.setAttribute("disabled", true); else nextButton?.removeAttribute("disabled"); }; if (previousButton) { previousButton.addEventListener("click", () => { galleryOptions.page = Math.max(1, galleryOptions.page - 1); appendImageToTheDom() disableNextPrevButton(); }); } if (nextButton) { nextButton.addEventListener("click", () => { galleryOptions.page = Math.min(Math.ceil(galleryOptions.maxCount / maxImage), galleryOptions.page + 1); appendImageToTheDom() disableNextPrevButton(); }); } appendImageToTheDom() disableNextPrevButton(); })(".dorik-imageGallery-jk679fp4", {"type":"advanced"}, "jk679fp4", [{"id":"acqus8sa","src":"https://cdn.dorik.com/6716e5f9b092ac001229e4a4/images/mobileapp-MYrtT.png","label":"Mobile App","action":"lightbox","category":["branding","design"]},{"id":"q4pn04g2","src":"https://cdn.dorik.com/6716e5f9b092ac001229e4a4/images/mobileapp1-kElIy.png"},{"id":"acqus8se","src":"https://cdn.dorik.com/6716e5f9b092ac001229e4a4/images/notesection-gsk5-.png","label":"Custom Note Template","action":"lightbox","category":["photography"]},{"id":"acqus8sl","src":"https://cdn.dorik.com/6716e5f9b092ac001229e4a4/images/dashboard-EdRTL.png","label":"Web Dashboard","action":"customUrl","target":"_blank","category":["photography","design"]},{"id":"acqus8su","src":"https://cdn.dorik.com/6716e5f9b092ac001229e4a4/images/note-tSJRu.png","label":"Web App","action":"lightbox","category":["design"]}], {"galleryType":"justified","colNumber":"3","hideOnMobile":false}) })();
