Added few assets

merge-requests/5/head
FaizHashmiCS22 3 years ago
parent 3358e9d84d
commit ff8c71a360

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.851" height="24.894" viewBox="0 0 22.851 24.894">
<g id="Layer_2" data-name="Layer 2" transform="translate(-2.981 -2)">
<path id="Path_4628" data-name="Path 4628" d="M18.185,17.74a6.372,6.372,0,0,1-7.113,0,6.291,6.291,0,0,1-3.574,1.1A6.111,6.111,0,0,1,5,18.318v7.655A2.675,2.675,0,0,0,7.667,28.64h3.112V23.306a1.778,1.778,0,0,1,1.778-1.778H17a1.778,1.778,0,0,1,1.778,1.778V28.64h3.112a2.675,2.675,0,0,0,2.667-2.667V18.185a6.209,6.209,0,0,1-6.375-.445Z" transform="translate(-0.224 -1.746)" fill="#767676"/>
<path id="Path_4629" data-name="Path 4629" d="M13.5,24h4.445v5.334H13.5Z" transform="translate(-1.167 -2.441)" fill="#767676"/>
<path id="Path_4630" data-name="Path 4630" d="M9.363,14.8,10.869,2H7.685A2.667,2.667,0,0,0,5.156,3.823L3.234,9.592A4.322,4.322,0,0,0,4.9,14.638a4.543,4.543,0,0,0,4.461.164Z" transform="translate(0 0)" fill="#767676"/>
<path id="Path_4631" data-name="Path 4631" d="M27.484,9.592,25.56,3.823A2.667,2.667,0,0,0,23.03,2H20.147l1.526,12.964a4.39,4.39,0,0,0,4.143-.326,4.319,4.319,0,0,0,1.669-5.046Z" transform="translate(-1.904)" fill="#767676"/>
<path id="Path_4632" data-name="Path 4632" d="M18.4,14.2A.867.867,0,0,1,18.882,14L17.471,2H13.7L12.282,14.091a.842.842,0,0,1,.188.115A4.559,4.559,0,0,0,18.4,14.2Z" transform="translate(-1.032 0)" fill="#767676"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1,6 @@
<svg id="maintenance_1" data-name="maintenance 1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<rect id="maintenance_1-2" data-name="maintenance 1" width="12" height="12" fill="none"/>
<g id="layer1">
<path id="path21895" d="M1.294,0H2.813a.188.188,0,0,1,.133.054l.937.939a.188.188,0,0,1,.055.131V2.548l1.61,1.609L4.157,5.547l-1.61-1.61H1.126a.188.188,0,0,1-.133-.054L.056,2.945A.188.188,0,0,1,0,2.814v-1.5A.188.188,0,0,1,.32,1.18L1.578,2.439h.407l.453-.453V1.578L1.179.321A.188.188,0,0,1,1.294,0Zm9.185,0a.188.188,0,0,1,.154.054l.562.563a.188.188,0,0,1,.036.216L10.293,2.71a.188.188,0,0,1-.167.1H9.452L5.218,7.048,4.2,6.032,8.438,1.8V1.125a.188.188,0,0,1,.1-.168L10.416.021A.193.193,0,0,1,10.479,0ZM8.7,7.313h1.421a.187.187,0,0,1,.133.054l.937.939a.187.187,0,0,1,.055.133v1.5a.188.188,0,0,1-.32.133L9.673,8.812H9.265l-.452.454v.407L10.07,10.93a.188.188,0,0,1-.131.321h-1.5A.188.188,0,0,1,8.3,11.2l-.937-.937a.188.188,0,0,1-.056-.133V8.7L5.7,7.094,7.094,5.7ZM3.56,6a.187.187,0,0,1,.136.055l1.5,1.5a.188.188,0,0,1,0,.264l-.43.43L3,6.485l.43-.43A.188.188,0,0,1,3.56,6ZM4.5,8.515,2.164,10.851A1.284,1.284,0,0,1,.352,10.9,1.283,1.283,0,0,1,.4,9.087L2.735,6.75Z" transform="translate(0.375 0.374)" fill="#f47f20"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,9 @@
<svg id="disc-brake_1" data-name="disc-brake 1" xmlns="http://www.w3.org/2000/svg" width="13" height="12.726" viewBox="0 0 13 12.726">
<rect id="disc-brake_1-2" data-name="disc-brake 1" width="13" height="12.726" fill="none"/>
<g id="Group">
<path id="Vector" d="M4.237,2a2.573,2.573,0,0,0,0,2.8L1,6.8A6.249,6.249,0,0,1,1,0ZM2.82,4.527l-.141-.736-.751.139.141.736Zm0-2.26-.751-.139-.142.736L2.679,3Z" transform="translate(0 2.966)" fill="#f47f20"/>
<path id="Vector-2" data-name="Vector" d="M1.529.748A.757.757,0,0,1,.765,1.5.757.757,0,0,1,0,.748.757.757,0,0,1,.765,0,.757.757,0,0,1,1.529.748Z" transform="translate(6.117 5.615)" fill="#f47f20"/>
<path id="Vector-3" data-name="Vector" d="M9.176,1.754a5.9,5.9,0,0,1,0,8.468A6.2,6.2,0,0,1,0,9.636L2.609,8.023a3.081,3.081,0,0,0,2.241.959A3.03,3.03,0,0,0,7.909,5.988,3.03,3.03,0,0,0,4.85,2.994a3.081,3.081,0,0,0-2.241.959L0,2.34a6.2,6.2,0,0,1,9.176-.586Zm-5.439.634L3.443,1.7l-.706.287.293.691ZM6.955,1.98l-.707-.286-.292.692.707.286ZM3.744,9.59,3.038,9.3,2.746,10l.707.286Zm3.219.4L6.67,9.3l-.706.287.293.691ZM8.234,4.207l.293.691.706-.287L8.94,3.92Zm1,3.15L8.53,7.071l-.292.692.707.286Z" transform="translate(2.032 0.375)" fill="#f47f20"/>
<path id="Vector-4" data-name="Vector" d="M0,2.245A2.272,2.272,0,0,1,2.294,0,2.278,2.278,0,0,1,4.581,2.073,2.268,2.268,0,0,1,2.294,4.491,2.272,2.272,0,0,1,0,2.245Zm.765,0a1.515,1.515,0,0,0,1.529,1.5,1.515,1.515,0,0,0,1.529-1.5A1.515,1.515,0,0,0,2.294.748,1.515,1.515,0,0,0,.765,2.245Z" transform="translate(4.588 4.118)" fill="#f47f20"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,5 @@
<svg id="interview_5_" data-name="interview (5)" xmlns="http://www.w3.org/2000/svg" width="25.794" height="25.794" viewBox="0 0 25.794 25.794">
<path id="Path_4658" data-name="Path 4658" d="M205.7,0h-9.713A3.182,3.182,0,0,0,192.8,3.184v14.57a.756.756,0,0,0,1.209.6l3.036-2.277H205.7a3.182,3.182,0,0,0,3.184-3.184V3.184A3.182,3.182,0,0,0,205.7,0Zm-5.612,12.034h-3.291a.756.756,0,1,1,0-1.511h3.291a.756.756,0,1,1,0,1.511Zm4.8-3.238h-8.094a.756.756,0,1,1,0-1.511h8.094a.756.756,0,0,1,0,1.511Zm0-3.238h-8.094a.756.756,0,1,1,0-1.511h8.094a.756.756,0,0,1,0,1.511Zm0,0" transform="translate(-183.088)" fill="#767676"/>
<path id="Path_4659" data-name="Path 4659" d="M31.57,244.561A3.572,3.572,0,1,1,28,240.988,3.572,3.572,0,0,1,31.57,244.561Zm0,0" transform="translate(-23.195 -228.847)" fill="#767676"/>
<path id="Path_4660" data-name="Path 4660" d="M4.8,382.8a4.8,4.8,0,0,0-4.8,4.8v.95a.756.756,0,0,0,.756.756H8.85a.756.756,0,0,0,.756-.756v-.95A4.8,4.8,0,0,0,4.8,382.8Zm0,0" transform="translate(0 -363.519)" fill="#767676"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
<g id="Group_8182" data-name="Group 8182" transform="translate(-340 -751)">
<g id="Ellipse_215" data-name="Ellipse 215" transform="translate(340 751)" fill="#f47f20" stroke="#f47f20" stroke-width="1">
<circle cx="5.5" cy="5.5" r="5.5" stroke="none"/>
<circle cx="5.5" cy="5.5" r="5" fill="none"/>
</g>
<path id="Path_4655" data-name="Path 4655" d="M134.709,135.762a.357.357,0,0,0-.307-.245l-1.941-.176-.767-1.8a.357.357,0,0,0-.657,0l-.767,1.8-1.941.176a.358.358,0,0,0-.2.625l1.467,1.286-.433,1.9a.357.357,0,0,0,.532.386l1.673-1,1.673,1a.357.357,0,0,0,.532-.386l-.433-1.9,1.467-1.286A.357.357,0,0,0,134.709,135.762Zm0,0" transform="translate(214.141 619.951)" fill="#fff"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 797 B

@ -0,0 +1,103 @@
import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
class CustomerAppointmentSliderWidget extends StatelessWidget {
const CustomerAppointmentSliderWidget({Key? key}) : super(key: key);
Widget buildAppointmentContainerForCustomer() {
return Container(
margin: const EdgeInsets.only(bottom: 21, left: 21, right: 21, top: 7),
child: Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image.asset(
"assets/images/bn_car.jpeg",
width: 56,
height: 56,
fit: BoxFit.fill,
).toCircle(borderRadius: 100),
8.width,
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
"Al Aziz Service Station".toText(color: MyColors.black, isBold: true, fontSize: 16),
Row(
children: [
MyAssets.miniClock.buildSvg(height: 12),
2.width,
"08:00 to 08:30 25 July, 2023".toText(
color: MyColors.lightTextColor,
fontSize: 12,
),
],
),
9.height,
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
"Appointment Details".toText(
color: MyColors.primaryColor,
isUnderLine: true,
isBold: true,
fontSize: 14,
),
const Icon(Icons.arrow_forward),
],
),
],
),
),
],
),
],
).toWhiteContainer(width: double.infinity, allPading: 12),
);
}
@override
Widget build(BuildContext context) {
return CarouselSlider.builder(
options: CarouselOptions(
height: 140,
viewportFraction: 1.0,
enlargeCenterPage: false,
enableInfiniteScroll: false,
//
// onPageChanged: (index) {
// setState(() {
// _current = index;
// });
// },
),
itemCount: 10,
itemBuilder: (BuildContext context, int itemIndex, int pageViewIndex) => buildAppointmentContainerForCustomer(),
);
}
Widget showServices(String title) {
return Row(
children: [
const Icon(
Icons.ac_unit,
color: MyColors.primaryColor,
size: 18,
),
8.width,
title.toText(
fontSize: 14,
isBold: true,
),
],
);
}
}

@ -1,17 +1,16 @@
import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
class AppointmentSliderWidget extends StatelessWidget {
const AppointmentSliderWidget({Key? key}) : super(key: key);
class ProviderAppointmentSliderWidget extends StatelessWidget {
const ProviderAppointmentSliderWidget({Key? key}) : super(key: key);
Widget buildAppointmentContainerForProvider() {
return Container(
margin: EdgeInsets.only(bottom: 21, left: 21, right: 21, top: 7),
margin: const EdgeInsets.only(bottom: 21, left: 21, right: 21, top: 7),
child: Column(
children: [
Row(
@ -74,61 +73,6 @@ class AppointmentSliderWidget extends StatelessWidget {
);
}
Widget buildAppointmentSliderForConsumer() {
return Container(
margin: EdgeInsets.only(bottom: 21, left: 21, right: 21, top: 7),
child: Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image.asset(
"assets/images/bn_car.jpeg",
width: 56,
height: 56,
fit: BoxFit.fill,
).toCircle(borderRadius: 100),
8.width,
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
"Al Aziz Service Station".toText(color: MyColors.black, isBold: true, fontSize: 16),
Row(
children: [
MyAssets.miniClock.buildSvg(height: 12),
2.width,
"08:00 to 08:30 25 July, 2023".toText(
color: MyColors.lightTextColor,
fontSize: 12,
),
],
),
9.height,
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
"Appointment Details".toText(
color: MyColors.primaryColor,
isUnderLine: true,
isBold: true,
fontSize: 14,
),
const Icon(Icons.arrow_forward),
],
),
],
),
),
],
),
],
).toWhiteContainer(width: double.infinity, allPading: 12),
);
}
@override
Widget build(BuildContext context) {
return CarouselSlider.builder(
@ -145,7 +89,7 @@ class AppointmentSliderWidget extends StatelessWidget {
// },
),
itemCount: 10,
itemBuilder: (BuildContext context, int itemIndex, int pageViewIndex) => buildAppointmentSliderForConsumer(),
itemBuilder: (BuildContext context, int itemIndex, int pageViewIndex) => buildAppointmentContainerForProvider(),
);
}
Loading…
Cancel
Save