{
  "definitions": {
    "Blok": {
      "type": [
        "object",
        "null"
      ],
      "properties": {
        "sekundOdZacatku": {
          "type": "integer"
        },
        "text": {
          "type": [
            "string",
            "null"
          ]
        }
      }
    }
  },
  "type": "object",
  "properties": {
    "id": {
      "type": [
        "string",
        "null"
      ]
    },
    "ico": {
      "type": [
        "string",
        "null"
      ]
    },
    "mesto": {
      "type": [
        "string",
        "null"
      ]
    },
    "datum": {
      "type": "string",
      "format": "date-time"
    },
    "nazev": {
      "type": [
        "string",
        "null"
      ]
    },
    "popis": {
      "type": [
        "string",
        "null"
      ]
    },
    "url": {
      "type": [
        "string",
        "null"
      ]
    },
    "delka": {
      "type": "integer"
    },
    "tags": {
      "type": [
        "array",
        "null"
      ],
      "items": {
        "type": [
          "string",
          "null"
        ]
      }
    },
    "HsProcessType": {
      "type": [
        "string",
        "null"
      ]
    },
    "AudioUrl": {
      "type": [
        "string",
        "null"
      ]
    },
    "PrepisAudia": {
      "type": [
        "array",
        "null"
      ],
      "items": {
        "$ref": "#/definitions/Blok"
      }
    }
  }
}
                            

                            (header:, body:<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {  
 
    var offset = $('#player').offset();  
    $(window).scroll(function () {    
        var scrollTop = $(window).scrollTop(); 
        if (offset.top<scrollTop) {
            $('#player').addClass('fixedPlayer'); 
        } else {
            $('#player').removeClass('fixedPlayer');   
        }    }); 
}); 
</script>
<style>
  .playme {
     display:inline;
   }
  .playme:hover {
       cursor:pointer;
       background: #FFFBAA;
     }
 .fixedPlayer {    
    position: fixed;     
    top: 5px;    
    }
 speaker {
      font-weight: bolder;
      display: inline-block;
      padding-top: 1em;
   }

</style>
<!-- scriban {{ date.now }} --> 
 {{this.item = model}}
<table class="table table-hover"><tbody>
<tr><td>ID jednání</td><td >{{item.id}}</td></tr>
<tr><td>Jednání</td><td >{{item.nazev}}</td></tr>
<tr><td>Další jednání města/kraje</td><td>
<a href="/data/Hledat/zasedani-zastupitelstev?Q=ico%3A{{item.ico}}&order=datum%20desc">{{ fn_RenderCompanyName item.ico }}</td></tr>
<tr><td>Datum jednání</td><td >{{ fn_FormatDate item.datum }}</td></tr>
<tr><td>Odkaz na audio</td><td ><a target='_blank' href='{{ item.audioUrl }}'>{{item.audioUrl }}</a></td></tr>
<tr><td>Délka audio záznamu</td><td >{{ fn_FormatDurationInSec item.delka  }}</td></tr>
<tr><td colspan="2" >
{{if item.prepisAudia && item.prepisAudia.size > 0 }}


    {{if item.prepisAudia && item.prepisAudia.size > 0 }}
       <audio style='width:99%' id='player' controls src='{{item.audioUrl}}' type='audio/mp3'>
         Váš prohlížeč neumí přehrávat MP3 z prohlížeče.
       </audio>
       <b>Stačí kliknout na větu v textu a spustí se audiozáznam z daného místa</b>. <i>V Safari na OSX zlobí posun v souboru, doporučujeme Chrome</i>
       <script>
         var pl = document.querySelector('#player');
         function skipTo(sec)
         {
           pl.pause();
           pl.currentTime=0;
           if (sec < 4) { sec = 0; } else { sec = sec-4;} 
       
           pl.currentTime=sec;
           pl.play();
         }
         pl.currentTime= new URLSearchParams(window.location.search).get('t');
         pl.pause();
       </script>
    {{end}}

    </td></tr>
    <tr><td colspan=2>
<p class="text-warning">Upozorňujeme, že přepisy záznamu neanonymizujeme ani nijak neupravujeme.</p>
    <pre class='formatted'>
    {{ for bl in item.prepisAudia -}}
        <span title='Začíná v {{ timespan.from_seconds bl.sekundOdZacatku.Value | object.format 'c'}}' class='playme' onclick='javascript:skipTo({{bl.sekundOdZacatku.Value}});' >{{bl.text}}</span>
    {{- end}}
    </pre>
    </td></tr>

{{end}}
</td></tr>
</table>
, footer:, title:, properties:)