This repository has been archived on 2022-08-14. You can view files and clone it, but cannot push or open issues or pull requests.
outline/app/stores/CollectionsStore.js
Saumya Pandey 46bcc2e2ae
feat: Allow sorting collections in sidebar (#1870)
closes #1759

Co-authored-by: Tom Moor <tom.moor@gmail.com>
2021-03-18 17:27:33 -07:00

159 lines
4.1 KiB
JavaScript

// @flow
import invariant from "invariant";
import { concat, last } from "lodash";
import { computed, action } from "mobx";
import Collection from "models/Collection";
import BaseStore from "./BaseStore";
import RootStore from "./RootStore";
import { client } from "utils/ApiClient";
export type DocumentPathItem = {
id: string,
collectionId: string,
title: string,
url: string,
type: "collection" | "document",
};
export type DocumentPath = DocumentPathItem & {
path: DocumentPathItem[],
};
export default class CollectionsStore extends BaseStore<Collection> {
constructor(rootStore: RootStore) {
super(rootStore, Collection);
}
@computed
get active(): ?Collection {
return this.rootStore.ui.activeCollectionId
? this.data.get(this.rootStore.ui.activeCollectionId)
: undefined;
}
@computed
get orderedData(): Collection[] {
let collections = Array.from(this.data.values());
collections = collections.filter((collection) =>
collection.deletedAt ? false : true
);
return collections.sort((a, b) => {
if (a.index === b.index) {
return a.updatedAt > b.updatedAt ? -1 : 1;
}
return a.index < b.index ? -1 : 1;
});
}
@computed
get public(): Collection[] {
return this.orderedData.filter((collection) => !collection.private);
}
@computed
get private(): Collection[] {
return this.orderedData.filter((collection) => collection.private);
}
/**
* List of paths to each of the documents, where paths are composed of id and title/name pairs
*/
@computed
get pathsToDocuments(): DocumentPath[] {
let results = [];
const travelDocuments = (documentList, collectionId, path) =>
documentList.forEach((document) => {
const { id, title, url } = document;
const node = { id, collectionId, title, url, type: "document" };
results.push(concat(path, node));
travelDocuments(document.children, collectionId, concat(path, [node]));
});
if (this.isLoaded) {
this.data.forEach((collection) => {
const { id, name, url } = collection;
const node = {
id,
collectionId: id,
title: name,
url,
type: "collection",
};
results.push([node]);
travelDocuments(collection.documents, id, [node]);
});
}
return results.map((result) => {
const tail = last(result);
return {
...tail,
path: result,
};
});
}
@action
import = async (attachmentId: string) => {
await client.post("/collections.import", {
type: "outline",
attachmentId,
});
};
@action
move = async (collectionId: string, index: string) => {
const res = await client.post("/collections.move", {
id: collectionId,
index,
});
invariant(res && res.success, "Collection could not be moved");
const collection = this.get(collectionId);
if (collection) {
collection.updateIndex(res.data.index);
}
};
async update(params: Object): Promise<Collection> {
const result = await super.update(params);
// If we're changing sharing permissions on the collection then we need to
// remove all locally cached policies for documents in the collection as they
// are now invalid
if (params.sharing !== undefined) {
const collection = this.get(params.id);
if (collection) {
collection.documentIds.forEach((id) => {
this.rootStore.policies.remove(id);
});
}
}
return result;
}
getPathForDocument(documentId: string): ?DocumentPath {
return this.pathsToDocuments.find((path) => path.id === documentId);
}
titleForDocument(documentUrl: string): ?string {
const path = this.pathsToDocuments.find((path) => path.url === documentUrl);
if (path) return path.title;
}
delete = async (collection: Collection) => {
await super.delete(collection);
this.rootStore.documents.fetchRecentlyUpdated();
this.rootStore.documents.fetchRecentlyViewed();
};
export = () => {
return client.post("/collections.export_all");
};
}