mirror of
https://github.com/bellingcat/auto-archiver-setup-tool.git
synced 2026-06-12 05:28:36 +03:00
create/add sheet logic
This commit is contained in:
msramalho
161
src/components/ArchiveSheet.vue
Normal file
161
src/components/ArchiveSheet.vue
Normal file
@@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<v-container class="pane">
|
||||
<v-card class="pa-3">
|
||||
|
||||
<v-card-title class="text-center">
|
||||
Archive Google Spreadsheets
|
||||
</v-card-title>
|
||||
|
||||
<v-tabs v-model="tab" bg-color="green-lighten-4" grow class="elevation-1 rounded">
|
||||
<v-tab v-for="item in items" :key="item" :text="item" :value="item"></v-tab>
|
||||
</v-tabs>
|
||||
|
||||
<v-tabs-window v-model="tab" class="elevation-1 rounded">
|
||||
<v-tabs-window-item :value="items[0]">
|
||||
<v-card-text>
|
||||
<AddSheet :actionIsCreate="true" />
|
||||
<v-expansion-panels elevation="0">
|
||||
<v-expansion-panel>
|
||||
<v-expansion-panel-title>Instructions</v-expansion-panel-title>
|
||||
<v-expansion-panel-text>
|
||||
<ol>
|
||||
<li>Choose a sheet name;</li>
|
||||
<li>Choose a group: this will impact where/how to archive;</li>
|
||||
<li>Choose a frequency: how often to archive;</li>
|
||||
<li>Press "create" and wait;</li>
|
||||
<li>Sheet will appear in "Your Sheets" below.</li>
|
||||
</ol>
|
||||
<small>
|
||||
<b>NB:</b> This new sheet will be shared with the
|
||||
service account necessary for Bellingcat's archiving
|
||||
server.
|
||||
</small>
|
||||
</v-expansion-panel-text>
|
||||
</v-expansion-panel>
|
||||
</v-expansion-panels>
|
||||
</v-card-text>
|
||||
</v-tabs-window-item>
|
||||
<v-tabs-window-item :value="items[1]">
|
||||
<v-card-text>
|
||||
<AddSheet :actionIsCreate="false" />
|
||||
<v-expansion-panels elevation="0">
|
||||
<v-expansion-panel>
|
||||
<v-expansion-panel-title>Instructions</v-expansion-panel-title>
|
||||
<v-expansion-panel-text>
|
||||
<ol style="margin-bottom: 1em">
|
||||
<li>
|
||||
Invite
|
||||
<code>bellingcat-auto-archiver-api@bellingcat-auto-archiver-b85db.iam.gserviceaccount.com</code>
|
||||
into your spreadsheet
|
||||
</li>
|
||||
<li>
|
||||
Make sure you have the following <b>mandatory</b> column names:
|
||||
<ul>
|
||||
<li><code>Link</code> where you will put the URLs.</li>
|
||||
<li>
|
||||
<code>Archive Status</code> to monitor progress and success
|
||||
of archiver
|
||||
</li>
|
||||
<li>
|
||||
<code>Archive location</code> where the link to the archived
|
||||
content is added
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Add any of the following <b>optional</b> column names:
|
||||
<ul>
|
||||
<li>
|
||||
<code>Archive date</code> info on when archiving occurred
|
||||
</li>
|
||||
<li>
|
||||
<code>Thumbnail</code> an image preview from archived media
|
||||
</li>
|
||||
<li>
|
||||
<code>Upload timestamp</code> online content creation date
|
||||
</li>
|
||||
<li><code>Upload title</code> title</li>
|
||||
<li><code>Textual content</code> text content</li>
|
||||
<li><code>Screenshot</code> link to page screenshot</li>
|
||||
<li>
|
||||
<code>Hash</code> content hash (for integrity purposes)
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Choose a name to associate with this Sheet</li>
|
||||
<li>Paste the Google Sheet URL</li>
|
||||
<li>Press "enable" to add the Google Sheet to your list</li>
|
||||
<li>
|
||||
Manually check archiving is working and re-check the steps above
|
||||
if it is not
|
||||
</li>
|
||||
</ol>
|
||||
</v-expansion-panel-text>
|
||||
</v-expansion-panel>
|
||||
</v-expansion-panels>
|
||||
</v-card-text>
|
||||
</v-tabs-window-item>
|
||||
</v-tabs-window>
|
||||
</v-card>
|
||||
|
||||
</v-container>
|
||||
|
||||
<v-container class="pane-l">
|
||||
<v-card>
|
||||
<v-card-title class="text-center">
|
||||
<h4>Your Sheets</h4>
|
||||
</v-card-title>
|
||||
|
||||
<v-table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-left">Sheet Name</th>
|
||||
<th class="text-left">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sheet 1</td>
|
||||
<td>
|
||||
<v-btn color="primary" @click="archiveSheet('Sheet 1')">Archive</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Sheet 2</td>
|
||||
<td>
|
||||
<v-btn color="primary" @click="archiveSheet('Sheet 2')">Archive</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Sheet 3</td>
|
||||
<td>
|
||||
<v-btn color="primary" @click="archiveSheet('Sheet 3')">Archive</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</v-table>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddSheet from "@/components/AddSheet.vue";
|
||||
|
||||
export default {
|
||||
name: "ArchiveSheet",
|
||||
components: {
|
||||
AddSheet
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tab: '',
|
||||
items: ['Create new Archiver Sheet', 'Add existing Sheets'],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$store.state.user;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user