-
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
admin: Separate info panels into individual pages
- Loading branch information
1 parent
32524ba
commit e9451e3
Showing
8 changed files
with
203 additions
and
6 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
42 changes: 42 additions & 0 deletions
42
projects/Admin/src/pages/subpages/info/InfoBannerImagePage.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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| <template> | ||
| <VContainer> | ||
| <VCard class="pa-0 ma-0 rounded-lg" | ||
| elevation="4"> | ||
| <ImageWithUpload :existingSrc="imagePath" | ||
| contextName="배너" | ||
| width="100%" | ||
| height="300px" | ||
| aspectRatio="3/1" | ||
| :uploadCallback="imageUploadCallback" | ||
| :deleteCallback="imageDeleteCallback" /> | ||
| </VCard> | ||
| </VContainer> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, toNative, Vue } from "vue-facing-decorator"; | ||
| import ImageWithUpload from "@/components/common/ImageWithUpload.vue"; | ||
| import { useAdminAPIStore } from "@/plugins/stores/api"; | ||
| import { useAdminStore } from "@/plugins/stores/admin"; | ||
| @Component({ | ||
| components: { | ||
| ImageWithUpload, | ||
| }, | ||
| }) | ||
| class InfoBannerImagePage extends Vue { | ||
| get imagePath(): string | null { | ||
| return useAdminStore().currentBooth.booth!.bannerImage?.path ?? null; | ||
| } | ||
| async imageUploadCallback(file: File | Blob | null) { | ||
| return await useAdminAPIStore().uploadBoothBannerImage(file!); | ||
| } | ||
| async imageDeleteCallback() { | ||
| return await useAdminAPIStore().deleteBoothBannerImage(); | ||
| } | ||
| } | ||
| export default toNative(InfoBannerImagePage); | ||
| </script> |
42 changes: 42 additions & 0 deletions
42
projects/Admin/src/pages/subpages/info/InfoInfoImagePage.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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| <template> | ||
| <VContainer> | ||
| <VCard class="pa-0 ma-0 rounded-lg" | ||
| elevation="4"> | ||
| <ImageWithUpload :existingSrc="imagePath" | ||
| contextName="인포" | ||
| width="100%" | ||
| height="auto" | ||
| aspectRatio="auto" | ||
| :uploadCallback="imageUploadCallback" | ||
| :deleteCallback="imageDeleteCallback" /> | ||
| </VCard> | ||
| </VContainer> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, toNative, Vue } from "vue-facing-decorator"; | ||
| import ImageWithUpload from "@/components/common/ImageWithUpload.vue"; | ||
| import { useAdminAPIStore } from "@/plugins/stores/api"; | ||
| import { useAdminStore } from "@/plugins/stores/admin"; | ||
| @Component({ | ||
| components: { | ||
| ImageWithUpload, | ||
| }, | ||
| }) | ||
| class InfoInfoImagePage extends Vue { | ||
| get imagePath(): string | null { | ||
| return useAdminStore().currentBooth.booth!.infoImage?.path ?? null; | ||
| } | ||
| async imageUploadCallback(file: File | Blob | null) { | ||
| return await useAdminAPIStore().uploadBoothInfoImage(file!); | ||
| } | ||
| async imageDeleteCallback() { | ||
| return await useAdminAPIStore().deleteBoothInfoImage(); | ||
| } | ||
| } | ||
| export default toNative(InfoInfoImagePage); | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| <template> | ||
| <VContainer> | ||
| <BoothInfoPanel /> | ||
| </VContainer> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, toNative, Vue } from "vue-facing-decorator"; | ||
| import BoothInfoPanel from "@/components/info/BoothInfoPanel.vue"; | ||
| @Component({ | ||
| components: { | ||
| BoothInfoPanel, | ||
| }, | ||
| }) | ||
| class InfoInfoPage extends Vue { } | ||
| export default toNative(InfoInfoPage); | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| <template> | ||
| <VContainer> | ||
| <BoothMembersPanel /> | ||
| </VContainer> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, toNative, Vue } from "vue-facing-decorator"; | ||
| import BoothMembersPanel from "@/components/info/BoothMembersPanel.vue"; | ||
| @Component({ | ||
| components: { | ||
| BoothMembersPanel, | ||
| }, | ||
| }) | ||
| class InfoMemberPage extends Vue { } | ||
| export default toNative(InfoMemberPage); | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| <template> | ||
| <VContainer> | ||
| <BoothNoticePanel /> | ||
| </VContainer> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, toNative, Vue } from "vue-facing-decorator"; | ||
| import BoothNoticePanel from "@/components/info/BoothNoticePanel.vue"; | ||
| @Component({ | ||
| components: { | ||
| BoothNoticePanel, | ||
| }, | ||
| }) | ||
| class InfoNoticePage extends Vue { } | ||
| export default toNative(InfoNoticePage); | ||
| </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
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