forked from Archives/Athou_commafeed
108 lines
4.8 KiB
HTML
108 lines
4.8 KiB
HTML
<div ng-controller="SubscribeCtrl">
|
|
<div class="btn-group">
|
|
<button class="btn" ng-click="open()"><span class="icon-rss"></span> Subscribe</button>
|
|
<button class="btn dropdown-toggle" data-toggle="dropdown">
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a ng-click="openImport()"><i class="icon-arrow-down"></i> Import</a></li>
|
|
<li><a ng-click="openCategory()"><i class="icon-plus"></i> Add a category</a></li>
|
|
</ul>
|
|
</div>
|
|
<div modal="isOpen" close="close()" options="opts">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" ng-click="close()">×</button>
|
|
<h4>Subscribe</h4>
|
|
</div>
|
|
<form name="subscribeForm" class="form-horizontal" ng-submit="save()">
|
|
<div class="modal-body">
|
|
<div class="control-group" ng-class="{error : !subscribeForm.url.$valid}">
|
|
<label class="control-label">Feed URL</label>
|
|
<div class="controls">
|
|
<input type="text" name="url" ng-model="sub.url" ng-blur="urlChanged()" placeholder="http://example.com/feed" class="input-block-level" required></input>
|
|
<span class="help-block" ng-show="!subscribeForm.url.$valid">Required</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" ng-class="{error : !subscribeForm.title.$valid}">
|
|
<label class="control-label">Feed Name</label>
|
|
<div class="controls">
|
|
<input type="text" name="title" ng-model="sub.title" class="input-block-level" required></input>
|
|
<span class="help-block" ng-show="!subscribeForm.title.$valid">Required</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" ng-class="{error : !subscribeForm.category.$valid}">
|
|
<label class="control-label">Category</label>
|
|
<div class="controls">
|
|
<select name="category" ng-model="sub.categoryId" class="input-block-level"
|
|
ng-options="cat.id as cat.name for cat in CategoryService.flatCategories" required>
|
|
</select>
|
|
<span class="help-block" ng-show="!subscribeForm.category.$valid">Required</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn cancel" ng-click="close()" type="button">Cancel</button>
|
|
<button class="btn btn-primary ok" type="submit">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div modal="isOpenImport" close="closeImport()" options="opts">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" ng-click="closeImport()">×</button>
|
|
<h4>Import</h4>
|
|
</div>
|
|
<form ng-upload class="form-horizontal" action="rest/feed/import">
|
|
<div class="modal-body">
|
|
<div class="control-group">
|
|
<div>Let me import your feeds from your
|
|
<a href="google/import/redirect">
|
|
<img src="images/google_reader_icon.png" class="favicon" />
|
|
Google Reader account
|
|
</a>.
|
|
</div>
|
|
<div>Alternatively, upload your subscriptions.xml file (download it from <a target="_blank" href="https://www.google.com/reader/subscriptions/export">here)</a>.</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label">XML File</label>
|
|
<div class="controls">
|
|
<input type="file" name="file"></input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn cancel" ng-click="closeImport()">Cancel</button>
|
|
<button class="btn btn-primary ok" type="submit" upload-submit="uploadComplete(contents, completed)">Import</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div modal="isOpenCategory" close="closeCategory()" options="opts">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" ng-click="closeCategory()">×</button>
|
|
<h4>New category</h4>
|
|
</div>
|
|
<form name="categoryForm" class="form-horizontal" ng-submit="saveCategory()">
|
|
<div class="modal-body">
|
|
<div class="control-group" ng-class="{error : !categoryForm.name.$valid}">
|
|
<label class="control-label">Name</label>
|
|
<div class="controls">
|
|
<input type="text" name="name" ng-model="cat.name" required></input>
|
|
<span class="help-block" ng-show="!categoryForm.name.$valid">Required</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" ng-class="{error : !categoryForm.category.$valid}">
|
|
<label class="control-label">Parent</label>
|
|
<div class="controls">
|
|
<select name="category" ng-model="cat.parentId" class="input-block-level" required>
|
|
<option ng-repeat="cat in CategoryService.flatCategories" value="{{cat.id}}">{{cat.name}}</option>
|
|
</select>
|
|
<span class="help-block" ng-show="!categoryForm.category.$valid">Required</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn cancel" ng-click="closeCategory()">Cancel</button>
|
|
<button class="btn btn-primary ok" type="submit">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> |