agorata
/
frontend
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

"All zones" button + some other stuff

vue
Lev 2 years ago
parent
8684093cb9
commit
4db0b5de6a
8 changed files with 104 additions and 21 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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. 7
      src/views/Get.vue

29
.idea/workspace.xml
Unescape View File

@ -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
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

17
src/assets/main.css
Unescape View File

@ -147,7 +147,7 @@ a,
@media (max-width: 800px) { @media (max-width: 800px) {
.mobile-scale { .mobile-scale {
scale: 70%; scale: 80%;
} }
} }
@ -159,3 +159,18 @@ a,
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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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>

7
src/views/Get.vue
Unescape View File

@ -1,8 +1,13 @@
<template> <template>
<DarkLayout> <DarkLayout>
<template v-slot:header>
<router-link :to="{name: 'Find'}"> <router-link :to="{name: 'Find'}">
<!-- todo: "All zones" button here --> <button class="b darkish back">
<img src="@/assets/icons/ton_left.svg" alt="TON"/>
All zones
</button>
</router-link> </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>

Write Preview
Loading…
Cancel
Save