Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| <template> | ||
| <div class="os-card"> | ||
| <div class="flex align-items-center mb-4"> | ||
| <span class="text-4xl mr-2"> | ||
| <Icon height="22" :icon="getOsIcon(os)" /></span> | ||
| <h2 class="text-2xl font-semibold">{{ os }}</h2> | ||
| <span | ||
| v-if="os === 'Windows'" | ||
| class="ml-2 px-2 py-1 bg-yellow-100 text-yellow-900 text-xs border-round" | ||
| >Unsigned</span | ||
| > | ||
| </div> | ||
| <div | ||
| v-for="option in options" | ||
| :key="option.value" | ||
| class="flex justify-content-between align-items-center mb-2" | ||
| > | ||
| <span>{{ option.label }}</span> | ||
| <Button as="a" :href="option.value" icon="pi pi-download" text rounded class="p-button-sm primary-btn" /> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script setup> | ||
| import { defineProps } from "vue"; | ||
| import Button from "primevue/button"; | ||
| import { Icon } from '@iconify/vue'; | ||
| const props = defineProps({ | ||
| os: String, | ||
| options: Array, | ||
| }); | ||
| const getOsIcon = (os) => { | ||
| switch (os) { | ||
| case "macOS": | ||
| return "simple-icons:apple"; | ||
| case "Windows": | ||
| return "simple-icons:windows10"; | ||
| case "Linux": | ||
| return "simple-icons:linux"; | ||
| default: | ||
| return ""; | ||
| } | ||
| }; | ||
| </script> | ||
|
|
||
| <style lang="scss" scoped> | ||
| .os-card { | ||
| background-color: #fff; | ||
| border-radius: 16px; | ||
| padding: 1rem 1rem; | ||
| transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
| position: relative; | ||
| border: 1px solid #f1f1f1; | ||
| width: 300px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,86 +1,138 @@ | ||
| <template> | ||
| <div class="flex flex-column align-items-center p-8 surface-100"> | ||
| <!-- <img | ||
| alt="Cyn Logo" | ||
| class="w-4rem h-4rem mb-4" | ||
| /> --> | ||
| <h1 class="text-4xl font-bold mb-2">Download Cyn</h1> | ||
| <p class="text-color-secondary mb-8"> | ||
| Choose the version that suits your operating system (OS) and CPU | ||
| architecture | ||
| </p> | ||
| <div class="flex flex-wrap justify-content-center gap-4"> | ||
| <DownloadCard os="macOS" :options="macOptions" /> | ||
| <DownloadCard os="Windows" :options="windowsOptions" /> | ||
| <DownloadCard os="Linux" :options="linuxOptions" /> | ||
| </div> | ||
| <div class="flex flex-column text-center justify-content-center mt-8"> | ||
| <p>Looking for older versions?</p> | ||
| <a href="https://github.com/CynToolkit/cyn/releases" | ||
| >Check the releases page</a | ||
| > | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script setup lang="ts"> | ||
| import { computed, ref } from "vue"; | ||
| import DownloadCard from "@/components/DownloadCard.vue"; | ||
|
Check failure on line 28 in src/views/download.vue
|
||
| import { isAfter } from "date-fns"; | ||
| const macOptions = computed(() => ([ | ||
| { label: ".dmg (arm64)", value: release.value?.assets.find(asset => asset.name.includes("arm64.dmg"))?.browser_download_url }, | ||
| { label: ".zip", value: release.value?.assets.find(asset => asset.name.includes("darwin-arm64"))?.browser_download_url } | ||
| ])); | ||
| const windowsOptions = computed(() => ([ | ||
| { label: ".exe", value: release.value?.assets.find(asset => asset.name.includes(".Setup.exe"))?.browser_download_url }, | ||
| { label: ".zip", value: release.value?.assets.find(asset => asset.name.includes("win32-x64"))?.browser_download_url } | ||
| ])); | ||
| const linuxOptions = computed(() => ([ | ||
| { label: ".zip", value: release.value?.assets.find(asset => asset.name.includes("linux-x64"))?.browser_download_url }, | ||
| ])) | ||
| export interface Release { | ||
| url: string | ||
| assets_url: string | ||
| upload_url: string | ||
| html_url: string | ||
| id: number | ||
| author: Author | ||
| node_id: string | ||
| tag_name: string | ||
| target_commitish: string | ||
| name: string | ||
| draft: boolean | ||
| prerelease: boolean | ||
| created_at: string | ||
| published_at: string | ||
| assets: Asset[] | ||
| tarball_url: string | ||
| zipball_url: string | ||
| body: string | ||
| } | ||
| export interface Author { | ||
| login: string | ||
| id: number | ||
| node_id: string | ||
| avatar_url: string | ||
| gravatar_id: string | ||
| url: string | ||
| html_url: string | ||
| followers_url: string | ||
| following_url: string | ||
| gists_url: string | ||
| starred_url: string | ||
| subscriptions_url: string | ||
| organizations_url: string | ||
| repos_url: string | ||
| events_url: string | ||
| received_events_url: string | ||
| type: string | ||
| site_admin: boolean | ||
| } | ||
| export interface Asset { | ||
| url: string | ||
| id: number | ||
| node_id: string | ||
| name: string | ||
| label: string | ||
| uploader: Uploader | ||
| content_type: string | ||
| state: string | ||
| size: number | ||
| download_count: number | ||
| created_at: string | ||
| updated_at: string | ||
| browser_download_url: string | ||
| } | ||
| export interface Uploader { | ||
| login: string | ||
| id: number | ||
| node_id: string | ||
| avatar_url: string | ||
| gravatar_id: string | ||
| url: string | ||
| html_url: string | ||
| followers_url: string | ||
| following_url: string | ||
| gists_url: string | ||
| starred_url: string | ||
| subscriptions_url: string | ||
| organizations_url: string | ||
| repos_url: string | ||
| events_url: string | ||
| received_events_url: string | ||
| type: string | ||
| site_admin: boolean | ||
| } | ||
| const release = ref<Release>(); | ||
| fetch("https://api.github.com/repos/CynToolkit/cyn/releases/latest", { | ||
| headers: { | ||
| "Accept": "application/vnd.github+json", | ||
| } | ||
| }) | ||
| .then(response => response.json()) | ||
| .then((data: Release) => { | ||
| console.log(data) | ||
| release.value = data | ||
| }) | ||
| </script> | ||
Oops, something went wrong.