Skip to content

Instantly share code, notes, and snippets.

View machariamarigi's full-sized avatar
:octocat:
Always Learning

Macharia Marigi machariamarigi

:octocat:
Always Learning
View GitHub Profile
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Plot } from '../services/plot';
import { PlotsService } from '../services/plots.service';
@Component({
selector: 'app-single-plot',
templateUrl: './single-plot.component.html',
styleUrls: ['./single-plot.component.css']
<div class="thumbnail">
<img src="assets/images/{{plot.image}}.jpg" alt="" class="group list-group-image">
<div class="caption">
<div class="well">
<h4 class="group text-center">Plot {{plot.id}}</h4>
<hr>
<blockquote>
{{plot.longDescription}}
</blockquote>
<div class="row text-center">
//html
<h1 class="text-success text-center"><b>Farm Mont Website Administration Console</b></h1>
<div>
<h2 class="text-center"> Upload Form</h2>
<form novalidate [formGroup]="form">
<div class="form-group">
<label>Plot Id</label>
<div class="input-group">
<div class="row">
<div class="col-md-6 col-md-offset-3 well">
<form novalidate (ngSubmit)="onSubmit(listing)" [formGroup]="listing">
<label>
<span>Name</span>
<input type="text" formControlName="name" placeholder="Enter listing's name (if it has one)'">
</label>
<label>
<span>Listing Type</span>
<select formControlName="type">
import { ListingType } from './../models/typesListings';
import { ListingTypesService } from './../services/listing-types.service';
import { ListingsService } from './../services/listings.service';
import { Listing } from './../models/listingModel';
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms'
@Component({
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" />
<div class="caption">
<h4 class="group inner list-group-item-heading">
Product title</h4>
<p class="group inner list-group-item-text">
Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.</p>
<div class="row">
// vue instance to display birtday products
let products = [
{
id: 1,
title: 'Awesome handy love bouquet',
description: 'Bundle of flowers filled with warmth to calm the heart.',
price: 2000,
image: '../assets/birthday/awesome-love-bouquet.jpg'
},
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../favicon.ico">
<title>flower shop</title>