Smail LOUNES smaillns

Cloud Developer

7 followers · 14 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

smaillns / product-gallery.component.ts

Created July 10, 2020 19:23

Pretty simple Image gallery in angular

	import {Component, OnInit} from '@angular/core';

	@Component({
	selector: 'app-product-gallery',
	templateUrl: './product-gallery.component.html',
	styleUrls: ['./product-gallery.component.scss']
	})
	export class ProductGalleryComponent implements OnInit {

	productImages = [ {url: 'assets/images/produit1.jpg'},

smaillns / product-gallery.component.html

Last active July 10, 2020 19:35

	<div class="gallery-container">

	<div class="product-gallery__featured">
	<owl-carousel-o [options]="{items: 1, dots:false, margin:8, autoWidth: autoWidth}" #owlCar>
	<ng-container *ngFor="let image of productImages">
	<ng-template carouselSlide [id]="image.url" [width]="imageSize">
	<img [src]="image.url">
	</ng-template>
	</ng-container>
	</owl-carousel-o>

smaillns / product-gallery.component.scss

Created July 10, 2020 19:38

	.product-gallery__featured {
	border-radius: 8px;
	border: solid 1px #F0F3F4;
	background-color: #fff;
	}

	.product-gallery__carousel {
	margin-top: 9px;

	owl-carousel-o img{

smaillns / index.html

Last active August 3, 2021 16:01

	<!-- index.html -->
	<!doctype html>
	<head>
	...
	<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=visualization"></script>
	</head>

smaillns / map.component.html

Last active August 3, 2021 17:23

	<!-- component.html -->
	<google-map [options]="mapOptions" width="100%">
	<map-marker *ngFor="let spot of spots"
	[position]="{ lat: spot.lat, lng: spot.lng }"
	[options]="markerOptions"></map-marker>
	</google-map>

smaillns / map.component.ts

Last active August 3, 2021 17:23

	// component.ts

	myLatLng = { lat: 48.829677, lng: 2.239609 }; // Map Options
	mapOptions: google.maps.MapOptions = {
	center: this.myLatLng,
	zoom: 10,
	};

	markerOptions: google.maps.MarkerOptions = {};

smaillns / final-map.component.html

Created August 3, 2021 17:05

	<!-- component.html -->
	<google-map [options]="mapOptions" width="100%">
	<map-marker
	*ngFor="let spot of spots"
	[position]="{ lat: spot.lat, lng: spot.lng }"
	[options]="markerOptions"
	[clickable]="true"
	(mapClick)="selectMarker(spot)"
	></map-marker>
	</google-map>

smaillns / final-map.component.ts

Created August 3, 2021 17:08

	// component.ts

	myLatLng = { lat: 48.829677, lng: 2.239609 };// Map Options
	mapOptions: google.maps.MapOptions = {
	center: this.myLatLng,
	zoom: 10,
	};

	markerOptions: google.maps.MarkerOptions = { icon: 'https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi-dotless.png' };

smaillns / Pipfile

Last active December 31, 2021 23:42

Pipefile

	[packages]
	nameko = "==3.0.0-rc9"
	nameko-sqlalchemy= "==1.5.0"
	alembic = "==1.6.5"
	marshmallow= "==2.19.2"
	sqlalchemy= "==1.4.22"
	psycopg2-binary= "==2.9.1"

	[dev-packages]
	pytest= "==4.5.0"

smaillns / models

Created January 1, 2022 00:01

SQLALchemy models

	import datetime
	import enum

	from sqlalchemy import (Column, DateTime, ForeignKey, Integer, String, Enum)
	from sqlalchemy.ext.declarative import declarative_base
	from sqlalchemy.orm import relationship


	class GenderEnum(enum.Enum):
	Male = 'Male'

OlderNewer