Finished Log collection section

This commit is contained in:
JuanjiJG 2018-09-24 14:21:15 +02:00
parent 7961a11c7b
commit 8d4d175976
3 changed files with 56 additions and 45 deletions

View File

@ -1,12 +1,19 @@
<!-- This section contains the main content and the right sidenav -->
<div flex="auto" layout="row" ng-if="configurationSubTab === 'localfile'">
<div flex="auto" layout="row" ng-if="!load && configurationSubTab === 'localfile'">
<!-- This section appears when there's no configuration -->
<wz-no-config flex ng-if="false"></wz-no-config>
<!-- End no configuration section -->
<!-- No configuration section -->
<wz-no-config
flex
error="currentConfig['logcollector-localfile']"
ng-if="currentConfig['logcollector-localfile'] && isString(currentConfig['logcollector-localfile'])"></wz-no-config>
<wz-no-config
flex
error="'not-present'"
ng-if="currentConfig['logcollector-localfile'] && !isString(currentConfig['logcollector-localfile']) && !currentConfig['logcollector-localfile'].localfile"></wz-no-config>
<!-- End no configuration section -->
<!-- This section is the main content -->
<div flex layout="column">
<div flex layout="column" ng-if="currentConfig['logcollector-localfile'] && !isString(currentConfig['logcollector-localfile']) && currentConfig['logcollector-localfile'].localfile && currentConfig['logcollector-localfile'].localfile.length">
<!-- The main card will all the settings -->
<md-card flex="auto" class="wz-md-card" ng-if="!JSONContent && !XMLContent">
@ -19,9 +26,9 @@
</div>
</div>
<span flex></span>
<span ng-class="JSONContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getJSON('localfile')">JSON</span>
<span ng-class="JSONContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getJSON()">JSON</span>
<span class="small">&nbsp;&centerdot;&nbsp;</span>
<span ng-class="XMLContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getXML('localfile')">XML</span>
<span ng-class="XMLContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getXML()">XML</span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
@ -32,65 +39,57 @@
<div flex="30" layout="column">
<md-list flex="auto" class="wz-item-list">
<md-list-item>Test</md-list-item>
<md-list-item class="wz-text-link" ng-click="updateSelectedItem($index)" ng-repeat="item in currentConfig['logcollector-localfile'].localfile">{{ item.file || item.alias || item.command }}</md-list-item>
</md-list>
</div>
<!-- End list container -->
<!-- Detail container -->
<div flex layout="column">
<div flex layout="column" ng-if="currentConfig['logcollector-localfile'].localfile.length">
<div flex="auto" class="wz-item-detail">
<wz-config-item
label="Log location"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].file || 'n/a'">
</wz-config-item>
<wz-config-item
label="Run this command"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].command || 'n/a'">
</wz-config-item>
<wz-config-item
label="Command alias"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].alias || 'n/a'">
</wz-config-item>
<wz-config-item
label="Interval between command executions"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].frequency || 'n/a'">
</wz-config-item>
<wz-config-item
label="Only receive logs occured after start"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem]['only-future-events'] || 'n/a'">
</wz-config-item>
<wz-config-item
label="Filter logs using this XPATH query"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].query || 'n/a'">
</wz-config-item>
<wz-config-item
label="Log labels"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].labels || 'n/a'">
</wz-config-item>
<wz-config-item
is-array="true"
label="Redirect output to this socket"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].target || 'agent'">
</wz-config-item>
<wz-config-item
label="Log format"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].log_format || 'n/a'">
</wz-config-item>
<wz-config-item
is-array="true"
label="Log collection output format"
value="'FOOFOOFOO'"
notResponsive="true">
value="currentConfig['logcollector-localfile'].localfile[selectedItem].target">
</wz-config-item>
</div>
@ -113,9 +112,9 @@
</div>
</div>
<span flex></span>
<span ng-class="JSONContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getJSON('localfile')">JSON</span>
<span ng-class="JSONContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getJSON()">JSON</span>
<span class="small">&nbsp;&centerdot;&nbsp;</span>
<span ng-class="XMLContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getXML('localfile')">XML</span>
<span ng-class="XMLContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getXML()">XML</span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
@ -139,9 +138,9 @@
</div>
</div>
<span flex></span>
<span ng-class="JSONContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getJSON('localfile')">JSON</span>
<span ng-class="JSONContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getJSON()">JSON</span>
<span class="small">&nbsp;&centerdot;&nbsp;</span>
<span ng-class="XMLContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getXML('localfile')">XML</span>
<span ng-class="XMLContent ? 'wz-text-active' : ''" class="wz-text-link small" ng-click="getXML()">XML</span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>

View File

@ -1,4 +1,4 @@
<div flex="auto" layout="column" ng-if="!load && configurationTab === 'log-collection'" ng-init="switchConfigurationSubTab('localfile')">
<div flex="auto" layout="column" ng-if="configurationTab === 'log-collection'" ng-init="switchConfigurationSubTab('localfile')">
<!-- Headline -->
<div layout="column" layout-padding>
@ -18,3 +18,8 @@
<md-nav-item class="wz-nav-item" md-nav-click="switchConfigurationSubTab('socket')" name="socket">Sockets</md-nav-item>
</md-nav-bar>
<!-- End Log collection navigation bar -->
<!-- Loading ring -->
<div class='uil-ring-css' ng-show="load">
<div></div>
</div>

View File

@ -1,12 +1,19 @@
<!-- This section contains the main content and the right sidenav -->
<div flex="auto" layout="row" ng-if="configurationSubTab === 'socket'">
<div flex="auto" layout="row" ng-if="!load && configurationSubTab === 'socket'">
<!-- This section appears when there's no configuration -->
<wz-no-config flex ng-if="false"></wz-no-config>
<!-- End no configuration section -->
<!-- No configuration section -->
<wz-no-config
flex
error="currentConfig['logcollector-socket']"
ng-if="currentConfig['logcollector-socket'] && isString(currentConfig['logcollector-socket'])"></wz-no-config>
<wz-no-config
flex
error="'not-present'"
ng-if="currentConfig['logcollector-socket'] && !isString(currentConfig['logcollector-socket']) && !currentConfig['logcollector-socket'].target"></wz-no-config>
<!-- End no configuration section -->
<!-- This section is the main content -->
<div flex layout="column">
<div flex layout="column" ng-if="currentConfig['logcollector-socket'] && !isString(currentConfig['logcollector-socket']) && currentConfig['logcollector-socket'].target && currentConfig['logcollector-socket'].target.length">
<!-- The main card will all the settings -->
<md-card flex="auto" class="wz-md-card" ng-if="!JSONContent && !XMLContent">
@ -32,34 +39,34 @@
<div flex="30" layout="column">
<md-list flex="auto" class="wz-item-list">
<md-list-item>Test</md-list-item>
<md-list-item class="wz-text-link" ng-click="updateSelectedItem($index)" ng-repeat="item in currentConfig['logcollector-socket'].target">{{ item.name }}</md-list-item>
</md-list>
</div>
<!-- End list container -->
<!-- Detail container -->
<div flex layout="column">
<div flex layout="column" ng-if="currentConfig['logcollector-socket'].target.length">
<div flex="auto" class="wz-item-detail">
<wz-config-item
label="Socket name"
value="'FOOFOOFOO'"
value="currentConfig['logcollector-socket'].target[selectedItem].name || 'n/a'"
notResponsive="true">
</wz-config-item>
<wz-config-item
label="Socket location"
value="'FOOFOOFOO'"
value="currentConfig['logcollector-socket'].target[selectedItem].location || 'n/a'"
notResponsive="true">
</wz-config-item>
<wz-config-item
label="UNIX socket protocol"
value="'FOOFOOFOO'"
value="currentConfig['logcollector-socket'].target[selectedItem].mode || 'udp'"
notResponsive="true">
</wz-config-item>
<wz-config-item
label="Prefix to place before the message"
value="'FOOFOOFOO'"
value="currentConfig['logcollector-socket'].target[selectedItem].prefix || 'n/a'"
notResponsive="true">
</wz-config-item>
</div>