From a8e0538e302018c46891bfa0817935261ebcdb8b Mon Sep 17 00:00:00 2001
From: Nikita Kruglickiy <nikita.kruglickiy@gmail.com>
Date: Tue, 23 Apr 2024 22:17:54 +0300
Subject: [PATCH] Camera test

---
 .../gradle/wrapper/gradle-wrapper.properties  |  3 +-
 assets/styles.scss                            |  4 ++
 layouts/default.vue                           |  4 +-
 nuxt.config.ts                                |  3 +
 pages/index.vue                               | 10 +--
 pages/nadar.vue                               | 42 +++---------
 pages/profile.vue                             | 68 +++++++++++--------
 7 files changed, 63 insertions(+), 71 deletions(-)

diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
index 8838ba9..98deb16 100644
--- a/android/gradle/wrapper/gradle-wrapper.properties
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,7 @@
+#Tue Apr 23 20:50:32 MSK 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
diff --git a/assets/styles.scss b/assets/styles.scss
index 09eb1fc..6e54706 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -5,6 +5,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+:root:root {
+  --van-duration-base: 0.1s;
+}
+
 body, html {
   margin: 0;
   background-color: #f7f8fa;
diff --git a/layouts/default.vue b/layouts/default.vue
index 5ed91ab..60ed9af 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -2,8 +2,6 @@
   <div>
     <van-nav-bar title="Знакомства СПб" style="margin-bottom: 16px;" />
 
-    <slot/>
+    <slot />
   </div>
 </template>
-<script setup lang="ts">
-</script>
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index c86275d..edbc880 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -3,5 +3,8 @@ export default defineNuxtConfig({
   ssr: false,
   devtools: { enabled: true },
   css: ['@/assets/styles.scss'],
+  app: {
+    pageTransition: { name: 'van-fade', mode: 'out-in' },
+  },
   modules: ['@vant/nuxt'],
 })
diff --git a/pages/index.vue b/pages/index.vue
index ec963f7..bdf3e9e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,10 @@
 <template>
-  <van-cell-group inset>
-    <van-cell title="Профиль" is-link to="/profile" />
-    <van-cell title="Надар" is-link to="/nadar" />
-  </van-cell-group>
+  <div class="index-page">
+    <van-cell-group inset>
+      <van-cell title="Профиль" is-link to="/profile" class="van-haptics-feedback" />
+      <van-cell title="Надар" is-link to="/nadar" />
+    </van-cell-group>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/pages/nadar.vue b/pages/nadar.vue
index c1dd019..9e2478f 100644
--- a/pages/nadar.vue
+++ b/pages/nadar.vue
@@ -1,52 +1,26 @@
 <template>
-  <van-image :src="src" />
-  <pre>DEBUG: {{ debug }}</pre>
-  <van-button type="primary" @click="takePicture">
-    Make photo naxuy
-  </van-button>
+  <div class="nadar-page">
+    <div style="text-align: center;">
+      <van-image :src="src" width="200" height="200" round fit="cover" style="box-shadow: 0 0 12px rgba(0,0,0,0.1)" @click="takePicture" />
+    </div>
 
-  <!--  <van-uploader :after-read="afterRead" /> -->
-<!--  <van-image :src="imageUrl" /> -->
+    <pre>{{ debug }}</pre>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { Camera, CameraResultType, CameraSource } from '@capacitor/camera'
 
-// const file = ref()
-//
 const src = ref()
-const debug = ref('')
+const debug = ref()
 
 async function takePicture() {
   const photo = await Camera.getPhoto({
     resultType: CameraResultType.Uri,
     source: CameraSource.Photos,
-    width: 200,
-    height: 200,
-    quality: 90,
   })
+
   debug.value = photo
   src.value = photo.webPath
-
-  // const requestResult = await Camera.requestPermissions({ permissions: ['photos'] })
-  //
-  // if (requestResult.state === 'granted') {
-  //   try {
-  //     const {photos} = await Camera.pickImages({ width: 200, height: 200, quality: 90, limit: 1 })
-  //     debug.value = photos
-  //     src.value = photos[0].webPath
-  //   }
-  //   catch (e) {
-  //     debug.value = e
-  //   }
-  // }
 }
-
-// const imageUrl = ref('')
-// function afterRead(file) {
-//   // Создаем URL из файла
-//   const url = URL.createObjectURL(file.file)
-//   // Обновляем реактивную ссылку
-//   imageUrl.value = url
-// }
 </script>
diff --git a/pages/profile.vue b/pages/profile.vue
index 2220ff4..cbf7b7a 100644
--- a/pages/profile.vue
+++ b/pages/profile.vue
@@ -1,36 +1,39 @@
 <template>
-  <van-space direction="vertical" fill>
-    <van-row justify="center">
-      <van-col>
-        <van-image
-          width="10rem"
-          height="10rem"
-          fit="cover"
-          round
-          src="/nadarik.jpg"
-        />
-      </van-col>
-    </van-row>
+  <div class="profile-page">
+    <van-space direction="vertical" fill>
+      <van-row justify="center">
+        <van-col>
+          <van-image
+            width="10rem"
+            height="10rem"
+            fit="cover"
+            round
+            src="/nadarik.jpg"
+            @click="previewAvatar"
+          />
+        </van-col>
+      </van-row>
 
-    <van-cell-group title="Информация о пидарасе" inset>
-      <van-cell title="Имя" value="Надар" />
-      <van-cell title="Должность" value="Хуеплет" label="Это чистая правда" />
-    </van-cell-group>
+      <van-cell-group title="Информация о пидарасе" inset>
+        <van-cell title="Имя" value="Надар" />
+        <van-cell title="Должность" value="Хуеплет" label="Это чистая правда" />
+      </van-cell-group>
 
-    <van-cell-group inset>
-      <van-cell title="Нажми меня" is-link @click="showActions = true" />
-    </van-cell-group>
-  </van-space>
+      <van-cell-group inset>
+        <van-cell title="Нажми меня" is-link @click="showActions = true" />
+      </van-cell-group>
+    </van-space>
 
-  <van-action-sheet
-    v-model:show="showActions"
-    duration="0.1"
-    :actions="actions"
-    cancel-text="Атминет"
-    close-on-click-action
-    @select="onClickAction"
-    @cancel="onCancel"
-  />
+    <van-action-sheet
+      v-model:show="showActions"
+      duration="0.1"
+      :actions="actions"
+      cancel-text="Атминет"
+      close-on-click-action
+      @select="onClickAction"
+      @cancel="onCancel"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -57,6 +60,13 @@ function onClickAction(action: ActionSheetAction) {
 function onCancel() {
   showNotify({ type: 'danger', message: 'Закрыто нахой' })
 }
+
+function previewAvatar() {
+  showImagePreview({
+    images: ['https://i.imgur.com/PE3sVPb.jpeg'],
+    showIndex: false,
+  })
+}
 </script>
 
 <style scoped>