diff --git a/assets/styles/pages/create.scss b/assets/styles/pages/create.scss new file mode 100644 index 0000000000..c610b62f34 --- /dev/null +++ b/assets/styles/pages/create.scss @@ -0,0 +1,42 @@ +@import '@/assets/styles/abstracts/variables'; + +:deep(.o-field__label) { + margin-bottom: 4px; +} + +.o-field:not(:last-child) { + margin-bottom: 2rem; +} + +.form-addons { + @apply text-center leading-[3rem] h-12 w-16 border-l-[none]; + @include ktheme() { + border: 1px solid theme('card-border-color'); + } +} + +.sale :deep(.o-field__label) { + position: relative; + -webkit-text-stroke: 1px #000; + filter: drop-shadow(1px 1px #000); + font-weight: 700; + font-size: 18px; +} + +.sale { + position: relative; +} + +.hidden-sale-label { + @apply absolute pointer-events-none text-transparent bg-clip-text font-bold text-lg left-0 top-0; + background: linear-gradient(to right, white, white, white); + -webkit-text-stroke: 0; + -webkit-background-clip: text; +} + +.sale.sale-on { + .hidden-sale-label { + background: linear-gradient(90deg, #ffffff 30%, #ff7ac3 100%); + background-clip: text; + } +} diff --git a/components/BackablePage.vue b/components/BackablePage.vue deleted file mode 100644 index c774c98ed9..0000000000 --- a/components/BackablePage.vue +++ /dev/null @@ -1,24 +0,0 @@ - - diff --git a/components/CreateLanding.vue b/components/CreateLanding.vue deleted file mode 100644 index ff6a7fce99..0000000000 --- a/components/CreateLanding.vue +++ /dev/null @@ -1,33 +0,0 @@ - diff --git a/components/Navbar.vue b/components/Navbar.vue index 39c1ae9cc0..9008f97a58 100644 --- a/components/Navbar.vue +++ b/components/Navbar.vue @@ -114,6 +114,12 @@ data-testid="learn"> {{ $t('learn') }} + void } | null>(null) const account = computed(() => identityStore.getAuthAddress) +const isCreateVisible = computed(() => createVisible(urlPrefix.value)) + const logoSrc = computed(() => { const variant = isTouch ? 'Koda' : 'Koda_Beta' const color = isDarkMode.value ? '_dark' : '' diff --git a/components/TheFooter.vue b/components/TheFooter.vue index 3d040c695b..5d9be0232c 100644 --- a/components/TheFooter.vue +++ b/components/TheFooter.vue @@ -207,11 +207,6 @@ const menuKodadot: Menu[] = [ url: '/terms-of-use', external: false, }, - { - name: $i18n.t('footer.create'), - url: '/create', - external: false, - }, ] const socials = [ diff --git a/components/base/BaseCollectionForm.vue b/components/base/BaseCollectionForm.vue new file mode 100644 index 0000000000..b794eeb12f --- /dev/null +++ b/components/base/BaseCollectionForm.vue @@ -0,0 +1,82 @@ + + + diff --git a/components/base/BaseTokenForm.vue b/components/base/BaseTokenForm.vue new file mode 100644 index 0000000000..13c3abf8b6 --- /dev/null +++ b/components/base/BaseTokenForm.vue @@ -0,0 +1,159 @@ + + + diff --git a/components/base/SubmitButton.vue b/components/base/SubmitButton.vue new file mode 100644 index 0000000000..947b4a709d --- /dev/null +++ b/components/base/SubmitButton.vue @@ -0,0 +1,42 @@ + + + diff --git a/components/base/types.ts b/components/base/types.ts index b6239b8f30..7704802ec3 100644 --- a/components/base/types.ts +++ b/components/base/types.ts @@ -1,6 +1,23 @@ import { ItemResources } from '@/composables/useNft' import type { Prefix } from '@kodadot1/static' +export type BaseMintedCollection = { + id: string + alreadyMinted: number + metadata: string + name?: string + lastIndexUsed: number +} + +export type BaseTokenType = { + name: string + file: File | null + description: string + selectedCollection: T | null + copies: number + secondFile: File | null +} + export interface CarouselNFT extends ItemResources { currentOwner: string id: string diff --git a/components/bsx/Create/RoyaltyForm.vue b/components/bsx/Create/RoyaltyForm.vue new file mode 100644 index 0000000000..7b41e390d4 --- /dev/null +++ b/components/bsx/Create/RoyaltyForm.vue @@ -0,0 +1,57 @@ + + + diff --git a/components/bsx/Create/utils.ts b/components/bsx/Create/utils.ts new file mode 100644 index 0000000000..c6cce367c0 --- /dev/null +++ b/components/bsx/Create/utils.ts @@ -0,0 +1,7 @@ +export type Token = 'DOT' | 'KSM' + +export const getBalance = (_token?: Token): number => { + const { balance } = useAuth() + + return Number(balance.value) +} diff --git a/components/codeChecker/PreviewCard.vue b/components/codeChecker/PreviewCard.vue index ee7e3fce88..af57ff0274 100644 --- a/components/codeChecker/PreviewCard.vue +++ b/components/codeChecker/PreviewCard.vue @@ -7,7 +7,7 @@ class="fixed top-[3rem] left-[3rem] z-[1]" icon-left="chevron-left" @click="toggleFullscreen"> -
{{ $t('goBack') }}
+
{{ $t('massmint.goBack') }}
- {{ $i18n.t('helper.yesDelete') }} + {{ $i18n.t('massmint.yesDelete') }} + + {{ $t('moreActions.addNfts') }} + + + + diff --git a/components/collection/HeroButtons.vue b/components/collection/HeroButtons.vue index d53a74c59a..578f072d26 100644 --- a/components/collection/HeroButtons.vue +++ b/components/collection/HeroButtons.vue @@ -69,6 +69,7 @@
+ + + + + + + + + + + diff --git a/components/create/Confirm/ConfirmMintItem.vue b/components/create/Confirm/ConfirmMintItem.vue new file mode 100644 index 0000000000..3932438a2c --- /dev/null +++ b/components/create/Confirm/ConfirmMintItem.vue @@ -0,0 +1,74 @@ + + + diff --git a/components/create/Confirm/MintConfirmModal.vue b/components/create/Confirm/MintConfirmModal.vue new file mode 100644 index 0000000000..434d94c428 --- /dev/null +++ b/components/create/Confirm/MintConfirmModal.vue @@ -0,0 +1,210 @@ + + + + + diff --git a/components/create/Confirm/PriceItem.vue b/components/create/Confirm/PriceItem.vue new file mode 100644 index 0000000000..4058e99595 --- /dev/null +++ b/components/create/Confirm/PriceItem.vue @@ -0,0 +1,161 @@ + + + diff --git a/components/create/CreateCollection.vue b/components/create/CreateCollection.vue new file mode 100644 index 0000000000..5604c2ab75 --- /dev/null +++ b/components/create/CreateCollection.vue @@ -0,0 +1,430 @@ + + + + + diff --git a/components/create/CreateLanding.vue b/components/create/CreateLanding.vue new file mode 100644 index 0000000000..3f11692321 --- /dev/null +++ b/components/create/CreateLanding.vue @@ -0,0 +1,169 @@ + + + + + diff --git a/components/create/CreateNft.vue b/components/create/CreateNft.vue new file mode 100644 index 0000000000..b8d0183726 --- /dev/null +++ b/components/create/CreateNft.vue @@ -0,0 +1,636 @@ + + + + + + + diff --git a/components/create/CreateNftPreview.vue b/components/create/CreateNftPreview.vue new file mode 100644 index 0000000000..59406ae96d --- /dev/null +++ b/components/create/CreateNftPreview.vue @@ -0,0 +1,75 @@ + + + + + diff --git a/components/create/modals/CollectionSuccessModal.vue b/components/create/modals/CollectionSuccessModal.vue new file mode 100644 index 0000000000..51b1aef069 --- /dev/null +++ b/components/create/modals/CollectionSuccessModal.vue @@ -0,0 +1,95 @@ + + + diff --git a/components/gallery/GalleryItem.vue b/components/gallery/GalleryItem.vue index b6d305d190..aba5eb4d91 100644 --- a/components/gallery/GalleryItem.vue +++ b/components/gallery/GalleryItem.vue @@ -18,7 +18,7 @@ class="back-button z-20" @click="toggleFullscreen"> - {{ $t('goBack') }} + {{ $t('go back') }}