diff --git a/slides/index.ftd b/slides/index.ftd
index 5e9670fd..b3648ed6 100644
--- a/slides/index.ftd
+++ b/slides/index.ftd
@@ -2,4 +2,5 @@
- [Login](slides/login/)
+
-- end: ds.page
diff --git a/slides/ui/assets/convert-dark.svg b/slides/ui/assets/convert-dark.svg
new file mode 100644
index 00000000..812ff8cd
--- /dev/null
+++ b/slides/ui/assets/convert-dark.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/slides/ui/assets/convert.svg b/slides/ui/assets/convert.svg
new file mode 100644
index 00000000..4bb556b9
--- /dev/null
+++ b/slides/ui/assets/convert.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/slides/ui/assets/go-back-dark.svg b/slides/ui/assets/go-back-dark.svg
new file mode 100644
index 00000000..7d26aed1
--- /dev/null
+++ b/slides/ui/assets/go-back-dark.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/slides/ui/assets/go-back.svg b/slides/ui/assets/go-back.svg
new file mode 100644
index 00000000..4b07beab
--- /dev/null
+++ b/slides/ui/assets/go-back.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/slides/ui/functions.js b/slides/ui/functions.js
index 559c8b3c..474fec90 100644
--- a/slides/ui/functions.js
+++ b/slides/ui/functions.js
@@ -121,3 +121,8 @@ async function create_presentation_from_template(template) {
location.href = `/p/${presentation_id}/1`;
}
+
+function goBack() {
+ window.history.back();
+}
+
diff --git a/slides/ui/utils.ftd b/slides/ui/utils.ftd
index 32e61192..2ff0367c 100644
--- a/slides/ui/utils.ftd
+++ b/slides/ui/utils.ftd
@@ -6,6 +6,7 @@
-- import: fastn-community.github.io/dark-flame-cs as cs
-- integer $current-slide-number: 1
+-- boolean unimplemented: true
;; TODO: Issue with name preview-url which gets stored as "preview_url"
-- record slide:
@@ -570,14 +571,12 @@ button-icon: $assets.files.slides.ui.assets.play.svg
button-link: $present-link(id = $project-slide.id, order = $project-slide.order)
-- button: Download
+if: { !unimplemented }
button-link: /
button-icon: $assets.files.slides.ui.assets.download.svg
--- button: Convert into Template
-button-icon: $assets.files.slides.ui.assets.pipeline.svg
-$on-click$: $convert-template-http(url = convert-template/, method = post, id = $project-slide.id)
-
-- button: Add to pipeline
+if: { !unimplemented }
button-link: /
button-icon: $assets.files.slides.ui.assets.pipeline.svg
@@ -630,6 +629,7 @@ spacing.fixed.px: 8
padding-right.px: 24
-- ftd.image:
+if: { !unimplemented }
src: $assets.files.slides.ui.assets.square.svg
width.fixed.px: 38
height.fixed.px: 38
@@ -644,6 +644,7 @@ height.fixed.px: 38
padding.px: 7
background.solid: $inherited.colors.background.step-1
border-radius.px: 8
+link: $settings-link(id = $project-slide.id)
-- end: ftd.column
@@ -1029,6 +1030,8 @@ optional caption title:
optional string button-link:
optional ftd.image-src button-icon:
boolean $hover: false
+optional ftd.resizing icon-width:
+optional ftd.resizing icon-height:
-- ftd.row:
background.solid: $inherited.colors.background.step-1
@@ -1040,19 +1043,22 @@ background.solid if { button.hover }: $inherited.colors.background.step-2
$on-mouse-enter$: $ftd.set-bool($a = $button.hover, v = true)
$on-mouse-leave$: $ftd.set-bool($a = $button.hover, v = false)
spacing.fixed.px: 8
-width.fixed.px: 154
+width: hug-content
min-width: auto
-- ftd.image: $button.button-icon
if: { button.button-icon != NULL }
width.fixed.px: 16
+width if { button.icon-width != NULL }: $button.icon-width
height.fixed.px: 16
+height if { button.icon-height != NULL }: $button.icon-height
-- ftd.text: $button.title
if: { button.title != NULL }
role: $inherited.types.button-small
color: $inherited.colors.text-strong
link: $button.button-link
+white-space: nowrap
-- end: ftd.row
@@ -1129,14 +1135,6 @@ js: $assets.files.slides.ui.functions.js
http(url, method, null, ("id", id), ("order", order))
--- void convert-template-http(url,method,id):
-integer id:
-string url:
-string method:
-js: $assets.files.slides.ui.functions.js
-
-http(url, method, null, ("id", id))
-
@@ -1146,13 +1144,23 @@ integer order:
"pre/" + id + "/" + order + "/"
+-- string settings-link(id):
+integer id:
+
+"s/" + id + "/"
+
-- string construct-slide-url(id,order):
integer id:
integer order:
-"p/" + id + "/" + order
+"p/" + id + "/" + order + "/"
-- integer increment-by-one(a):
integer a:
a + 1
+
+-- void go-back():
+js: $assets.files.slides.ui.functions.js
+
+goBack()