better preview of files

templates/rooms/room.html

@@ -248,7 +248,7 @@
 </div>
 
 <!-- Move Modal -->
-<div class="modal fade" id="moveModal" tabindex="-1" aria-labelledby="moveModalLabel" aria-hidden="true">
+<div id="moveModal" class="modal fade" tabindex="-1" aria-labelledby="moveModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
@@ -272,6 +272,10 @@
         </div>
     </div>
 </div>
+
+<!-- Include modals -->
+{% include 'components/details_modal.html' %}
+{% include 'components/file_preview_modal.html' %}
 {% endblock %}
 
 {% block extra_js %}