bellingcat/auto-archiver-setup-tool
1
0
Fork 0
mirror of https://github.com/bellingcat/auto-archiver-setup-tool.git synced 2026-06-12 21:48:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add warning message

Browse Source
This commit is contained in:
Logan Williams
2023-06-06 11:43:30 -06:00
parent 0a2923bfde
commit d2e6d26063
5 changed files with 51 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@@ -7,6 +7,7 @@
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Bellingcat Auto Archiver</title> <title>Bellingcat Auto Archiver</title>
<script src="https://accounts.google.com/gsi/client" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
<script defer data-domain="auto-archiver.bellingcat.com" src="https://plausible.io/js/script.js"></script>
</head> </head>
<body> <body>
<noscript> <noscript>

8
src/App.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="pane"> <div class="pane">
<v-app> <v-app class="bg">
<NavBar /> <NavBar />
<v-main> <v-main>
<router-view /> <router-view />
@@ -26,7 +26,11 @@ export default {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 100vh; height: 100vh;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); background-color: #d6e8de !important;
}
.bg {
background-color: #d6e8de !important;
} }
html { html {

4
src/components/DocList.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<v-container> <div>
<div class="text-h5 mt-5 mb-3" v-if="docs.length > 0"> <div class="text-h5 mt-5 mb-3" v-if="docs.length > 0">
Your auto-archiver documents Your auto-archiver documents
</div> </div>
@@ -8,7 +8,7 @@
<DocCard :doc="doc" /> <DocCard :doc="doc" />
</v-col> </v-col>
</v-row> </v-row>
</v-container> </div>
</template> </template>
<script> <script>

2
src/components/NavBar.vue
View File

@@ -2,7 +2,6 @@
<v-app-bar style="flex-grow: 0" class="text-no-wrap"> <v-app-bar style="flex-grow: 0" class="text-no-wrap">
<v-toolbar-title>Bellingcat Auto Archiver demo tool</v-toolbar-title> <v-toolbar-title>Bellingcat Auto Archiver demo tool</v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<!-- <v-col class="nav-wrapper"> -->
<v-btn v-if="!user" @click="$store.dispatch('signin')">Sign In</v-btn> <v-btn v-if="!user" @click="$store.dispatch('signin')">Sign In</v-btn>
<span class="user" v-if="user"> <span class="user" v-if="user">
{{ user.email }} {{ user.email }}
@@ -10,7 +9,6 @@
<v-btn v-if="user" href="#" @click="$store.dispatch('signout')" <v-btn v-if="user" href="#" @click="$store.dispatch('signout')"
>Sign Out</v-btn >Sign Out</v-btn
> >
<!-- </v-col> -->
</v-app-bar> </v-app-bar>
</template> </template>

65
src/views/HomeView.vue
View File

@@ -2,22 +2,20 @@
<v-container> <v-container>
<v-row> <v-row>
<v-col> <v-col>
<v-card> <v-card style="margin-bottom: 1em">
<v-card-title>Create a new auto archiver sheet</v-card-title>
<v-card-text> <v-card-text>
<v-alert color="#f2d97c" light icon="mdi-alert">
This is a pre-release prototype demo service provided on a
best-effort basis. Do not use for mission critical or sensitive
date.
</v-alert>
<p> <p>
This tool will configure a Google Sheet on your account for use This tool will configure a Google Sheet on your Google account for
with Bellingcat's auto archiver. This sheet will be shared with use with
the service account necessary for Bellingcat's archiving server. <a href="https://github.com/bellingcat/auto-archiver"
You can modify and share the Google Sheet subsequently, but do not >Bellingcat's Auto Archiver</a
edit the column names in the header row or remove the service >. For more information about the Auto Archiver and how to use it,
account from the shared users. see
</p>
<p>
Links to online sources added to the "Link" column will be
archived every 15 minutes, or can be triggered manually below. For
more information about the auto archiver and how to use it, see
<a href="https://github.com/bellingcat/auto-archiver" <a href="https://github.com/bellingcat/auto-archiver"
>our Github repository</a >our Github repository</a
> >
@@ -27,14 +25,43 @@
>associated article</a >associated article</a
>. >.
</p> </p>
<ol style="margin-bottom: 1em">
<li>Press "create" to create a new archiving Google Sheet</li>
<li>
Add links to the "Link" column. They will be archived every 15
minutes, or you can trigger a manual archive below
</li>
<li>
This sheet will be shared with the service account necessary for
Bellingcat's archiving server
</li>
<li>
You can modify and share the Google Sheet subsequently, but do
not edit the column names in the header row or remove the
service account from the shared users
</li>
</ol>
</v-card-text>
</v-card>
<v-card>
<v-card-title>Create a new auto archiver sheet</v-card-title>
<v-card-text>
<v-text-field <v-text-field
label="Document name" label="Document name"
v-model="docName" v-model="docName"
v-if="user"
></v-text-field> ></v-text-field>
<v-btn <v-btn
@click="$store.dispatch('add', { name: docName })" @click="$store.dispatch('add', { name: docName })"
:loading="$store.state.loading" :loading="$store.state.loading"
>Add</v-btn v-if="user"
>Create</v-btn
>
<v-alert v-if="!user" color="#f2d97c" light icon="mdi-alert"
><a href="#" @click="$store.dispatch('signin')"
>Sign in with a Google account</a
>
to continue</v-alert
> >
</v-card-text> </v-card-text>
</v-card> </v-card>
@@ -42,14 +69,6 @@
</v-row> </v-row>
<DocList v-if="user" /> <DocList v-if="user" />
<v-row v-else
><v-col
><v-alert color="#f2d97c" light icon="mdi-alert"
>Sign in to set up an auto archiver</v-alert
></v-col
></v-row
>
</v-container> </v-container>
</template> </template>