<commit_before>{{js "js/details.js"}}
<!-- TODO: Move inline styles to separate css file ~tmkb-->
<style>
    .card {
        border: 1px solid gray;
        padding: 20px;
        border-top: 0;
        min-height: 600px;
    }

    .tabs-holder {
        padding-bottom: 10px;
        border-bottom: 1px solid darkcyan
    }

    .tab-content {
        padding-left: 0;
    }
</style>
<div class="row">
    <div class="col-lg-12">
        <div class="tabs-holder">
            <div class="button-bar">
                <ul class="nav nav-pills tab-effect">
                    <li id="tab-1" role="presentation"><a href="#overview-tab"
                                                          aria-controls="overview-tab"
                                                          role="tab" data-toggle="tab">
                        &nbsp;Overview</a>
                    </li>
                    <li id="tab-2" role="presentation"><a href="#lc-tab" aria-controls="lc-tab" role="tab"
                                                          data-toggle="tab"><i
                            class="fw fw-lifecycle"></i>&nbsp;
                        Life-Cycle</a>
                    </li>
                    <li id="tab-3" role="presentation"><a href="#endpoints-tab" role="tab" aria-controls="endpoints-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-endpoint"></i>&nbsp; Endpoints</a>
                    </li>
                    <li id="tab-4" role="presentation"><a href="#resources-tab" role="tab" aria-controls="resources-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-tabesource"></i>&nbsp;
                        Resources</a></li>
                    <li id="tab-5" role="presentation"><a href="#documents-tab" role="tab" aria-controls="documents-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-document"></i>&nbsp; Documents</a>
                    </li>
                    <li id="tab-6" role="presentation"><a href="#actrl-tab" role="tab" aria-controls="actrl-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-contract"></i>&nbsp; Access Control</a>
                    </li>
                    <li id="tab-7" role="presentation"><a href="#mediation-tab" role="tab" aria-controls="mediation-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-sequence"></i>&nbsp;
                        Mediation</a>
                    </li>
                    <li id="tab-8" role="presentation"><a href="#scripting-tab" role="tab" aria-controls="scripting-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-prototype"></i>&nbsp; Scripting</a>
                    </li>
                    <li id="tab-9" role="presentation"><a href="#subscriptions-tab" role="tab" aria-controls="subscriptions-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-subscribe"></i>&nbsp; {{i18n "Subscriptions"}}</a>
                    </li>
                    <li id="tab-10" role="presentation"><a href="#apiconsole-tab" role="tab" aria-controls="apiconsole-tab" 
                    									  data-toggle="tab"><i
                 			class="fw fw-document"></i>&nbsp; API Console</a>
                    </li> 
                </ul>
            </div>
        </div>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active" id="overview-tab">
                <div class="card">
                    <div id="overview-content">
                        <div style="height:500px" data-toggle="loading" data-loading-inverse="true"></div>
                        <!-- Content will be loaded by an AJAX call -->
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="lc-tab">
                <div class="card">
                    {{defineZone "lc-tab-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="endpoints-tab">
                <div class="card">
                    {{defineZone "endpoints-tab-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="resources-tab">
                <div class="card">
                    {{defineZone "resources-tab-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="documents-tab">
                <div class="card">
                    {{defineZone "api-tab-doc-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="actrl-tab">
                <div class="card">
                    <div class="message message-info">
                        <h4><i class="icon fw fw-info"></i>This feature is not supported yet.</h4>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="mediation-tab">
                <div class="card">
                    <div class="message message-info">
                        <h4><i class="icon fw fw-info"></i>This feature is not supported yet.</h4>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="subscriptions-tab">
              <div class="card">
                  {{defineZone "subscriptions-tab-content"}}
              </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="apiconsole-tab">
            	<div class="card">
            		<div class="message message-info">
            			{{defineZone "api-console-content"}}
            		</div>
            	</div><commit_msg>Fix style issue and i18n<commit_after>{{js "js/details.js"}}
<!-- TODO: Move inline styles to separate css file ~tmkb-->
<style>
    .card {
        border: 1px solid gray;
        padding: 20px;
        border-top: 0;
        min-height: 600px;
    }

    .tabs-holder {
        padding-bottom: 10px;
        border-bottom: 1px solid darkcyan
    }

    .tab-content {
        padding-left: 0;
    }
</style>
<div class="row">
    <div class="col-lg-12">
        <div class="tabs-holder">
            <div class="button-bar">
                <ul class="nav nav-pills tab-effect">
                    <li id="tab-1" role="presentation"><a href="#overview-tab"
                                                          aria-controls="overview-tab"
                                                          role="tab" data-toggle="tab">
                        &nbsp;Overview</a>
                    </li>
                    <li id="tab-2" role="presentation"><a href="#lc-tab" aria-controls="lc-tab" role="tab"
                                                          data-toggle="tab"><i
                            class="fw fw-lifecycle"></i>&nbsp;
                        Life-Cycle</a>
                    </li>
                    <li id="tab-3" role="presentation"><a href="#endpoints-tab" role="tab" aria-controls="endpoints-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-endpoint"></i>&nbsp; Endpoints</a>
                    </li>
                    <li id="tab-4" role="presentation"><a href="#resources-tab" role="tab" aria-controls="resources-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-tabesource"></i>&nbsp;
                        Resources</a></li>
                    <li id="tab-5" role="presentation"><a href="#documents-tab" role="tab" aria-controls="documents-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-document"></i>&nbsp; Documents</a>
                    </li>
                    <li id="tab-6" role="presentation"><a href="#actrl-tab" role="tab" aria-controls="actrl-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-contract"></i>&nbsp; Access Control</a>
                    </li>
                    <li id="tab-7" role="presentation"><a href="#mediation-tab" role="tab" aria-controls="mediation-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-sequence"></i>&nbsp;
                        Mediation</a>
                    </li>
                    <li id="tab-8" role="presentation"><a href="#scripting-tab" role="tab" aria-controls="scripting-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-prototype"></i>&nbsp; Scripting</a>
                    </li>
                    <li id="tab-9" role="presentation"><a href="#subscriptions-tab" role="tab" aria-controls="subscriptions-tab"
                                                          data-toggle="tab"><i
                            class="fw fw-subscribe"></i>&nbsp; {{i18n "Subscriptions"}}</a>
                    </li>
                    <li id="tab-10" role="presentation"><a href="#apiconsole-tab" role="tab" aria-controls="apiconsole-tab" 
                    									  data-toggle="tab"><i
                 			class="fw fw-document"></i>&nbsp; {{i18n "API Console"}}</a>
                    </li> 
                </ul>
            </div>
        </div>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active" id="overview-tab">
                <div class="card">
                    <div id="overview-content">
                        <div style="height:500px" data-toggle="loading" data-loading-inverse="true"></div>
                        <!-- Content will be loaded by an AJAX call -->
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="lc-tab">
                <div class="card">
                    {{defineZone "lc-tab-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="endpoints-tab">
                <div class="card">
                    {{defineZone "endpoints-tab-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="resources-tab">
                <div class="card">
                    {{defineZone "resources-tab-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="documents-tab">
                <div class="card">
                    {{defineZone "api-tab-doc-content"}}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="actrl-tab">
                <div class="card">
                    <div class="message message-info">
                        <h4><i class="icon fw fw-info"></i>This feature is not supported yet.</h4>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="mediation-tab">
                <div class="card">
                    <div class="message message-info">
                        <h4><i class="icon fw fw-info"></i>This feature is not supported yet.</h4>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="subscriptions-tab">
              <div class="card">
                  {{defineZone "subscriptions-tab-content"}}
              </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="apiconsole-tab">
              <div class="card">
            	  {{defineZone "api-console-content"}}
              </div>
{'fraction_non_alphanumeric': 0.1479440789473684, 'fraction_numerical': 0.005756578947368421, 'mean_word_length': 1.1554413328606876, 'pattern_counts': {'":': 0, '<': 249, '<?xml version=': 0, '>': 249, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 40, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4633454', 'n_tokens_mistral': 3232, 'n_tokens_neox': 3015, 'n_words': 600}