gapp/feedbacksPage.template.html at master · sztelzer/gapp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div element-feedbacks flex="fill" layout="column" style="position:relative">
	<div flex layout="row" ng-show="feedbacks.loading" layout-align="center center" style="z-index:9000;position:absolute;width:100%;height:100%;top:0;left:0;background-color: rgba(255, 255, 255, 1);">
		<md-progress-circular flex="none" md-mode="indeterminate"></md-progress-circular>
	</div>
	<md-content flex layout="column" class="md-padding" style="overflow-x:hidden !important">
		<div ng-show="!feedbacks.list.length" flex="none" class="md-padding"> <strong>Nenhuma avaliação pendente.</strong> Quando você receber nossos produtos você poderá avaliá-los aqui. É muito importante que você tenha experimentado cada cerveja, pois sua avaliação impactará diretamente e automaticamente no ranking dos produtos
			selecionados para você. </div>
		<md-card ng-repeat="feedback in feedbacks.list" flex="none" class="md-padding" layout="column" style="background-color:#ffffff !important; position:relative">
			<div layout="row" ng-show="feedback.sending" layout-align="center center" style="z-index:9000;position:absolute;width:100%;height:100%;top:0;left:0;background-color: rgba(255, 255, 255, 0.84);">
				<md-progress-circular flex="none" md-mode="indeterminate"></md-progress-circular>
			</div>
			<div layout="column" layout-align="start start">
				<div flex='none'>
					<img class="md-card-image md-whiteframe-0dp" alt="image" ng-repeat="content in feedback.object.contents" ng-if="content.object.function=='face_image'" ng-src="{{content.object.url}}" />
				</div>
			</div>
			<div layout="row" style="width:100%">
				<div flex="20" style="margin-top:3px">
					<md-button class="md-icon-button" ng-click="feedbacks.untouch(feedback.path)" aria-label="untouch">
						<md-icon md-svg-icon="imgs/close.svg" class="svg-black" style=""></md-icon>
					</md-button>
				</div>
				<div flex layout="column" style="margin:0px 16px 8px 8px">
					<md-slider md-discrete ng-model="feedback.object.float" step="1" min="1" max="5" aria-label="rating" ng-init="feedback.object.float=0" ng-change="feedbacks.touch(feedback.path)"></md-slider>
					<div flex layout="row" layout-align="space-between start">
						<div flex="none" class="md-caption">1</div>
						<div flex="none" class="md-caption">2</div>
						<div flex="none" class="md-caption">3</div>
						<div flex="none" class="md-caption">4</div>
						<div flex="none" class="md-caption">5</div>
					</div>
					<div flex layout="row" layout-align="space-between center" style="width:100%">
						<div flex="none" class="md-caption">Não Gostei</div>
						<div flex="none" class="md-caption">Adorei</div>
					</div>
				</div>
			</div>
		</md-card>
	</md-content>
	<div ng-show="feedbacks.touched" flex="none" layout="row" layout-align="end center">
		<md-button class="md-raised md-primary full-button" ng-click="feedbacks.send()">Enviar avaliados</md-button>
	</div>
</div>