Ignore:
Timestamp:
02/04/23 21:24:27 (23 months ago)
Author:
milamihajlovska <mila.mihajlovska01@…>
Branches:
master
Children:
448bd84
Parents:
693f587
Message:

html for addEvent, addFilm and addProjection

Location:
src/main/resources/templates
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • src/main/resources/templates/addEvent.html

    r693f587 ra073dad  
    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4     <meta charset="UTF-8">
    5     <title>Title</title>
    6 </head>
    7 <body>
     1<th:block xmlns:th="http://www.thymeleaf.org">
     2    <section class="jumbotron text-center">
     3        <div class="container">
     4            <h1 class="jumbotron-heading">Add New Event</h1>
     5        </div>
     6    </section>
    87
    9 </body>
    10 </html>
     8    <div class="container">
     9        <div class="row">
     10            <div class="col-md-5">
     11                <form action="/home/addE" method="POST">
     12                    <div class="form-group">
     13                        <label for="theme">Theme</label>
     14                        <input type="text"
     15                               class="form-control"
     16                               id="theme"
     17                               name="theme"
     18                               required
     19                               placeholder="Enter theme">
     20                    </div>
     21                    <div class="form-group">
     22                        <label for="duration">Duration</label>
     23                        <input type="text"
     24                               class="form-control"
     25                               id="duration"
     26                               name="duration"
     27                               placeholder="Duration">
     28                    </div>
     29                    <div class="form-group">
     30                        <label for="repeating">Repeating</label>
     31                        <input type="text"
     32                               class="form-control"
     33                               id="repeating"
     34                               name="repeating"
     35                               placeholder="repeating">
     36                    </div>
     37                    <div class="form-group">
     38                        <label for="start_date">Start Date</label>
     39                        <input type="date"
     40                               class="form-control"
     41                               id="start_date"
     42                               name="start_date"
     43                              >
     44                    </div>
     45
     46                    <button id="submit" type="submit" class="btn btn-primary">Add Event</button>
     47                </form>
     48            </div>
     49        </div>
     50    </div>
     51
     52</th:block>
  • src/main/resources/templates/addFilm.html

    r693f587 ra073dad  
    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4     <meta charset="UTF-8">
    5     <title>Title</title>
    6 </head>
    7 <body>
     1<th:block xmlns:th="http://www.thymeleaf.org">
     2    <section class="jumbotron text-center">
     3        <div class="container">
     4            <h1 class="jumbotron-heading">Add New Film</h1>
     5        </div>
     6    </section>
    87
    9 </body>
    10 </html>
     8    <div class="container">
     9        <div class="row">
     10            <div class="col-md-5">
     11                <form action="/home/addF" method="POST">
     12                    <div class="form-group">
     13                        <label for="name">Name</label>
     14                        <input type="text"
     15                               class="form-control"
     16                               id="name"
     17                               name="name"
     18                               required
     19                               placeholder="Name">
     20                    </div>
     21                    <div class="form-group">
     22                        <label for="duration">Duration</label>
     23                        <input type="number"
     24                               class="form-control"
     25                               id="duration"
     26                               name="duration"
     27                               placeholder="Duration">
     28                    </div>
     29                    <div class="form-group">
     30                        <label for="actors">Actors</label>
     31                        <input type="text"
     32                               class="form-control"
     33                               id="actors"
     34                               name="actors"
     35                               placeholder="Actors">
     36                    </div>
     37                    <div class="form-group">
     38                        <label for="genre">Genre</label>
     39                        <input type="text"
     40                               class="form-control"
     41                               id="genre"
     42                               name="genre"
     43                               placeholder="Genre">
     44                    </div>   <div class="form-group">
     45                    <label for="age_category">Age Category</label>
     46                    <input type="text"
     47                           class="form-control"
     48                           id="age_category"
     49                           name="age_category"
     50                           placeholder="Age Category">
     51                </div>
     52                    <div class="form-group">
     53                    <label for="url">Url</label>
     54                    <input type="url"
     55                           class="form-control"
     56                           id="url"
     57                           name="url"
     58                           >
     59                </div>
     60                    <div class="form-group">
     61                    <label for="director">Director</label>
     62                    <input type="text"
     63                           class="form-control"
     64                           id="director"
     65                           name="director"
     66                           placeholder="Director">
     67                </div>
     68                    <div class="form-group">
     69                        <label for="start_date">Start Date</label>
     70                        <input type="date"
     71                               class="form-control"
     72                               id="start_date"
     73                               name="start_date"
     74                        >
     75                    </div>
     76                    <div class="form-group">
     77                        <label for="end_date">End Date</label>
     78                        <input type="date"
     79                               class="form-control"
     80                               id="end_date"
     81                               name="end_date"
     82                        >
     83                    </div>
     84
     85                    <button id="submit" type="submit" class="btn btn-primary">Add Film</button>
     86                </form>
     87            </div>
     88        </div>
     89    </div>
     90
     91</th:block>
  • src/main/resources/templates/addProjection.html

    r693f587 ra073dad  
    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4     <meta charset="UTF-8">
    5     <title>Title</title>
    6 </head>
    7 <body>
     1<th:block xmlns:th="http://www.thymeleaf.org">
     2    <section class="jumbotron text-center">
     3        <div class="container">
     4            <h1 class="jumbotron-heading">Add New Projection</h1>
     5        </div>
     6    </section>
    87
    9 </body>
    10 </html>
     8    <div class="container">
     9        <div class="row">
     10            <div class="col-md-5">
     11                <form action="/home/addP" method="POST">
     12
     13                    <div class="form-group">
     14                        <label for="type_of_technology">Type Of Technology</label>
     15                        <input type="text"
     16                               class="form-control"
     17                               id="type_of_technology"
     18                               name="type_of_technology"
     19                               >
     20                    </div>
     21                    <div class="form-group">
     22                        <label for="date_time_start">Start Date</label>
     23                        <input type="date"
     24                               class="form-control"
     25                               id="date_time_start"
     26                               name="date_time_start"
     27                        >
     28                    </div>
     29                    <div class="form-group">
     30                        <label for="date_time_end">End Date</label>
     31                        <input type="date"
     32                               class="form-control"
     33                               id="date_time_end"
     34                               name="date_time_end"
     35                        >
     36                    </div>
     37                    <div class="form-group">
     38                        <label>Film</label>
     39                        <select name="id_film" id="f1" class="form-control">
     40                            <option
     41                                    th:each="f : ${films}"
     42                                    th:value="${f.id_film}"
     43                                    th:text="${f.name}">
     44                            </option>
     45                        </select>
     46                    </div>
     47
     48                    <button id="submit" type="submit" class="btn btn-primary">Add Projection</button>
     49                </form>
     50            </div>
     51        </div>
     52    </div>
     53
     54</th:block>
Note: See TracChangeset for help on using the changeset viewer.