<commit_before>
<div class="container">
    <div class="content-header">
        <h1><span class="glyphicon glyphicon-list-alt"></span>{{ models.model.title }}</h1>

        <div class="pc-visualization-formcontrols">
            <a type="button" class="btn btn-primary" data-ng-click="updateModel()" href="#!/models/{{ models.model.id }}/edit/true">Run Simulation</a>

            <div class="button-group">
                <a type="button" class="btn btn-primary  btn-create" href="#!/models/{{ models.model.id }}/edit">Edit</a>
                <a type="button" class="btn btn-danger  btn-clear" ng-click="deleteModel(models.model)" ng-if="user.state.isAdmin==true || models.model.userPath==user.state.userPath">Delete</a>
            </div>
        </div>
    </div>

    <!-- Menu -->
    <div class="row">
        <!-- <div class="col-lg-12"><a type="button" class="btn btn-primary pull-left">Save</a></div>  -->
        <div class="col-lg-12">
            <div class="row">
                <div class="col-lg-12 col-md-10 col-sm-10 col-xs-10">
                    <span id="tooltipTarget" tooltip-html-unsafe="t" tooltip-trigger="customEvent"></span>
                    <cytoscape cy-data="mapData" cy-edges="edgeData" cy-click="doClick(value)" cy-mouseup="doMouseUp(value,x,y)" cy-mouseover="doMouseOver(value,x,y)" cy-mouseout="doMouseOut(value,x,y)"></cytoscape>
                </div>
                <!-- /.col-lg-9  -->
            </div>
            <!-- /.row  -->
        </div>
        <!-- /.col-lg-12  -->

        <div class="col-lg-12">
            <hr>
            <tabset justified="true">
                <tab heading="Model Detail">
                    <div class="metadata metadata-event">
                        <div class="form-group form-group-datasets" ng-if="models.model.title || models.model.description">
                            <div class="form-item" ng-if="models.model.title">
                                <div class="field-label">Title</div>
                                <div class="field-content">{{models.model.title}}</div>
                            </div>
                            <div class="form-item" ng-if="models.model.description">
                                <div class="field-label">Description</div>
                                <div class="field-content">{{models.model.description}}</div>
                            </div>
                        </div>

                        <div class="form-group form-group-modified">
                            <div class="form-item" ng-if="models.model.userPath">
                                <div class="field-label">Added by</div>
                                <div class="field-content">
                                    <username userpath="{{models.model.userPath}}"></username>
                                </div>
                            </div>
                            <div class="form-item" ng-if="models.model.dateAddedtoPC">
                                <div class="field-label">Added</div>
                                <div class="field-content">{{ models.model.dateAddedtoPC | date:'longDate' }}</div>
                            </div>
                            <div class="form-item" ng-if="models.model.dateModified">
                                <div class="field-label">Modified</div>
                                <div class="field-content">{{ models.model.dateModified | date:'longDate' }}</div>
                            </div>
                        </div>

                    </div>
                    <div class="metadata metadata-event">
                        <div class="form-group form-group-keywords" ng-if="models.model.keywords">
                            <div class="field-label">Keywords</div>
                            <div class="field-content">{{models.model.keywords}}</div>
                        </div>
                        <div class="form-group form-group-rating">
                            <div class="form-item">
                                <div class="field-label">Rating</div>
                                <div class="field-content">
                                    <pc-rating ng-if="models.model.id" rating-id="fuzzymap_{{models.model.id}}"></pc-rating>
                                </div>
                            </div>
                        </div>
                    </div>
                </tab>

                <tab heading="Show Concepts">
                    <table class="table table-hover">
                        <tr>
                            <td align="center" width="20%"><b>Title</b></td>
                            <td align="center" width="30%"><b>Description</b></td>
                            <td align="center" width="5%"><b>Input</b></td>
                            <td align="center" width="14%"><b>Activator</b></td>
                            <td align="center" width="5%"><b>Fixed Output</b></td>
                            <td align="center" width="13%"><b>Issued</b></td>
                            <td align="center" width="13%"><b>Last Modified</b></td>
                        </tr>
                        <tr ng-show="Concepts" ng-repeat="concept in Concepts">
                            <td>{{ concept.title }}</td>
                            <td>{{ concept.description }}</td>
                            <td align="center">{{ concept.input }}</td>
                            <td align="center">{{ concept.activator.title }}</td>
                            <td align="center">{{ concept.fixedoutput }}</td>
                            <td align="center">{{ concept.dateAddedtoPC | date:'longDate' }}</td>
                            <td align="center">{{ concept.dateModified | date:'longDate' }}</td>
                        </tr>
                    </table>
                </tab>

                <!--<tab heading="Simulation">Simulation</tab>

                <tab heading="Graph">Graph</tab>-->

            </tabset>

        </div>
        <!-- /.col-lg-12  -->
    </div>
    <!-- /.row  -->
    <div class="row">
        <h3 class="legend-primary">Discussion</h3>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <show-discussion ng-if="models.model.id" data-key="fuzzymap_{{ models.model.id }}"></show-discussion>
        </div>
    </div>
</div>
<commit_msg>Related Models in the view mode policycompass/policycompass#610<commit_after>
<div class="container">
    <div class="content-header">
        <h1><span class="glyphicon glyphicon-list-alt"></span>{{ models.model.title }}</h1>

        <div class="pc-visualization-formcontrols">
            <a type="button" class="btn btn-primary" data-ng-click="updateModel()" href="#!/models/{{ models.model.id }}/edit/true">Run Simulation</a>

            <div class="button-group">
                <a type="button" class="btn btn-primary  btn-create" href="#!/models/{{ models.model.id }}/edit">Edit</a>
                <a type="button" class="btn btn-danger  btn-clear" ng-click="deleteModel(models.model)" ng-if="user.state.isAdmin==true || models.model.userPath==user.state.userPath">Delete</a>
            </div>
        </div>
    </div>

    <!-- Menu -->
    <div class="row">
        <!-- <div class="col-lg-12"><a type="button" class="btn btn-primary pull-left">Save</a></div>  -->
        <div class="col-lg-12">
            <div class="row">
                <div class="col-lg-12 col-md-10 col-sm-10 col-xs-10">
                    <span id="tooltipTarget" tooltip-html-unsafe="t" tooltip-trigger="customEvent"></span>
                    <cytoscape cy-data="mapData" cy-edges="edgeData" cy-click="doClick(value)" cy-mouseup="doMouseUp(value,x,y)" cy-mouseover="doMouseOver(value,x,y)" cy-mouseout="doMouseOut(value,x,y)"></cytoscape>
                </div>
                <!-- /.col-lg-9  -->
            </div>
            <!-- /.row  -->
        </div>
        <!-- /.col-lg-12  -->

        <div class="col-lg-12">
            <hr>
            <tabset justified="true">
                <tab heading="Model Detail">
                    <div class="metadata metadata-event">
                        <div class="form-group form-group-datasets" ng-if="models.model.title || models.model.description">
                            <div class="form-item" ng-if="models.model.title">
                                <div class="field-label">Title</div>
                                <div class="field-content">{{models.model.title}}</div>
                            </div>
                            <div class="form-item" ng-if="models.model.description">
                                <div class="field-label">Description</div>
                                <div class="field-content">{{models.model.description}}</div>
                            </div>
                        </div>

                        <div class="form-group form-group-modified">
                            <div class="form-item" ng-if="models.model.userPath">
                                <div class="field-label">Added by</div>
                                <div class="field-content">
                                    <username userpath="{{models.model.userPath}}"></username>
                                </div>
                            </div>
                            <div class="form-item" ng-if="models.model.dateAddedtoPC">
                                <div class="field-label">Added</div>
                                <div class="field-content">{{ models.model.dateAddedtoPC | date:'longDate' }}</div>
                            </div>
                            <div class="form-item" ng-if="models.model.dateModified">
                                <div class="field-label">Modified</div>
                                <div class="field-content">{{ models.model.dateModified | date:'longDate' }}</div>
                            </div>
                        </div>

                    </div>
                    <div class="metadata metadata-event">
                        <div class="form-group form-group-keywords" ng-if="models.model.keywords">
                            <div class="field-label">Keywords</div>
                            <div class="field-content">{{models.model.keywords}}</div>
                        </div>
                        <div class="form-group form-group-rating">
                            <div class="form-item">
                                <div class="field-label">Rating</div>
                                <div class="field-content">
                                    <pc-rating ng-if="models.model.id" rating-id="fuzzymap_{{models.model.id}}"></pc-rating>
                                </div>
                            </div>
                        </div>
                    </div>
                </tab>

                <tab heading="Show Concepts">
                    <table class="table table-hover">
                        <tr>
                            <td align="center" width="20%"><b>Title</b></td>
                            <td align="center" width="30%"><b>Description</b></td>
                            <td align="center" width="5%"><b>Input</b></td>
                            <td align="center" width="14%"><b>Activator</b></td>
                            <td align="center" width="5%"><b>Fixed Output</b></td>
                            <td align="center" width="13%"><b>Issued</b></td>
                            <td align="center" width="13%"><b>Last Modified</b></td>
                        </tr>
                        <tr ng-show="Concepts" ng-repeat="concept in Concepts">
                            <td>{{ concept.title }}</td>
                            <td>{{ concept.description }}</td>
                            <td align="center">{{ concept.input }}</td>
                            <td align="center">{{ concept.activator.title }}</td>
                            <td align="center">{{ concept.fixedoutput }}</td>
                            <td align="center">{{ concept.dateAddedtoPC | date:'longDate' }}</td>
                            <td align="center">{{ concept.dateModified | date:'longDate' }}</td>
                        </tr>
                    </table>
                </tab>

                <tab heading="Related Models">
                    <div class="search-results row-flex">
                        <div ng-repeat="model in relatedModels" class="result-wrapper result-wrapper-fuzzymap">
                            <div class="result-block searchItemIcon fuzzymapIcon" ng-cloak>
                                <div class="search-result">
                                    <h5>
                                        <a href="#!/models/{{ model._source.id }}">{{ model._source.title }}</a>
                                    </h5>

                                    <div class="attributes">

                                        <p>{{ model._source.description | limitTo:200 }}...</p>

                                        <div class="key-field">
                                            <label class="key-field-title">Keywords: </label>
                                            {{ model._source.keywords |date:'d-M-yy'}}
                                        </div>
                                        <div class="key-field">
                                            <label class="key-field-title">Comments: </label>
                                            {{ model._source.commentsCount }}
                                        </div>
                                        <div class="key-field">
                                            <label class="key-field-title">Rating: </label>
                                            <pc-rating rating-id="fuzzymap_{{model._source.id}}" readonly="true"></pc-rating>
                                        </div>
                                    </div>
                                </div>
                                <div class="texticon texticon-fuzzymap"></div>
                            </div>
                        </div>
                    </div>
                </tab>

                <!--<tab heading="Simulation">Simulation</tab>

                <tab heading="Graph">Graph</tab>-->

            </tabset>

        </div>
        <!-- /.col-lg-12  -->
    </div>
    <!-- /.row  -->
    <div class="row">
        <h3 class="legend-primary">Discussion</h3>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <show-discussion ng-if="models.model.id" data-key="fuzzymap_{{ models.model.id }}"></show-discussion>
        </div>
    </div>
</div>

{'fraction_non_alphanumeric': 0.15963015840641784, 'fraction_numerical': 0.005574818138554627, 'mean_word_length': 1.189639773742185, 'pattern_counts': {'":': 0, '<': 375, '<?xml version=': 0, '>': 375, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 33, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5882779', 'n_tokens_mistral': 3919, 'n_tokens_neox': 3681, 'n_words': 613}