Commit da20e2f3 authored by alish's avatar alish
Browse files

feat: add order icon and update order page

parent 0cb98d3e
Loading
Loading
Loading
Loading
+7 −0
Original line number Diff line number Diff line
@@ -19,6 +19,13 @@
				<div style="font-size: 80%;" ng-if="!order?.isPaid">
					{{ byPopupStatuses.NOT_PAID_NOTE }}
				</div>

				<div style="font-size: 80%;">
					<i class="fa fa-shopping-basket"></i>
					<span style="text-decoration: underline; margin-left: 3px;"
						>View products</span
					>
				</div>
			</div>
		</div>
		<div class="maps">
+2 −2
Original line number Diff line number Diff line
@@ -5,7 +5,7 @@
	height: 100%;
	.title {
		width: 100%;
		height: 25%;
		height: 28%;
		.box {
			height: 100%;
		}
@@ -19,7 +19,7 @@
	}
	.actions {
		width: 100%;
		height: 48%;
		height: 45%;
		position: relative;

		.status {
+4 −1
Original line number Diff line number Diff line
@@ -2,12 +2,15 @@ import { NgModule } from '@angular/core';
import { StoreSignComponent } from './store-sign/store-sign.component';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { OrderSignComponent } from './order-sign/order-sign.component';
import { OrdersService } from 'app/services/orders/orders.service';

const COMPONENTS = [StoreSignComponent];
const COMPONENTS = [StoreSignComponent, OrderSignComponent];

@NgModule({
	imports: [CommonModule, TranslateModule.forChild()],
	declarations: COMPONENTS,
	exports: COMPONENTS,
	providers: [OrdersService],
})
export class CommonProducts {}
+9 −0
Original line number Diff line number Diff line
<div class="order-sign-wrap">
	<div class="order-sign">
		<i class="fa fa-shopping-basket"></i>
	</div>

	<div class="order-sign-lines">
		<small>{{ totalPrice }}$</small>
	</div>
</div>
+24 −0
Original line number Diff line number Diff line
@import '~@ever-platform/common-angular/src/scss/everbie.common';

.order-sign-wrap {
	text-align: center;
	line-height: 1;
	padding-right: 5px;

	.order-sign-lines {
		font-size: 80%;
		color: #d0d0d0;
		small {
			display: block;
		}
	}

	.order-sign {
		color: $balanced;
		font-size: 16px;
		padding-bottom: 3px;
		* {
			animation: fide-out 2s ease-in-out infinite !important;
		}
	}
}
Loading