new-wm html fix

one/templates/base.html

@@ -12,11 +12,12 @@
     <script src="/static/jquery.min.js"></script>
     <script src="/static/less.min.js"></script>
     <script type="text/javascript">
+    var toggleDetails;
 $(function(){
     $('.wm .summary').each(function(){
       this.originalHeight=parseInt($(this).next('.details').css('height'));
     })
-    var toggleDetails=function(){
+    toggleDetails=function(){
       if($(this).next('.details').is(':hidden')){
             $(this).next('.details')
                 .show()
@@ -61,6 +62,12 @@ $(function(){
     $('#shadow').click(function(){
         $('#modal').hide();
     })
+    $('#new-template-button').click(function(){
+        $.get('/ajax/templateWizard', function(data){
+            $('#modal-container').html(data);
+        })
+        $('#modal').show();
+    });
 })
         </script>
 
@@ -113,6 +120,7 @@ $(function(){
     <div id="modal" style="display: none">
         <div id="shadow"></div>
         <div id="modal-container">
+
         </div>
     </div>
 </body>

one/templates/home.html

@@ -15,6 +15,9 @@
             </li>
             <li id="new-wm" style="display: none">
                 <h2>Rendelkezésre álló sablonok</h2>
+                <p>
+                    Mese, hogy mit is lehet csinálni.
+                </p>
                 <div class="container">
                     <ul class="wm-list modal">
                         {% for m in templates %}
@@ -97,9 +100,6 @@
                     <div class="clear"></div>
                 </div>
             </li>
-            <script type="text/html" id="new-template" style="display: none">
-                {% include "new-template-flow.html" %}
-            </script>
         </ul>
     </div>
     {% for box in boxes %}