Forráskód Böngészése

include partial to display instagram user data

mk200789 10 éve
szülő
commit
630a4f02cd
1 módosított fájl, 42 hozzáadás és 0 törlés
  1. 42 0
      angular/partials/instagramUser.partial.html

+ 42 - 0
angular/partials/instagramUser.partial.html

@@ -0,0 +1,42 @@
+<div class="jumbotron">
+  <div class="container">
+
+    <div class="row text-center"> 
+        <h1> Instagram User Data </h1>
+    </div>
+
+	    <div class="col-lg-12">
+	        <div class="table-responsive">
+	            <table class="table table-bordered table-hover table-striped tablesorter">
+	                <thead> 
+	                	<tr>
+	                		<th>Username</th>
+	                		<th>ID</th>
+	                		<th>Bio</th>
+	                		<th>Website</th>
+	                		<th>Profile Image</th>
+	                		<th>Full Name</th>
+	                		<th>Following</th>
+	                		<th>Followers</th>
+	                		<th>Total Media</th>
+	                	</tr>
+	                </thead>
+	                <tbody>
+	                	<tr data-ng-repeat="data in instagramUserData">
+	                		<td>{{data.username}}</td>
+	                		<td>{{data.id}}</td>
+	                		<td>{{data.bio}}</td>
+	                		<td>{{data.website}}</td>
+	                		<td><img src="{{data.profile_picture}}"></td>
+	                		<td>{{data.full_name}}</td>
+	                		<td>{{data.counts.follows}}</td>
+	                		<td>{{data.counts.followed_by}}</td>
+	                		<td>{{data.counts.media}}</td>
+	                	</tr>
+	                </tbody>
+	            </table>
+	        </div>
+	    </div>
+
+	</div>
+</div>