<commit_before><?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css" ?>
<?xml-stylesheet href="chrome://browser/skin/browser.css" type="text/css" ?>
<!--
<?xml-stylesheet href="chrome://selectowl/skin/selectowl-editor.css" type="text/css" ?>
-->
<!DOCTYPE page SYSTEM "chrome://selectowl/locale/sidebar.dtd">
<page id="selectowl-sidebar" title="&sidebar.title;"
      xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
      onload="selectowl.init();">

    <script src="jquery-2.1.0.js" />
    <script src="jOWL.js" />
    <script src="aardvark.js" />

    <script src="selectowl/selectowl.js" />
    <script src="selectowl/selectowl.ontology.js" />
    <script src="selectowl/selectowl.aardvark.js" />
    <script src="selectowl/selectowl.gui.js" />

    <!--
    <script src="sizzle.js" />
    <script src="json2.js" />
    <script src="extractor.js" />
    
    <script src="selectowl/selectowl.editor.js" />
    <script src="selectowl/selectowl.editor.area.js" />
    <script src="selectowl/selectowl.editor.attach.js" />
    <script src="selectowl/selectowl.editor.name.js" />
    <script src="selectowl/selectowl.editor.read.js" />
    <script src="selectowl/selectowl.editor.url.js" />
    <script src="selectowl/selectowl.editor.widgetClass.js" />
    <script src="selectowl/selectowl.editor.widgetContent.js" />
    <script src="selectowl/selectowl.editor.widgetId.js" />
    <script src="selectowl/selectowl.editor.widgetPos.js" />
    <script src="selectowl/selectowl.editor.widgetTagName.js" />
    <script src="selectowl/selectowl.editor.widgetUse.js" />
    <script src="selectowl/selectowl.extractor.js" />
    <script src="selectowl/selectowl.file.js" />
    <script src="selectowl/selectowl.misc.js" />
    <script src="selectowl/selectowl.tree.js" />
    -->

    <!--
workflow: 
    * load ontology
    * select action (what to do)
      * add object
      * add property
    * select resource (depending on action)
    * aardvark - selector
    * edit the result
    * back to action

further: 
    * more actions: 
      * edit settings of ontology.. (if selected)
      * safe script
      * start crowler
    -->

    <vbox flex="1">
      <vbox id="main" flex="1">
        <!-- trying to make workflow kinda "movable" in a smaller box -->
        <box flex="0" style="width: 100%;">
          <box flex="1" style="flex-direction: row;">
            <hbox id="workflow"><!-- populated with selectowl.gui.populateWorkflow(); --></hbox>
          </box>
        </box>

        <groupbox id="load-ontology" class="current-step" flex="1">
          <caption label="Load Ontology" />
          <hbox flex="0">
            <textbox id="ontology-url" flex="1"/>
            <button label="Load" oncommand="selectowl.load();" flex="0" width="50"/>
          </hbox>
          <tree id="ontology-prefixes-list" flex="1" seltype="single" editable="true">
            <treecols>
              <treecol id="prefixes-prefix-col" flex="1" label="prefix" persist="width"/>
              <splitter class="tree-splitter" />
              <treecol id="prefixes-uri-col"    flex="5" label="URI"/>
            </treecols>
            <treechildren />
          </tree>
        </groupbox>

        <!--groupbox id="select-action" style="display: none;" flex="1">
          <caption label="Select Action" />
          <vbox flex="1"> 
            <button label="Load Ontology"             oncommand="selectowl.gui.showStep('load-ontology');"  flex="1"/>
            <button label="Select Object"             oncommand="selectowl.gui.showStep('select-class');"  flex="1"/>
            <button label="Select Object Property"    oncommand="selectowl.gui.showStep('select-property');" flex="1" />
            <button label="Edit Script"               disabled="true" oncommand="" flex="1" />
            <button label="Save Script"               disabled="true" oncommand="" flex="1" />
            <button label="Edit Ontology Preferences" disabled="true" oncommand="" flex="1" />
          </vbox>
        </groupbox-->


        <!-- TODO learn to sort trees by column values -->

        <groupbox id="select-class" style="display: none;" flex="1">
          <caption label="Select Class" />
          <tree id="ontology-classes-list" enableColumnDrag="true" flex="1">
            <treecols><commit_msg>moved prefixes into separate groupbox<commit_after><?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css" ?>
<?xml-stylesheet href="chrome://browser/skin/browser.css" type="text/css" ?>
<!--
<?xml-stylesheet href="chrome://selectowl/skin/selectowl-editor.css" type="text/css" ?>
-->
<!DOCTYPE page SYSTEM "chrome://selectowl/locale/sidebar.dtd">
<page id="selectowl-sidebar" title="&sidebar.title;"
      xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
      onload="selectowl.init();">

    <script src="jquery-2.1.0.js" />
    <script src="jOWL.js" />
    <script src="aardvark.js" />

    <script src="selectowl/selectowl.js" />
    <script src="selectowl/selectowl.ontology.js" />
    <script src="selectowl/selectowl.aardvark.js" />
    <script src="selectowl/selectowl.gui.js" />

    <!--
    <script src="sizzle.js" />
    <script src="json2.js" />
    <script src="extractor.js" />
    
    <script src="selectowl/selectowl.editor.js" />
    <script src="selectowl/selectowl.editor.area.js" />
    <script src="selectowl/selectowl.editor.attach.js" />
    <script src="selectowl/selectowl.editor.name.js" />
    <script src="selectowl/selectowl.editor.read.js" />
    <script src="selectowl/selectowl.editor.url.js" />
    <script src="selectowl/selectowl.editor.widgetClass.js" />
    <script src="selectowl/selectowl.editor.widgetContent.js" />
    <script src="selectowl/selectowl.editor.widgetId.js" />
    <script src="selectowl/selectowl.editor.widgetPos.js" />
    <script src="selectowl/selectowl.editor.widgetTagName.js" />
    <script src="selectowl/selectowl.editor.widgetUse.js" />
    <script src="selectowl/selectowl.extractor.js" />
    <script src="selectowl/selectowl.file.js" />
    <script src="selectowl/selectowl.misc.js" />
    <script src="selectowl/selectowl.tree.js" />
    -->

    <!--
workflow: 
    * load ontology
    * select action (what to do)
      * add object
      * add property
    * select resource (depending on action)
    * aardvark - selector
    * edit the result
    * back to action

further: 
    * more actions: 
      * edit settings of ontology.. (if selected)
      * safe script
      * start crowler
    -->

    <vbox flex="1">
      <vbox id="main" flex="1">
        <!-- trying to make workflow kinda "movable" in a smaller box -->
        <box flex="0" style="width: 100%;">
          <box flex="1" style="flex-direction: row;">
            <hbox id="workflow"><!-- populated with selectowl.gui.populateWorkflow(); --></hbox>
          </box>
        </box>

        <groupbox id="load-ontology" class="current-step" flex="1">
          <caption label="Load Ontology" />
          <hbox flex="0">
            <textbox id="ontology-url" flex="1"/>
            <button label="Load" oncommand="selectowl.load();" flex="0" width="50"/>
          </hbox>
        </groupbox>

        <groupbox id="edit-prefixes" style="display: none;" flex="1">
          <caption label="Edit Prefixes" />
          <tree id="ontology-prefixes-list" flex="1" seltype="single" editable="true">
            <treecols>
              <treecol id="prefixes-prefix-col" flex="1" label="prefix" persist="width"/>
              <splitter class="tree-splitter" />
              <treecol id="prefixes-uri-col"    flex="5" label="URI"/>
            </treecols>
            <treechildren />
          </tree>
        </groupbox>

        <!--groupbox id="select-action" style="display: none;" flex="1">
          <caption label="Select Action" />
          <vbox flex="1"> 
            <button label="Load Ontology"             oncommand="selectowl.gui.showStep('load-ontology');"  flex="1"/>
            <button label="Select Object"             oncommand="selectowl.gui.showStep('select-class');"  flex="1"/>
            <button label="Select Object Property"    oncommand="selectowl.gui.showStep('select-property');" flex="1" />
            <button label="Edit Script"               disabled="true" oncommand="" flex="1" />
            <button label="Save Script"               disabled="true" oncommand="" flex="1" />
            <button label="Edit Ontology Preferences" disabled="true" oncommand="" flex="1" />
          </vbox>
        </groupbox-->


        <!-- TODO learn to sort trees by column values -->

        <groupbox id="select-class" style="display: none;" flex="1">
          <caption label="Select Class" />
          <tree id="ontology-classes-list" enableColumnDrag="true" flex="1">
            <treecols>
{'fraction_non_alphanumeric': 0.17529027167173938, 'fraction_numerical': 0.0073272460827415176, 'mean_word_length': 2.613849287169043, 'pattern_counts': {'":': 0, '<': 158, '<?xml version=': 2, '>': 158, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 10}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '949914', 'n_tokens_mistral': 2866, 'n_tokens_neox': 2700, 'n_words': 508}