{% extends "lara_base.html" %}

{% block title %}Process-Generator{% endblock %}

{% block head %}  

  <script src="/static/blockly_compressed.js"></script>
  <script src="/static/blocks_compressed.js"></script>
  <script src="/static/msg/js/en.js"></script>
  <script src="/static/python.js"></script>
  <script src="/static/lara_blocks.js"></script>
  <script src="/static/init_blockly.js"></script>

  <style>
    body {
      background-color: #fff;
      font-family: sans-serif;
    }
    h1 {
      font-weight: normal;
      font-size: 140%;
    }
  </style>  
  <xml xmlns="http://www.w3.org/1999/xhtml" id="toolbox" style="display: none;">
  <category name="Process Flow" colour="#a69f5c">
    <block type="processflow_init_process"></block>
    <block type="processflow_read_barcode"></block>
    <block type="processflow_end_process"></block>
  </category>
  <category name="Cultivation" colour="#a65c5e">
    <block type="cultivation_growth">
      <field name="temp">37</field>
      <field name="incubation_duration">100</field>
      <field name="cycle_num">3</field>
    </block>
    <block type="cultivation_expression">
      <field name="temp">20</field>
      <field name="incubation_duration">120</field>
      <field name="cycle_num">4</field>
    </block>
    <block type="cultivation_harvest">
      <field name="temp">4</field>
      <field name="incubation_duration">20</field>
    </block>
    <block type="cultivation_harvest">
      <field name="temp">4</field>
      <field name="incubation_duration">20</field>
    </block>
    <block type="cultivation_wash">
      <field name="temp">37</field>
      <field name="incubation_duration">20</field>
    </block>
    <block type="cultivation_lysis">
      <field name="temp">30</field>
      <field name="lysis_duration">120</field>
      <field name="incubation_duration">20</field>
    </block>
  </category>
  <category name="Separation" colour="#a6795c"></category>
  <category name="Analysis" colour="#5ea65c"></category>
  <category name="Liquid handling" colour="#5e5ca6"></category>
  <category name="XNA processing" colour="#a65ca4"></category>
</xml>

<xml xmlns="http://www.w3.org/1999/xhtml" id="workspaceBlocks" style="display:none">
  <block type="processflow_init_process" id="@;k)f.3YYNx*?V:G9UUg" x="38" y="13"></block>
  <block type="processflow_end_process" id="f+E*b%;;:2^u=;yuLaKb" x="38" y="388"></block>
</xml>

{% endblock %}       

{% block top %} 
  <h1> LARA Process generator</h1>
  <p> </p> 
{% endblock %}

{% block main_content %}

block area 2
<div  id="blocklyArea" >
      <div id="blocklyDiv" style="height: 700px; width: 1000px; position: absolute"></div>
  </div> 

<script>
    window.onload = initBlockly();
</script>
{% endblock %}

