roojs-all.js
[roojs1] / examples / view / domtemplate.html
index 0465a00..3e3d054 100644 (file)
@@ -9,17 +9,17 @@
   
 
 <script id="javascript-code" type="text/javascript">
-    
-Roo.onReady(function() {
+tpl = new Roo.DomTemplate({
+   url : 'domtemplate_snippet.html'
+});
+Roo.onReady((function() {
     
     var html = Roo.get('body').dom.innerHTML;
     Roo.get('body').dom.innerHTML = '';
     Roo.debug = 1;
     
     // nice and global to test with..
-    tpl = new Roo.DomTemplate({
-       html : html
-    });
+   
     Roo.log(tpl);
     var data =   [ 
             {
@@ -40,13 +40,13 @@ Roo.onReady(function() {
         tpl.append(Roo.get('body'), r);
     });
     
-    Roo.get('template-show').update(Roo.util.Format.htmlEncode(html)); 
+    Roo.get('template-show').update(Roo.util.Format.htmlEncode(tpl.html)); 
     Roo.get('javascript-show').update(Roo.util.Format.htmlEncode(
         Roo.get('javascript-code').dom.innerHTML
     ));
     
     
-});
+}).defer(1000));
      
      
 </script>
@@ -57,126 +57,6 @@ Roo.onReady(function() {
     <div id="body">
                 
        
-            <li roo-if="ontable == 'mtrack_ticket'"  class="change-log-item">
-                <div class="timelineevent">  
-                    <div class="timelinetext">
-                        <div class="timelinereason" name="{changedate}">
-                            <span class="time">{changedate.format:('H:i:s')}</span>        
-                                     
-                    
-                            #<span class="mtrack-ticket-link">{object_id}</span> - <B>{object_summary}</B> <BR/> 
-                            
-                            <div class="bubble-wrap"> 
-                                {reason}    
-                            
-                                <p>Comment Added
-                                        <span class="time">{changedate.format:('H:i:s')}</span>
-                                        by
-                                        <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span> 
-                                  
-                                </p>
-                            </div>
-                            
-                                                
-                            <div roo-for="audit">
-                              
-                               <div roo-if="action != 'changed'">
-                                   <div class="bubble-wrap">
-                            
-                                       {value_str}  
-                                    </div><p>  {field_str}  Changed
-                                        <span class="time">{parent.changedate.format:('H:i:s')}</span>
-                                           by
-                                           <span class="mtrack-person" personid="{parent.person_id}"><B>{parent.person_id_name}</B></span> 
-                                       </p>
-                                </div>
-                                    
-                            
-                            </div>         
-                                    
-                                     
-                                    
-                            
-                            <span class="mtrack-audits">
-                                <div roo-for="audit_ar,a">
-                                     <div roo-if="action == 'changed'">
-                                        <span class="mtrack-audit">{a.field_str} set to: <B>{a.value_str}</B></span>
-                                     </div>
-                                </div>
-                            </span>
-                            
-                            by
-                            <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
-                                    
-                       </div>
-                    </div>
-                </div>
-            </li> 
-         
-        
-        
-                                   
-            <li roo-if="ontable == 'mtrack_repos'" class="change-log-item">
-            
-                <span class="change" ><span class="time">{changedate.format:('H:i:s')}</span> - {reason:ellipsis(100)}</span> 
-                <span class="change-log-rev" ><a 
-                     class="changesetlink browse-link" 
-                     href="{baseURL}/Changeset/default/{object_shortname}/{rev}">{rev}</a>
-                         by
-                        <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
-                           
-                </span>
-                <ul class="changed-files">
-                
-                    <div roo-for="audit">
-                      
-                       <li class="file-change">
-                            <B >{action.substring:(action.length-1)}</B> {value}
-                        
-                        </li>
-                    
-                    </div>         
-                </ul>    
-            
-            
-                
-                
-                <div style="display:none;white-space: pre-wrap;">{reason}</div>             
-            </li>
-         
-        
-        
-                       
-            <li  roo-name="somename" class="change-log-item">
-            
-                <span class="change" ><span class="time">{changedate.format:('H:i:s')}</span> - {reason:ellipsis(100)}</span> 
-                <span class="change-log-rev" ><a 
-                     class="changesetlink browse-link" 
-                     href="{baseURL}/Changeset/default/{object_shortname}/{rev}">{rev}</a>
-                         by
-                        <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
-                           
-                </span>
-                <ul class="changed-files">
-                
-                    <div roo-for="audit">
-                      
-                       <li class="file-change">
-                            <B >{action.substring:(action.length-1)}</B> {value}
-                        
-                        </li>
-                    
-                    </div>         
-                </ul>    
-            
-            
-                
-                
-                <div style="display:none;white-space: pre-wrap;">{reason}</div>             
-            </li>
-          
-        
-        
     </div>