main.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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="category">Category</label>
  20. <div class="select">
  21. <select ng-model="category" value="-1" ng-change="filter()">
  22. <option value="-1">--</option>
  23. <option value="0">Press Releases</option>
  24. <option value="1">News</option>
  25. </select>
  26. </div>
  27. </li>
  28. <li>
  29. <label for="site">Site</label>
  30. <input ng-model="site" type="text">
  31. </li>
  32. <li>
  33. <label for="mindate">Min date (YYYY-MM-DD)</label>
  34. <input ng-model="mindate" type="text">
  35. </li>
  36. <li>
  37. <label for="mindate">Max date (YYYY-MM-DD)</label>
  38. <input ng-model="maxdate" type="text">
  39. </li>
  40. <li>
  41. <label for="mindate">Keyword</label>
  42. <tags-input ng-model="selected_kw" add-on-paste="true" add-from-autocomplete-only="true" replace-spaces-with-dashes="false" on-tag-added="filter()" on-tag-removed="filter()">
  43. <auto-complete source="filtered($query)"></auto-complete>
  44. </tags-input>
  45. </li>
  46. <li>
  47. <label for="mindate">Min weight</label>
  48. <input ng-model="minweight" type="text">
  49. </li>
  50. <li class="buttons">
  51. <button ng-click="filter()">Filter</button>
  52. <button ng-click="reset()" class="reset">Reset</button>
  53. </li>
  54. </ul>
  55. </form>
  56. </aside>
  57. <div class="content-wrapper">
  58. <div class="news-wrapper">
  59. <section ng-repeat="n in news" ng-class-odd="'odd-news'" ng-class-even="'even-news'">
  60. <div class="title">
  61. <a ng-click="getArticle(n)"><h4>{{n.title}}</h4></a>
  62. <a ng-click="delete_article(n._id)"><i class="fa fa-times"></i></a>
  63. </div>
  64. <ul class="news-meta">
  65. <li><i class="fa fa-calendar-o"></i> {{n.scrap_date | date:'short'}}</li>
  66. <li>Weight: {{n.weight}}</li>
  67. <li><i class="fa fa-globe"></i> {{n.source_name}}</li>
  68. </ul>
  69. <div class="summary">
  70. {{n.summary}}
  71. </div>
  72. <div class="navigation">
  73. <div><a ng-href="{{n.url}}" target="_blank"><i class="fa fa-external-link"></i> Visit site</a></div>
  74. <div class="read-more"><a ng-click="getArticle(n)"><i class="fa fa-share"></i> Read complete article</a></div>
  75. </div>
  76. <div class="labels">
  77. <i class="fa fa-tags"></i> <div ng-repeat="k in n.kw" class="kw" ng-click="addKeyword(k)">{{k}}</div>
  78. </div>
  79. </section>
  80. <div class="pagination">
  81. <ul>
  82. <li><a href="" ng-click="changePage(1)"><i class="fa fa-angle-double-left"></i></a></li>
  83. <li><a href="" ng-click="changePage(curPage-1)"><i class="fa fa-angle-left"></i></a></li>
  84. <li ng-repeat="p in pages"><a href="" ng-click="changePage(p)" ng-class="{'current': isCurrent(p)}">{{p}}</a></li>
  85. <li><a href="" ng-click="changePage(curPage+1)"><i class="fa fa-angle-right"></i></a></li>
  86. <li><a href="" ng-click="changePage(totPages)"><i class="fa fa-angle-double-right"></i></a></li>
  87. </ul>
  88. </div>
  89. </div>
  90. <div class="article-wrapper">
  91. <h2>{{selectedArticle.title}}</h2>
  92. <ul class="news-meta" ng-show="selectedArticle.title">
  93. <li><i class="fa fa-calendar-o"></i> {{selectedArticle.scrap_date | date:'short'}}</li>
  94. <li>Weight: {{selectedArticle.weight}}</li>
  95. <li><i class="fa fa-globe"></i> {{selectedArticle.source_name}}</li>
  96. </ul>
  97. <div id="news" ng-bind-html="newsArticle"></div>
  98. </div>
  99. <div style="clear: both"></div>
  100. </div>
  101. </div>
  102. </div>