`
-
-import paginationBox from "../component/pagination.js";
-import bookmarkItem from "../component/bookmark.js";
-import customDialog from "../component/dialog.js";
-import basePage from "./base.js";
-
-export default {
- template: template,
- mixins: [basePage],
- components: {
- bookmarkItem,
- paginationBox,
- customDialog
- },
- data() {
- return {
- loading: false,
- editMode: false,
- selection: [],
-
- search: "",
- page: 0,
- maxPage: 0,
- bookmarks: [],
- tags: [],
-
- dialogTags: {
- visible: false,
- editMode: false,
- title: 'Existing Tags',
- mainText: 'OK',
- secondText: 'Rename Tags',
- mainClick: () => {
- if (this.dialogTags.editMode) {
- this.dialogTags.editMode = false;
- } else {
- this.dialogTags.visible = false;
- }
- },
- secondClick: () => {
- this.dialogTags.editMode = true;
- },
- escPressed: () => {
- this.dialogTags.visible = false;
- this.dialogTags.editMode = false;
- }
- },
- }
- },
- computed: {
- listIsEmpty() {
- return this.bookmarks.length <= 0;
- }
- },
- watch: {
- "dialogTags.editMode"(editMode) {
- if (editMode) {
- this.dialogTags.title = "Rename Tags";
- this.dialogTags.mainText = "Cancel";
- this.dialogTags.secondText = "";
- } else {
- this.dialogTags.title = "Existing Tags";
- this.dialogTags.mainText = "OK";
- this.dialogTags.secondText = "Rename Tags";
- }
- }
- },
- methods: {
- reloadData() {
- if (this.loading) return;
- this.page = 1;
- this.search = "";
- this.loadData(true, true);
- },
- loadData(saveState, fetchTags) {
- if (this.loading) return;
-
- // Set default args
- saveState = (typeof saveState === "boolean") ? saveState : true;
- fetchTags = (typeof fetchTags === "boolean") ? fetchTags : false;
-
- // Parse search query
- var keyword = this.search,
- rxExcludeTagA = /(^|\s)-tag:["']([^"']+)["']/i, // -tag:"with space"
- rxExcludeTagB = /(^|\s)-tag:(\S+)/i, // -tag:without-space
- rxIncludeTagA = /(^|\s)tag:["']([^"']+)["']/i, // tag:"with space"
- rxIncludeTagB = /(^|\s)tag:(\S+)/i, // tag:without-space
- tags = [],
- excludedTags = [],
- rxResult;
-
- // Get excluded tag first, while also removing it from keyword
- while (rxResult = rxExcludeTagA.exec(keyword)) {
- keyword = keyword.replace(rxResult[0], "");
- excludedTags.push(rxResult[2]);
- }
-
- while (rxResult = rxExcludeTagB.exec(keyword)) {
- keyword = keyword.replace(rxResult[0], "");
- excludedTags.push(rxResult[2]);
- }
-
- // Get included tags
- while (rxResult = rxIncludeTagA.exec(keyword)) {
- keyword = keyword.replace(rxResult[0], "");
- tags.push(rxResult[2]);
- }
-
- while (rxResult = rxIncludeTagB.exec(keyword)) {
- keyword = keyword.replace(rxResult[0], "");
- tags.push(rxResult[2]);
- }
-
- // Trim keyword
- keyword = keyword.trim().replace(/\s+/g, " ");
-
- // Prepare URL for API
- var url = new URL("api/v1/bookmarks", document.baseURI);
- url.search = new URLSearchParams({
- keyword: keyword,
- tags: tags.join(","),
- exclude: excludedTags.join(","),
- page: this.page
- });
-
- // Fetch data from API
- var skipFetchTags = Error("skip fetching tags");
-
- this.loading = true;
- fetch(url, {headers: {'Content-Type': 'application/json'}})
- .then(response => {
- if (!response.ok) throw response;
- return response.json();
- })
- .then(json => {
- // Set data
- this.page = json.page;
- this.maxPage = json.maxPage;
- this.bookmarks = json.message;
-
- // Save state and change URL if needed
- if (saveState) {
- var history = {
- activePage: "page-home",
- search: this.search,
- page: this.page
- };
-
- var url = new Url(document.baseURI);
- url.hash = "home";
- url.clearQuery();
- if (this.page > 1) url.query.page = this.page;
- if (this.search !== "") url.query.search = this.search;
-
- window.history.pushState(history, "page-home", url);
- }
-
- // Fetch tags if requested
- if (fetchTags) {
- return fetch(new URL("api/v1/tags", document.baseURI), {headers: {'Content-Type': 'application/json'}});
- } else {
- this.loading = false;
- throw skipFetchTags;
- }
- })
- .then(response => {
- if (!response.ok) throw response;
- return response.json();
- })
- .then(json => {
- this.tags = json.message;
- this.loading = false;
- })
- .catch(err => {
- this.loading = false;
-
- if (err !== skipFetchTags) {
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- }
- });
- },
- searchBookmarks() {
- this.page = 1;
- this.loadData();
- },
- changePage(page) {
- this.page = page;
- this.$refs.bookmarksGrid.scrollTop = 0;
- this.loadData();
- },
- toggleEditMode() {
- this.selection = [];
- this.editMode = !this.editMode;
- },
- toggleSelection(item) {
- var idx = this.selection.findIndex(el => el.id === item.id);
- if (idx === -1) this.selection.push(item);
- else this.selection.splice(idx, 1);
- },
- isSelected(bookId) {
- return this.selection.findIndex(el => el.id === bookId) > -1;
- },
- dialogTagClicked(event, tag) {
- if (!this.dialogTags.editMode) {
- this.filterTag(tag.name, event.altKey);
- } else {
- this.dialogTags.visible = false;
- this.showDialogRenameTag(tag);
- }
- },
- bookmarkTagClicked(event, tagName) {
- this.filterTag(tagName, event.altKey);
- },
- filterTag(tagName, excludeMode) {
- // Set default parameter
- excludeMode = (typeof excludeMode === "boolean") ? excludeMode : false;
-
- if (this.dialogTags.editMode) {
- return;
- }
-
- if (tagName === "*") {
- this.search = excludeMode ? "-tag:*" : "tag:*";
- this.page = 1;
- this.loadData();
- return;
- }
-
- var rxSpace = /\s+/g,
- includeTag = rxSpace.test(tagName) ? `tag:"${tagName}"` : `tag:${tagName}`,
- excludeTag = "-" + includeTag,
- rxIncludeTag = new RegExp(`(^|\\s)${includeTag}`, "ig"),
- rxExcludeTag = new RegExp(`(^|\\s)${excludeTag}`, "ig"),
- search = this.search;
-
- search = search.replace("-tag:*", "");
- search = search.replace("tag:*", "");
- search = search.trim();
-
- if (excludeMode) {
- if (rxExcludeTag.test(search)) {
- return;
- }
-
- if (rxIncludeTag.test(search)) {
- this.search = search.replace(rxIncludeTag, "$1" + excludeTag);
- } else {
- search += ` ${excludeTag}`;
- this.search = search.trim();
- }
- } else {
- if (rxIncludeTag.test(search)) {
- return;
- }
-
- if (rxExcludeTag.test(search)) {
- this.search = search.replace(rxExcludeTag, "$1" + includeTag);
- } else {
- search += ` ${includeTag}`;
- this.search = search.trim();
- }
- }
-
- this.page = 1;
- this.loadData();
- },
- showDialogAdd() {
- this.showDialog({
- title: "New Bookmark",
- content: "Create a new bookmark",
- fields: [{
- name: "url",
- label: "Url, start with http://...",
- }, {
- name: "title",
- label: "Custom title (optional)"
- }, {
- name: "excerpt",
- label: "Custom excerpt (optional)",
- type: "area"
- }, {
- name: "tags",
- label: "Comma separated tags (optional)",
- separator: ",",
- dictionary: this.tags.map(tag => tag.name)
- }, {
- name: "createArchive",
- label: "Create archive",
- type: "check",
- value: this.appOptions.useArchive,
- }, {
- name: "makePublic",
- label: "Make archive publicly available",
- type: "check",
- value: this.appOptions.makePublic,
- }],
- mainText: "OK",
- secondText: "Cancel",
- mainClick: (data) => {
- // Make sure URL is not empty
- if (data.url.trim() === "") {
- this.showErrorDialog("URL must not empty");
- return;
- }
-
- // Prepare tags
- var tags = data.tags
- .toLowerCase()
- .replace(/\s+/g, " ")
- .split(/\s*,\s*/g)
- .filter(tag => tag.trim() !== "")
- .map(tag => {
- return {
- name: tag.trim()
- };
- });
-
- // Send data
- var data = {
- url: data.url.trim(),
- title: data.title.trim(),
- excerpt: data.excerpt.trim(),
- public: data.makePublic ? 1 : 0,
- tags: tags,
- createArchive: data.createArchive,
- };
-
- this.dialog.loading = true;
- fetch(new URL("api/v1/bookmarks", document.baseURI), {
- method: "post",
- body: JSON.stringify(data),
- headers: { "Content-Type": "application/json" }
- }).then(response => {
- if (!response.ok) throw response;
- return response.json();
- }).then(json => {
- this.dialog.loading = false;
- this.dialog.visible = false;
- this.bookmarks.splice(0, 0, json);
- }).catch(err => {
- this.dialog.loading = false;
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- });
- }
- });
- },
- showDialogEdit(item) {
- // Check the item
- if (typeof item !== "object") return;
-
- var id = (typeof item.id === "number") ? item.id : 0,
- index = (typeof item.index === "number") ? item.index : -1;
-
- if (id < 1 || index < 0) return;
-
- // Get the existing bookmark value
- var book = JSON.parse(JSON.stringify(this.bookmarks[index])),
- strTags = book.tags.map(tag => tag.name).join(", ");
-
- this.showDialog({
- title: "Edit Bookmark",
- content: "Edit the bookmark's data",
- showLabel: true,
- fields: [{
- name: "url",
- label: "Url",
- value: book.url,
- }, {
- name: "title",
- label: "Title",
- value: book.title,
- }, {
- name: "excerpt",
- label: "Excerpt",
- type: "area",
- value: book.excerpt,
- }, {
- name: "tags",
- label: "Tags",
- value: strTags,
- separator: ",",
- dictionary: this.tags.map(tag => tag.name)
- }, {
- name: "makePublic",
- label: "Make archive publicly available",
- type: "check",
- value: book.public >= 1,
- }],
- mainText: "OK",
- secondText: "Cancel",
- mainClick: (data) => {
- // Validate input
- if (data.title.trim() === "") return;
-
- // Prepare tags
- var tags = data.tags
- .toLowerCase()
- .replace(/\s+/g, " ")
- .split(/\s*,\s*/g)
- .filter(tag => tag.trim() !== "")
- .map(tag => {
- return {
- name: tag.trim()
- };
- });
-
- // Set new data
- book.url = data.url.trim();
- book.title = data.title.trim();
- book.excerpt = data.excerpt.trim();
- book.public = data.makePublic ? 1 : 0;
- book.tags = tags;
-
- // Send data
- this.dialog.loading = true;
- fetch(new URL("api/v1/bookmarks", document.baseURI), {
- method: "put",
- body: JSON.stringify(book),
- headers: { "Content-Type": "application/json" }
- }).then(response => {
- if (!response.ok) throw response;
- return response.json();
- }).then(json => {
- this.dialog.loading = false;
- this.dialog.visible = false;
- this.bookmarks.splice(index, 1, json);
- }).catch(err => {
- this.dialog.loading = false;
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- });
- }
- });
- },
- showDialogDelete(items) {
- // Check and filter items
- if (typeof items !== "object") return;
- if (!Array.isArray(items)) items = [items];
-
- items = items.filter(item => {
- var id = (typeof item.id === "number") ? item.id : 0,
- index = (typeof item.index === "number") ? item.index : -1;
-
- return id > 0 && index > -1;
- });
-
- if (items.length === 0) return;
-
- // Split ids and indices
- var ids = items.map(item => item.id),
- indices = items.map(item => item.index).sort((a, b) => b - a);
-
- // Create title and content
- var title = "Delete Bookmarks",
- content = "Delete the selected bookmarks ? This action is irreversible.";
-
- if (items.length === 1) {
- title = "Delete Bookmark";
- content = "Are you sure ? This action is irreversible.";
- }
-
- // Show dialog
- this.showDialog({
- title: title,
- content: content,
- mainText: "Yes",
- secondText: "No",
- mainClick: () => {
- this.dialog.loading = true;
- fetch(new URL("api/v1/bookmarks/" + ids, document.baseURI), {
- method: "delete",
- headers: { "Content-Type": "application/json" },
- }).then(response => {
- if (!response.ok) throw response;
- return response;
- }).then(() => {
- this.selection = [];
- this.editMode = false;
- this.dialog.loading = false;
- this.dialog.visible = false;
- indices.forEach(index => this.bookmarks.splice(index, 1))
-
- if (this.bookmarks.length < 20) {
- this.loadData(false);
- }
- }).catch(err => {
- this.selection = [];
- this.editMode = false;
- this.dialog.loading = false;
-
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- });
- }
- });
- },
- showDialogUpdateCache(items) {
- // Check and filter items
- if (typeof items !== "object") return;
- if (!Array.isArray(items)) items = [items];
-
- items = items.filter(item => {
- var id = (typeof item.id === "number") ? item.id : 0,
- index = (typeof item.index === "number") ? item.index : -1;
-
- return id > 0 && index > -1;
- });
-
- if (items.length === 0) return;
-
- // Show dialog
- var ids = items.map(item => item.id);
-
- this.showDialog({
- title: "Update Cache",
- content: "Update cache for selected bookmarks ? This action is irreversible.",
- fields: [{
- name: "keepMetadata",
- label: "Keep the old title and excerpt",
- type: "check",
- value: this.appOptions.keepMetadata,
- }, {
- name: "createArchive",
- label: "Update archive as well",
- type: "check",
- value: this.appOptions.useArchive,
- }],
- mainText: "Yes",
- secondText: "No",
- mainClick: (data) => {
- var data = {
- ids: ids,
- createArchive: data.createArchive,
- keepMetadata: data.keepMetadata,
- };
-
- this.dialog.loading = true;
- fetch(new URL("api/v1/cache", document.baseURI), {
- method: "put",
- body: JSON.stringify(data),
- headers: { "Content-Type": "application/json" },
- }).then(response => {
- if (!response.ok) throw response;
- return response.json();
- }).then(json => {
- this.selection = [];
- this.editMode = false;
- this.dialog.loading = false;
- this.dialog.visible = false;
-
- json.forEach(book => {
- var item = items.find(el => el.id === book.id);
- this.bookmarks.splice(item.index, 1, book);
- });
- }).catch(err => {
- this.selection = [];
- this.editMode = false;
- this.dialog.loading = false;
-
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- });
- }
- });
- },
- showDialogAddTags(items) {
- // Check and filter items
- if (typeof items !== "object") return;
- if (!Array.isArray(items)) items = [items];
-
- items = items.filter(item => {
- var id = (typeof item.id === "number") ? item.id : 0,
- index = (typeof item.index === "number") ? item.index : -1;
-
- return id > 0 && index > -1;
- });
-
- if (items.length === 0) return;
-
- // Show dialog
- this.showDialog({
- title: "Add New Tags",
- content: "Add new tags to selected bookmarks",
- fields: [{
- name: "tags",
- label: "Comma separated tags",
- value: "",
- separator: ",",
- dictionary: this.tags.map(tag => tag.name)
- }],
- mainText: 'OK',
- secondText: 'Cancel',
- mainClick: (data) => {
- // Validate input
- var tags = data.tags
- .toLowerCase()
- .replace(/\s+/g, ' ')
- .split(/\s*,\s*/g)
- .filter(tag => tag.trim() !== '')
- .map(tag => {
- return {
- name: tag.trim()
- };
- });
-
- if (tags.length === 0) return;
-
- // Send data
- var request = {
- ids: items.map(item => item.id),
- tags: tags
- }
-
- this.dialog.loading = true;
- fetch(new URL("api/v1/bookmarks/tags", document.baseURI), {
- method: "put",
- body: JSON.stringify(request),
- headers: { "Content-Type": "application/json" },
- }).then(response => {
- if (!response.ok) throw response;
- return response.json();
- }).then(json => {
- this.selection = [];
- this.editMode = false;
- this.dialog.loading = false;
- this.dialog.visible = false;
-
- json.forEach(book => {
- var item = items.find(el => el.id === book.id);
- this.bookmarks.splice(item.index, 1, book);
- });
- }).catch(err => {
- this.selection = [];
- this.editMode = false;
- this.dialog.loading = false;
-
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- });
- }
- });
- },
- showDialogTags() {
- this.dialogTags.visible = true;
- this.dialogTags.editMode = false;
- this.dialogTags.secondText = this.activeAccount.owner ? "Rename Tags" : "";
- },
- showDialogRenameTag(tag) {
- this.showDialog({
- title: "Rename Tag",
- content: `Change the name for tag "#${tag.name}"`,
- fields: [{
- name: "newName",
- label: "New tag name",
- value: tag.name,
- }],
- mainText: "OK",
- secondText: "Cancel",
- secondClick: () => {
- this.dialog.visible = false;
- this.dialogTags.visible = true;
- },
- escPressed: () => {
- this.dialog.visible = false;
- this.dialogTags.visible = true;
- },
- mainClick: (data) => {
- // Save the old query
- var rxSpace = /\s+/g,
- oldTagQuery = rxSpace.test(tag.name) ? `"#${tag.name}"` : `#${tag.name}`,
- newTagQuery = rxSpace.test(data.newName) ? `"#${data.newName}"` : `#${data.newName}`;
-
- // Send data
- var newData = {
- id: tag.id,
- name: data.newName,
- };
-
- this.dialog.loading = true;
- fetch(new URL("api/tag", document.baseURI), {
- method: "PUT",
- body: JSON.stringify(newData),
- headers: { "Content-Type": "application/json" },
- }).then(response => {
- if (!response.ok) throw response;
- return response.json();
- }).then(() => {
- tag.name = data.newName;
-
- this.dialog.loading = false;
- this.dialog.visible = false;
- this.dialogTags.visible = true;
- this.dialogTags.editMode = false;
- this.tags.sort((a, b) => {
- var aName = a.name.toLowerCase(),
- bName = b.name.toLowerCase();
-
- if (aName < bName) return -1;
- else if (aName > bName) return 1;
- else return 0;
- });
-
- if (this.search.includes(oldTagQuery)) {
- this.search = this.search.replace(oldTagQuery, newTagQuery);
- this.loadData();
- }
- }).catch(err => {
- this.dialog.loading = false;
- this.dialogTags.visible = false;
- this.dialogTags.editMode = false;
- this.getErrorMessage(err).then(msg => {
- this.showErrorDialog(msg);
- })
- });
- },
- });
- },
- },
- mounted() {
- // Prepare history state watcher
- var stateWatcher = (e) => {
- var state = e.state || {},
- activePage = state.activePage || "page-home",
- search = state.search || "",
- page = state.page || 1;
-
- if (activePage !== "page-home") return;
-
- this.page = page;
- this.search = search;
- this.loadData(false);
- }
-
- window.addEventListener('popstate', stateWatcher);
- this.$once('hook:beforeDestroy', () => {
- window.removeEventListener('popstate', stateWatcher);
- })
-
- // Set initial parameter
- var url = new Url;
- this.search = url.query.search || "";
- this.page = url.query.page || 1;
-
- this.loadData(false, true);
- }
-}
diff --git a/internal/http/frontend/js/page/setting.js b/internal/http/frontend/js/page/setting.js
deleted file mode 100644
index 82be3e8aa..000000000
--- a/internal/http/frontend/js/page/setting.js
+++ /dev/null
@@ -1,304 +0,0 @@
-var template = `
-