main.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <div class="wrapper">
  2. <aside class="sidebar">
  3. <form class="filter">
  4. <ul>
  5. <li>
  6. <div class="profile">
  7. <p><i class="fa fa-user"></i> David Ventura</p>
  8. <a href="#">Logout</a>
  9. </div>
  10. </li>
  11. <li>
  12. <h3><i class="fa fa-filter"></i> Filter</h3>
  13. </li>
  14. <li>
  15. <label for="title">Article Title</label>
  16. <input ng-model="title" type="text">
  17. </li>
  18. <li>
  19. <label for="site">Site</label>
  20. <input ng-model="site" type="text">
  21. </li>
  22. <li>
  23. <label for="mindate">Min date (YYYY-MM-DD)</label>
  24. <input ng-model="mindate" type="text">
  25. </li>
  26. <li>
  27. <label for="mindate">Max date (YYYY-MM-DD)</label>
  28. <input ng-model="maxdate" type="text">
  29. </li>
  30. <li>
  31. <label for="mindate">Keyword</label>
  32. <tags-input ng-model="selected_kw" add-on-paste="true" add-from-autocomplete-only="true" replace-spaces-with-dashes="false">
  33. <auto-complete source="filtered($query)"></auto-complete>
  34. </tags-input>
  35. </li>
  36. <li>
  37. <label for="mindate">Min weight</label>
  38. <input ng-model="minweight" type="text">
  39. </li>
  40. <li class="">
  41. <button ng-click="filter()">Filter</button>
  42. </li>
  43. </ul>
  44. </form>
  45. </aside>
  46. <div class="content-wrapper">
  47. <div class="news-wrapper">
  48. <section ng-repeat="n in news" ng-class-odd="'odd-news'" ng-class-even="'even-news'">
  49. <div class="title">
  50. <h4>{{n.title}}</h4>
  51. <a href="#" ng-click="delete_article(n._id)"><i class="fa fa-times"></i></a>
  52. </div>
  53. <ul class="news-meta">
  54. <li><i class="fa fa-calendar-o"></i> {{n.scrap_date | date:'short'}}</li>
  55. <li>Weight: {{n.weight}}</li>
  56. <li><i class="fa fa-globe"></i> {{n.source_name}}</li>
  57. </ul>
  58. <div class="summary">
  59. {{n.summary}}
  60. </div>
  61. <div class="navigation">
  62. <div><a ng-href="{{n.url}}" target="_blank"><i class="fa fa-external-link"></i> Visit site</a></div>
  63. <div class="read-more"><a ng-click="getArticle(n)"><i class="fa fa-share"></i> Read complete article</a></div>
  64. </div>
  65. <div class="labels">
  66. <i class="fa fa-tags"></i> <div ng-repeat="k in n.kw">{{k}}</div>
  67. </div>
  68. </section>
  69. <div class="pagination">
  70. <div class="center">
  71. Page: <input type="number" ng-model="curPage" ng-change="changePage(curPage)" ng-model-options='{ debounce: 500 }' ng-blur="changePage(curPage)"> / {{totPages}}
  72. </div>
  73. </div>
  74. </div>
  75. <div class="article-wrapper">
  76. <div id="news" ng-bind-html="newsArticle"></div>
  77. </div>
  78. <div style="clear: both"></div>
  79. </div>
  80. </div>
  81. </div>