From 23c76699577c2c84f0341d10d4444cf9ad65646c Mon Sep 17 00:00:00 2001
From: Amit Upadhyay <upadhyay@gmail.com>
Date: Thu, 30 Nov 2023 21:33:10 +0530
Subject: [PATCH] team dashboard scenario

---
 index.ftd                                |   1 +
 slides/assets/github-mark-white-dark.svg |   1 +
 slides/assets/plus-dark.svg              |   3 +
 slides/assets/plus.svg                   |   3 +
 slides/components/team-page.ftd          |   0
 slides/pages/dashboard.ftd               | 255 +++++++++++++++++++++++
 slides/scenarios/team-dashboard.ftd      |  67 ++++++
 7 files changed, 330 insertions(+)
 create mode 100644 slides/assets/github-mark-white-dark.svg
 create mode 100644 slides/assets/plus-dark.svg
 create mode 100644 slides/assets/plus.svg
 create mode 100644 slides/components/team-page.ftd
 create mode 100644 slides/pages/dashboard.ftd
 create mode 100644 slides/scenarios/team-dashboard.ftd

diff --git a/index.ftd b/index.ftd
index d9885e6f..607b76a0 100644
--- a/index.ftd
+++ b/index.ftd
@@ -8,5 +8,6 @@ These are list of products/websites hosted by FifthTry.
 
 - [Login page](/slides/scenarios/login-page/)
 - [Logged in templates](/slides/scenarios/logged-in-templates/)
+- [team dashboard](/slides/scenarios/team-dashboard/)
 
 -- end: ds.page
diff --git a/slides/assets/github-mark-white-dark.svg b/slides/assets/github-mark-white-dark.svg
new file mode 100644
index 00000000..d5e64918
--- /dev/null
+++ b/slides/assets/github-mark-white-dark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/slides/assets/plus-dark.svg b/slides/assets/plus-dark.svg
new file mode 100644
index 00000000..81cc4466
--- /dev/null
+++ b/slides/assets/plus-dark.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="#fff" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 8H8V13C8 13.55 7.55 14 7 14C6.45 14 6 13.55 6 13V8H1C0.45 8 0 7.55 0 7C0 6.45 0.45 6 1 6H6V1C6 0.45 6.45 0 7 0C7.55 0 8 0.45 8 1V6H13C13.55 6 14 6.45 14 7C14 7.55 13.55 8 13 8Z" fill="#fff"/>
+</svg>
diff --git a/slides/assets/plus.svg b/slides/assets/plus.svg
new file mode 100644
index 00000000..9a0efb37
--- /dev/null
+++ b/slides/assets/plus.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 8H8V13C8 13.55 7.55 14 7 14C6.45 14 6 13.55 6 13V8H1C0.45 8 0 7.55 0 7C0 6.45 0.45 6 1 6H6V1C6 0.45 6.45 0 7 0C7.55 0 8 0.45 8 1V6H13C13.55 6 14 6.45 14 7C14 7.55 13.55 8 13 8Z" fill="#111111"/>
+</svg>
diff --git a/slides/components/team-page.ftd b/slides/components/team-page.ftd
new file mode 100644
index 00000000..e69de29b
diff --git a/slides/pages/dashboard.ftd b/slides/pages/dashboard.ftd
new file mode 100644
index 00000000..803ab733
--- /dev/null
+++ b/slides/pages/dashboard.ftd
@@ -0,0 +1,255 @@
+-- import: ui.fifthtry.com/slides/components/full-page as team-page
+-- import: ui.fifthtry.com/slides/site-data
+-- import: ui.fifthtry.com/slides/user-data
+
+
+
+
+-- component page:
+module site-data: site-data
+module user-data: user-data
+presentation list presentations:
+template list templates:
+
+-- team-page.page:
+site-data: $page.site-data
+user-data: $page.user-data
+
+-- all-presentations:
+all-presentations-lists: $page.presentations
+all-template-lists: $page.templates
+
+-- end: team-page.page
+
+-- end: page
+
+
+
+
+-- record presentation:
+caption title:
+ftd.image-src image:
+string time:
+
+
+-- record template:
+caption title:
+ftd.image-src image:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+-- component all-presentations:
+presentation list all-presentations-lists:
+template list all-template-lists:
+boolean $pop-up: false
+
+-- ftd.column:
+width: fill-container
+padding-bottom.px: 24
+padding-top.px: 12
+
+-- ftd.row:
+width: fill-container
+spacing: space-between
+padding-bottom.px: 24
+
+-- ftd.text: All presentations
+role: $inherited.types.heading-medium
+color: $inherited.colors.text-strong
+
+-- ftd.row:
+width.fixed.px: 134
+padding-horizontal.px: 12
+padding-vertical.px: 8
+background.solid: $inherited.colors.background.step-2
+border-radius.px: 8
+spacing.fixed.px: 6
+align-content: center
+$on-click$: $ftd.set-bool($a = $all-presentations.pop-up, v = true)
+
+-- ftd.image:
+src: $assets.files.slides.assets.plus.svg
+width.fixed.px: 14
+
+-- ftd.text: New presentation
+role: $inherited.types.copy-small
+color: $inherited.colors.text-strong
+
+-- end: ftd.row
+
+-- ftd.column:
+if: { all-presentations.pop-up }
+width.fixed.px: 720
+height.fixed.px: 602
+background.solid: $inherited.colors.background.base
+padding.px: 24
+spacing.fixed.px: 24
+border-width.px: 1
+border-color: $inherited.colors.border-strong
+z-index: 5
+anchor: parent
+top.px: -204
+left.px: 150
+border-radius.px: 8
+shadow: $s
+overflow-y: scroll
+
+-- ftd.row:
+width: fill-container
+spacing: space-between
+align-content: center
+border-bottom-width.px: 1
+border-color: $inherited.colors.border
+padding-bottom.px: 16
+
+-- ftd.text: Select a template
+role: $inherited.types.heading-small
+color: $inherited.colors.text-strong
+
+-- ftd.image:
+src: $assets.files.assets.cross.svg
+width.fixed.px: 28
+height.fixed.px: 28
+$on-click$: $ftd.set-bool($a = $all-presentations.pop-up, v = false)
+
+-- end: ftd.row
+
+-- ftd.row:
+width: fill-container
+spacing.fixed.px: 24
+wrap: true
+
+-- template-list: $obj.title
+$loop$: $all-presentations.all-template-lists as $obj
+image: $obj.image
+
+-- end: ftd.row
+
+-- end: ftd.column
+
+-- end: ftd.row
+
+-- ftd.row:
+width.fixed.px: 940
+padding-vertical.px: 24
+spacing.fixed.px: 24
+wrap: true
+
+-- all-presentations-details: $obj.title
+$loop$: $all-presentations.all-presentations-lists as $obj
+image: $obj.image
+time: $obj.time
+
+-- end: ftd.row
+
+-- end: ftd.column
+
+-- end: all-presentations
+
+
+
+
+
+
+
+
+
+-- component all-presentations-details:
+caption title:
+ftd.image-src image:
+string time:
+
+-- ftd.column:
+width.fixed.px: 243
+spacing.fixed.px: 8
+padding-bottom.px: 8
+cursor: pointer
+
+-- ftd.image:
+src: $all-presentations-details.image
+width: fill-container
+
+-- ftd.text: $all-presentations-details.title
+role: $inherited.types.heading-tiny
+color: $inherited.colors.text-strong
+
+-- ftd.text: $all-presentations-details.time
+role: $inherited.types.copy-small
+color: $inherited.colors.text
+style: light
+
+-- end: ftd.column
+
+-- end: all-presentations-details
+
+
+
+
+
+
+
+
+
+
+-- component template-list:
+caption title:
+ftd.image-src image:
+
+-- ftd.column:
+width.fixed.px: 200
+spacing.fixed.px: 8
+padding-bottom.px: 8
+cursor: pointer
+align-content: center
+
+-- ftd.image:
+src: $template-list.image
+width: fill-container
+
+-- ftd.text: $template-list.title
+role: $inherited.types.copy-small
+color: $inherited.colors.text-strong
+
+-- end: ftd.column
+
+-- end: template-list
+
+
+
+
+
+
+
+
+-- ftd.shadow s:
+color: #000000
+x-offset.px: 4
+y-offset.px: 4
+blur.px: 20
+spread.px: 8
+
+
diff --git a/slides/scenarios/team-dashboard.ftd b/slides/scenarios/team-dashboard.ftd
new file mode 100644
index 00000000..9d00df6e
--- /dev/null
+++ b/slides/scenarios/team-dashboard.ftd
@@ -0,0 +1,67 @@
+-- import: ui.fifthtry.com/slides/pages/dashboard
+-- import: ui.fifthtry.com/slides/scenarios/john-doe-ud
+
+
+-- dashboard.page:
+templates: $templates
+presentations: $presentations
+user-data: john-doe-ud
+
+
+
+-- dashboard.presentation list presentations:
+
+-- dashboard.presentation: Documentation site
+image: $assets.files.slides.assets.template-2.png
+time: Edited 18 min ago
+
+-- dashboard.presentation: Documentation site
+image: $assets.files.slides.assets.template-2.png
+time: Edited 18 min ago
+
+-- dashboard.presentation: Documentation site
+image: $assets.files.slides.assets.template-2.png
+time: Edited 18 min ago
+
+-- dashboard.presentation: Documentation site
+image: $assets.files.slides.assets.template-2.png
+time: Edited 18 min ago
+
+-- dashboard.presentation: Documentation site
+image: $assets.files.slides.assets.template-2.png
+time: Edited 18 min ago
+
+-- dashboard.presentation: Documentation site
+image: $assets.files.slides.assets.template-2.png
+time: Edited 18 min ago
+
+-- end: presentations
+
+
+-- dashboard.template list templates:
+
+-- dashboard.template: Templates 1
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 2
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 3
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 4
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 5
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 6
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 7
+image: $assets.files.slides.assets.template-1.png
+
+-- dashboard.template: Templates 8
+image: $assets.files.slides.assets.template-1.png
+
+-- end: templates
\ No newline at end of file