git.roojs.org Git - roojs1/blob - examples/view/domtemplate.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4     <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
   5     <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
   6
   7     <script type="text/javascript" src="../../roojs-all.js"></script>
   8     <script type="text/javascript" src="../../Roo/DomTemplate.js"></script>
   9
  10
  11 <script type="text/javascript">
  12
  13 Roo.onReady(function() {
  14
  15     var html = Roo.get('body').dom.innerHTML;
  16     Roo.get('body').dom.innerHTML = '';
  17
  18     var tpl = new Roo.DomTemplate({
  19        html : html
  20     });
  21     return;
  22     tpl.append(Roo.get('body'),{
  23         parray : [
  24             {
  25                 pa : new Date()
  26             },
  27             {
  28                 pa : new Date()
  29             }
  30         ]
  31     });
  32
  33 });
  34
  35
  36 </script>
  37
  38 </head>
  39 <body>
  40     <div id="body">
  41
  42         <div roo-if="ontable == 'mtrack_ticket'">
  43             <li  class="change-log-item">
  44                 <div class="timelineevent">
  45                     <div class="timelinetext">
  46                         <div class="timelinereason">
  47                         <span class="time">{changedate.format:('H:i:s')}</span>
  48
  49
  50                          #<span class="mtrack-ticket-link">{object_id}</span> - <B>{object_summary}</B> <BR/>',
  51
  52                              <div class="bubble-wrap">
  53                                 {reason}
  54
  55                                 <p>Comment Added
  56                                         <span class="time">{changedate.format:('H:i:s')}</span>
  57                                         by
  58                                         <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
  59
  60                                 </p>
  61                             </div>
  62
  63
  64                             <div roo-for="audit">
  65
  66                                <div roo-if="action != 'changed'">
  67                                    <div class="bubble-wrap">
  68
  69                                        {value_str}
  70                                        </div><p>  {field_str}  Changed
  71                                            <span class="time">{parent.changedate.format:('H:i:s')}</span>
  72                                            by
  73                                            <span class="mtrack-person" personid="{parent.person_id}"><B>{parent.person_id_name}</B></span>
  74                                        </p></div>
  75                                    </div>
  76                                </div>
  77
  78
  79                             </div>
  80
  81
  82
  83
  84                             <span class="mtrack-audits">
  85                                 <div roo-for="audit_ar,a">
  86                                      <div roo-if="action == 'changed'">
  87                                         <span class="mtrack-audit">{a.field_str} set to: <B>{a.value_str}</B></span>
  88                                      </div>
  89                                 </div>
  90                             </span>
  91
  92                             by
  93                             <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
  94
  95                        </div>
  96                     </div>
  97                 </div>
  98             </li>
  99         </div>
 100         <div roo-if="ontable == 'mtrack_repos'">
 101             <li class="change-log-item">
 102
 103                 <span class="change" ><span class="time">{changedate.format:('H:i:s')}</span> - {reason:ellipsis(100)}</span>
 104                 <span class="change-log-rev" ><a
 105                      class="changesetlink browse-link"
 106                      href="{baseURL}/Changeset/default/{object_shortname}/{rev}">{rev}</a>
 107                          by
 108                         <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
 109
 110                 </span>
 111                 <ul class="changed-files">
 112
 113                     <div roo-for="audit">
 114
 115                        <li class="file-change">
 116                             <B >{action.substring:(action.length-1)}</B> {value}
 117
 118                         </li>
 119
 120                     </div>
 121                 </ul>
 122
 123
 124
 125
 126                 <div style="display:none;white-space: pre-wrap;">{reason}</div>
 127             </li>
 128         </div>
 129
 130
 131
 132         <div roo-name="somename'">
 133             <li class="change-log-item">
 134
 135                 <span class="change" ><span class="time">{changedate.format:('H:i:s')}</span> - {reason:ellipsis(100)}</span>
 136                 <span class="change-log-rev" ><a
 137                      class="changesetlink browse-link"
 138                      href="{baseURL}/Changeset/default/{object_shortname}/{rev}">{rev}</a>
 139                          by
 140                         <span class="mtrack-person" personid="{person_id}"><B>{person_id_name}</B></span>
 141
 142                 </span>
 143                 <ul class="changed-files">
 144
 145                     <div roo-for="audit">
 146
 147                        <li class="file-change">
 148                             <B >{action.substring:(action.length-1)}</B> {value}
 149
 150                         </li>
 151
 152                     </div>
 153                 </ul>
 154
 155
 156
 157
 158                 <div style="display:none;white-space: pre-wrap;">{reason}</div>
 159             </li>
 160         </div>
 161
 162
 163     </div>
 164 </body>
 165 </html>