Skip to content

Commit 5cdab28

Browse files
IvanmgmSoftwareEngineeringIvanmgmSoftwareEngineering
committed
Component 1 (Add new article)
 adcommercial.html (old view) --> AddArticle.component.html (new view) --> + --> AddArticle.component.ts (logic) Changed content of AddArticle.component.html for adcommercial.hmtl content. Comment all moustache labels. Connect view with logic: - Add #nameAtribute in each input or texArea in view. - Connect "Guardar" button addArtcile(...) method in logic. - Create new method in logic to show list of categories.
1 parent 01644a5 commit 5cdab28

File tree

3 files changed

+87
-77
lines changed

3 files changed

+87
-77
lines changed

‎angular/wallypop/src/app/components/article/AddArticle.component.html‎

Lines changed: 76 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,84 @@
1-
<!--{{>header}}-->
2-
<!-- ====== Page content ======-->
1+
<!-- {{>header}} --> <!-- ====== Page content ======-->
32
<section class="section">
4-
<!--{{>search}}-->
5-
<!--{{#ERROR}}-->
6-
<br>
3+
<h2 class="text-center text-light">Pon tu anuncio gratis</h2>
74
<div class="container">
8-
<div class="alert alert-danger" role="alert">
9-
<!-- 1)<center>El artículo que buscas no existe o ya no está disponible</center> -->
10-
</div>
11-
</div>
12-
<!--{{/ERROR}}-->
13-
<hr>
14-
<div class="container-fluid">
155
<div class="row">
16-
<div class="col-xs-12 col-sm-3 col-md-2">
17-
<div class="full-width" style="border: 1px solid #E1E1E1; border-radius: 4px; padding: 5px;">
18-
<button class="btn btn-default btn-block hidden-sm hidden-md hidden-lg btn-dropdown-conatiner"
19-
data-drop-cont=".menu-commercial">
20-
FILTROS <i aria-hidden="true" class="fa fa-sort pull-right"></i>
21-
</button>
22-
<form action="/search/commercial" class="full-width menu-commercial" method="GET">
23-
<h4 class="text-light">CATEGORÃ-A</h4>
24-
<div class="form-group">
25-
<select class="form-control" name="id_category">
26-
<option disabled selected>Selecciona una categoría</option>
27-
<!-- {{#lcategory}}-->
28-
<!-- 2) <option name="CATEGORY" value="{{ID_CATEGORY}}">{{TITLE}}</option>-->
29-
<!--{{/lcategory}}-->
30-
</select>
6+
<div class="col-xs-12 col-sm-10 col-sm-offset-1" style="border: 1px solid #E1E1E1;">
7+
<form action=/newcommercial class="form-horizontal" enctype="multipart/form-data" method="post">
8+
<h3 class="text-info">Busca la categoría donde verán tu anuncio</h3>
9+
<div class="form-group">
10+
<div class="col-sm-3 control-label">
11+
<label>¿Qué anuncias?<small>Pulsando Ctrl puedes seleccionar varias
12+
catgorías</small></label>
3113
</div>
32-
<p class="text-center">
33-
<button class="btn btn-success btn-block">APLICAR</button>
34-
</p>
35-
<p class="text-center">
36-
<a class="btn btn-info btn-block" href="/commercial" onclick="" type="reset">BORRAR
37-
FILTROS</a>
38-
</p>
39-
<p>
40-
<small>Anuncios segunda mano. Las mejores ofertas en de segunda mano y de ocasión solo
41-
en </small>
42-
</p>
43-
</form>
44-
</div>
45-
</div>
46-
<div class="col-xs-12 col-sm-9 col-md-10">
47-
<div class="full-width">
48-
<ol class="breadcrumb">
49-
<!--{{#lcategory}}-->
50-
<!-- 3)<li><a href="/commercial/{{ID_CATEGORY}}">{{TITLE}}</a></li>-->
51-
<!-- {{/lcategory}}-->
52-
</ol>
53-
</div>
54-
<div class="full-widht">
55-
<i class="fa fa-th-large btn btn-default hidden-xs btn-change-post"></i>
56-
<i class="fa fa-refresh btn btn-default"></i>
57-
<i class="fa fa-angle-right btn btn-default"></i>
58-
</div>
59-
<!--{{>article}}-->
60-
<div class="clearfix"></div>
61-
<nav class="text-center">
62-
<ul class="pagination">
63-
<li>
64-
<a aria-label="Previous" href="#">
65-
<span aria-hidden="true">&laquo;</span>
66-
</a>
67-
</li>
68-
<li><a href="#">1</a></li>
69-
<li><a href="#">2</a></li>
70-
<li><a href="#">3</a></li>
71-
<li><a href="#">4</a></li>
72-
<li><a href="#">5</a></li>
73-
<li>
74-
<a aria-label="Next" href="#">
75-
<span aria-hidden="true">&raquo;</span>
76-
</a>
77-
</li>
78-
</ul>
79-
</nav>
14+
<div class="col-sm-7">
15+
<div class="form-group">
16+
<select class="form-control" multiple name="CATEGORYS">
17+
<!-- {{#lcategory}}-->
18+
<option name="CATEGORY" value="uploadCategories($event)">"uploadCategories($event)"</option>
19+
<!-- {{/lcategory}} -->
20+
</select>
21+
</div>
22+
</div>
23+
</div>
24+
<br><br>
25+
<h3 class="text-info">Detalles de tu anuncio</h3>
26+
<div class="form-group">
27+
<label class="col-sm-3 control-label">Título del anuncio</label>
28+
<div class="col-sm-7">
29+
<input #title class="form-control" name="TITLE" placeholder="Título del anuncio" required=""
30+
type="text">
31+
</div>
32+
</div>
33+
<div class="form-group">
34+
<label class="col-sm-3 control-label">Descripción</label>
35+
<div class="col-sm-7">
36+
<textarea #description NAME="DESCRIPTION" class="form-control" placeholder="Descripción" required=""
37+
rows="3"></textarea>
38+
</div>
39+
</div>
40+
<div class="form-group">
41+
<label class="col-sm-3 control-label">Precio</label>
42+
<div class="col-sm-7">
43+
<input #price class="form-control" name="PRICE" placeholder="Precio" required="" type="text">
44+
</div>
45+
</div>
46+
<div class="form-group">
47+
<label class="col-sm-3 control-label">Ciudad</label>
48+
<div class="col-sm-7">
49+
<input #city class="form-control" name="CITY" placeholder="Ciudad" required="" type="text">
50+
</div>
51+
</div>
52+
<div class="form-group">
53+
<label class="col-sm-3 control-label">Código postal</label>
54+
<div class="col-sm-7">
55+
<input #postal_code class="form-control" name="POSTAL_CODE" placeholder="Código postal" required=""
56+
type="text">
57+
</div>
58+
</div>
59+
<br><br>
60+
<h3 class="text-info">Foto</h3>
61+
<p>¡los anuncios con fotos reciben 7 veces más contactos!</p>
62+
<div class="form-group">
63+
<div class="custom-input-file">
64+
<input accept=".jpg, .jpeg" class="input-file" name="imageField" size="1" type="file"/>
65+
<i aria-hidden="true" class="fa fa-picture-o"></i>
66+
</div>
67+
<br>
68+
<p class="text-muted text-center archivo">Archivo...</p>
69+
</div>
70+
<p class="text-center">
71+
Al publicar un anuncio, aceptas las <a href="#!">condiciones de uso y la Política de
72+
Privacidad</a>
73+
</p>
74+
<input name="_csrf" type="hidden" value="{{token}}"/>
75+
<p class="text-center">
76+
<button (click)="addArticle($event, title.value, description.value, city.value, price.value, postal_doce.value)" class="btn btn-danger btn-lg" type="submit">Guardar</button>
77+
</p>
78+
</form>
8079
</div>
8180
</div>
8281
</div>
82+
8383
</section>
84-
<!--{{>footer}}-->
84+
{{>footer}}

‎angular/wallypop/src/app/components/article/AddArticle.component.ts‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import {Component} from '@angular/core';
2-
import { Article } from 'src/app/models/article.model';
2+
// ESTA LINEA HAY QUE DESCOMENTARLA CUANDO SE HAGA EL MERGE CON LA RAMA CATEGORY
3+
//import {Category } from 'src/app/models/category.model';
34
import {ArticleService} from '../../services/article.service';
45
import {LoginService} from '../../services/login.service';
56

@@ -15,4 +16,11 @@ export class AddArticle {
1516
event.preventDefault();
1617
this.articleService.addArticle(title,description,city, price, postal_code);
1718
}
19+
/*
20+
* ESTE METODO HAY QUE DESCOMENTARLO CUANDO SE HAGA EL MERGE CON LA RAMA CATEGORY
21+
uploadCategories(event: any): Observable<Category[]> {
22+
event.preventDefault();
23+
this.articleService.addArticle(title,description,city, price, postal_code);
24+
}
25+
*/
1826
}

‎angular/wallypop/src/app/services/article.service.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,8 @@ export class ArticleService {
2020
catchError(error => this.handleError(error))
2121
) as Observable<Article[]>;
2222
}
23+
24+
2325

2426
getArticle(id: number | string): Observable<Article> {
2527
return this.httpClient.get(BASE_URL + id).pipe(

0 commit comments

Comments
 (0)