liweichun
/
my-bookmark
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

对获取的书签标题进行处理

This commit is contained in:
HelloWorld 2019-09-20 11:16:02 +08:00
parent 7f9c2749d4
commit 57e79531b8
2 changed files with 377 additions and 369 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

640
public/scripts/controllers/edit-controller.js
View File

@ -1,316 +1,324 @@
app.controller('editCtr', ['$scope', '$state', '$timeout', '$document', 'ngDialog', 'bookmarkService', 'pubSubService', 'dataService', function($scope, $state, $timeout, $document, ngDialog, bookmarkService, pubSubService, dataService) {
console.log("Hello editCtr");
var maxSelections = 3;
var dialog = null;
var cancelDefault = false;
init();
$scope.$watch('url', 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;
bookmarkService.getArticle(params)
.then((data) => {
$scope.loadTitle = false;
$scope.title = data.title;
if (!$scope.title) {
toastr.error('获取书签标题失败，请手动填入', "提示");
}
})
.catch((err) => {
console.log('getTitle err', err);
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.cancel = function() {
$('.ui.modal.js-add-bookmark').modal('hide');
init();
}
$scope.ok = function() {
var selectedTags = [];
$scope.tags.forEach((tag) => {
if (tag.clicked) {
selectedTags.push(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 = (selectedTags.length == 0 || selectedTags.length > maxSelections);
var params = {
id: $scope.id,
url: $scope.url,
title: $scope.title,
public: $('.ui.checkbox.js-public').checkbox('is checked') ? '1' : '0',
tags: selectedTags,
description: $scope.description
}
if (!/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/.test($scope.url)) {
toastr.error('检撤到您的书签链接非法，是否忘记加http或者https了？建议直接从打开浏览器地址栏复制出来直接粘贴到输入框。', "错误");
return;
}
if (selectedTags.length < 1 || $scope.tagsError) {
toastr.error('您至少要选择一个分类！最多选择三个分类！如果暂时没想到放到哪个分类，可以先选择未分类', "错误");
return;
}
if ($scope.titleError) {
toastr.error('书签标题不能为空！', "错误");
return;
}
console.log("add bookmark", params);
if ($scope.add) {
bookmarkService.addBookmark(params)
.then((data) => {
$('.ui.modal.js-add-bookmark').modal('hide');
pubSubService.publish('EditCtr.inserBookmarsSuccess', data);
if (data.title) {
toastr.success('[ ' + data.title + ' ] 添加成功，将自动重新更新书签！</br>' + (data.update ? '系统检测到该书签之前添加过，只更新链接，描述，标题，分类。创建日期与最后点击日期不更新！' : ''), "提示");
} else {
toastr.error('[ ' + params.title + ' ] 添加失败', "提示");
}
})
.catch((err) => {
console.log('addBookmark err', err);
toastr.error('[ ' + params.title + ' ] 添加失败' + JSON.stringify(err), "提示");
});
} else {
bookmarkService.updateBookmark(params)
.then((data) => {
$('.ui.modal.js-add-bookmark').modal('hide');
pubSubService.publish('EditCtr.inserBookmarsSuccess', data);
toastr.success('[ ' + params.title + ' ] 更新成功，将自动重新更新书签！', "提示");
})
.catch((err) => {
console.log('updateBookmark err', err);
toastr.error('[ ' + params.title + ' ] 更新失败' + JSON.stringify(err), "提示");
});
}
}
$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 = 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);
var tags = [];
tags.push(tag);
bookmarkService.addTags(tags)
.then((data) => {
// 获取已经选择的个数
var clickedCount = $scope.tags.filter((item) => {
return item.clicked;
}).length
// 获取新增的tag(由于这里只增加一个，所以弹出数组最后一个即可)
var newTag = data.filter((item) => {
return item.name == tag;
}).pop();
if (newTag) {
newTag.clicked = clickedCount <= 2;
$scope.tags.push(newTag);
}
toastr.success('[ ' + tag + ' ]插入分类成功！', "提示");
})
.catch((err) => {
toastr.warning('[ ' + tag + ' ]插入分类失败：' + JSON.stringify(err), "提示");
});
} 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, 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;
cancelDefault = false;
bookmarkService.getBookmark(params)
.then((data) => {
console.log('getBookmark ', data);
var bookmark = data.bookmark;
$scope.autoGettitle = false;
$scope.id = (bookmark && bookmark.id) || '';
$scope.url = (bookmark && bookmark.url) || '';
$scope.title = (bookmark && bookmark.title) || '';
$scope.description = (bookmark && bookmark.description) || '';
$scope.tags = data.tags.map((tag) => {
tag.clicked = false;
return tag;
});
$scope.public = (bookmark && bookmark.id) || '1';
$('.ui.checkbox.js-public').checkbox((bookmark && bookmark.public && bookmark.public == '1') ? 'set checked' : 'set unchecked')
$timeout(function() {
data.bookmarkTags.forEach((tagId) => {
$scope.tags.forEach((tag) => {
if (tag.id == tagId) {
tag.clicked = true;
}
})
});
});
$scope.loadTags = false;
})
.catch((err) => console.log('updateBookmark err', err));
});
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();
}
})
});
function getTags(params) {
bookmarkService.getTags(params)
.then((data) => {
data.sort((a, b) => {
if (a.last_use > b.last_use) return -1;
return 1;
})
data.forEach((tag) => {
tag.clicked = false;
})
// 只有在新增的时候，才默认最近使用书签分类(编辑，转存不默认)
if ($scope.add && data.length >= 1 && $scope.url == '' && $scope.title == '') {
data[0].clicked = true;
}
$scope.tags = data;
$scope.loadTags = false;
})
.catch((err) => console.log('getTags err', err));
}
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';
}
}]);
app.controller('editCtr', ['$scope', '$state', '$timeout', '$document', 'ngDialog', 'bookmarkService', 'pubSubService', 'dataService', function($scope, $state, $timeout, $document, ngDialog, bookmarkService, pubSubService, dataService) {
console.log("Hello editCtr");
var maxSelections = 3;
var dialog = null;
var cancelDefault = false;
init();
$scope.$watch('url', 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;
bookmarkService.getArticle(params)
.then((data) => {
$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((err) => {
console.log('getTitle err', err);
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 = function() {
var selectedTags = [];
$scope.tags.forEach((tag) => {
if (tag.clicked) {
selectedTags.push(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 = (selectedTags.length == 0 || selectedTags.length > maxSelections);
var params = {
id: $scope.id,
url: $scope.url,
title: $scope.title,
public: $('.ui.checkbox.js-public').checkbox('is checked') ? '1' : '0',
tags: selectedTags,
description: $scope.description
}
if (!/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/.test($scope.url)) {
toastr.error('检撤到您的书签链接非法，是否忘记加http或者https了？建议直接从打开浏览器地址栏复制出来直接粘贴到输入框。', "错误");
return;
}
if (selectedTags.length < 1 || $scope.tagsError) {
toastr.error('您至少要选择一个分类！最多选择三个分类！如果暂时没想到放到哪个分类，可以先选择未分类', "错误");
return;
}
if ($scope.titleError) {
toastr.error('书签标题不能为空！', "错误");
return;
}
console.log("add bookmark", params);
if ($scope.add) {
bookmarkService.addBookmark(params)
.then((data) => {
$('.ui.modal.js-add-bookmark').modal('hide');
pubSubService.publish('EditCtr.inserBookmarsSuccess', data);
if (data.title) {
toastr.success('[ ' + data.title + ' ] 添加成功，将自动重新更新书签！</br>' + (data.update ? '系统检测到该书签之前添加过，只更新链接，描述，标题，分类。创建日期与最后点击日期不更新！' : ''), "提示");
} else {
toastr.error('[ ' + params.title + ' ] 添加失败', "提示");
}
})
.catch((err) => {
console.log('addBookmark err', err);
toastr.error('[ ' + params.title + ' ] 添加失败' + JSON.stringify(err), "提示");
});
} else {
bookmarkService.updateBookmark(params)
.then((data) => {
$('.ui.modal.js-add-bookmark').modal('hide');
pubSubService.publish('EditCtr.inserBookmarsSuccess', data);
toastr.success('[ ' + params.title + ' ] 更新成功，将自动重新更新书签！', "提示");
})
.catch((err) => {
console.log('updateBookmark err', err);
toastr.error('[ ' + params.title + ' ] 更新失败' + JSON.stringify(err), "提示");
});
}
}
$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 = 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);
var tags = [];
tags.push(tag);
bookmarkService.addTags(tags)
.then((data) => {
// 获取已经选择的个数
var clickedCount = $scope.tags.filter((item) => {
return item.clicked;
}).length
// 获取新增的tag(由于这里只增加一个，所以弹出数组最后一个即可)
var newTag = data.filter((item) => {
return item.name == tag;
}).pop();
if (newTag) {
newTag.clicked = clickedCount <= 2;
$scope.tags.push(newTag);
}
toastr.success('[ ' + tag + ' ]插入分类成功！', "提示");
})
.catch((err) => {
toastr.warning('[ ' + tag + ' ]插入分类失败：' + JSON.stringify(err), "提示");
});
} 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, 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;
cancelDefault = false;
bookmarkService.getBookmark(params)
.then((data) => {
console.log('getBookmark ', data);
var bookmark = data.bookmark;
$scope.autoGettitle = false;
$scope.id = (bookmark && bookmark.id) || '';
$scope.url = (bookmark && bookmark.url) || '';
$scope.title = (bookmark && bookmark.title) || '';
$scope.description = (bookmark && bookmark.description) || '';
$scope.tags = data.tags.map((tag) => {
tag.clicked = false;
return tag;
});
$scope.public = (bookmark && bookmark.id) || '1';
$('.ui.checkbox.js-public').checkbox((bookmark && bookmark.public && bookmark.public == '1') ? 'set checked' : 'set unchecked')
$timeout(function() {
data.bookmarkTags.forEach((tagId) => {
$scope.tags.forEach((tag) => {
if (tag.id == tagId) {
tag.clicked = true;
}
})
});
});
$scope.loadTags = false;
})
.catch((err) => console.log('updateBookmark err', err));
});
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();
}
})
});
function getTags(params) {
bookmarkService.getTags(params)
.then((data) => {
data.sort((a, b) => {
if (a.last_use > b.last_use) return -1;
return 1;
})
data.forEach((tag) => {
tag.clicked = false;
})
// 只有在新增的时候，才默认最近使用书签分类(编辑，转存不默认)
if ($scope.add && data.length >= 1 && $scope.url == '' && $scope.title == '') {
data[0].clicked = true;
}
$scope.tags = data;
$scope.loadTags = false;
})
.catch((err) => console.log('getTags err', err));
}
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';
}
}]);

106
public/views/edit.html
View File

@ -1,53 +1,53 @@
<div class="ui long modal js-add-bookmark" ng-controller="editCtr">
<!-- <i class="close icon"></i> -->
<div class="header">
{{ add ? '添加书签' : '编辑书签'}}
</div>
<div class="content">
<div class="ui form">
<div class="required field">
<div class="fields">
<div class="required eight wide field" ng-class="{error:urlError}">
<label>书签链接</label>
<input type="text" placeholder="输粘贴网页地址，如：http://mybookmark.cn/" ng-model="url">
</div>
<div class="required eight wide field" ng-class="{error:titleError}">
<label>书签标题</label>
<div class="ui icon input" ng-class="{loading:loadTitle}">
<input type="text" ng-attr-placeholder="{{loadTitle ? '正在获取书签标题。。。' : '在书签链接处粘贴正确的网站会自动获取'}}" ng-model="title">
<i class="search icon" ng-show="loadTitle && title.length==0"></i>
</div>
</div>
</div>
</div>
<div class="required field">
<label>已有书签分类选择
<span title="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;友情提示：&#10;1、添加新书签，根据使用经验，默认会选择最后一次使用分类。&#10;2、如果不是的，直接去选择其他的就好，系统会自动取消。&#10;3、如果你想同时选默认与其他的分类，你选了其他分类之后，再来选中取消的默认分类即可。&#10;4、若想对当前分类进行编辑，请前往分类页面！">
<i class="info circle icon"></i>
</span>
</label>
<div class="ui active inverted dimmer" ng-class="{active:loadTags, disabled: !loadTags}">
<div class="ui text loader">正在获取分类...</div>
</div>
<div class="ui label" style="margin:3px 10px 8px 0px;cursor:default;" ng-class="{green:tag.clicked}" ng-repeat="tag in tags" ng-click="clickTag(tag.id, !tag.clicked)" ng-show="!loadTags">{{ tag.name }}</div>
<div class="ui label" style="margin:3px 10px 8px 0px;cursor:default;" title="添加新分类" ng-click="showAddTag()" ng-show="!loadTags">
<i style="margin-left:10px;" class="plus icon"></i>
</div>
</div>
<div class="field">
<label>内容</label>
<textarea name="text" rows="6" placeholder="可以是网站的说明，也可以备忘一下账号或者摘抄内容，就算公开你的链接，这个也只有自己能在详情里面看到" ng-model="description"></textarea>
</div>
<div class="field">
<div class="ui checkbox checked js-public">
<input type="checkbox" name="example" checked="">
<label>我要公开此收藏的链接供别人搜索</label>
</div>
</div>
</div>
</div>
<div class="actions">
<div class="ui cancel button" ng-click="cancel()" style="cursor:default;">取消</div>
<div class="ui green button" ng-click="ok()" style="cursor:default;">发送</div>
</div>
</div>
<div class="ui long modal js-add-bookmark" ng-controller="editCtr">
<!-- <i class="close icon"></i> -->
<div class="header">
{{ add ? '添加书签' : '编辑书签'}}
</div>
<div class="content">
<div class="ui form">
<div class="required field">
<div class="fields">
<div class="required eight wide field" ng-class="{error:urlError}">
<label>书签链接</label>
<input type="text" placeholder="输粘贴网页地址，如：http://mybookmark.cn/" ng-model="url">
</div>
<div class="required eight wide field" ng-class="{error:titleError}">
<label ng-click="restoreTitle()">书签标题</label>
<div class="ui icon input" ng-class="{loading:loadTitle}">
<input type="text" ng-attr-placeholder="{{loadTitle ? '正在获取书签标题。。。' : '在书签链接处粘贴正确的网站会自动获取'}}" ng-model="title">
<i class="search icon" ng-show="loadTitle && title.length==0"></i>
</div>
</div>
</div>
</div>
<div class="required field">
<label>已有书签分类选择
<span title="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;友情提示：&#10;1、添加新书签，根据使用经验，默认会选择最后一次使用分类。&#10;2、如果不是的，直接去选择其他的就好，系统会自动取消。&#10;3、如果你想同时选默认与其他的分类，你选了其他分类之后，再来选中取消的默认分类即可。&#10;4、若想对当前分类进行编辑，请前往分类页面！">
<i class="info circle icon"></i>
</span>
</label>
<div class="ui active inverted dimmer" ng-class="{active:loadTags, disabled: !loadTags}">
<div class="ui text loader">正在获取分类...</div>
</div>
<div class="ui label" style="margin:3px 10px 8px 0px;cursor:default;" ng-class="{green:tag.clicked}" ng-repeat="tag in tags" ng-click="clickTag(tag.id, !tag.clicked)" ng-show="!loadTags">{{ tag.name }}</div>
<div class="ui label" style="margin:3px 10px 8px 0px;cursor:default;" title="添加新分类" ng-click="showAddTag()" ng-show="!loadTags">
<i style="margin-left:10px;" class="plus icon"></i>
</div>
</div>
<div class="field">
<label>内容</label>
<textarea name="text" rows="6" placeholder="可以是网站的说明，也可以备忘一下账号或者摘抄内容，就算公开你的链接，这个也只有自己能在详情里面看到" ng-model="description"></textarea>
</div>
<div class="field">
<div class="ui checkbox checked js-public">
<input type="checkbox" name="example" checked="">
<label>我要公开此收藏的链接供别人搜索</label>
</div>
</div>
</div>
</div>
<div class="actions">
<div class="ui cancel button" ng-click="cancel()" style="cursor:default;">取消</div>
<div class="ui green button" ng-click="ok()" style="cursor:default;">发送</div>
</div>
</div>