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