-
Notifications
You must be signed in to change notification settings - Fork 187
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Add Dialog * Add options to embed dialog * Min Height of Clipboard Input multiline to 3 lines * Check for visibility * Link to change access of project * Rename to guided mode * Change icon when user clicks copy button * Update Menu styles based on agi feedback * Update graphql.ts * Embed Options as hashState * Auto grow Clipboard Input * embed state and more options * Tidyups * Footer only shows when !embedOptions.isTransparent * Add auto/manual Load * Add Pre setup component * WIP Button Group mobile * Updates around manual load * Viewer Share nav * Add embed dialog to project page * Minor fixes * Check for federated * Responsive Tidyups * Responsive Fixes. Fix console issues * Add Alert to Version Embed * Disable Zoom * GQL updates * Comment Slideshow * GraphQl changes * Fix visibility * Build fix * Revert "Build fix" This reverts commit 0e706cb. * remove unneeded change, revert yarn.lock * Test Commit * Remove commit test * Fix build * Update Tailwind. Add base url env * fix for portal scope issue * useLogger * useLogger * chore(fe2): include NUXT_PUBLIC_BASE_URL in deployment manifests * lazy load optimization * lint fixes * Updates * Re-add guided open Dialog sections * Prevent login popup on embed * Tidy up mobile combined button group * Tidy up embed Dialogs * Small styling issues * Update scrolling in embed dialog * Move selection info when embed * Testing fixes * Discuss in Speckle * Responsive Dialog Changes * Fix bug * WIP Manual Load * Fix nuxt errors * Fix nuxt logger issue * Fix embed dialog overflows * New Dialog layout * Responsive Breakpoint change * Preview Image * Fix bug with dialogSection * Hide selection info on mobile when thread is open * Footer Model Name * Overflow on ClipboardInput * Style fixes * Tidy ups * Responsive updates * Responsive fixes * Update button * Changes from testing * Fix embed height with footer * Fix Dialog Section * Fixes from testing * Move "reset filters" on embed * Small fixes * Updates from CR 1 * CR Comments 2 * Updates from CR * Add deserializeEmbedOptions helper * DialogSection changes * Revert changes in TextArea * Updates from CR * Only check for noscroll in watch * Update useRoute * Comment Slideshow mode * Changes from testing * Fix mobile share button * onMounted warn fixes * Updates from testing * Remove nesting of ManualLoad * Keep Speckle text on mobile * minor cleanup & bugfixes * Add target prop to Logo * navbar flash fix + more cleanup * Fix urls * Footer Logo changes * Remove viewer-transparent from layout * Add Reply in Speckle * Remove Anchored Points from embed * Final changes pre CR * Fix Anchored Points * Update packages/frontend-2/components/project/model-page/dialog/embed/Embed.vue Co-authored-by: Kristaps Fabians Geikins <[email protected]> * Fixes from CR * Updates from cr * Changes WIP * Fix for dialog opening * Changes from PR * Updates to check embed in activity * fix(fe2): project settings dialog error * Make Team open section on click of "Manage" * Fixes from merge * Changes from cr * Compare old to new in watch * Fix logo in footer of embed * Fixes from merge * Fix build. Fix lazy load * Updates from Benjamin * Fix transparent bg --------- Co-authored-by: Kristaps Fabians Geikins <[email protected]> Co-authored-by: Iain Sproat <[email protected]> Co-authored-by: Kristaps Fabians Geikins <[email protected]>
- Loading branch information
4 people
authored
Feb 6, 2024
1 parent
ec95ebd
commit ff64331
Showing
94 changed files
with
1,667 additions
and
462 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,133 @@ | ||
| <template> | ||
| <Menu | ||
| as="div" | ||
| class="flex items-center relative sm:border-r border-outline-1 sm:pr-4" | ||
| > | ||
| <MenuButton as="div"> | ||
| <FormButton class="hidden sm:flex" outlined :icon-right="ChevronDownIcon"> | ||
| Share | ||
| </FormButton> | ||
| <button class="sm:hidden mt-1.5"> | ||
| <ShareIcon class="h-5 w-5 text-primary" /> | ||
| </button> | ||
| </MenuButton> | ||
| <Transition | ||
| enter-active-class="transition ease-out duration-200" | ||
| enter-from-class="transform opacity-0 scale-95" | ||
| enter-to-class="transform opacity-100 scale-100" | ||
| leave-active-class="transition ease-in duration-75" | ||
| leave-from-class="transform opacity-100 scale-100" | ||
| leave-to-class="transform opacity-0 scale-95" | ||
| > | ||
| <MenuItems | ||
| class="absolute z-50 flex flex-col gap-1 right-0 sm:right-4 top-12 min-w-max w-full sm:w-44 p-1 origin-top-right bg-foundation-2 outline outline-2 outline-primary-muted rounded-md shadow-lg overflow-hidden text-sm" | ||
| > | ||
| <MenuItem v-slot="{ active }"> | ||
| <div | ||
| :class="[ | ||
| active ? 'bg-foundation-focus' : '', | ||
| 'flex gap-2 items-center px-2 py-1.5 text-sm text-foreground cursor-pointer transition rounded' | ||
| ]" | ||
| @click="handleCopyLink" | ||
| @keypress="keyboardClick(handleCopyLink)" | ||
| > | ||
| <LinkIcon class="w-5 h-5" /> | ||
| Copy Link | ||
| </div> | ||
| </MenuItem> | ||
| <MenuItem v-if="!isFederated" v-slot="{ active }"> | ||
| <div | ||
| :class="[ | ||
| active ? 'bg-foundation-focus' : '', | ||
| 'flex gap-2 items-center px-2 py-1.5 text-sm text-foreground cursor-pointer transition rounded' | ||
| ]" | ||
| @click="handleCopyId" | ||
| @keypress="keyboardClick(handleCopyId)" | ||
| > | ||
| <FingerPrintIcon class="w-5 h-5" /> | ||
| Copy ID | ||
| </div> | ||
| </MenuItem> | ||
| <MenuItem v-slot="{ active }"> | ||
| <div | ||
| :class="[ | ||
| active ? 'bg-foundation-focus' : '', | ||
| 'flex gap-2 items-center px-2 py-1.5 text-sm text-foreground cursor-pointer transition rounded' | ||
| ]" | ||
| @click="handleEmbed" | ||
| @keypress="keyboardClick(handleEmbed)" | ||
| > | ||
| <CodeBracketIcon class="w-5 h-5" /> | ||
| Embed Model | ||
| </div> | ||
| </MenuItem> | ||
| </MenuItems> | ||
| </Transition> | ||
| <ProjectModelPageDialogEmbed | ||
| v-model:open="embedDialogOpen" | ||
| :project-id="projectId" | ||
| :visibility="visibility" | ||
| /> | ||
| </Menu> | ||
| </template> | ||
| <script setup lang="ts"> | ||
| import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue' | ||
| import { | ||
| ChevronDownIcon, | ||
| LinkIcon, | ||
| FingerPrintIcon, | ||
| CodeBracketIcon, | ||
| ShareIcon | ||
| } from '@heroicons/vue/24/outline' | ||
| import { SpeckleViewer } from '@speckle/shared' | ||
| import { keyboardClick } from '@speckle/ui-components' | ||
| import type { ProjectVisibility } from '~/lib/common/generated/gql/graphql' | ||
| import { useCopyModelLink } from '~~/lib/projects/composables/modelManagement' | ||
| const props = defineProps<{ | ||
| projectId: string | ||
| resourceIdString: string | ||
| visibility: ProjectVisibility | ||
| }>() | ||
| const { copy } = useClipboard() | ||
| const copyModelLink = useCopyModelLink() | ||
| const embedDialogOpen = ref(false) | ||
| const parsedResourceIds = computed(() => | ||
| SpeckleViewer.ViewerRoute.parseUrlParameters(props.resourceIdString) | ||
| ) | ||
| const firstResource = computed(() => parsedResourceIds.value[0] || {}) | ||
| const versionId = computed(() => { | ||
| if (SpeckleViewer.ViewerRoute.isModelResource(firstResource.value)) { | ||
| return firstResource.value.versionId | ||
| } | ||
| return '' | ||
| }) | ||
| const modelId = computed(() => { | ||
| if (SpeckleViewer.ViewerRoute.isModelResource(firstResource.value)) { | ||
| return firstResource.value.modelId // Assuming your firstResource object has a modelId property | ||
| } | ||
| return '' | ||
| }) | ||
| const isFederated = computed(() => parsedResourceIds.value.length > 1) | ||
| const handleCopyId = () => { | ||
| copy(props.resourceIdString, { successMessage: 'ID copied to clipboard' }) | ||
| } | ||
| const handleCopyLink = () => { | ||
| const modelIdValue = modelId.value | ||
| const versionIdValue = versionId.value ? versionId.value : undefined | ||
| copyModelLink(props.projectId, modelIdValue, versionIdValue) | ||
| } | ||
| const handleEmbed = () => { | ||
| embedDialogOpen.value = true | ||
| } | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
39 changes: 22 additions & 17 deletions
39
packages/frontend-2/components/project/model-page/Header.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.