calendarfeed.html

<!-- CSS -->
<link rel="stylesheet" type="text/css"
      href="/devwidgets/calendarfeed/css/calendarfeed.css" />

<div class="calendarfeed_widget">
  <!-- WIDGET CONTENT CONTAINER -->
  <div class="s3d-widget-content">

    <!-- Stuff for JS templating -->
    <div id="agenda_template" style="display: none;"><!--
      <div>
      <h1 id="title" class="header1 lecture-subject">
        ${title}
        <a style="display: none;" href="${webcalFeedUrl}"
           title="__MSG__WEBCAL_LINK_TITLE__">
          <img src="/devwidgets/calendarfeed/images/external.png">
        </a>
      </h1>
      <div id="calendarfeed_lectures">
        <table id="agenda">
        {if days.length === 0 && totalFeedEvents > 0}
          <div class="info-box warning-box">
            <h4 class="info-title">__MSG__ALL_FILTERED_TITLE__</h4>
            <p>__MSG__ALL_FILTERED_MESSAGE__</p>
          </div>
        {/if}
        {for day in days}
          {var events = day[1]}
          <tbody>
          {for event in events}
            <tr class="agenda-row">

              {if event_index == 0}
                <td rowspan="${events.length}"
                {if event.dayDelta < 2 && event.dayDelta >= -5}
                  class="date relative"
                  title="${event.absDate}">${event.relDate}
                </td>
                {else}
                  class="date absolute"
                  title="${event.relDate}">${event.absDate}
                </td>
                {/if}
              {/if}

              <td class="time">${event.time}</td>
              <td class="description">
                <div class="summary compact link expandable">
                  ${event.summary}
                </div>
                <div class="full">
                  {for para in event.description}
                  <p>${para}</p>
                  {/for}
                  <table class="info-block">
                  {if event.url}
                    <tr>
                      <td>
                        <span class="label">
                          __MSG__EVENT_DETAIL_LABEL_URL__:
                        </span>
                      </td>
                      <td>
                        <a target="_blank" href="${event.url}"
                           class="value link">${event.url}</a>
                      </td>
                    </tr>
                  {/if}
                  {if event.location}
                    <tr>
                      <td>
                        <span class="label">
                          __MSG__EVENT_DETAIL_LABEL_LOCATION__:
                        </span>
                      </td>
                      <td>
                        <a target="_blank"
                           href="http://maps.google.co.uk/maps?q=${encodeURIComponent(event.location)}"
                           class="value link">${event.location}</a>
                        </td>
                    </tr>
                  {/if}
                  {if event.contact}
                    <tr>
                      <td>
                        <span class="label">
                          __MSG__EVENT_DETAIL_LABEL_CONTACT__:
                        </span>
                      </td>
                      <td>
                        <span class="value">${event.contact}</span>
                      </td>
                    </tr>
                  {/if}
                  </table>

                </div>
              </td>
            </tr>
          {/for}
          </tbody>
        {/for}
        </table>
      </div>
      </div>
 --></div>

    <!-- MAIN VIEW -->
    <div id="calendarfeed_main" style="display:none;">
      <div class="loading" style="display: none;">
        <img class="center" alt="loading.." src="/dev/images/ajax_load.gif">
      </div>
      <div class="ajax-content"></div>
      <div id="error_msg" style="display: none;">
      </div>
      <div id="template_error_msg"><!--
        <div class="info-box error-box error_container">
          <h4 class="info-title">${title}</h4>
      	  ${body}
        </div>
   --></div>
    </div>
    <!-- SETTINGS VIEW -->
    <div id="calendarfeed_settings" style="display:none;">
      <p>__MSG__SETTINGS_HEADER_INTRO__</p>

      <form id="calendarfeed_settings_form">
        <div class="s3d-form-field-wrapper">
          <label for="calendarfeed_settings_txtTitle"
                 class="s3d-input-label s3d-input-label-above">
            __MSG__SETTINGS_FORM_LABEL_CALENDAR_TITLE__:
          </label>
          <input type="text" id="calendarfeed_settings_txtTitle"
                 name="rss_settings_txtTitle"
                 class="required s3d-input-full-width" />
          <label for="calendarfeed_settings_txtUrl"
                 class="s3d-input-label s3d-input-label-above">
            __MSG__SETTINGS_FORM_LABEL_CALENDAR_FEED_URL__:
          </label>
          <input type="text" id="calendarfeed_settings_txtUrl"
                 name="rss_settings_txtUrl"
                 class="required url s3d-input-full-width" />

          <label class="s3d-input-label s3d-input-label-above">
            __MSG__SETTINGS_FORM_LABEL_CALENDAR_DISPLAY_RANGE__:
          </label>
          <div class="date-slider-wrapper">
            <label id="calendarfeed_settings_daterangeslider_label">
              __MSG__SETTINGS_FORM_LABEL_CALENDAR_DISPLAY_RANGE_DESCRIPTION__
            </label>
            <!-- populated by jqueryui -->
            <div id="daterangeslider">
            </div>
          </div>

          <div class="dialog_buttons"
               id="calendarfeed_settings_save_cancel_container"
               style="display: block; ">
            <button type="button" id="calendarfeed_settings_cancel"
                    class="s3d-bold s3d-link-button">
              __MSG__SETTINGS_BUTTON_CANCEL__
            </button>
            <button type="button" id="calendarfeed_settings_save"
                    class="s3d-button s3d-overlay-action-button">
              __MSG__SETTINGS_BUTTON_SAVE__
            </button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- JAVASCRIPT -->
<script type="text/javascript" src="/devwidgets/calendarfeed/javascript/calendarfeed.js"></script>