|
|
@@ -13,98 +13,91 @@
|
|
|
<link rel="stylesheet" type="text/css" href="js/ng-tags-input.min.css">
|
|
|
<link rel="stylesheet" type="text/css" href="js/ng-tags-input.bootstrap.min.css">
|
|
|
|
|
|
+ <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">
|
|
|
+ <link rel="stylesheet" href="style.css">
|
|
|
<script src="js/angular.min.js"></script>
|
|
|
<script src="js/ng-tags-input.min.js"></script>
|
|
|
<script src="js/app.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div ng-controller="main">
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-3 col-md-3 col-lg-3 col-xl-3">
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-4 col-md-4 col-lg-4">MinDate:</div>
|
|
|
- <input class="form-control col-sm-8 col-md-8 col-lg-8" ng-model="mindate" type="text"/>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-4 col-md-4 col-lg-4">MaxDate:</div>
|
|
|
- <input class="form-control col-sm-8 col-md-8 col-lg-8" ng-model="maxdate" type="text"/>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-4 col-md-4 col-lg-4">Site:</div>
|
|
|
- <input class="form-control col-sm-8 col-md-8 col-lg-8" ng-model="site" type="text"/>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-4 col-md-4 col-lg-4">Keyword:</div>
|
|
|
- <!--
|
|
|
- <input class="col-sm-8 col-md-8 col-lg-8" ng-model="keyword" type="text"/>
|
|
|
- -->
|
|
|
- <tags-input ng-model="selected_kw" add-on-paste="true" add-from-autocomplete-only="true" replace-spaces-with-dashes="false">
|
|
|
- <auto-complete source="filtered($query)"></auto-complete>
|
|
|
- </tags-input>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-4 col-md-4 col-lg-4">MinWeight:</div>
|
|
|
- <input class="form-control col-sm-8 col-md-8 col-lg-8" ng-model="minweight" type="text"/>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-4"></div>
|
|
|
- <div class="col-md-8">
|
|
|
- <button ng-click="filter()" class="btn btn-default">Filter</button>
|
|
|
+ <div ng-controller="main" class="wrapper">
|
|
|
+ <aside class="sidebar">
|
|
|
+ <form class="filter">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="profile">
|
|
|
+ <p><i class="fa fa-user"></i> David Ventura</p>
|
|
|
+ <a href="#">Logout</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <h3><i class="fa fa-filter"></i> Filter</h3>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label for="mindate">Min date</label>
|
|
|
+ <input ng-model="mindate" type="text">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label for="mindate">Max date</label>
|
|
|
+ <input ng-model="maxdate" type="text">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label for="mindate">Keyword</label>
|
|
|
+ <tags-input ng-model="selected_kw" add-on-paste="true" add-from-autocomplete-only="true" replace-spaces-with-dashes="false">
|
|
|
+ <auto-complete source="filtered($query)"></auto-complete>
|
|
|
+ </tags-input>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label for="mindate">Min weight</label>
|
|
|
+ <input ng-model="minweight" type="text">
|
|
|
+ </li>
|
|
|
+ <li class="">
|
|
|
+ <button ng-click="filter()">Filter</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </form>
|
|
|
+ </aside>
|
|
|
+ <div class="content-wrapper">
|
|
|
+ <div class="news-wrapper">
|
|
|
+ <section ng-repeat="n in news" ng-class-odd="'odd-news'" ng-class-even="'even-news'">
|
|
|
+ <h4>{{n.title}}</h4>
|
|
|
+ <ul class="news-meta">
|
|
|
+ <li><i class="fa fa-calendar-o"></i> {{n.scrap_date | date:'short'}}</li>
|
|
|
+ <li>Weight: {{n.weight}}</li>
|
|
|
+ <li><i class="fa fa-globe"></i> {{n.source_name}}</li>
|
|
|
+ </ul>
|
|
|
+ <div class="summary">
|
|
|
+ {{n.summary}}
|
|
|
</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-12">
|
|
|
- Parse source:
|
|
|
- <input type="text" ng-model="source" class="form-control" placeholder="url">
|
|
|
- <input type="text" ng-model="sourceName" class="form-control" placeholder="name">
|
|
|
- <input type="text" ng-model="sourceSelector" class="form-control" placeholder="selector">
|
|
|
- <input type="number" ng-model="sourceRSS" class="form-control" value=0>
|
|
|
- <button class="btn btn-default" ng-click="parseSource(source,sourceName,sourceSelector,sourceRSS,0)">Test</button>
|
|
|
- <button class="btn btn-default" ng-click="parseSource(source,sourceName,sourceSelector,sourceRSS,1)">Add</button>
|
|
|
+ <div>
|
|
|
+ <div><a ng-href="{{n.url}}">Visit site</a></div>
|
|
|
+ <div><a ng-click="getArticle(n)">Read complete article</a></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
|
|
|
- <div class="row" style="border:1px solid black" ng-repeat="n in news">
|
|
|
- <div class="col-md-12">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-12">
|
|
|
- {{n.title}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row" style="font-size:11px">
|
|
|
- <div class="col-md-8">
|
|
|
- {{n.scrap_date}}
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- Weight: {{n.weight}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- source: {{n.source}} -->
|
|
|
- <div class="summary" style="font-size:12px">
|
|
|
- {{n.summary}}
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-7">
|
|
|
- <a ng-href="{{n.url}}">Visit site</a>
|
|
|
- </div>
|
|
|
- <div class="col-md-5">
|
|
|
- <a ng-click="getArticle(n)">Read complete article</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-12 keywords">
|
|
|
- Keyword(s): {{n.kw.join(", ")}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ Keyword(s): {{n.kw.join(", ")}}
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </section>
|
|
|
</div>
|
|
|
- <div id="news" class="col-sm-5 col-md-5 col-lg-5 col-xl-5" ng-bind-html="newsArticle"></div>
|
|
|
+ <div class="article-wrapper">
|
|
|
+ <div id="news" ng-bind-html="newsArticle"></div>
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
+<!-- <div class="row">
|
|
|
+ <div class="col-md-12">
|
|
|
+ Parse source:
|
|
|
+ <input type="text" ng-model="source" class="form-control" placeholder="url">
|
|
|
+ <input type="text" ng-model="sourceName" class="form-control" placeholder="name">
|
|
|
+ <input type="text" ng-model="sourceSelector" class="form-control" placeholder="selector">
|
|
|
+ <input type="number" ng-model="sourceRSS" class="form-control" value=0>
|
|
|
+ <button class="btn btn-default" ng-click="parseSource(source,sourceName,sourceSelector,sourceRSS,0)">Test</button>
|
|
|
+ <button class="btn btn-default" ng-click="parseSource(source,sourceName,sourceSelector,sourceRSS,1)">Add</button>
|
|
|
+ </div>
|
|
|
+</div> -->
|
|
|
</body>
|
|
|
</html>
|
|
|
|
