Commit 0fdb7a64 authored by sunko's avatar sunko
Browse files

feat: implemented mobile view for carrier order

parent fc74752c

packages/carrier-mobile-ionic/package.json

+1 −1
Original line number Diff line number Diff line 
{

	"name": "@ever-platform/carrier-mobile-ionic",

	"version": "0.3.3",

	"version": "0.3.4",

	"description": "Ever Carrier Mobile App",

	"license": "GPL-3.0",

	"homepage": "https://ever.co/",

packages/carrier-mobile-ionic/src/pages/product/get-product/get-product.html

+64 −49
Original line number Diff line number Diff line
@@ -5,28 +5,42 @@ 
	</div>

</div>



<ion-content style="z-index: -1;" *ngIf="selectedProductImages">

	<ion-slides pager="true">

<ion-app>

	<ion-header class="bar-brand bar bar-header disable-user-behavior">

		<h1 class="title" id="main-title">

			<span>{{ 'MAIN_VIEW.EVERCO_DRIVER' | translate }}</span>

		</h1>

		<div class="buttons buttons-left header-item">

			<span class="left-buttons">

				<div class="waves-effect waves-classic">

					<ion-menu-toggle class="button-icon">

						<ion-icon ios="ios-menu" md="md-menu"></ion-icon>

					</ion-menu-toggle>

				</div>

			</span>

		</div>

	</ion-header>

	<ion-content fullscreen class="ion-padding" class="background-content">

		<ion-slides>

			<ion-slide

			style="display: block; height: 100vh;"

			*ngFor="let imageUrl of selectedProductImages"

				*ngFor="let imageUrl of selectedProductImages; let i = index"

			>

				<div class="slide">

					<img src="{{imageUrl}}" />

					<ion-text style="color: white;">

						<h3>

							{{selectedProductTitles[i]}}

						</h3>

						<span class="right-text"

							>#{{selectedOrder?.orderNumber}}</span

						>

					</ion-text>

				</div>

			</ion-slide>

		</ion-slides>

	</ion-content>

<div class="carrier-view">

	<div class="bottom-container">

		<div class="info">

			<div

				*ngFor="let title of selectedProductTitles"

				style="padding-right: 5px;"

			>

				<span class="left-info">{{title }}</span>

				<span class="right-text">#{{selectedOrder.orderNumber}}</span>

			</div>

		</div>



	<ion-row class="full-width">

		<ion-col>

			<div class="buttons">

				<div *ngIf="!selectedOrder?.isCancelled" class="button-bar">

					<button
@@ -56,5 +70,6 @@ 
					</button>

				</div>

			</div>

	</div>

</div>
 
		</ion-col>

	</ion-row>

</ion-app>

packages/carrier-mobile-ionic/src/pages/product/get-product/get-product.module.ts

+2 −0
Original line number Diff line number Diff line
@@ -4,6 +4,7 @@ import { TranslateModule } from '@ngx-translate/core'; 
import { Routes, RouterModule } from '@angular/router';

import { CommonModule } from '@angular/common';

import { IonicModule } from '@ionic/angular';

import { MenuModule } from 'components/menu/menu.module';



const routes: Routes = [

	{
@@ -19,6 +20,7 @@ const routes: Routes = [ 
		RouterModule.forChild(routes),

		CommonModule,

		IonicModule,

		MenuModule,

	],

	providers: [],

})

packages/carrier-mobile-ionic/src/pages/product/get-product/get-product.scss

+4 −0
Original line number Diff line number Diff line
@@ -3,3 +3,7 @@ page-get-product { 


.image-container {

}



ion-content {

	--background: #242530;

}

packages/carrier-mobile-ionic/src/pages/product/get-product/get-product.ts

+1 −1
Original line number Diff line number Diff line
@@ -16,6 +16,7 @@ import { environment } from 'environments/environment'; 
@Component({

	selector: 'page-get-product',

	templateUrl: 'get-product.html',

	styleUrls: ['./get-product.scss'],

})

export class GetProductPage implements OnDestroy {

	carrier: ICarrier;
@@ -93,7 +94,6 @@ export class GetProductPage implements OnDestroy { 
				this.disabledButtons = false;

				const imageUrls = [];

				const titles = [];



				this.selectedOrder.products.forEach((x) => {

					x.product.images.forEach((x) => {

						if (x.locale.match(this.productsLocale)) {