mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Make faqs section
This commit is contained in:
Sam Carlton
parent
d0aea7031b
commit
ff81eb963a
1 changed files with 114 additions and 100 deletions
|
|
@ -21,120 +21,113 @@
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div
|
<div class="app-tester w-full space-y-4 pb-64">
|
||||||
class="relative w-full flex flex-col justify-center items-center space-y-4"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
:class="[
|
|
||||||
'rounded-xl text-3xl font-semibold scale-150 bg-darkest neumorphic-shadow focus:outline-none py-4 px-6',
|
|
||||||
isLoadingFiles ? 'shimmer' : ''
|
|
||||||
]"
|
|
||||||
@click="triggerFilepicker"
|
|
||||||
>{{ isLoadingFiles ? 'Loading Files' : 'Select Apps' }}</button>
|
|
||||||
|
|
||||||
<template v-if="isLoadingFiles">
|
<div
|
||||||
<div>Loading usually takes about a minute per 500mb</div>
|
class="relative w-full flex flex-col justify-center items-center space-y-4 pb-8"
|
||||||
|
>
|
||||||
<button
|
<button
|
||||||
class="underline"
|
:class="[
|
||||||
@click="isLoadingFiles = false"
|
'rounded-xl text-3xl font-semibold scale-150 bg-darkest neumorphic-shadow focus:outline-none py-4 px-6',
|
||||||
>Cancel</button>
|
isLoadingFiles ? 'shimmer' : ''
|
||||||
</template>
|
]"
|
||||||
|
@click="triggerFilepicker"
|
||||||
|
>{{ isLoadingFiles ? 'Loading Files' : 'Select Apps' }}</button>
|
||||||
|
|
||||||
<small>Supports: Mac Apps, Zip files, and <em>some</em> DMG files. Bigger files take longer.</small>
|
<template v-if="isLoadingFiles">
|
||||||
|
<div>Loading usually takes about a minute per 500mb</div>
|
||||||
|
<button
|
||||||
|
class="underline"
|
||||||
|
@click="isLoadingFiles = false"
|
||||||
|
>Cancel</button>
|
||||||
|
</template>
|
||||||
|
|
||||||
<input
|
<small>Supports: Mac Apps, Zip files, and <em>some</em> DMG files. Bigger files take longer.</small>
|
||||||
ref="file-selector"
|
|
||||||
type="file"
|
|
||||||
accept="application/**"
|
|
||||||
multiple
|
|
||||||
hidden
|
|
||||||
@change="fileInputChanged"
|
|
||||||
>
|
|
||||||
<!-- Directories only: webkitdirectory directory -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
Total Files: {{ foundFiles.length }}
|
<input
|
||||||
|
ref="file-selector"
|
||||||
<div
|
type="file"
|
||||||
v-if="foundFiles.length !== 0"
|
accept="application/**"
|
||||||
class="app-scans-container relative divide-y divide-gray-700 w-full rounded-lg border border-gray-700 bg-gradient-to-br from-darker to-dark my-4 px-5"
|
multiple
|
||||||
>
|
hidden
|
||||||
|
@change="fileInputChanged"
|
||||||
<svg style="display: none;">
|
|
||||||
<defs>
|
|
||||||
<path
|
|
||||||
id="chevron-right"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<!-- hasStartedAnyQuery: {{ hasStartedAnyQuery }} -->
|
|
||||||
|
|
||||||
<!-- <div
|
|
||||||
v-if="chunkedResults.length === 0"
|
|
||||||
class="text-center py-4"
|
|
||||||
>
|
|
||||||
No apps found
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<ul
|
|
||||||
class="results-container divide-y divide-gray-700"
|
|
||||||
>
|
|
||||||
<li
|
|
||||||
v-for="( appScan, index ) in foundFiles"
|
|
||||||
:key="`${appScan.name}-${index}`"
|
|
||||||
:ref="`${appScan.name}-row`"
|
|
||||||
class="relative"
|
|
||||||
>
|
>
|
||||||
<!-- app.endpoint: {{ app.endpoint }} -->
|
<!-- Directories only: webkitdirectory directory -->
|
||||||
<div
|
</div>
|
||||||
:class="[
|
|
||||||
'flex flex-col justify-center inset-x-0 hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-y-3 -mx-5 pl-5 md:pl-20 pr-6 md:pr-64 py-5',
|
|
||||||
(appScan.status !== 'finished') ? 'shimmer' : ''
|
<div
|
||||||
]"
|
v-if="foundFiles.length !== 0"
|
||||||
style="transition-property: border;"
|
class="w-full text-center"
|
||||||
|
>
|
||||||
|
Total Files: {{ foundFiles.length }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-if="foundFiles.length !== 0"
|
||||||
|
class="app-scans-container relative divide-y divide-gray-700 w-full rounded-lg border border-gray-700 bg-gradient-to-br from-darker to-dark spac-y-3 my-4 px-5"
|
||||||
|
>
|
||||||
|
|
||||||
|
<ul
|
||||||
|
class="results-container divide-y divide-gray-700"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
v-for="( appScan, index ) in foundFiles"
|
||||||
|
:key="`${appScan.name}-${index}`"
|
||||||
|
:ref="`${appScan.name}-row`"
|
||||||
|
class="relative"
|
||||||
>
|
>
|
||||||
|
<!-- app.endpoint: {{ app.endpoint }} -->
|
||||||
|
<div
|
||||||
|
:class="[
|
||||||
|
'flex flex-col justify-center inset-x-0 hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-y-3 -mx-5 pl-5 md:pl-20 pr-6 md:pr-64 py-5',
|
||||||
|
(appScan.status !== 'finished') ? 'shimmer' : ''
|
||||||
|
]"
|
||||||
|
style="transition-property: border;"
|
||||||
|
>
|
||||||
|
|
||||||
<div class="absolute hidden left-0 h-12 w-12 rounded-full md:flex items-center justify-center bg-darker">
|
<div class="absolute hidden left-0 h-12 w-12 rounded-full md:flex items-center justify-center bg-darker">
|
||||||
{{ appScan.name.charAt(0) }}
|
{{ appScan.name.charAt(0) }}
|
||||||
</div>
|
</div>
|
||||||
{{ appScan.displayName || appScan.name }} {{ appScan.appVersion ? `- v${appScan.appVersion}` : '' }}
|
{{ appScan.displayName || appScan.name }} {{ appScan.appVersion ? `- v${appScan.appVersion}` : '' }}
|
||||||
<div class="text-sm leading-5 font-bold">
|
<div class="text-sm leading-5 font-bold">
|
||||||
{{ appScan.statusMessage }}
|
{{ appScan.statusMessage }}
|
||||||
</div>
|
|
||||||
|
|
||||||
<details class="w-full pt-6">
|
|
||||||
<summary class="cursor-pointer mb-3">Details</summary>
|
|
||||||
<div>
|
|
||||||
<div v-if="appScan.details.length === 0">No details available</div>
|
|
||||||
<ul v-else>
|
|
||||||
<li
|
|
||||||
v-for="( detail ) in appScan.details"
|
|
||||||
:key="`${appScan.name}-detail-${detail.label}`"
|
|
||||||
><strong>{{ detail.label }}</strong> <span v-html="detail.value" /></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</details>
|
|
||||||
|
|
||||||
</div>
|
<details class="w-full pt-6">
|
||||||
|
<summary class="cursor-pointer mb-3">Details</summary>
|
||||||
|
<div>
|
||||||
|
<div v-if="appScan.details.length === 0">No details available</div>
|
||||||
|
<ul v-else>
|
||||||
|
<li
|
||||||
|
v-for="( detail ) in appScan.details"
|
||||||
|
:key="`${appScan.name}-detail-${detail.label}`"
|
||||||
|
><strong>{{ detail.label }}</strong> <span v-html="detail.value" /></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<details class="w-full">
|
<div class="w-full max-w-2xl">
|
||||||
<summary class="cursor-pointer">Non-native Apps (🔶)</summary>
|
<details
|
||||||
<div>
|
v-for="([ question, answer ], index) in faqs"
|
||||||
<p>
|
:key="`question-${index}`"
|
||||||
You can try getting the latest version from the developer's the download page scan that.
|
class="w-full"
|
||||||
You can also request a manual review to determine the current status of the app on Rosetta 2.
|
>
|
||||||
</p>
|
<summary class="cursor-pointer">{{ question }}</summary>
|
||||||
</div>
|
<div class="p-4">
|
||||||
</details>
|
<p>{{ answer }}</p>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- <pre class="w-full">{{ appsBeingScanned }}</pre> -->
|
<!-- <pre class="w-full">{{ appsBeingScanned }}</pre> -->
|
||||||
|
|
@ -195,6 +188,27 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
faqs () {
|
||||||
|
return [
|
||||||
|
[
|
||||||
|
'Non-native Apps (🔶)',
|
||||||
|
`
|
||||||
|
You can try getting the latest version from the developer\'s the download page scan that.
|
||||||
|
You can also request a manual review to determine the current status of the app on Rosetta 2.
|
||||||
|
`
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'Why can\'t it tell me if an app will work on Rosetta 2? ',
|
||||||
|
`
|
||||||
|
Currently, Rosetta 2 is a proprietary Apple software that is only available on macOS on Apple Silicon devices.
|
||||||
|
This means there isn't any way to test Rosetta 2 compatibility with an app without a physical Apple Silicon device and so you definitely can't test that with just a website alone... for now...
|
||||||
|
|
||||||
|
Feel free to signup for email updates.
|
||||||
|
`
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
title () {
|
title () {
|
||||||
return `Apple Silicon Compatibility`
|
return `Apple Silicon Compatibility`
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue