Skip to content

Instantly share code, notes, and snippets.

@conanak99
Last active Jan 17, 2017
Embed
What would you like to do?
<body ng-app="app" ng-controller="mainCtrl">
<div class="ui container">
<div class="ui container"></div>
<h1>Nhận diện VAV Idol</h1>
<!-- Form để dán ảnh và submit -->
<div class="ui form">
<div class="field">
<div ng-class="{loading: isLoading}" class="ui action input">
<input type="text" ng-model="imageLink" placeholder="Link ảnh" />
<button ng-disabled="isLoading || !imageLink" ng-click="recognize()" class="ui icon primary button">
<span ng-if="!isLoading">
<i class="search icon"></i>
Tìm idol</span>
<span ng-if="isLoading">
<i class="spinner loading icon"></i>
Đang tìm, chờ tí</span>
</button>
</div>
</div>
</div>
<br>
<!-- Hiển thị ảnh của idol và kết quả nhận diện -->
<div class="source-image">
<img ng-if="imageLink" ng-src="{{imageLink}}" id="source-image" class="ui" />
<div class="idol-face" ng-repeat="face in faceDisplay" ng-style="face.style">
<span class="idol-name">{{face.name}}</span>
</div>
</div>
<br>
<!-- Hiển thị danh sách idol và kết quả trả về dưới dạng JSON -->
<div class="ui grid">
<div class="four wide column">
<h4>List idols</h4>
<div class="ui bulleted list">
<div class="item" ng-repeat="idol in idols">{{idol}}</div>
</div>
</div>
<div class="twelve wide column">
<h4>JSON result</h4>
<div><pre>{{faces | json:2}}</pre>
</div>
</div>
</div>
<br>
<!-- Hiển thị các ảnh dể test -->
<div>
<h4>Test images</h4>
<div class="ui four cards">
<div class="card" ng-repeat="image in testImages">
<a target="_blank" ng-href="{{image}}" class="image test-thumbnail">
<img ng-src="{{image}}">
</a>
</div>
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment