images fix
This commit is contained in:
		| @@ -76,12 +76,38 @@ | |||||||
|             <div class="section"> |             <div class="section"> | ||||||
|                 <h2>Visual</h2> |                 <h2>Visual</h2> | ||||||
|                     <label for="{{ form.iconfile.id_for_label }}">Custom App Icon (in .png format)</label> |                     <label for="{{ form.iconfile.id_for_label }}">Custom App Icon (in .png format)</label> | ||||||
|                     {{ form.iconfile }}<br><br> |                     <!-- {{ form.iconfile }}<br><br> --> | ||||||
|  |                     <input type="file" name="iconfile" id="iconfile" accept="image/png"> | ||||||
|  |                     <div id="icon-preview"></div><br><br> | ||||||
|                     <label for="{{ form.logofile.id_for_label }}">Custom App Logo (in .png format)</label> |                     <label for="{{ form.logofile.id_for_label }}">Custom App Logo (in .png format)</label> | ||||||
|                     {{ form.logofile }}<br><br> |                     <!-- {{ form.logofile }}<br><br> --> | ||||||
|  |                     <input type="file" name="logofile" id="logofile" accept="image/png"> | ||||||
|  |                     <div id="logo-preview"></div><br><br> | ||||||
|                     <label for="{{ form.theme.id_for_label }}">Theme:</label> |                     <label for="{{ form.theme.id_for_label }}">Theme:</label> | ||||||
|                     {{ form.theme }} {{ form.themeDorO }} *Default sets the theme but allows the client to change it, Override sets the theme permanently.<br><br> |                     {{ form.theme }} {{ form.themeDorO }} *Default sets the theme but allows the client to change it, Override sets the theme permanently.<br><br> | ||||||
|             </div> |             </div> | ||||||
|  |             <script> | ||||||
|  |                 document.getElementById('id_iconfile').addEventListener('change', function(event) { | ||||||
|  |                     previewImage(event.target, 'icon-preview'); | ||||||
|  |                 }); | ||||||
|  |                 document.getElementById('id_logofile').addEventListener('change', function(event) { | ||||||
|  |                     previewImage(event.target, 'logo-preview'); | ||||||
|  |                 }); | ||||||
|  |                 function previewImage(input, previewContainerId) { | ||||||
|  |                     if (input.files && input.files[0]) { | ||||||
|  |                         var reader = new FileReader(); | ||||||
|  |                         reader.onload = function(e) { | ||||||
|  |                             var img = document.createElement('img'); | ||||||
|  |                             img.src = e.target.result;    | ||||||
|  |                             img.style.maxWidth = '300px'; | ||||||
|  |                             img.style.maxHeight = '60px'; | ||||||
|  |                             document.getElementById(previewContainerId).innerHTML = ''; | ||||||
|  |                             document.getElementById(previewContainerId).appendChild(img); | ||||||
|  |                         }; | ||||||
|  |                         reader.readAsDataURL(input.files[0]); | ||||||
|  |                     } | ||||||
|  |                 } | ||||||
|  |             </script> | ||||||
|  |  | ||||||
|             <div class="section"> |             <div class="section"> | ||||||
|                 <h2>Permissions</h2> |                 <h2>Permissions</h2> | ||||||
|   | |||||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
		Reference in New Issue
	
	Block a user