273 lines
9.0 KiB
JavaScript
273 lines
9.0 KiB
JavaScript
app.controller('editCtr', ['$scope', '$state', '$timeout', '$document', 'ngDialog', 'pubSubService', 'dataService', function ($scope, $state, $timeout, $document, ngDialog, pubSubService, dataService) {
|
||
console.log("Hello editCtr");
|
||
var maxSelections = 3;
|
||
var dialog = null;
|
||
var cancelDefault = false;
|
||
init();
|
||
|
||
$scope.$watch('url', async function (newUrl, oldUrl, scope) {
|
||
$timeout(function () {
|
||
$scope.urlError = $scope.url == '' && $('.ui.modal.js-add-bookmark').modal('is active');
|
||
});
|
||
if ($scope.autoGettitle) {
|
||
$scope.title = "";
|
||
if (/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/.test(newUrl)) {
|
||
var params = {
|
||
url: newUrl,
|
||
requestId: 0,
|
||
}
|
||
$scope.loadTitle = true;
|
||
try {
|
||
let data = await get('getArticle', { url: newUrl });
|
||
$scope.loadTitle = false;
|
||
$scope.originTitle = data.title;
|
||
$scope.title = data.title;
|
||
|
||
if (!$scope.title) {
|
||
toastr.error('获取书签标题失败，请手动填入', "提示");
|
||
} else {
|
||
$scope.title = data.title.split('-')[0].trim();
|
||
}
|
||
} catch (error) {
|
||
toastr.error('获取书签标题失败：' + JSON.stringify(err) + '，请手动填入', "提示");
|
||
$scope.loadTitle = false;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
$scope.$watch('description', function (newDescription, oldDescription, scope) {
|
||
setTimeout(function () {
|
||
$('.ui.modal.js-add-bookmark').modal("refresh");
|
||
}, 500);
|
||
});
|
||
|
||
$scope.$watch('title', function (newValue, oldValue, scope) {
|
||
$timeout(function () {
|
||
$scope.titleError = $scope.title == '' && $('.ui.modal.js-add-bookmark').modal('is active');
|
||
});
|
||
});
|
||
|
||
$scope.restoreTitle = function () {
|
||
$scope.title = $scope.originTitle;
|
||
}
|
||
|
||
$scope.cancel = function () {
|
||
$('.ui.modal.js-add-bookmark').modal('hide');
|
||
|
||
init();
|
||
}
|
||
$scope.ok = async function () {
|
||
var tagId = -1;
|
||
$scope.tags.forEach((tag) => {
|
||
if (tag.clicked) {
|
||
tagId = tag.id;
|
||
}
|
||
});
|
||
// console.log('Hello ok clicked', $scope.url, $scope.title, $scope.description, $scope.public, selectedTags, $scope.tags);
|
||
$scope.urlError = $scope.url == '';
|
||
$scope.titleError = $scope.title == '';
|
||
$scope.tagsError = tagId == -1;
|
||
|
||
var params = {
|
||
id: $scope.id,
|
||
url: $scope.url,
|
||
tagId,
|
||
title: $scope.title,
|
||
description: $scope.description,
|
||
public: $('.ui.checkbox.js-public').checkbox('is checked') ? '1' : '0',
|
||
}
|
||
if (!/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/.test($scope.url)) {
|
||
toastr.error('检撤到您的书签链接非法，是否忘记加http或者https了？建议直接从打开浏览器地址栏复制出来直接粘贴到输入框。', "错误");
|
||
return;
|
||
}
|
||
if ($scope.tagsError) {
|
||
toastr.error('您至少要选择一个分类！如果暂时没想到放到哪个分类，可以先选择未分类', "错误");
|
||
return;
|
||
}
|
||
if ($scope.titleError) {
|
||
toastr.error('书签标题不能为空！', "错误");
|
||
return;
|
||
}
|
||
console.log("add bookmark", params);
|
||
|
||
if ($scope.add) {
|
||
let id = await post('addBookmark', params);
|
||
$('.ui.modal.js-add-bookmark').modal('hide');
|
||
params.id = id;
|
||
pubSubService.publish('EditCtr.inserBookmarsSuccess', params);
|
||
} else {
|
||
await post('updateBookmark', params);
|
||
$('.ui.modal.js-add-bookmark').modal('hide');
|
||
pubSubService.publish('EditCtr.inserBookmarsSuccess', params);
|
||
toastr.success('[ ' + params.title + ' ] 更新成功，将自动重新更新书签！', "提示");
|
||
}
|
||
}
|
||
|
||
$scope.showAddTag = function () {
|
||
if ($scope.tags.length < 30) {
|
||
console.log('showAddTag..........')
|
||
$scope.newTag = "";
|
||
dialog = ngDialog.open({
|
||
template: './views/dialog-add-tag.html',
|
||
className: 'ngdialog-theme-default',
|
||
scope: $scope
|
||
});
|
||
} else {
|
||
toastr.error('标签个数总数不能超过30个！不允许再添加新分类，如有需求，请联系管理员。', "提示");
|
||
}
|
||
}
|
||
|
||
$scope.addTag = async function (tag) {
|
||
console.log(tag);
|
||
if ($scope.tags.length >= 30) {
|
||
toastr.error('标签个数总数不能超过30个！不允许再添加新分类，如有需求，请联系管理员。', "提示");
|
||
return;
|
||
}
|
||
|
||
tag = tag.replace(/(^\s*)|(\s*$)/g, '').replace(/\s+/g, ' '); // 去除前后空格，多个空格转为一个空格;
|
||
|
||
var exist = $scope.tags.some((item) => {
|
||
return item.name == tag;
|
||
})
|
||
if (exist) {
|
||
toastr.error('该分类【' + tag + '】已存在！', "提示");
|
||
return;
|
||
}
|
||
|
||
if (tag) {
|
||
ngDialog.close(dialog);
|
||
await post('addTag', { name: tag });
|
||
await getTags();
|
||
} else {
|
||
toastr.warning('您可能没有输入分类或者输入的分类有误', "提示");
|
||
}
|
||
}
|
||
|
||
$scope.clickTag = function (id, clicked) {
|
||
$scope.tags.forEach((tag) => {
|
||
tag.clicked = tag.id == id
|
||
})
|
||
}
|
||
|
||
pubSubService.subscribe('MenuCtr.showAddBookmarkMoadl', $scope, function (event, params) {
|
||
console.log('subscribe MenuCtr.showAddBookmarkMoadl', params);
|
||
$('.ui.modal.js-add-bookmark').modal({
|
||
closable: false,
|
||
}).modal('setting', 'transition', dataService.animation()).modal('show');
|
||
$('.ui.checkbox.js-public').checkbox('set checked');
|
||
cancelDefault = true;
|
||
init();
|
||
getTags();
|
||
});
|
||
|
||
pubSubService.subscribe('bookmarksCtr.editBookmark', $scope, async function (event, params) {
|
||
console.log('subscribe bookmarksCtr.editBookmark', params);
|
||
$('.ui.modal.js-add-bookmark').modal({
|
||
closable: false,
|
||
}).modal('setting', 'transition', dataService.animation()).modal('show');
|
||
setTimeout(function () {
|
||
$('.ui.modal.js-add-bookmark').modal("refresh");
|
||
}, 500);
|
||
$scope.add = false;
|
||
$scope.loadTags = true;
|
||
$scope.autoGettitle = false;
|
||
|
||
cancelDefault = false;
|
||
|
||
let bookmark = await get("bookmark", params);
|
||
let tags = await get("tags");
|
||
|
||
$scope.id = (bookmark && bookmark.id) || '';
|
||
$scope.url = (bookmark && bookmark.url) || '';
|
||
$scope.title = (bookmark && bookmark.title) || '';
|
||
$scope.description = (bookmark && bookmark.description) || '';
|
||
$scope.tags = tags.map((tag) => {
|
||
tag.clicked = bookmark.tagId == tag.id;
|
||
return tag;
|
||
});
|
||
$scope.public = (bookmark && bookmark.id) || '1';
|
||
$('.ui.checkbox.js-public').checkbox((bookmark && bookmark.public && bookmark.public == '1') ? 'set checked' : 'set unchecked')
|
||
$scope.loadTags = false;
|
||
});
|
||
|
||
pubSubService.subscribe('TagCtr.storeBookmark', $scope, function (event, bookmark) {
|
||
console.log('TagCtr.storeBookmark', bookmark);
|
||
$('.ui.modal.js-add-bookmark').modal({
|
||
closable: false,
|
||
}).modal('setting', 'transition', dataService.animation()).modal('show');
|
||
$('.ui.checkbox.js-public').checkbox('set checked');
|
||
cancelDefault = true;
|
||
init();
|
||
getTags();
|
||
$scope.autoGettitle = false;
|
||
$scope.url = bookmark.url;
|
||
$scope.title = bookmark.title;
|
||
});
|
||
|
||
// 在输入文字的时候也会触发，所以不要用Ctrl,Shift之类的按键
|
||
$document.bind("keydown", function (event) {
|
||
$scope.$apply(function () {
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var key = event.key.toUpperCase();
|
||
// console.log(key);
|
||
if (key == 'INSERT' && menusScope.login) {
|
||
if ($('.ui.modal.js-add-bookmark').modal('is active')) {
|
||
$scope.ok();
|
||
} else {
|
||
$('.ui.modal.js-add-bookmark').modal({
|
||
closable: false,
|
||
}).modal('setting', 'transition', dataService.animation()).modal('show');
|
||
$('.ui.checkbox.js-public').checkbox('set checked');
|
||
cancelDefault = true;
|
||
init();
|
||
getTags();
|
||
}
|
||
}
|
||
|
||
// Esc按键，退出
|
||
if (key == 'ESCAPE' && menusScope.login) {
|
||
$scope.cancel();
|
||
}
|
||
})
|
||
});
|
||
|
||
async function getTags() {
|
||
let tags = await get('tags');
|
||
tags.sort((a, b) => {
|
||
if (a.last_use > b.last_use) return -1;
|
||
return 1;
|
||
})
|
||
tags.forEach((tag) => {
|
||
tag.clicked = false;
|
||
})
|
||
// 只有在新增的时候，才默认最近使用书签分类(编辑，转存不默认)
|
||
if ($scope.add && tags.length >= 1 && $scope.url == '' && $scope.title == '') {
|
||
tags[0].clicked = true;
|
||
}
|
||
|
||
$timeout(function () {
|
||
$scope.tags = tags;
|
||
$scope.loadTags = false;
|
||
});
|
||
}
|
||
|
||
function init() {
|
||
$scope.add = true;
|
||
$scope.loadTags = true;
|
||
$scope.autoGettitle = true;
|
||
$scope.loadTitle = false;
|
||
$scope.id = '';
|
||
$scope.url = '';
|
||
$scope.title = '';
|
||
$scope.description = '';
|
||
$scope.tags = []; // tag = {id:xxx, name:'yyy'}
|
||
|
||
$scope.urlError = false;
|
||
$scope.titleError = false;
|
||
$scope.tagsError = false;
|
||
|
||
$scope.public = '1';
|
||
}
|
||
}]);
|