Skip to content

Commit

Permalink
chore: update file structure
Browse files Browse the repository at this point in the history
  • Loading branch information
ya7on committed Jan 8, 2025
1 parent c800d77 commit 6186f6c
Show file tree
Hide file tree
Showing 12 changed files with 248 additions and 110 deletions.
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<template>
<h2 class="subtitle">{{ title || $t("message.JettonManage.ChooseOperation") }}</h2>
<h2 class="subtitle">{{ title || $t("message.DevTools.ChooseOperation") }}</h2>

<div v-if="!abi.type">
{{ $t("message.JettonManage.DefaultText") }}
{{ $t("message.DevTools.DefaultText") }}
</div>


Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@
<div class="content">
<h1 class="title">{{ parsedMetadata.name }} ({{ parsedMetadata.symbol }})</h1>
<p>{{ parsedMetadata.description }}</p>
<p><strong>{{ $t('message.JettonManage.AdminAddress') }}</strong>: <a
<p><strong>{{ $t('message.DevTools.AdminAddress') }}</strong>: <a
:href="`https://testnet.tonviewer.com/${jettonData.adminAddress?.toString()}`" target="_blank">{{
jettonData.adminAddress
}}</a>
</p>
<p><strong>{{ $t('message.JettonManage.TotalSupply') }}</strong>: {{ jettonData.totalSupply }}</p>
<p><strong>{{ $t('message.DevTools.TotalSupply') }}</strong>: {{ jettonData.totalSupply }}</p>
</div>
</div>
</article>
Expand Down
6 changes: 3 additions & 3 deletions src/views/FindJetton.vue → src/components/FindContract.vue
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
<form>
<div class="field has-addons">
<div class="control is-expanded">
<input v-model="address" class="input is-large" type="text"
<input v-model="address" class="input is-medium" type="text"
placeholder="0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACkT">
</div>
<div class="control">
<button class="button is-info is-large" @click="$router.push('/manage/' + address)">
{{ $t('message.JettonSearch.SearchButton') }}
<button class="button is-info is-medium" @click="$router.push('/manage/' + address)">
{{ $t('message.DevTools.SearchButton') }}
</button>
</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions src/components/NavbarBlock.vue
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@
{{ $t('message.Navbar.Home') }}
</RouterLink>

<RouterLink to="/deploy/jetton" class="navbar-item">
{{ $t('message.Navbar.DeployJetton') }}
</RouterLink>

<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
{{ $t('message.Navbar.More') }}
Expand Down
75 changes: 50 additions & 25 deletions src/i18n/en.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
},
"Navbar": {
"Home": "Home",
"DeployJetton": "Deploy jetton",
"More": "More",
"ConnectWallet": "Connect wallet",
"Disconnect": "Disconnect"
Expand All @@ -17,28 +18,34 @@
"LicenseText": "License text",
"OurLinks": "Our links"
},
"NewJettonForm": {
"JettonName_Label": "Jetton name",
"JettonName_Placeholder": "e.g. SupaDupaJetton",
"JettonName_HelpText": "It will be full name of jetton",
"JettonSymbol_Label": "Symbol",
"JettonSymbol_Placeholder": "e.g. JTTN",
"JettonSymbol_HelpText": "Short jetton code for wallets. Usually couple of symbols",
"JettonDescription_Label": "Description",
"JettonDescription_Placeholder": "This is the best token in The Open Network!!!",
"JettonDescription_HelpText": "Description of your jetton",
"JettonMaxSupply_Label": "Max supply",
"JettonMaxSupply_Placeholder": "1337",
"JettonMaxSupply_HelpText": "How many tokens will be allowed to mint",
"DeployJetton": "Deploy 🚀"
},
"NewJettonCards":{
"HomeCards": {
"Information": {
"Title": "What is SupaDupaMinter?",
"Description": "This is set of tools for The Open Network blockchain."
},
"InteractContracts": {
"Title": "Interact with TON contracts",
"Description": "Application generates UI for contract ABI. Useful for testing contracts.",
"LinkText": "Check example of feature"
},
"DeployJetton": {
"Title": "Deploy TON Jetton",
"Description": "You can launch new jetton in The Open Network.",
"LinkText": "Start here"
},
"OpenSource": {
"Title": "Open Source",
"Description": "This website is Free and Open-Source and published in our Github repo",
"LinkText": "View source codes"
},
"WorkInProgress": {
"Title": "Work in progress!",
"Description": "Be careful! This application uses <b>Testnet</b> version of TON Blockchain. Because it's not 100% ready yet.",
"LinkText": "If you found bug or typo please open an issue in Github"
},
"WhatIsIt": {
}
},
"NewJettonCards":{
"Information": {
"Title": "What is it?",
"Description": "Using this tool you can create your own token in The Open Network blockchain.<h3>How?</h3><ul><li>At first you need to connect your TON wallet.</li><li>Come up with name and description for your future token, fill in the fields in form and press \"Deploy\" button</li><li>You will need to pay a small network fee, after which your token will be created</li></ul>"
},
Expand All @@ -52,15 +59,34 @@
},
"OpenSource": {
"Title": "Open Source",
"Description": "Both of jetton and website source codes are free and open and published in our Github repos! If you want, you can help to improve this application",
"Description": "Jetton source code is Free and Open-Source and published in our Github repos! If you want, you can contibute to it!",
"LinkText": "View source codes"
},
"WorkInProgress": {
"Title": "Work in progress!",
"Description": "Be careful! This application uses <b>Testnet</b> version of TON Blockchain. Because it's not 100% ready yet.",
"LinkText": "If you found bug or typo please open an issue in Github"
}
},
"JettonSearch": {
"FindJetton": "Find jetton by address",
"SearchButton": "Search"
"NewJettonForm": {
"JettonName_Label": "Jetton name",
"JettonName_Placeholder": "e.g. SupaDupaJetton",
"JettonName_HelpText": "It will be full name of jetton",
"JettonSymbol_Label": "Symbol",
"JettonSymbol_Placeholder": "e.g. JTTN",
"JettonSymbol_HelpText": "Short jetton code for wallets. Usually couple of symbols",
"JettonDescription_Label": "Description",
"JettonDescription_Placeholder": "This is the best token in The Open Network!!!",
"JettonDescription_HelpText": "Description of your jetton",
"JettonMaxSupply_Label": "Max supply",
"JettonMaxSupply_Placeholder": "1337",
"JettonMaxSupply_HelpText": "How many tokens will be allowed to mint",
"DeployJetton": "Deploy 🚀",
"SearchFormTitle": "Manage your jetton"
},
"JettonManage": {
"DevTools": {
"SearchButton": "Search",
"SearchText": "Open contract by address",
"DifferentContract": "This jetton is not deployed via this website. So it may have different logic and this website may display its data incorrectly.",
"AdminAddress": "Admin address",
"TotalSupply": "Total supply",
Expand All @@ -80,8 +106,7 @@
"Warning": "Warning!",
"requiredField": "required field",
"RequiredField": "This field is required",
"NaN": "Not a number",
"InvalidSlice": "Invalid slice format"
"NaN": "Not a number"
},
"Fields": {
"Address_Placeholder": "e.g. 0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACkT",
Expand Down
64 changes: 45 additions & 19 deletions src/i18n/ru.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
},
"Navbar": {
"Home": "Главная",
"DeployJetton": "Деплой жетона",
"More": "Еще",
"ConnectWallet": "Подключить кошелек",
"Disconnect": "Выход"
Expand All @@ -17,28 +18,39 @@
"LicenseText": "Текст лицензии",
"OurLinks": "Ссылки на нас"
},
"NewJettonForm": {
"JettonName_Label": "Название жетона",
"JettonName_Placeholder": "напр. SupaDupaJetton",
"JettonName_HelpText": "Полное имя жетона",
"JettonSymbol_Label": "Символ жетона",
"JettonSymbol_Placeholder": "напр. JTTN",
"JettonSymbol_HelpText": "Короткий код жетона, используется в списке жетонов в кошельке",
"JettonDescription_Label": "Описание",
"JettonDescription_Placeholder": "Это самый лучший токен в сети TON!!!",
"JettonDescription_HelpText": "Описание вашего будущего токена",
"JettonMaxSupply_Label": "Максимальный саплай",
"JettonMaxSupply_Placeholder": "100500",
"JettonMaxSupply_HelpText": "Как много токенов будет позволено сминтить",
"DeployJetton": "Деплой 🚀"
"HomeCards": {
"Information": {
"Title": "Что такое SupaDupaMinter?",
"Description": "Здесь собраны инструменты для The Open Network."
},
"InteractContracts": {
"Title": "Взаимодействие с контрактами TON",
"Description": "Приложение генерирует UI для взаимодействия с контрактом, согласно его ABI.",
"LinkText": "Посмотреть пример"
},
"DeployJetton": {
"Title": "Деплой жетонов",
"Description": "Вы можете запустить жетон в сети TON.",
"LinkText": "Попробуйте здесь"
},
"OpenSource": {
"Title": "Open Source",
"Description": "Исходный код вебсайта полностью открытый и свободный и опубликован в нашем Github репозитории",
"LinkText": "Посмотреть исходный код"
},
"WorkInProgress": {
"Title": "В разработке! Testnet!",
"Description": "Осторожно! Это приложение использует <b>Тестовую</b> сеть блокчейна TON. Потому что приложение еще не готово на 100%",
"LinkText": "Если найдете ошибку, то откройте issue на Github"
}
},
"NewJettonCards":{
"WorkInProgress": {
"Title": "Ведутся работы!",
"Description": "Осторожно! Приложение использует <b>Testnet</b> сеть TON, потому что еще не готово на 100%. Мы активно работаем над этим.",
"LinkText": "Если вы нашли баг или опечатку, создайте пожалуйста issue на Github"
},
"WhatIsIt": {
"Information": {
"Title": "Что это?",
"Description": "С помощью этого вебсайта вы можете запустить собственный токен в сети TON.<h3>Как?</h3><ul><li>Для начала вам необходимо подключить ваш TON кошелек.</li><li>После этого придумайте название и описание вашего будущего токена и заполните поля в форме.</li><li>Нажмите кнопку \"Деплой\", оплатите небольшую комиссию сети и все готово</li></ul>"
},
Expand All @@ -56,11 +68,25 @@
"LinkText": "Посмотреть исходный код"
}
},
"JettonSearch": {
"FindJetton": "Найти жеттон по адресу",
"SearchButton": "Поиск"
"NewJettonForm": {
"JettonName_Label": "Название жетона",
"JettonName_Placeholder": "напр. SupaDupaJetton",
"JettonName_HelpText": "Полное имя жетона",
"JettonSymbol_Label": "Символ жетона",
"JettonSymbol_Placeholder": "напр. JTTN",
"JettonSymbol_HelpText": "Короткий код жетона, используется в списке жетонов в кошельке",
"JettonDescription_Label": "Описание",
"JettonDescription_Placeholder": "Это самый лучший токен в сети TON!!!",
"JettonDescription_HelpText": "Описание вашего будущего токена",
"JettonMaxSupply_Label": "Максимальный саплай",
"JettonMaxSupply_Placeholder": "100500",
"JettonMaxSupply_HelpText": "Как много токенов будет позволено сминтить",
"DeployJetton": "Деплой 🚀",
"SearchFormTitle": "Управление жетоном"
},
"JettonManage": {
"DevTools": {
"SearchButton": "Поиск",
"SearchText": "Открыть контракт по адресу",
"DifferentContract": "Этот жеттон создан не с помощью этого вебсайта. Поэтому он может иметь иную логику и его данные могут неправильно отображаться на сайте.",
"AdminAddress": "Адрес владельца",
"TotalSupply": "Общее предложение",
Expand Down
10 changes: 8 additions & 2 deletions src/router/index.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import ManageJetton from '@/views/ManageJetton.vue'
import DeployJetton from '@/views/DeployJetton.vue'
import DevTools from '@/views/DevTools.vue'
import HomePage from '@/views/HomePage.vue'
import { createRouter, createWebHistory } from 'vue-router'

Expand All @@ -10,10 +11,15 @@ const router = createRouter({
name: 'Home',
component: HomePage,
},
{
path: '/deploy/jetton',
name: 'DeployJetton',
component: DeployJetton,
},
{
path: "/manage/:address",
name: 'ManageJetton',
component: ManageJetton,
component: DevTools,
},
{
path: '/about',
Expand Down
82 changes: 82 additions & 0 deletions src/views/DeployJetton.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<script setup lang="ts">
import CardItem from '@/components/CardItem.vue';
import FindContract from '@/components/FindContract.vue';
import JettonDeployForm from '@/components/JettonDeploy/JettonDeployForm.vue';
import JettonExample from '@/components/JettonDeploy/JettonExample.vue';
</script>

<template>
<div
class="fixed-grid has-1-cols-mobile has-1-cols-tablet has-4-cols-desktop has-4-cols-widescreen has-4-cols-fullhd">
<div class="grid is-gap-1">

<div class="cell is-col-span-4-desktop is-row-span-4-desktop">
<div class="box container is-fliud is-shadowless has-background-light">
<h1 class="title">{{ $t('message.NewJettonForm.SearchFormTitle') }}</h1>
<FindContract />
</div>
</div>

<div class="cell is-col-span-3-desktop">
<div class="box container is-fliud is-shadowless has-background-light">
<h1 class="title">{{ $t('message.pageTitles.NewJetton') }}</h1>
<JettonDeployForm />
</div>
</div>

<div class="cell">
<div class="">
<JettonExample jetton-name="Example name" jetton-description="An example of jetton description"
:jetton-max-supply=1337 jetton-symbol="SMBL" />
</div>
</div>

<div class="cell is-col-span-4-desktop">
<div class="box is-shadowless">
<CardItem emoji="🤔" :title="$t('message.NewJettonCards.Information.Title')"
:description="$t('message.NewJettonCards.Information.Description')" />
</div>
</div>

<div class="cell is-col-span-1-desktop">
<div class="box is-shadowless has-background-danger-light">
<CardItem emoji="⚠️" :title="$t('message.NewJettonCards.WorkInProgress.Title')"
:description="$t('message.NewJettonCards.WorkInProgress.Description')"
:link-text="$t('message.NewJettonCards.WorkInProgress.LinkText')"
link-url="https://github.com/supadupadao/minter/issues" />
</div>
</div>

<div class="cell is-col-span-1-desktop">
<div class="box is-shadowless has-background-light">
<CardItem emoji="🛠️" :title="$t('message.NewJettonCards.Managable.Title')"
:description="$t('message.NewJettonCards.Managable.Description')" />
</div>
</div>

<div class="cell is-col-span-1-desktop">
<div class="box is-shadowless has-background-link-light">
<CardItem emoji="👨‍💻" :title="$t('message.NewJettonCards.OpenSource.Title')"
:description="$t('message.NewJettonCards.OpenSource.Description')"
:link-text="$t('message.NewJettonCards.OpenSource.LinkText')"
link-url="https://github.com/supadupadao/jetton" />
</div>
</div>

<div class="cell is-col-span-1-desktop">
<div class="box is-shadowless has-background-info-light">
<CardItem emoji="⛓️" :title="$t('message.NewJettonCards.Decentralized.Title')"
:description="$t('message.NewJettonCards.Decentralized.Description')" />
</div>
</div>

</div>
</div>
</template>

<style scoped>
.cell {
display: flex;
}
</style>
Loading

0 comments on commit 6186f6c

Please sign in to comment.