新增书签页面,在获取书签标题的时候,会有加载提示

This commit is contained in:
luchenqun 2017-06-20 22:43:58 +08:00
parent 12cbfba6b4
commit cad9a57f8b
2 changed files with 25 additions and 4 deletions

View File

@ -16,9 +16,20 @@ app.controller('editCtr', ['$scope', '$state', '$timeout', '$document', 'ngDialo
url: newUrl,
requestId: 0,
}
$scope.loadTitle = true;
bookmarkService.getArticle(params)
.then((data) => $scope.title = data.title)
.catch((err) => console.log('getTitle err', err))
.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;
})
}
}
});
@ -310,6 +321,7 @@ app.controller('editCtr', ['$scope', '$state', '$timeout', '$document', 'ngDialo
$scope.add = true;
$scope.loadTags = true;
$scope.autoGettitle = true;
$scope.loadTitle = false;
$scope.id = '';
$scope.url = '';
$scope.title = '';

View File

@ -13,7 +13,10 @@
</div>
<div class="required eight wide field" ng-class="{error:titleError}">
<label>书签标题</label>
<input type="text" placeholder="" ng-model="title">
<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>
@ -33,7 +36,13 @@
</div>
<div class="field">
<label>描述</label>
<div style="border-radius:4px;border:1px solid #DEDEDE;min-height:88px;" name="text" ng-model="description" required medium-editor bind-options="{'placeholder': {text: '可以是网站的说明也可以备忘一下账号或者摘抄内容就算公开你的链接这个也只有自己能在详情里面看到'},
<div
style="border-radius:4px;border:1px solid #DEDEDE;min-height:88px;"
name="text"
ng-model="description"
required
medium-editor
bind-options="{'placeholder': {text: '可以是网站的说明,也可以备忘一下账号或者摘抄内容,就算公开你的链接,这个也只有自己能在详情里面看到'},
'buttons': ['bold', 'italic', 'underline', 'header1', 'header2', 'quote', 'orderedlist', 'unorderedlist']}"></div>
</div>
<div class="field">