modals: open template with view button in http://sites.phplist/lists/…

…admin/?page=templates

css/style.css

@@ -15,7 +15,7 @@ TABLE OF CONTENT
     ## dashboard
 
 # tabs
-
+# modals
 
 *******************************/
 
@@ -62,4 +62,7 @@ ul.nav-tabs{padding:0}
 div.tab-content {padding:20px;border:1px solid #CCC}
 .nav.nav-tabs .active a,.nav.nav-tabs .active a:focus{background-color:#f5f5f5;outline:none}
 
+/* # modals ************/
+.modal .modal-dialog .close.externo{z-index: 999999;position: absolute;right: 0;top: 10px;border:1px solid #000;padding:0 8px 4px;border-radius:5px;background-color:#CCC}
+
 /* End of /lists/admin/ui/bootlist/css/style.css */

footer.inc

@@ -30,6 +30,18 @@
         </div>
     </div>
 </div>
+
+<!-- Modal -->
+<div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <button type="button" class="close externo" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
+        <div class="modal-content row well">
+        </div><!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->
+
 <script type="text/javascript" src="ui/bootlist/js/phpList3ToBootstrap.js"></script>
 <script type="text/javascript" src="ui/bootlist/bootstrap/js/bootstrap.min.js"></script>
 <script type="text/javascript" src="ui/bootlist/js/jcarousellite_1.0.1.min.js"></script>

footer_minified.inc

@@ -30,6 +30,19 @@
         </div>
     </div>
 </div>
+
+
+<!-- Modal -->
+<div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <button type="button" class="close externo" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
+        <div class="modal-content row well">
+        </div><!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->
+
 <script type="text/javascript" src="ui/bootlist/js/phpList3ToBootstrap.js"></script>
 <script type="text/javascript" src="ui/bootlist/bootstrap/js/bootstrap.min.js"></script>
 <script type="text/javascript" src="ui/bootlist/js/jcarousellite_1.0.1.min.js"></script>

js/phpList3ToBootstrap.js

@@ -1,4 +1,4 @@
-$(document).ready(function() {
+$(window).load(function() {
 
 /* MAIN MENU */
     $('#menuTop').addClass('collapse navbar-collapse navbar-left');
@@ -93,9 +93,17 @@ $(document).ready(function() {
     $('span.view a').prepend('<span aria-hidden="true" class="glyphicon glyphicon-eye-open"/>');
     $('a.opendialog span.view').prepend('<span aria-hidden="true" class="glyphicon glyphicon-eye-open"/>');
 
+/* modals */
+//    var tmphref = $('.templates a.opendialog').attr('href');
+    $('.templates a.opendialog').attr('href', $('.templates a.opendialog').attr('href') + '&embed=yes&omitall=yes' );
+    $('a.opendialog').attr({ 'data-target':'#mymodal', 'data-toggle':'modal' });
+
+
 /* tables*/
     $('table.listing').not('.home table.listing').addClass('table table-striped');
 
+
+
 /* show page after loading */
     $('body').removeClass('invisible');