cobuild-angular-stack
Version:
Base stack angular sass jade gulp
44 lines (43 loc) • 1.86 kB
HTML
<div class="modal-header">
<button type="button" class="close" ng-click="cancel()" aria-label="Close">
<span aria-hidden="true"><img src="img/icon-close.png"></span></button>
</div>
<div class="modal-body gift-thanks">
<div>
<div class="text-center">
<h3>{{'grateful-gift' | translate}}.</h3>
</div>
<p class="text-center">
{{'share-your-joy-with-your-guests' | translate}}.
</p>
<div class="container-thanks">
<div class="image-container">
<div class="image" ng-style="{backgroundImage: gift.gift.image ? 'url('+gift.gift.image+')' : 'url(img/default-gift.png)'}"></div>
<div class="flex-center description">
<div class="name" ng-bind="gift.gift.name"></div>
<div class="text-right price" ng-bind="gift.gift.price | currency:'$' : 2"></div>
</div>
</div>
<div class="from">
<div class="info">
<label>{{'by' | translate}}</label>
<div ng-bind-html="gift.givers | join:', '"></div>
</div>
<div class="info">
<label>{{'message' | translate}}</label>
<div>{{gift.message}}</div>
</div>
</div>
</div>
<div>
<label>{{'your-gratefulness' | translate}}</label>
<textarea class="form-control" ng-model="message"></textarea>
</div>
<div class="row text-center">
<button class="btn btn-inverse" type="button" ng-click="ok()">{{'send-gratefulness' | translate}}</button>
</div>
<div class="cool-font disclaimer text-center">
<small>{{'send-email-person-give-gift' | translate}}.</small>
</div>
</div>
</div>