Kosmetyczne poprawki frontu

This commit is contained in:
Klaudia 2020-12-21 10:59:19 +01:00
parent d4ecffc0a2
commit 4dcb598519
4 changed files with 118 additions and 35 deletions

View File

@ -2,8 +2,8 @@
{% load static %}
{% block content %}
<!DOCTYPE html>
<html lang="en">
<body>
<html lang="en" class="h-100">
<body class="h-100">
<!--================Categories Banner Area =================-->
<section class="solid_banner_area">
@ -25,46 +25,73 @@
<div class="track_inner">
<form class="track_form row">
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="cun">Rodzaj ogłoszenia <span>*</span></label>
<select id="cun" name="offer">
<option value="1">Usługa</option>
<option value="2">Przedmiot</option>
</select>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="cun">Typ ogłoszenia <span>*</span></label>
<select id="cun" name="type">
<option value="2">Oddam</option>
<option value="1">Potrzebuję</option>
</select>
</div>
<div class="col-lg-12 form-group">
<label for="name">Tytył <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="title">
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Tytuł <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="title">
</div>
</div>
</div>
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Miejscowość <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="place">
</div>
<div class="col-lg-12 form-group">
</div>
</div>
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="order">Opis <span>*</span></label>
<textarea class="form-control" id="order" rows="3" name="script"></textarea>
</div>
<div class="col-lg-12 form-group">
</div>
</div>
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<div class="file-field">
<span>Wybierz zdjęcie</span>
<input name="file" type="file" accept="image/*">
</div>
</div>
<div class="col-lg-12 form-group">
</div>
</div>
</div>
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<input type="submit" class="btn btn-primary update_btn" value="Dodaj">
</div>
</div>
</div>
</form>
</div>
</div>

View File

@ -25,19 +25,31 @@
<div class="track_inner">
<form class="track_form row">
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Email: <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="email">
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Hasło: <span>*</span></label>
<input type="password" class="form-control" id="name" aria-describedby="name" placeholder="" name="password">
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<input type="submit" class="btn btn-primary update_btn" value="Rejestruj">
</div>
</div>
</div>
</form>
</div>
</div>

View File

@ -25,7 +25,9 @@
<div class="track_inner">
<form class="track_form row">
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="cun">Rodzaj ogłoszenia<span>*</span></label>
<select id="cun" name="offer">
{% if offer.type == types.0.0 %}
@ -37,8 +39,12 @@
{% endif %}
</select>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="cun">Typ ogłoszenia <span>*</span></label>
<select id="cun" name="type">
{% if offer.offer == types_o.0.0 %}
@ -50,36 +56,58 @@
{% endif %}
</select>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Tytył <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="title" value={{ offer.title }}>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Miejscowość <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="place" value={{ offer.place }}>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="order">Opis <span>*</span></label>
<textarea class="form-control" id="order" rows="3" name="script" >{{ offer.description }}</textarea>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<div class="c_product_img">
<img class="img-fluid" src="{{ offer.picture.url }}">
</div>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<div class="file-field">
<span>Wybierz zdjęcie</span>
<input name="file" type="file" accept="image/*" value={{ offer.picture.url }}>
</div>
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<input type="submit" class="btn btn-primary update_btn" value="Edytuj">
<input type="submit" class="btn btn-primary update_btn" value="Zapisz">
</div>
</form>
</div>

View File

@ -27,25 +27,41 @@
<div class="track_inner">
<form class="track_form row">
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Email: <span>*</span></label>
<input type="text" class="form-control" id="name" aria-describedby="name" placeholder="" name="email">
</div>
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Hasło: <span>*</span></label>
<input type="password" class="form-control" id="name" aria-describedby="name" placeholder="" name="password">
</div>
<div class="col-lg-12 form-group">
<input type="submit" class="btn btn-primary update_btn" value="Logowanie">
</div>
</div>
<div class="col-lg-12 form-group">
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<input type="submit" class="btn btn-primary update_btn" value="Logowanie">
</div>
</div>
</div>
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="col-10 col-md-8 col-lg-6">
<label for="name">Jeśli nie masz konta możesz je utworzyć tutaj:</label> <br>
<a href="create_user"><button type="button" class="btn btn-primary update_btn">REJESTRACJA</button></a>
</div>
</div>
</div>
</form>
</div>