diff --git a/frontend/src/app/main/ui/viewer.cljs b/frontend/src/app/main/ui/viewer.cljs index 36e6c5fc0..c3b54d8bb 100644 --- a/frontend/src/app/main/ui/viewer.cljs +++ b/frontend/src/app/main/ui/viewer.cljs @@ -86,6 +86,7 @@ :handoff-layout (= section :handoff))} [:& header {:project project + :index index :file file :page page :frame frame diff --git a/frontend/src/app/main/ui/viewer/header.cljs b/frontend/src/app/main/ui/viewer/header.cljs index 52377fa4c..b0c869f90 100644 --- a/frontend/src/app/main/ui/viewer/header.cljs +++ b/frontend/src/app/main/ui/viewer/header.cljs @@ -71,11 +71,12 @@ [:span.btn-text-dark {:on-click go-to-workspace} (tr "labels.edit-file")])])) (mf/defc header-sitemap - [{:keys [project file page frame] :as props}] + [{:keys [project file page frame index] :as props}] (let [project-name (:name project) file-name (:name file) page-name (:name page) frame-name (:name frame) + total (count (:frames page)) toggle-thumbnails (fn [] @@ -111,10 +112,12 @@ {:on-click toggle-thumbnails} [:span.label "/"] [:span.label frame-name] - [:span.icon i/arrow-down]]])) + [:span.icon i/arrow-down] + [:span.counters (str (inc index) " / " total)]]])) + (mf/defc header - [{:keys [project file page frame zoom section permissions]}] + [{:keys [project file page frame zoom section permissions index]}] (let [go-to-dashboard (st/emitf (dv/go-to-dashboard)) @@ -129,7 +132,7 @@ ;; If the user doesn't have permission we disable the link :style {:pointer-events (when-not permissions "none")}} i/logo-icon]] - [:& header-sitemap {:project project :file file :page page :frame frame}] + [:& header-sitemap {:project project :file file :page page :frame frame :index index}] [:div.mode-zone [:button.mode-zone-button.tooltip.tooltip-bottom