<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>Event agenda</title>
  <script src='javascript/components/flexible.js'></script>
  <link rel="stylesheet" href="style/share/reset.css">
  <link rel="stylesheet" href="style/share/weui.min.css">
  <link rel="stylesheet" href="style/share/jquery-weui.css">
  <link rel="stylesheet" href="style/share/swiper-4.3.3.min.css">

  <link rel="stylesheet" href="style/pageCss/schaeffler.css">
  <style>
    .agenda-list {
      margin: 0 0.2667rem 0.2667rem 0.2667rem
    }

    .item-form {
      margin-bottom: 0
    }

    .date-items {
      margin: 0 0.2667rem 0.2667rem 0.2667rem
    }

    .date-items .swiper-slide {
      height: 1.0667rem;
      background: rgba(0, 137, 61, 0.3);
      color: #fff;
      display: -webkit-box;
      -webkit-box-align: center;
      -webkit-box-pack: center
    }
    .hide{
      display: none;
    }
    .date-items .swiper-slide.choose {
      background: #00893D;
    }
  </style>
</head>

<body>
  <div class="container">

    <div class="content" style="padding-top: 1.0667rem">



      <div class="agenda-title f16" id="title"></div>



      <div id="list">



      </div>

      <div class="weui-loadmore">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">loading</span>
      </div>
    </div>




    <script id="room-template" type="text/x-handlebars-template">
      {{#each data}}
      <div class="item-form f14" id="{{agenda_id}}">
        <ul>
          <li class="form-head align-center">

            <p class="flex-1">{{agenda_customiz_nameEn}}</p>
            <img src="image/triangle.png" class="triangle">
          </li>


        </ul>
      </div>


      <ul class="agenda-list f14">
        



      </ul>
      {{/each}}
    </script>

    <script id="slide-template" type="text/x-handlebars-template">
      <div class="swiper-container f14 date-items" id="date">
        <div class="swiper-wrapper">
          {{#each this}}
          <div class="swiper-slide " data-time="{{datapost agenda_time}}">{{datetimeformat agenda_time}}</div>
          {{/each}}

        </div>
      </div>

    </script>


    <script id="list-template" type="text/x-handlebars-template">
      {{#each data}}
       <li id="{{id}}">
          <p class="time color-green f14" style="color: black;">Topic：{{agenda_title_en}}</p>
         
          <!-- <p>演讲时间：{{agenda_title}}</p> -->
          <p style="margin-bottom: 0.2rem"
             {{#if isSpeech}}class="hide"{{/if}}
          >Presenter：<span style="text-decoration: underline;" data-speech="{{speech_id}}" class="color-green">{{speech_name_en}}</span></p>
          <div>{{{content_agenda_en}}}</div>
          
          <div class="grade align-center f14">

            {{{scoreHtml score}}}
            <p>Your rating</p>
          </div>
         
        </li>
      {{/each}}
      </script>



    <!--切换语言-->
    <div class="language">
      <img src="image/language.png" alt="">
      <p class="f8">中文</p>
    </div>


  </div>
</body>
<script src='javascript/components/jquery-2.2.4.min.js'></script>
<script src="javascript/crypto-js-master/crypto-js.js"></script>
<script src="javascript/components/cryptomain.js"></script>
<script src='javascript/components/g.js'></script>
<script src='javascript/components/jquery-weui.js'></script>
<script src='javascript/components/niceClick.js'></script>
<script src='javascript/components/fastclick.js'></script>
<script src='javascript/components/dateUtils.js'></script>
<script src='javascript/components/swiper-4.3.3.min.js'></script>
<script src='javascript/components/handlebars.min-latest.js'></script>
<script src='javascript/components/mcfApp.js'></script>
<script src='javascript/components/side.js'></script>
<script src='javascript/pages/agenda-special.js'></script>
<script>
  var devMode = G.devMode();
  var bindNextEvent = function (app) {
    var activityagenda = new activityAgenda({
      devMode: devMode,
      cfApp: app
    });
    activityagenda.init();
  };
  var cfapp = new cfApp({
    devMode: devMode,
    initWxApi: false,
    nextAction: bindNextEvent,
    registertype: "register",
    vt: new Date().getTime()
  });
  cfapp.init();
</script>

</html>