Browse Source

"All zones" button + some other stuff

vue
Lev 2 years ago
parent
commit
4db0b5de6a
  1. 29
      .idea/workspace.xml
  2. 49
      src/assets/icons/ton_left.svg
  3. 17
      src/assets/main.css
  4. 4
      src/components/DarkLayout.vue
  5. 12
      src/components/Header.vue
  6. 1
      src/views/Explore.vue
  7. 2
      src/views/FindQ.vue
  8. 11
      src/views/Get.vue

29
.idea/workspace.xml

@ -1,15 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="ddb8afd5-d3ba-47b1-b6d0-227403f1abf7" name="Changes" comment="Checkout, Explore"> <list default="true" id="ddb8afd5-d3ba-47b1-b6d0-227403f1abf7" name="Changes" comment="&quot;All zones&quot; button + some other stuff">
<change afterPath="$PROJECT_DIR$/src/components/DomainResult.vue" afterDir="false" /> <change afterPath="$PROJECT_DIR$/src/assets/icons/ton_left.svg" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/Checkout.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/Explore.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/DomainBar.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/DomainBar.vue" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/assets/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/main.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/TonButton.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/TonButton.vue" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/DarkLayout.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/DarkLayout.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/result.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/result.ts" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/Header.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Header.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/router/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/router/index.ts" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/views/Explore.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Explore.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/FindQ.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/FindQ.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/Get.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Get.vue" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/views/Get.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Get.vue" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
@ -78,7 +77,7 @@
<workItem from="1670927344373" duration="29000" /> <workItem from="1670927344373" duration="29000" />
<workItem from="1670927391338" duration="2277000" /> <workItem from="1670927391338" duration="2277000" />
<workItem from="1671024025708" duration="19806000" /> <workItem from="1671024025708" duration="19806000" />
<workItem from="1671204365793" duration="14195000" /> <workItem from="1671204365793" duration="15716000" />
</task> </task>
<task id="LOCAL-00001" summary="Wrote the landing"> <task id="LOCAL-00001" summary="Wrote the landing">
<created>1670844191163</created> <created>1670844191163</created>
@ -143,7 +142,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1671225896559</updated> <updated>1671225896559</updated>
</task> </task>
<option name="localTasksCounter" value="10" /> <task id="LOCAL-00010" summary="Checkout, Explore">
<created>1671227655693</created>
<option name="number" value="00010" />
<option name="presentableId" value="LOCAL-00010" />
<option name="project" value="LOCAL" />
<updated>1671227655693</updated>
</task>
<option name="localTasksCounter" value="11" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -171,6 +177,7 @@
<MESSAGE value="Changed zone repr + results, api, and Find" /> <MESSAGE value="Changed zone repr + results, api, and Find" />
<MESSAGE value="Displaying results" /> <MESSAGE value="Displaying results" />
<MESSAGE value="Checkout, Explore" /> <MESSAGE value="Checkout, Explore" />
<option name="LAST_COMMIT_MESSAGE" value="Checkout, Explore" /> <MESSAGE value="&quot;All zones&quot; button + some other stuff" />
<option name="LAST_COMMIT_MESSAGE" value="&quot;All zones&quot; button + some other stuff" />
</component> </component>
</project> </project>

49
src/assets/icons/ton_left.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 123 KiB

17
src/assets/main.css

@ -147,7 +147,7 @@ a,
@media (max-width: 800px) { @media (max-width: 800px) {
.mobile-scale { .mobile-scale {
scale: 70%; scale: 80%;
} }
} }
@ -158,4 +158,19 @@ a,
padding: 0.2rem 0.8rem; padding: 0.2rem 0.8rem;
margin-left: 0.9rem; margin-left: 0.9rem;
cursor: pointer; cursor: pointer;
}
.flex {
display: flex;
}
.b.back {
font-family: 'Inconsolata', monospace;
font-size: 1.5rem;
padding: 0.8rem;
}
.b.back > img {
max-height: 1rem;
margin-right: 0.4rem;
} }

4
src/components/DarkLayout.vue

@ -1,6 +1,8 @@
<template> <template>
<main style="width: 100vw; min-height: 100vh; height: 100%;" id="dark_body"> <main style="width: 100vw; min-height: 100vh; height: 100%;" id="dark_body">
<Header/> <Header>
<slot name="header"></slot>
</Header>
<div class="center"> <div class="center">
<div class="content center"> <div class="content center">
<slot></slot> <slot></slot>

12
src/components/Header.vue

@ -1,11 +1,12 @@
<template> <template>
<header> <header>
<div class="wrapper"> <div class="wrapper flex">
<router-link to="/"><img class="logo" src="@/assets/logo.png" alt="Agorata" /></router-link> <router-link to="/"><img class="logo" src="@/assets/logo.png" alt="Agorata" /></router-link>
<nav> <nav>
<!-- <router-link to="/">Home</router-link>--> <!-- <router-link to="/">Home</router-link>-->
<!-- <router-link to="/about">About</router-link>--> <!-- <router-link to="/about">About</router-link>-->
<!-- <router-link to="/contact">Contact</router-link>--> <!-- <router-link to="/contact">Contact</router-link>-->
<slot></slot>
</nav> </nav>
</div> </div>
</header> </header>
@ -23,6 +24,11 @@ header {
max-height: 10rem; max-height: 10rem;
padding-left: 1rem; padding-left: 1rem;
padding-top: 1rem; padding-top: 1rem;
margin-bottom: 2rem;
}
div.wrapper {
flex-wrap: wrap;
} }
.logo { .logo {
display: block; display: block;
@ -34,7 +40,6 @@ nav {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
margin-top: 2rem;
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
@ -51,7 +56,7 @@ nav {
header .wrapper { header .wrapper {
display: flex; display: flex;
place-items: flex-start; place-items: flex-start;
flex-wrap: wrap; flex-wrap: initial;
} }
nav { nav {
@ -60,7 +65,6 @@ nav {
font-size: 1rem; font-size: 1rem;
padding: 1rem 0; padding: 1rem 0;
margin-top: 1rem;
} }
} }
</style> </style>

1
src/views/Explore.vue

@ -1,5 +1,6 @@
<template> <template>
<DarkLayout> <DarkLayout>
<!-- todo: button to go back + this whole view -->
<DomainBar :value="core_domain" :zone="'.' + zone" :has_button="false" :editable="false"/> <DomainBar :value="core_domain" :zone="'.' + zone" :has_button="false" :editable="false"/>
</DarkLayout> </DarkLayout>
</template> </template>

2
src/views/FindQ.vue

@ -4,7 +4,7 @@
<DomainBar zone="" :value="query_" @search="search()" @input_d="query_ = $event"/> <DomainBar zone="" :value="query_" @search="search()" @input_d="query_ = $event"/>
<div class="results"> <div class="results">
<RotateSquare2 v-if="results === null" style="width: 5rem; height: 5rem"/> <RotateSquare2 v-if="results === null" style="width: 5rem; height: 5rem"/>
<div v-for="result in results" :key="result"> <div v-for="result in results" :key="result" class="mobile-scale">
<div class="search-result"> <div class="search-result">
<span class="domain">{{ result.domain }}</span> <span class="domain">{{ result.domain }}</span>
<table> <table>

11
src/views/Get.vue

@ -1,8 +1,13 @@
<template> <template>
<DarkLayout> <DarkLayout>
<router-link :to="{name: 'Find'}"> <template v-slot:header>
<!-- todo: "All zones" button here --> <router-link :to="{name: 'Find'}">
</router-link> <button class="b darkish back">
<img src="@/assets/icons/ton_left.svg" alt="TON"/>
All zones
</button>
</router-link>
</template>
<DomainBar :zone="'.' + zone" :value="domain" @search="search()" @input_d="handle_input($event)"/> <DomainBar :zone="'.' + zone" :value="domain" @search="search()" @input_d="handle_input($event)"/>
<DomainResult :domain="domain + '.' + zone"/> <DomainResult :domain="domain + '.' + zone"/>
</DarkLayout> </DarkLayout>

Loading…
Cancel
Save