Fehlerbericht/app/views/overview.html

<div class="container-fluid">
    <ul class="nav nav-pills">
        <li><a ng-href="#/overview/all/today/errors">Heutige Fehler</a></li>
        <li><a ng-href="#/overview/all/today/all">Heutige Statusmeldungen</a></li>
        <li><a ng-href="#/overview/all/all/missing">Alle Fehlenden</a></li>
        <li><a ng-href="#/overview/all/all/errors">Alle Fehler</a></li>

        <li>
            <div class="dropdown">
                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">Benutzer: {{benutzer||'bitte auswählen'}}&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li ng-repeat="val in domain.benutzer"><a ng-click="saveUser(val)">{{val}}</a></li>
                </ul>
            </div>
        </li>
    </ul>

</div>

<div class="row">
    <div class="container-fluid col-md-7">
<table class="table table-bordered table-striped">
    <tr>
        <th>
            <label>
                Datum <i class="glyphicon glyphicon-sort-by-alphabet" ng-click="Predicate='datum'"></i><br/>
                <input ng-model="Filter.datum" type="date" ng-change="refresh()" />
            </label>
        </th>
        <th>
            <label>
                Kunde <i class="glyphicon glyphicon-sort-by-alphabet" ng-click="Predicate='kunde'"></i><br/>
                <input ng-model="Filter.kunde" />
            </label>
        </th>
        <th>Start Soll<br/>Ende Soll <i class="glyphicon glyphicon-sort-by-alphabet" ng-click="Predicate='ende_soll'"></i></th>
        <th>Start Ist<br/>Ende Ist</th>
        <th>Abweichung</th>
        <th>Fehler / Statistik</th>
        <th>Kommentar</th>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <div class="dropdown">
                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{Filter.system||'alle'}}&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a ng-click="Filter.system=''">alle</a></li>
                    <li class="divider"></li>
                    <li ng-repeat="val in domain.system"><a ng-click="Filter.system=val">{{val}}</a></li>
                </ul>
            </div>
        </td>
        <td></td>
        <td>
            <div class="dropdown">
                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{domain.fehlend[Filter.fehlend]||'alle'}}&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a ng-click="Filter.fehlend=''">alle</a></li>
                    <li class="divider"></li>
                    <li ng-repeat="(key,val) in domain.fehlend"><a ng-click="Filter.fehlend=key">{{val}}</a></li>
                </ul>
            </div>
        </td>
        <td></td>
        <td>
            <div class="dropdown">
                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{domain.fehler[Filter.fehler]||'alle'}}&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a ng-click="Filter.fehler=''">alle</a></li>
                    <li class="divider"></li>
                    <li ng-repeat="(key,val) in domain.fehler"><a ng-click="Filter.fehler=key">{{val}}</a></li>
                </ul>
            </div>
        </td>
        <td>
            <div class="dropdown">
                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{Filter.benutzer||'alle'}}&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a ng-click="Filter.benutzer=''">alle</a></li>
                    <li class="divider"></li>
                    <li ng-repeat="val in domain.benutzer"><a ng-click="Filter.benutzer=val">{{val}}</a></li>
                </ul>
            </div>
        </td>
    </tr>

    <tr ng-repeat="zeile in overview | filter:SearchText | filter:Filter | orderBy:Predicate:Reverse" ng-class="{'danger':zeile.fehlend==1}">
        <td>{{dateFormat(zeile.datum)}}</td>
        <td><span class="label label-danger label-{{zeile.system}}">{{left(zeile.system, 1)}}</span> <a ng-href="#/overview/{{zeile.kunde}}/all/all">{{zeile.kunde}}</a></td>
        <td>{{zeile.start_soll}}<br/>{{zeile.ende_soll}}</td>
        <td>
            <a ng-click="saveStartTime(zeile)">{{zeile.start}}</a><br/>
            <a ng-click="saveEndTime(zeile)">{{zeile.ende}}</a>
        </td>
        <td>
            {{timeDiffStart(zeile)}}<br/>
            {{timeDiff(zeile)}}</td>
        <td>
            <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#stats-modal" ng-click="setCurrent(zeile)" ng-show="zeile.anzahl != null">
                <span class="glyphicon glyphicon-stats"></span>
            </button>
            <!--<a ng-href="#/overview/{{zeile.kunde}}/all/all"><button type="button" class="btn btn-default" title="Fehlermeldungen"><span class="glyphicon glyphicon-exclamation-sign"></span></button></a>-->
            <!--<a ng-href="#/stats/{{zeile.kunde}}"><button type="button" class="btn btn-default" title="Statistik"><span class="glyphicon glyphicon-stats"></span></button></a>-->

            <!--<a ng-href="#/config/{{zeile.kunde}}/current"><button type="button" class="btn btn-default" title="Konfiguration"><span class="glyphicon glyphicon-list-alt"></span></button></a>-->

            <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#fehler-modal" ng-click="setCurrent(zeile)" ng-show="zeile.anzahl != null">
                <span class="glyphicon" ng-class="{'glyphicon-check': zeile.anzahl == 0 && zeile.bearbeitet == 1, 'glyphicon-eye-close': zeile.anzahl == 0 && zeile.bearbeitet == 0,  'glyphicon-exclamation-sign': zeile.anzahl > 0 && zeile.bearbeitet == 0,  'glyphicon-ok': zeile.anzahl > 0 && zeile.bearbeitet == 1}"></span>
                <span class="label label-danger label-{{zeile.anzahl}}"> {{zeile.anzahl}}</span>
            </button>

            <button type="button" data-trigger="focus" class="btn btn-default btn-sm" data-toggle="modal" data-target="#fehler-modal" ng-click="setCurrent(zeile)" ng-show="zeile.anzahl == null">
                <span class="glyphicon glyphicon-question-sign"></span>
            </button>
        </td>
        <td>
            <button type="button" class="btn btn-default btn-sm" ng-init="c = getComments(zeile)" ng-show="c" data-toggle="popover" data-placement="bottom"
                    title="" data-content="" data-popover="{{zeile.kunde}}">
                <span ng-show="c[0].datum != zeile.datum">{{dateFormat(c[0].datum)}}: </span>
                <span class="glyphicon {{getCommentIcon(c)}}"></span>
                <span class="label label-danger label-{{c[0].fehler}}"> {{c[0].fehler}}</span>
                {{c[0].benutzer}}
            </button>
        </td>
    </tr>
</table>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="fehler-modal" tabindex="-1" role="dialog" aria-labelledby="fehler-modal-label" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="fehler-modal-label"><span class="glyphicon glyphicon-exclamation-sign"></span>&nbsp; {{current.zeile.kunde}} - {{dateFormat(current.zeile.datum)}}</h4>
            </div>


            <div class="modal-body">

                <table class="table table-hover table-bordered">
                    <tr>
                        <td>
                            <button class="btn btn-default" ng-click="current.kommentar=current.template"><span class="glyphicon glyphicon-plus"></span></button>
                        </td>
                        <th style="width: 140px;">Datum</th>
                        <th style="width: 100px;">Benutzer</th>
                        <th style="width: 170px;">Status</th>
                        <th style="width: 70px;">Anzahl</th>
                        <th style="width: 340px;">Kommentar</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>
                            <div class="dropdown">
                                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{domain.statusfilter[current.status]||'alle'}}&nbsp;<b class="caret"></b></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a ng-click="current.status=''">alle</a></li>
                                    <li class="divider"></li>
                                    <li ng-repeat="(key,val) in domain.statusfilter"><a ng-click="current.status=key">{{val}}</a></li>
                                </ul>
                            </div>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr ng-repeat="c in comments[current.zeile.kunde] | filter:statusFilter | orderBy: 'datum' ">
                        <td><button class="btn btn-default" ng-click="editComment(c)"><span class="glyphicon glyphicon-pencil"></span></button></td>
                        <td>{{dateTimeFormat(c.mdate)}}</td>
                        <td>{{c.benutzer}}</td>
                        <td><span class="glyphicon {{getCommentIcon(c)}}"></span> {{domain.bearbeitet[c.status]}}</td>
                        <td><span class="label label-danger label-{{c.fehler}}"> {{c.fehler}}</span></td>
                        <td>{{c.kommentar}}</td>
                    </tr>
                </table>

                <table class="table table-hover table-bordered">
                    <tr>
                        <th>Benutzer</th>
                        <td>
                            <div class="dropdown">
                                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{current.kommentar.benutzer||'unbekannt'}}&nbsp;<b class="caret"></b></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li ng-repeat="val in domain.benutzer"><a ng-click="current.kommentar.benutzer=val">{{val}}</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Bearbeitungsstand</th>
                        <td>
                            <div class="dropdown">
                                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown"><span class="glyphicon {{getCommentIcon(current.kommentar)}}"></span> {{domain.bearbeitet[current.kommentar.status]||'unbekannt'}}&nbsp;<b class="caret"></b></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li ng-repeat="(key,val) in domain.bearbeitet"><a ng-click="current.kommentar.status=key"><span class="glyphicon {{domain.comment[key]}}"></span> {{val}}</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr ng-show="current.kommentar.status=='7'">
                        <th>Empfänger</th>
                        <td>
                            <div class="dropdown">
                                <a class="btn dropdown-toggle" role="button" data-toggle="dropdown">{{current.kommentar.benutzer2||'unbekannt'}}&nbsp;<b class="caret"></b></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li ng-repeat="val in domain.benutzer"><a ng-click="current.kommentar.benutzer2=val;current.kommentar.kommentar='weitergeleitet an '+val">{{val}}</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Anzahl Fehler
                            <span class="label label-danger label-{{current.fehler.anzahl}}"> {{current.fehler.anzahl}}</span>
                        </th>
                        <td>
                            <span class="label label-danger label-{{current.kommentar.fehler}}"> {{current.kommentar.fehler}}</span> &nbsp;
                            <label>
                                <input type="range" name="Anzahl" min="0" max="10" ng-model="current.kommentar.fehler" />
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <th>Kommentar</th>
                        <td>
                            <label>
                                <textarea cols="60" rows="5" ng-model="current.kommentar.kommentar"></textarea>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <button type="button" class="btn btn-default" ng-click="saveComments()">Speichern</button>
                            <button type="button" class="btn btn-primary" ng-click="saveComments()" data-dismiss="modal">Speichern und schließen</button>
                        </td>
                    </tr>
                </table>


                <div class="logdatei" ng-repeat="e in current.fehler.fehlerbericht | filter: errorLevel | orderBy: 'ErrorLevel'">
                    <a href="" onclick="$(this).next().toggle()">
                        <p class="modell" ng-class="{'rot':e.ErrorLevel < 3}">{{e.Type}}: {{e.Name}} ({{errorCount(e)}})</p>
                    </a>


                    <div class="closed-tab">
                        <ul class="fehler" ng-show="e.Type=='Modell'">
                            <li ng-repeat="error in e.Errors"><a href="http://wiki.global-cube.de/{{error.Number}}">{{error.Number}}</a>:
                                ({{error.Level}}) {{error.Message}}</li>
                        </ul>
                        <pre class="fehler" ng-show="e.Type=='Workflow'" ng-bind-html="e.Errors[0]"></pre>
                        <table class="ft" ng-show="e.Type=='Portal'||e.Type=='Versand'">
                            <tbody ng-repeat="error in e.Errors">
                                <tr>
                                    <td rowspan="5" class="number">{{$index+1}}
                                    <td>Datei:</td>
                                    <td>{{error.Filename}}</td>
                                </tr>
                                <tr>
                                    <td>Stand:</td>
                                    <td>{{error.Modified}}</td>
                                </tr>
                                <tr>
                                    <td>Benutzer:</td>
                                    <td>{{error.User}}</td>
                                </tr>
                                <tr>
                                    <td>Bericht:</td>
                                    <td>{{error.Report}} (Schicht {{error.Layer}})</td>
                                </tr>
                                <tr class="strich">
                                    <td>Empfänger:</td>
                                    <td><div ng-bind-html="mailFormat(error.MailTo)"></div></td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                </div>


                <table class="table table-hover table-bordered">
                    <tr ng-repeat="(header, g) in current.fehler.weitere">
                        <th>{{header}}</th>

                        <td>
                            <ul>
                                <li ng-repeat="e in g" >
                                    <a ng-click="current.fehlerdetails = e" ng-show="header == 'Workflow'">{{e.Name}}</a>
                                    <span ng-show="header != 'Workflow'">{{e.Name}}</span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </table>

                <div class="logdatei" ng-show="current.fehlerdetails != null">
                    <p class="modell">{{current.fehlerdetails.Type}}: {{current.fehlerdetails.Name}} ({{errorCount(current.fehlerdetails)}})</p>
                    <pre class="fehler" ng-repeat="error in current.fehlerdetail.Errors">{{error}}</pre>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="stats-modal" tabindex="-1" role="dialog" aria-labelledby="stats-modal-label" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="stats-modal-label"><span class="glyphicon glyphicon-stats"></span>&nbsp; {{current.zeile.kunde}} - {{dateFormat(current.zeile.datum)}}</h4>
            </div>
            <div class="modal-body">
                <div id="duration" style="width: 750px; height: 550px">

                </div>
                <br/><br/>
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Name</th>
                        <th>Datum</th>
                        <th>Zeit</th>
                        <th>Dauer</th>
                        <th>Quellen</th>
                        <th>Kategorien</th>
                        <th>Datensätze</th>
                    </tr>
                    <tr ng-repeat="e in current.fehler.fehlerbericht" ng-show="e.Summary.Duration != null">
                        <td>{{e.Type}}: <a href="" ng-click="showDetails(e)">{{e.Name}}</a></td>
                        <td>{{dateFormat(e.Modified)}}</td>
                        <td>{{timeFormat(e.Modified)}}</td>
                        <td>{{e.Summary.Duration}}</td>
                        <td>{{e.Sources.length}}</td>
                        <td>{{e.Summary.Categories}}</td>
                        <td>{{e.Summary.Entities}}</td>
                    </tr>
                </table>

                <div ng-show="current.details!=null">
                    <h3>Details zu {{current.details.Type}}: {{current.details.Name}}</h3>
                    <div id="duration_details" style="width: 750px; height: 550px">

                    </div>
                    <br/><br/>
                    <table class="table table-bordered table-striped">
                        <tr>
                            <th>Name</th>
                            <th ng-show="current.details.Type!='Modell'">Report</th>
                            <th ng-show="current.details.Type=='Modell'">Datensätze</th>
                            <th>Dauer</th>
                        </tr>
                        <tr ng-repeat="e in current.details.Sources">
                            <td>{{e.Filename}}</td>
                            <td ng-show="current.details.Type!='Modell'">{{e.Report}} ({{e.Layer}})</td>
                            <td ng-show="current.details.Type=='Modell'">{{e.Entities}}</td>
                            <td>{{e.Duration}}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.table tbody tr td {
    vertical-align: middle;
}

.label-0 {
    background-color: #aaaaaa;
}

.label-1 {
    background-color: #bbbb00;
}

.label-2 {
    background-color: #bb8800;
}

.label-3 {
    background-color: #bb0000;
}

table.ft {
    border: 1px solid #888;
}

table.ft td {
    padding: 3px 5px;
    margin: 2px;
    background-color: #ddd;
}

.logdatei {
    margin: 10px 5px 20px 5px;
    padding: 0 20px 10px 20px;
    background-color: #eee;
    border: 1px solid #888;
}

.modell {
    font-weight: bold;
    background-color: #ccc;
    padding: 10px;
    margin: 0 -20px;
}

.rot {
    background-color: #e88;
}

.number {
    font-weight: bold;
    background-color: #ccc;
    border: 1px solid #888888;
}

.strich {
    border-bottom: 1px solid #888888;
}

</style>