|
19 | 19 | <div class="col-8"> |
20 | 20 | <h2>Badge</h2> |
21 | 21 | <t t-foreach="bs_theme_colors" t-as="color"> |
22 | | - <span t-attf-class="badge mb-1 text-bg-#{color[0]}"><t t-esc="color[1]"/></span> |
| 22 | + <span t-attf-class="badge mb-1 text-bg-#{color[0]}"><t t-out="color[1]"/></span> |
23 | 23 | </t> |
24 | 24 | <h3 class="mt-2 h6">Link</h3> |
25 | 25 | <t t-foreach="bs_theme_colors" t-as="color"> |
26 | | - <a href="#" t-attf-class="badge mb-1 text-bg-#{color[0]}"><t t-esc="color[1]"/></a> |
| 26 | + <a href="#" t-attf-class="badge mb-1 text-bg-#{color[0]}"><t t-out="color[1]"/></a> |
27 | 27 | </t> |
28 | 28 | <h3 class="mt-2 h6">Autosizing</h3> |
29 | 29 | <div class="h3"> |
30 | 30 | <t t-foreach="bs_theme_colors" t-as="color"> |
31 | | - <span t-attf-class="badge mb-1 text-bg-#{color[0]}"><t t-esc="color[1]"/></span> |
| 31 | + <span t-attf-class="badge mb-1 text-bg-#{color[0]}"><t t-out="color[1]"/></span> |
32 | 32 | </t> |
33 | 33 | </div> |
34 | 34 |
|
35 | 35 | <h2 class="mt-4">Button</h2> |
36 | 36 | <t t-foreach="bs_theme_colors" t-as="color"> |
37 | | - <button type="button" t-attf-class="btn mb-1 btn-#{color[0]}"><t t-esc="color[1]"/></button> |
| 37 | + <button type="button" t-attf-class="btn mb-1 btn-#{color[0]}"><t t-out="color[1]"/></button> |
38 | 38 | </t> |
39 | 39 | <h6 class="mt-2">Outline</h6> |
40 | 40 | <t t-foreach="bs_theme_colors" t-as="color"> |
41 | | - <button type="button" t-attf-class="btn mb-1 btn-outline-#{color[0]}"><t t-esc="color[1]"/></button> |
| 41 | + <button type="button" t-attf-class="btn mb-1 btn-outline-#{color[0]}"><t t-out="color[1]"/></button> |
42 | 42 | </t> |
43 | 43 | <h6 class="mt-2">Small</h6> |
44 | 44 | <t t-foreach="bs_theme_colors" t-as="color"> |
45 | | - <button type="button" t-attf-class="btn mb-1 btn-sm btn-#{color[0]}"><t t-esc="color[1]"/></button> |
| 45 | + <button type="button" t-attf-class="btn mb-1 btn-sm btn-#{color[0]}"><t t-out="color[1]"/></button> |
46 | 46 | </t> |
47 | 47 | <h6 class="mt-2">Large</h6> |
48 | 48 | <t t-foreach="bs_theme_colors" t-as="color"> |
49 | | - <button type="button" t-attf-class="btn mb-1 btn-lg btn-#{color[0]}"><t t-esc="color[1]"/></button> |
| 49 | + <button type="button" t-attf-class="btn mb-1 btn-lg btn-#{color[0]}"><t t-out="color[1]"/></button> |
50 | 50 | </t> |
51 | 51 | <h6 class="mt-2">Group</h6> |
52 | 52 | <div class="btn-group" role="group" aria-label="Basic example"> |
|
314 | 314 | <div class="col-6"> |
315 | 315 | <t t-foreach="bs_theme_colors" t-as="color"> |
316 | 316 | <div t-attf-class="alert alert-#{color[0]}"> |
317 | | - This is a "<t t-esc="color[1]"/>" alert with a <a href="#" class="alert-link">link</a>. |
| 317 | + This is a "<t t-out="color[1]"/>" alert with a <a href="#" class="alert-link">link</a>. |
318 | 318 | </div> |
319 | 319 | </t> |
320 | 320 | </div> |
|
363 | 363 | <div class="row g-0"> |
364 | 364 | <t t-foreach="odoo_theme_colors" t-as="color"> |
365 | 365 | <div t-attf-class="col-auto bg-#{color[0]}"> |
366 | | - <div class="py-1 px-3"><t t-esc="color[1]"/></div> |
| 366 | + <div class="py-1 px-3"><t t-out="color[1]"/></div> |
367 | 367 | </div> |
368 | 368 | </t> |
369 | 369 | </div> |
370 | 370 | <div class="row g-0 mt-2"> |
371 | 371 | <t t-foreach="bs_theme_colors" t-as="color"> |
372 | 372 | <div t-attf-class="col-auto text-bg-#{color[0]}"> |
373 | | - <div class="py-1 px-3"><t t-esc="color[1]"/></div> |
| 373 | + <div class="py-1 px-3"><t t-out="color[1]"/></div> |
374 | 374 | </div> |
375 | 375 | </t> |
376 | 376 | </div> |
377 | 377 | <div class="row g-0 mt-2"> |
378 | 378 | <t t-foreach="bs_gray_colors" t-as="color"> |
379 | 379 | <div t-attf-class="col-auto bg-#{color[0]}"> |
380 | | - <div class="py-1 px-3"><t t-esc="color[1]"/></div> |
| 380 | + <div class="py-1 px-3"><t t-out="color[1]"/></div> |
381 | 381 | </div> |
382 | 382 | </t> |
383 | 383 | </div> |
384 | 384 | <div class="row g-0 mt-4"> |
385 | 385 | <t t-foreach="odoo_theme_colors" t-as="color"> |
386 | 386 | <div t-attf-class="col-auto text-#{color[0]}"> |
387 | | - <div class="py-1 px-3"><t t-esc="color[1]"/></div> |
| 387 | + <div class="py-1 px-3"><t t-out="color[1]"/></div> |
388 | 388 | </div> |
389 | 389 | </t> |
390 | 390 | </div> |
391 | 391 | <div class="row g-0 mt-2"> |
392 | 392 | <t t-foreach="bs_theme_colors" t-as="color"> |
393 | 393 | <div t-attf-class="col-auto text-#{color[0]}"> |
394 | | - <div class="py-1 px-3"><t t-esc="color[1]"/></div> |
| 394 | + <div class="py-1 px-3"><t t-out="color[1]"/></div> |
395 | 395 | </div> |
396 | 396 | </t> |
397 | 397 | </div> |
398 | 398 | <div class="row g-0 mt-2"> |
399 | 399 | <t t-foreach="bs_gray_colors" t-as="color"> |
400 | 400 | <div t-attf-class="col-auto text-#{color[0]}"> |
401 | | - <div class="py-1 px-3"><t t-esc="color[1]"/></div> |
| 401 | + <div class="py-1 px-3"><t t-out="color[1]"/></div> |
402 | 402 | </div> |
403 | 403 | </t> |
404 | 404 | </div> |
|
484 | 484 | <div class="d-flex"> |
485 | 485 | <span t-attf-class="border p-3 me-1 bg-o-color-#{i}"></span> |
486 | 486 | <div class="flex-grow-1 align-self-center"> |
487 | | - <h5 class="m-0">o-color-<t t-esc="i"/></h5> |
| 487 | + <h5 class="m-0">o-color-<t t-out="i"/></h5> |
488 | 488 | </div> |
489 | 489 | </div> |
490 | 490 | </td> |
|
495 | 495 | <div class="d-flex"> |
496 | 496 | <span t-attf-class="border p-3 me-1 bg-#{i}"></span> |
497 | 497 | <div class="flex-grow-1 align-self-center"> |
498 | | - <h5 class="m-0" t-esc="i"></h5> |
| 498 | + <h5 class="m-0" t-out="i"></h5> |
499 | 499 | </div> |
500 | 500 | </div> |
501 | 501 | </td> |
|
510 | 510 | <div class="row"> |
511 | 511 | <div class="col-7"> |
512 | 512 | <h2> |
513 | | - Preset <t t-esc="i"/> |
| 513 | + Preset <t t-out="i"/> |
514 | 514 | </h2> |
515 | 515 | <p>Paragraph text. Lorem <b>ipsum dolor sit amet</b>, consectetur adipiscing elit. <i>Integer posuere erat a ante</i>. <a href="#">Link text</a></p> |
516 | 516 | <p class="text-muted">Text muted. Lorem <b>ipsum dolor sit amet</b>, consectetur.</p> |
|
540 | 540 | <p class="card-text">Paragraph. <a href="#">text link</a></p> |
541 | 541 |
|
542 | 542 | <t t-foreach="['primary','secondary', 'info', 'warning', 'danger', 'success']" t-as="btn"> |
543 | | - <a href="#" t-attf-class="mb-2 btn-sm btn btn-#{btn}" t-esc="'btn-' + btn"/> |
| 543 | + <a href="#" t-attf-class="mb-2 btn-sm btn btn-#{btn}" t-out="'btn-' + btn"/> |
544 | 544 | </t> |
545 | 545 | </div> |
546 | 546 | </div> |
|
569 | 569 | </div> |
570 | 570 | <div class="col-5 border-start"> |
571 | 571 | <div t-foreach="['info', 'warning', 'danger', 'success']" t-as="btn"> |
572 | | - <a href="#" t-attf-class="mb-2 btn-block btn btn-#{btn}" t-esc="'btn-' + btn"/> |
573 | | - <a href="#" t-attf-class="mb-3 btn-block btn btn-outline-#{btn}" t-esc="'btn-outline-' + btn"/> |
| 572 | + <a href="#" t-attf-class="mb-2 btn-block btn btn-#{btn}" t-out="'btn-' + btn"/> |
| 573 | + <a href="#" t-attf-class="mb-3 btn-block btn btn-outline-#{btn}" t-out="'btn-outline-' + btn"/> |
574 | 574 | </div> |
575 | 575 | </div> |
576 | 576 | </div> |
|
0 commit comments