manage_url.html
1 <#include "commons.html" />
2 <#include "/../../commons.html" />
3 <h2 id="app-name" class="sr-only">${application.name!}</h2>
4 <div class="container-fluid">
5 <div class="row no-gutters">
6 <div class="col-xs-12 col-sm-7 col-md-10">
7 <div class="row">
8 <div class="col-sm-3 col-md-3">
9 </div>
10 <div class="col-xs-12 col-sm-6 col-md-6 text-center">
11 <h3>${title} ${application.code}</h3>
12 </div>
13 <div class="col-xs-12 col-sm-3 col-md-3 text-right align-self-center">
14 <button type="button" id="btnCreateUrl" class="btn btn-primary btn-round">
15 #i18n{appcenter.manage_applicationUrl.btn.create}
16 </button>
17 </div>
18 </div>
19 <table id="tableUrl" class="table table-striped bg-white">
20 <thead class="bg-gradient-primary text-white">
21 <tr>
22 <th scope="col">#i18n{appcenter.manage_applicationUrl.column.type}</th>
23 <th scope="col">#i18n{appcenter.manage_applicationUrl.column.url}</th>
24 <th scope="col">#i18n{appcenter.manage_applicationUrl.column.environment}</th>
25 <th scope="col">#i18n{appcenter.manage_applicationUrl.column.description}</th>
26 <th scope="col">#i18n{appcenter.manage_applicationUrl.column.action}</th>
27 </tr>
28 </thead>
29 <tbody>
30 <#list applicationUrlList as applicationUrl>
31 <tr>
32 <td>${(applicationUrl.type)!}</td>
33 <td><a href="${(applicationUrl.url)!}" target="_blank">${(applicationUrl.url)!}</a></td>
34 <td>${applicationUrl.environment!''}</td>
35 <td>${(applicationUrl.description)!}</td>
36 <td>
37 <div class="row">
38 <button type="button" title="Modifier" onClick="populateModal(${(applicationUrl.idApplicationUrl)!},${(applicationUrl.idApplication)!},'${(applicationUrl.type?js_string)!}','${(applicationUrl.url?js_string)!}','${(applicationUrl.environment?js_string)!}','${(applicationUrl.description?js_string)!}');" class="btn btn-primary btn-fab btn-round">
39 <span class="material-icons">edit</span>
40 </button>
41 <button type="button" title="Supprimer" onClick="removeModal(${(applicationUrl.idApplicationUrl)!},${(applicationUrl.idApplication)!},'${(applicationUrl.url?js_string)!}');" class="btn btn-danger btn-fab btn-round">
42 <span class="material-icons">delete</span>
43 </button>
44 </div>
45 </td>
46 </tr>
47 </#list>
48 </tbody>
49 </table>
50 </div>
51 </div>
52 </div>
53
54 <!-- Modal Modification/Creation -->
55 <div class="modal fade" id="modalUrl" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
56 <div class="modal-dialog modal-xl" role="document">
57 <div class="modal-content">
58 <div class="modal-header text-center">
59 <h4 class="modal-title w-100 font-weight-bold">#i18n{appcenter.manage_applicationUrl.modal.title}</h4>
60 <button type="button" class="close" data-dismiss="modal" aria-label="#i18n{portal.util.labelClose}">
61 <span aria-hidden="true">×</span>
62 </button>
63 </div>
64 <div class="modal-body mx-3">
65 <form action="jsp/site/Portal.jsp">
66 <input type="hidden" name="page" value="gestion_url">
67 <input type="hidden" name="action" value="save_url">
68 <input type="hidden" id="idApplication" name="idApplication" value="${application.id}">
69 <input type="hidden" id="idApplicationUrl" name="idApplicationUrl">
70 <input type="hidden" name="activeEnvironment" value="${active_environment!}"/>
71 <div class="form-group bmd-form-group">
72 <label class="pl-5" for="type">#i18n{appcenter.manage_applicationUrl.modal.type}</label>
73 <div class="input-group">
74 <div class="input-group-prepend">
75 <span class="input-group-text">
76 <i class="material-icons">apps</i>
77 </span>
78 </div>
79 <select required id="type" name="type" class="form-control">
80 <option value=""></option>
81 <option value="Front Office">#i18n{appcenter.manage_applicationUrl.modal.type.fo}</option>
82 <option value="Back Office">#i18n{appcenter.manage_applicationUrl.modal.type.bo}</option>
83 <option value="Autre">#i18n{appcenter.manage_applicationUrl.modal.type.autre}</option>
84 </select>
85 </div>
86 </div>
87 <div class="form-group bmd-form-group">
88 <label class="pl-5" for="url">#i18n{appcenter.manage_applicationUrl.modal.url}</label>
89 <div class="input-group">
90 <div class="input-group-prepend">
91 <span class="input-group-text">
92 <i class="material-icons">link</i>
93 </span>
94 </div>
95 <input type="text" required id="url" name="url" value="" maxlength="255" class="form-control">
96 </div>
97 </div>
98 <div class="form-group bmd-form-group">
99 <label class="pl-5" for="environment">#i18n{appcenter.manage_applicationUrl.modal.environment}</label>
100 <div class="input-group">
101 <div class="input-group-prepend">
102 <span class="input-group-text">
103 <i class="material-icons">apps</i>
104 </span>
105 </div>
106 <select required id="environment" name="environment" class="form-control">
107 <option value=""></option>
108 <#list environments as environment>
109 <option value="${environment.code!}">#i18n{${environment.name!}}</option>
110 </#list>
111 </select>
112 </div>
113 </div>
114 <div class="form-group bmd-form-group">
115 <label class="pl-5" for="description">#i18n{appcenter.manage_applicationUrl.modal.description}</label>
116 <div class="input-group">
117 <div class="input-group-prepend">
118 <span class="input-group-text">
119 <i class="material-icons">create</i>
120 </span>
121 </div>
122 <textarea required id="description" name="description" rows="4" class="form-control"></textarea>
123 </div>
124 </div>
125 <div class="modal-footer d-flex justify-content-center">
126 <button type="submit" class="btn btn-primary btn-round">
127 #i18n{appcenter.manage_applicationUrl.modal.btn.save} <i class="fa fa-check-circle ml-1"></i>
128 </button>
129 </div>
130 </form>
131 </div>
132 </div>
133 </div>
134 </div>
135 <!-- Modal remove -->
136 <div class="modal fade" id="modalRemove" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
137 <div class="modal-dialog modal-xs" role="document">
138 <div class="modal-content">
139 <div class="modal-header text-center">
140 <h4 class="modal-title w-100 font-weight-bold">#i18n{appcenter.manage_applicationUrl.modal.remove.title}</h4>
141 <button type="button" class="close" data-dismiss="modal" aria-label="#i18n{portal.util.labelClose}">
142 <span aria-hidden="true">×</span>
143 </button>
144 </div>
145 <div class="modal-body text-center">
146 <p id="urlRemove"></p>
147 <div class="text-center">
148 <form action="jsp/site/Portal.jsp?page=gestion_url&action=remove" method="POST">
149 <input type="hidden" id="idApplicationRemove" name="id"/>
150 <input type="hidden" id="idApplicationUrlRemove" name="idApplicationUrl"/>
151 <input type="hidden" name="activeEnvironment" value="${active_environment!}"/>
152 <button type="submit" title="Supprimer" class="btn btn-danger">
153 <span class="material-icons">delete</span> #i18n{appcenter.manage_applicationUrl.modal.remove.btn.confirm}
154 </button>
155 </form>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161 <script>
162 $(function () {
163 $('#btnCreateUrl').click( function(){
164 $('#idApplicationUrl').val("");
165 $('#type').val("");
166 $('#url').val("");
167 $('#environment').val("");
168 $('textarea#description').val("");
169 $('#modalUrl').modal();
170 $('#modalUrl').show();
171 });
172 });
173
174 function populateModal(idApplicationUrl, idApplication, type, url, environment, description){
175 $('#idApplicationUrl').val(idApplicationUrl);
176 $('#idApplication').val(idApplication);
177 $('#type').val(type);
178 $('#url').val(url);
179 $('#environment').val(environment);
180 $('textarea#description').val(description);
181 $('#modalUrl').modal();
182 $('#modalUrl').show();
183 }
184 function removeModal(idApplicationUrl, idApplication,urlRemove){
185 $('#idApplicationRemove').val(idApplication);
186 $('#idApplicationUrlRemove').val(idApplicationUrl);
187 $('#urlRemove').html(urlRemove);
188 $('#modalRemove').modal();
189 $('#modalRemove').show();
190 }
191 </script>