img popup base
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 26s
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 26s
This commit is contained in:
parent
87c08bc529
commit
75e7f375b3
20 changed files with 532 additions and 23 deletions
10
src/App.vue
10
src/App.vue
|
|
@ -2,6 +2,7 @@
|
|||
import PagedJsWrapper from './components/PagedJsWrapper.vue';
|
||||
import EditorPanel from './components/editor/EditorPanel.vue';
|
||||
import ElementPopup from './components/ElementPopup.vue';
|
||||
import ImagePopup from './components/ImagePopup.vue';
|
||||
// import PagePopup from './components/PagePopup.vue'; // DISABLED: page template styling feature
|
||||
import PreviewLoader from './components/PreviewLoader.vue';
|
||||
import SaveButton from './components/SaveButton.vue';
|
||||
|
|
@ -23,6 +24,7 @@ const { loadFontsFromCss } = useProjectFonts();
|
|||
const previewFrame1 = ref(null);
|
||||
const previewFrame2 = ref(null);
|
||||
const elementPopup = ref(null);
|
||||
const imagePopup = ref(null);
|
||||
// const pagePopup = ref(null); // DISABLED: page template styling feature
|
||||
const activeTab = ref('');
|
||||
|
||||
|
|
@ -38,7 +40,8 @@ const {
|
|||
handleIframeClick,
|
||||
// handlePagePopupClose, // DISABLED: page template styling feature
|
||||
handleElementPopupClose,
|
||||
} = useIframeInteractions({ elementPopup });
|
||||
handleImagePopupClose,
|
||||
} = useIframeInteractions({ elementPopup, imagePopup });
|
||||
|
||||
// Setup preview renderer with double buffering
|
||||
const {
|
||||
|
|
@ -126,6 +129,11 @@ onMounted(async () => {
|
|||
:iframeRef="activeFrame"
|
||||
@close="handleElementPopupClose"
|
||||
/>
|
||||
|
||||
<ImagePopup
|
||||
ref="imagePopup"
|
||||
@close="handleImagePopupClose"
|
||||
/>
|
||||
<!-- DISABLED: page template styling feature
|
||||
<PagePopup
|
||||
ref="pagePopup"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue