calendar/import-export/calWeekPrinter.html
author Jorg K <jorgk@jorgk.com>
Mon, 18 Feb 2019 23:01:32 +0100
changeset 71573 47dc660a82c01e7cdf49a35a48f8a8b24a4ed73f
parent 65295 0711b428d7eef608b8010fd9c8651dbc960d5de9
permissions -rw-r--r--
No bug - Pin mozilla-beta version (rev bce0092f646c, FIREFOX_66_0b9) for release. a=jorgk

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title id="title"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css" id="sheet">
      .main-table { font-size: 26px; font-weight: bold; }
      .day-name { border: 1px solid #000; background-color: #e0e0e0; font-size: 12px; font-weight: bold; }
      .day-box { border: 1px solid black; vertical-align: top; }
      .out-of-month { background-color: gray !important; }
      .day-off { background-color: #D3D3D3 !important; }
      .taskItem { border-bottom: 1px solid #F3F3F3; }
      .tasks { margin: 5px; }
      .taskList { margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; }
    </style>
  </head>
  <body>
    <div id="week-container"/>
    <div id="tasks-list-box" hidden="true">
      <h3 id="tasks-title"/>
      <ul class="taskList" id="task-container"/>
    </div>

    <!-- Templates follow -->
    <div id="templates" hidden="true">
      <li id="task-template">
        <input type="checkbox" class="task-checkbox" disabled="disabled"/>
        <span class="task-title"/>
      </li>
      <tr id="item-template">
        <td valign="top" align="left" style="font-size: 11px;" class="category-color-box calendar-color-box">
          <span class="item-interval"/>
          <span class="item-title"/>
        </td>
      </tr>
      <div id="week-template" style="page-break-after: always;">
        <table border="0" width="100%" class="main-table">
          <tr>
            <td align="center" valign="bottom" class="week-number"/>
          </tr>
        </table>
        <table width="100%" height="90%" border="solid 1px;">
          <tr height="33%">
            <td border="1px solid black;" width="50%" valign="top" class="monday-box">
              <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                <tr>
                  <td align="center" valign="bottom" class="monday-title"/>
                </tr>
              </table>
              <table valign="top" style="font-size: 10px;" class="monday-container">
                <p/>
              </table>
            </td>
            <td border="1px solid black;" width="50%" valign="top" class="thursday-box">
              <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                <tr>
                  <td align="center" valign="bottom" class="thursday-title"/>
                </tr>
              </table>
              <table valign="top" style="font-size: 10px;" class="thursday-container">
                <p/>
              </table>
            </td>
          </tr>
          <tr height="33%">
            <td border="1px solid black;" width="50%" valign="top" class="tuesday-box">
              <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                <tr>
                  <td align="center" valign="bottom" class="tuesday-title"/>
                </tr>
              </table>
              <table valign="top" style="font-size: 10px;" class="tuesday-container">
                <p/>
              </table>
            </td>
            <td border="1px solid black;" width="50%" valign="top" class="friday-box">
              <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                <tr>
                  <td align="center" valign="bottom" class="friday-title"/>
                </tr>
              </table>
              <table valign="top" style="font-size: 10px;" class="friday-container">
                <p/>
              </table>
            </td>
          </tr>
          <tr height="33%">
            <td border="1px solid black;" width="50%" valign="top" class="wednesday-box">
              <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                <tr>
                  <td align="center" valign="bottom" class="wednesday-title"/>
                </tr>
              </table>
              <table valign="top" style="font-size: 10px;" class="wednesday-container">
                <p/>
              </table>
            </td>
            <td height="33%" style="padding: 0">
              <table border="0" width="100%" height="100%">
                <tr valign="top">
                  <td border="1px solid black;" width="50%" valign="top" class="saturday-box">
                    <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                      <tr>
                        <td align="center" valign="bottom" class="saturday-title"/>
                      </tr>
                    </table>
                    <table valign="top" style="font-size: 10px;" class="saturday-container">
                      <p/>
                    </table>
                  </td>
                </tr>
                <tr valign="top">
                  <td border="1px solid black;" width="50%" valign="top" class="sunday-box">
                    <table class="day-name" width="100%" style="background-color:white; border: 1px solid black;">
                      <tr>
                        <td align="center" valign="bottom" class="sunday-title"/>
                      </tr>
                    </table>
                    <table valign="top" style="font-size: 10px;" class="sunday-container">
                      <p/>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </body>
</html>