|
@ -112,6 +112,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"> |
|
|
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"> |
|
|
|
|
|
<!-- label --> |
|
|
|
|
|
<div class="mb-2 font-bold">Settings</div> |
|
|
<div |
|
|
<div |
|
|
v-if="!notificationMaybeChanged" |
|
|
v-if="!notificationMaybeChanged" |
|
|
class="flex items-center justify-between cursor-pointer" |
|
|
class="flex items-center justify-between cursor-pointer" |
|
@ -140,16 +142,38 @@ |
|
|
Notification status may have changed. Refresh this page to see the |
|
|
Notification status may have changed. Refresh this page to see the |
|
|
latest setting. |
|
|
latest setting. |
|
|
</div> |
|
|
</div> |
|
|
<router-link class="px-4 text-sm text-blue-500" to="/help-notifications"> |
|
|
<router-link class="pl-4 text-sm text-blue-500" to="/help-notifications"> |
|
|
Troubleshoot your notification setup. |
|
|
Troubleshoot your notification setup. |
|
|
</router-link> |
|
|
</router-link> |
|
|
|
|
|
|
|
|
|
|
|
<router-link |
|
|
|
|
|
:to="{ name: 'search-area' }" |
|
|
|
|
|
v-if="activeDid" |
|
|
|
|
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2 mt-6" |
|
|
|
|
|
> |
|
|
|
|
|
Set Search Area… |
|
|
|
|
|
<!-- If already set, change button label to "Change Search Area" --> |
|
|
|
|
|
</router-link> |
|
|
|
|
|
|
|
|
|
|
|
<div class="text-slate-500 text-sm font-bold mt-6 mb-2"> |
|
|
|
|
|
Topics of Interest |
|
|
|
|
|
</div> |
|
|
|
|
|
<textarea |
|
|
|
|
|
class="block w-full rounded border border-slate-400 px-3 py-2" |
|
|
|
|
|
rows="3" |
|
|
|
|
|
value="longing, rusted, seventeen, daybreak, furnace, nine, benign, homecoming, one, freight car" |
|
|
|
|
|
> |
|
|
|
|
|
</textarea> |
|
|
|
|
|
<div class="text-slate-500 text-sm mt-2 mb-2"> |
|
|
|
|
|
Separate topics with a comma. |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div |
|
|
<div |
|
|
v-if="activeDid" |
|
|
v-if="activeDid" |
|
|
class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8" |
|
|
class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8" |
|
|
> |
|
|
> |
|
|
<div class="mb-2">Usage Limits</div> |
|
|
<div class="mb-2 font-bold">Usage Limits</div> |
|
|
<!-- show spinner if loading limits --> |
|
|
<!-- show spinner if loading limits --> |
|
|
<div v-if="loadingLimits" class="text-center"> |
|
|
<div v-if="loadingLimits" class="text-center"> |
|
|
Checking… <fa icon="spinner" class="fa-spin"></fa> |
|
|
Checking… <fa icon="spinner" class="fa-spin"></fa> |
|
@ -200,7 +224,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"> |
|
|
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"> |
|
|
<div>Data Export</div> |
|
|
<div class="mb-2 font-bold">Data Export</div> |
|
|
<router-link |
|
|
<router-link |
|
|
:to="{ name: 'seed-backup' }" |
|
|
:to="{ name: 'seed-backup' }" |
|
|
v-if="activeDid" |
|
|
v-if="activeDid" |
|
@ -211,7 +235,7 @@ |
|
|
|
|
|
|
|
|
<button |
|
|
<button |
|
|
v-bind:class="computedStartDownloadLinkClassNames()" |
|
|
v-bind:class="computedStartDownloadLinkClassNames()" |
|
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-6" |
|
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md" |
|
|
@click="exportDatabase()" |
|
|
@click="exportDatabase()" |
|
|
> |
|
|
> |
|
|
Download Settings & Contacts |
|
|
Download Settings & Contacts |
|
@ -221,7 +245,7 @@ |
|
|
<a |
|
|
<a |
|
|
ref="downloadLink" |
|
|
ref="downloadLink" |
|
|
v-bind:class="computedDownloadLinkClassNames()" |
|
|
v-bind:class="computedDownloadLinkClassNames()" |
|
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-green-500 to-green-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md" |
|
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-green-500 to-green-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-6" |
|
|
> |
|
|
> |
|
|
If no download happened yet, click again here to download now. |
|
|
If no download happened yet, click again here to download now. |
|
|
</a> |
|
|
</a> |
|
@ -952,13 +976,13 @@ export default class AccountViewView extends Vue { |
|
|
|
|
|
|
|
|
public computedStartDownloadLinkClassNames() { |
|
|
public computedStartDownloadLinkClassNames() { |
|
|
return { |
|
|
return { |
|
|
invisible: this.downloadUrl, |
|
|
hidden: this.downloadUrl, |
|
|
}; |
|
|
}; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
public computedDownloadLinkClassNames() { |
|
|
public computedDownloadLinkClassNames() { |
|
|
return { |
|
|
return { |
|
|
invisible: !this.downloadUrl, |
|
|
hidden: !this.downloadUrl, |
|
|
}; |
|
|
}; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|