my-bookmark/public/views/edit.html

50 lines
2.4 KiB
HTML

<div class="ui modal js-add-bookmark" ng-controller="editCtr">
<!-- <i class="close icon"></i> -->
<div class="header">
添加书签
</div>
<div class="content">
<div class="ui form">
<div class="required field" ng-class="{error:urlError}">
<label>书签链接</label>
<input type="text" placeholder="" ng-model="url">
</div>
<div class="required field" ng-class="{error:titleError}">
<label>书签标题</label>
<input type="text" placeholder="" ng-model="title">
</div>
<div class="required field">
<label>书签分类</label>
<div class="fields">
<div class="eight wide field" ng-class="{error:tagsError }">
<select class="ui fluid search dropdown js-tags" multiple="">
<option value="">选择已有分类,可以搜索已有标签,最多选择三个</option>
<option value="{{ tag.id }}" ng-repeat="tag in tags" on-finish-render-filters>{{ tag.name }}</option>
</select>
</div>
<div class="eight wide field">
<div class="ui action input">
<input type="text" placeholder="多个分类请用中文或英文逗号 , 隔开" ng-model="newTags">
<button class="ui button" ng-click="addTags()">添加新分类</button>
</div>
</div>
</div>
</div>
<div class="field">
<label>描述</label>
<textarea rows="2" placeholder="可以是网站的说明,也可以备忘一下账号密码什么的,就算公开你的链接,这个也只有自己能在详情里面看到" ng-model="description"></textarea>
</div>
<div class="field">
<div class="ui checkbox checked">
<input type="checkbox" name="example" checked="">
<label>我要公开此收藏的链接供别人搜索</label>
</div>
</div>
</div>
</div>
<div class="actions">
<div class="ui cancel button" ng-click="cancel()">取消</div>
<div class="ui green button" ng-click="ok()">发送</div>
</div>
</div>