Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-13 16:21:57 -05:00
Code Issues Activity

♻️ Add minor refactor to release dialog components

Browse source
This commit is contained in:
Andrey Antukh 2023-07-28 16:19:27 +02:00
parent dcd428d3b2
commit c3eb90b1fa
18 changed files with 169 additions and 168 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui.cljs
View file

@ -87,7 +87,7 @@
[:*
#_[:div.modal-wrapper
#_[:& app.main.ui.releases/release-notes-modal {:version "1.16"}]
#_[:& app.main.ui.releases/release-notes-modal {:version "1.19"}]
#_[:& app.main.ui.onboarding/onboarding-templates-modal]
#_[:& app.main.ui.onboarding/onboarding-modal]
#_[:& app.main.ui.onboarding/onboarding-team-modal]]

43
frontend/src/app/main/ui/releases.cljs
View file

@ -33,40 +33,41 @@
;;; --- RELEASE NOTES MODAL
(mf/defc release-notes
[{:keys [version] :as props}]
(let [slide (mf/use-state :start)
klass (mf/use-state "fadeInDown")
{::mf/wrap-props false}
[{:keys [version]}]
(let [slide* (mf/use-state :start)
slide (deref slide*)
klass* (mf/use-state "fadeInDown")
klass (deref klass*)
navigate
(mf/use-callback #(reset! slide %))
(mf/use-fn #(reset! slide* %))
next
(mf/use-callback
(mf/use-fn
(mf/deps slide)
(fn []
(if (= @slide :start)
(if (= slide :start)
(navigate 0)
(navigate (inc @slide)))))
(navigate (inc slide)))))
finish
(mf/use-callback
(mf/use-fn
(mf/deps version)
#(st/emit! (modal/hide)
(du/mark-onboarding-as-viewed {:version version})))]
(mf/use-effect
(mf/deps)
(fn []
#(st/emit! (du/mark-onboarding-as-viewed {:version version}))))
(mf/with-effect []
#(st/emit! (du/mark-onboarding-as-viewed {:version version})))
(mf/use-layout-effect
(mf/deps @slide)
(fn []
(when (not= :start @slide)
(reset! klass "fadeIn"))
(let [sem (tm/schedule 300 #(reset! klass nil))]
(fn []
(reset! klass nil)
(tm/dispose! sem)))))
(mf/with-effect [slide]
(when (not= :start slide)
(reset! klass* "fadeIn"))
(let [sem (tm/schedule 300 #(reset! klass* nil))]
(fn []
(reset! klass* nil)
(tm/dispose! sem))))
(rc/render-release-notes
{:next next

2
frontend/src/app/main/ui/releases/v1_10.cljs
View file

@ -13,7 +13,7 @@
[{:keys [klass finish version]}]
(mf/html
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/beta-on.jpg" :border "0" :alt "Penpot is now BETA"}]]

16
frontend/src/app/main/ui/releases/v1_11.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.11"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.11"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.11-animations.gif" :border "0" :alt "Animations"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 3}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.11-bg-export.gif" :border "0" :alt "Ignore background on export"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 3}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.11-zoom-widget.gif" :border "0" :alt "New zoom widget"}]]
@ -84,6 +84,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 3}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_12.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.12"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.12"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.12-ui.gif" :border "0" :alt "Adjustable UI"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.12-guides.gif" :border "0" :alt "Guides"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.12-scrollbars.gif" :border "0" :alt "Scrollbars"}]]
@ -83,13 +83,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.12-nudge.gif" :border "0" :alt "Nudge amount"}]]
@ -102,6 +102,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_13.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.13"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.13"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.13-multi-export.gif" :border "0" :alt "Multiple exports"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.13-multiple-fills.gif" :border "0" :alt "Multiple fills and strokes"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.13-members.gif" :border "0" :alt "Members area redesign"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.13-focus.gif" :border "0" :alt "Focus mode"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_14.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.14"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.14"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.14-shortcuts.gif" :border "0" :alt "Shortcuts panel"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.14-color-group.gif" :border "0" :alt "Colors selection"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.14-fix-on-scroll.gif" :border "0" :alt "Fix elements at scroll"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.14-group-assets.gif" :border "0" :alt "Group library assets with drag & drop"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_15.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.15"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.15"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.15-nested-boards.gif" :border "0" :alt "Nested boards"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.15-share.gif" :border "0" :alt "Share prototype options"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.15-comments.gif" :border "0" :alt "Comments positioning"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.15-view-mode.gif" :border "0" :alt "View Mode improvements"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

22
frontend/src/app/main/ui/releases/v1_16.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.16"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.16"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.16-dashboard.gif" :border "0" :alt "Dashboard refreshed look & feel"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.16-slider.gif" :border "0" :alt "Libraries & templates module"}]]
@ -60,18 +60,18 @@
[:div.modal-title
[:h2 "Libraries & templates module"]]
[:div.modal-content
[:p "This new module will allow you to import a curated selection of the files that are available at the Libraries & Templates page directly from your projects dashboard."]
[:p "This new module will allow you to import a curated selection of the files that are available at the Libraries & Templates page directly from your projects dashboard."]
[:p "You no longer need to to download most of them to the computer before importing."]]
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.16-onboarding.gif" :border "0" :alt "Improved onboarding"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.16-click-zoom.gif" :border "0" :alt "Zoom to shape with double click"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

22
frontend/src/app/main/ui/releases/v1_17.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.17"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/onboarding-version.jpg" :border "0" :alt "What's new release 1.17"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.17-flex-layout.gif" :border "0" :alt "Flex-Layout"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.17-inspect.gif" :border "0" :alt "Inspect at the workspace"}]]
@ -60,18 +60,18 @@
[:div.modal-title
[:h2 "Inspect at the workspace"]]
[:div.modal-content
[:p "Now you can inspect designs to get measures, properties and production-ready code right at the workspace, so designers and developers can share the same space while working."]
[:p "Now you can inspect designs to get measures, properties and production-ready code right at the workspace, so designers and developers can share the same space while working."]
[:p "Also, inspect mode provides a safer view-only mode and other improvements."]]
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.17-webhook.gif" :border "0" :alt "Webhooks"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.17-ally.gif" :border "0" :alt "Accessibility improvements"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

22
frontend/src/app/main/ui/releases/v1_18.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.18"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/onboarding-version.jpg" :border "0" :alt "What's new release 1.18"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.18-spacing.gif" :border "0" :alt "Spacing management"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.18-absolute.gif" :border "0" :alt "Position absolute feature"}]]
@ -60,18 +60,18 @@
[:div.modal-title
[:h2 "Absolute position elements in Flex layout"]]
[:div.modal-content
[:p "Sometimes you need to freely position an element in a specific place regardless of the size of the layout where it belongs."]
[:p "Sometimes you need to freely position an element in a specific place regardless of the size of the layout where it belongs."]
[:p "Now you can exclude elements from the Flex layout flow using absolute position."]]
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.18-z-index.gif" :border "0" :alt "Z-index feature"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.18-scale.gif" :border "0" :alt "Scale content proportionally"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

12
frontend/src/app/main/ui/releases/v1_19.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.19"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/onboarding-version.jpg"
@ -42,7 +42,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.19-contributions.png"
@ -73,13 +73,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 2}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/1.19-tokens.gif"
@ -100,7 +100,7 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 2}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_4.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.4"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.4.0"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/select-files.gif" :border "0" :alt "New file selection"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/manage-files.gif" :border "0" :alt "Manage files"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/rtl.gif" :border "0" :alt "RTL support"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/blend-modes.gif" :border "0" :alt "Blend modes"}]]
@ -103,7 +103,7 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

16
frontend/src/app/main/ui/releases/v1_5.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.5"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.5.0"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/path-tool.gif" :border "0" :alt "New path tool"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 3}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/assets-organiz.gif" :border "0" :alt "Manage libraries"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 3}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/smart-inputs.gif" :border "0" :alt "Smart inputs"}]]
@ -84,7 +84,7 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 3}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_6.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.6"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.6.0"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/custom-fonts.gif" :border "0" :alt "Upload/use custom fonts"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/scale-text.gif" :border "0" :alt "Interactively scale text"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/performance.gif" :border "0" :alt "Performance improvements"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/shapes-to-path.gif" :border "0" :alt "Shapes to path"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_7.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.7"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.7"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/export.gif" :border "0" :alt "Export & Import"}]]
@ -49,13 +49,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/constraints.gif" :border "0" :alt "Resizing constraints"}]]
@ -71,13 +71,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/group-components.gif" :border "0" :alt "Library assets management improvements"}]]
@ -91,13 +91,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/copy-paste.gif" :border "0" :alt "Paste components from file to file"}]]
@ -109,6 +109,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_8.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.8"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.8"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/share-viewer.gif" :border "0" :alt "Share options and pages at view mode"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/stroke-caps.gif" :border "0" :alt "Path stroke caps"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/navigate-history.gif" :border "0" :alt "Navigable history"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/export-artboards.gif" :border "0" :alt "Export artboards PDF"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))

20
frontend/src/app/main/ui/releases/v1_9.cljs
View file

@ -12,10 +12,10 @@
(defmethod c/render-release-notes "1.9"
[{:keys [slide klass next finish navigate version]}]
(mf/html
(case @slide
(case slide
:start
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.9"}]]
@ -33,7 +33,7 @@
0
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/advanced-proto.gif" :border "0" :alt "Advanced interactions"}]]
@ -46,13 +46,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
1
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/flows-proto.gif" :border "0" :alt "Multiple flows"}]]
@ -65,13 +65,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
2
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/booleans.gif" :border "0" :alt "Boolean shapes"}]]
@ -84,13 +84,13 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click next} "Continue"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]]
3
[:div.modal-overlay
[:div.animated {:class @klass}
[:div.animated {:class klass}
[:div.modal-container.onboarding.feature
[:div.modal-left
[:img {:src "images/features/libraries-feature.gif" :border "0" :alt "Libraries & templates"}]]
@ -103,6 +103,6 @@
[:div.modal-navigation
[:button.btn-secondary {:on-click finish} "Start!"]
[:& c/navigation-bullets
{:slide @slide
{:slide slide
:navigate navigate
:total 4}]]]]]])))