+
-
- No results... do you want to
archive?
-
+
+ Visit auto-archiver.bellingcat.com for more
+ features.
+
-
- Sync
- my cloud archives
- |
- logout
-
-
- 
- auto-archiver extension v {{ version }} |
+
+
+ auto-archiver extension v {{ version }}
+ |
Issue tracker
+
+ logout
+
@@ -115,18 +86,15 @@ import TaskItem from './TaskItem.vue';
export default {
data() {
return {
- login: false,
tasks: {},
- onlineTasks: [],
- isSearchingOnline: false,
- search: '',
+ endpoint: "",
+ login: false,
+ can_archive_url: undefined,
+ permissions: {},
errorMessage: '',
- archivedAfter: '',
- archivedBefore: '',
- _public: true,
- tagsChips: null,
- groupVisibility: "-1",
- groups: null,
+ _public: false,
+ group: "",
+ availableGroups: [],
version: chrome.runtime.getManifest().version,
};
},
@@ -146,28 +114,40 @@ export default {
if (response.groups) { this.groups = response.groups }
})();
},
+ loadPermissions: function () {
+ (async () => {
+ const permissions = await this.callBackground({ action: "getPermissions" });
+ console.log(`permissions: ${JSON.stringify(permissions)}`)
+ if (!permissions) return;
+ this.permissions = permissions;
+ this.can_archive_url = permissions.all.archive_url;
+ if (!this.can_archive_url) {
+ return;
+ }
+ this.availableGroups = Object.keys(permissions).filter(p => p != "all").filter(g => permissions[g].archive_url);
+ })();
+ },
archive: function (_, searchTerm) {
(async () => {
- const response = await this.callBackground({
- action: "archive", optionalUrl: searchTerm, archiveCreate: {
- public: this._public,
- group_id: this.groupVisibility != "-1" ? this.groupVisibility : undefined,
- tags: this.tags
+ const currentUrl = await this.callBackground({ action: "getCurrentUrl" }) ?? "";
+ // this.openTab(null, `${this.endpoint}/url?url=${response}`);
+ const result = await this.callBackground({
+ action: "archive",
+ url: currentUrl,
+ archiveCreate: {
+ _public: this._public, group: this.group, tags: []
}
});
- if (!response) return;
- this.url = response.url;
- this.id = response.id;
- this.addTask(response)
+ if (!result) return;
+ M.toast({ html: `archive started with id ${result.id}`, classes: "green accent-4" });
+ this.addTask(result)
})();
},
checkArchive: function () {
(async () => {
- const response = await this.callBackground({ action: "getCurrentUrl" });
- if (!response) return;
- this.search = response;
- this.$refs.search.focus();
- this.searchTasks();
+ const response = await this.callBackground({ action: "getCurrentUrl" }) ?? "";
+ //TODO: fix this
+ this.openTab(null, `${this.endpoint}/archives?url=${response}`);
})();
},
displayAllTasks: function () {
@@ -177,14 +157,6 @@ export default {
this.tasks = response;
})();
},
- syncLocalTasks: function () {
- (async () => {
- const tasks = await this.callBackground({ action: "syncLocalTasks" });
- if (!tasks) return;
- this.tasks = tasks;
- M.toast({ html: `sync complete: ${this.localTasksLength} task${this.localTasksLength != 1 ? 's' : ''} available`, classes: "green accent-4" });
- })();
- },
oauthLogin: function (_, interactive) {
(async () => {
if (interactive) {
@@ -198,9 +170,16 @@ export default {
M.toast({ html: "login success", classes: "green accent-4" });
} else {
M.toast({ html: `login failed: ${loginResult.message}`, classes: "red darken-1" });
+ return;
}
}
this.callHome();
+ this.loadPermissions();
+ })();
+ },
+ setEndpoint: function () {
+ (async () => {
+ this.endpoint = await this.callBackground({ action: "getEndpoint" });
})();
},
logout: function () {
@@ -210,6 +189,8 @@ export default {
if (logoutResult) {
this.login = false;
this.tasks = {};
+ this.availableGroups = [];
+ this.can_archive_url = undefined;
}
})();
},
@@ -228,33 +209,6 @@ export default {
addTask: function (task) {
this.tasks[task.id] = task;
},
- deleteTask: async function (taskId) {
- const tasksAfterDelete = await this.callBackground({ action: "deleteTask", taskId });
- if (tasksAfterDelete === null) return;
- this.tasks = tasksAfterDelete;
- M.toast({ html: `archive task deleted`, classes: "green accent-4" });
- },
- searchTasks: function () {
- console.log(`searching tasks? ${!this.isSearchingOnline}`);
- if (this.isSearchingOnline) {
- console.log(`skipping search, another is still active`);
- return;
- }
- if (this.search.length <= 3) {
- this.onlineTasks = [];
- return;
- }
- (async () => {
- this.isSearchingOnline = true;
- try {
- const onlineTasks = await this.callBackground({ action: "search", query: this.search, archivedAfter: this.archivedAfter, archivedBefore: this.archivedBefore });
- if (!onlineTasks) return;
- this.onlineTasks = (onlineTasks || []).filter(task => !Object.keys(this.tasks).includes(task.id))
- } finally {
- this.isSearchingOnline = false;
- }
- })();
- },
callBackground: async function (parameters) {
try {
const answer = await chrome.runtime.sendMessage(parameters);
@@ -278,37 +232,21 @@ export default {
computed: {
displayTasks() {
return Object.values(this.tasks)
- .filter(t => t?.url.toLowerCase().includes(this.search.toLowerCase()))
.sort((t1, t2) => (t1?.result?._processed_at || 0) - (t2?.result?._processed_at || 0)).slice(0, 25)
},
- noSearchResults() {
- return this.search.length > 3 && !this.isSearchingOnline && Object.keys(this.onlineTasks).length == 0 && Object.keys(this.displayTasks).length == 0;
- },
localTasksShownLength() {
return Object.keys(this.displayTasks).length > 0;
},
- localTasksLength() {
- return Object.keys(this.tasks).length;
- },
- onlineTasksLength() {
- return Object.keys(this.onlineTasks).length > 0;
- },
- tags() {
- return this?.tagsChips?.chipsData?.map(chip => chip.tag);
- },
-
archiveReady() {
- return this._public || (!this._public && this.groupVisibility != undefined && this.groupVisibility != "-1")
+ return this.group != undefined && this.availableGroups.includes(this.group);
}
},
mounted() {
M.AutoInit();
+ this.setEndpoint();
this.displayAllTasks();
this.oauthLogin(false);
this.displayErrorMessage();
- // M.Chips.init([document.querySelector('#tagChips')], {placeholder: "You can add one more more tag"})
- this.tagsChips = M.Chips.getInstance(document.querySelector('#tagChips'));
- console.log(this.tagsChips)
},
created() { },
components: {
diff --git a/source/vue/TaskItem.vue b/source/vue/TaskItem.vue
index 5afd2e1..0807d1d 100644
--- a/source/vue/TaskItem.vue
+++ b/source/vue/TaskItem.vue
@@ -25,7 +25,7 @@
{{ task.url }} |
-
+ |
{{ task?.result?.status || "success" }}:
|
{{ readbleDate }} |
-
- delete
- data_object
- |