Link Here
|
1 |
<template> |
1 |
<template> |
2 |
<div v-if="!initialized">{{ $__("Loading") }}</div> |
2 |
<div v-if="!initialized">{{ $__("Loading") }}</div> |
3 |
<div v-else id="usage_data_providers_show"> |
3 |
<div v-else id="usage_data_providers_show"> |
|
|
4 |
<Toolbar> |
5 |
<ToolbarButton |
6 |
:to="{ |
7 |
name: 'UsageStatisticsDataProvidersFormAddEdit', |
8 |
params: { |
9 |
usage_data_provider_id: |
10 |
usage_data_provider.erm_usage_data_provider_id, |
11 |
}, |
12 |
}" |
13 |
class="btn btn-default" |
14 |
icon="pencil" |
15 |
:title="$__('Edit')" |
16 |
/> |
17 |
<a |
18 |
@click=" |
19 |
delete_usage_data_provider( |
20 |
usage_data_provider.erm_usage_data_provider_id, |
21 |
usage_data_provider.name |
22 |
) |
23 |
" |
24 |
class="btn btn-default" |
25 |
><font-awesome-icon icon="trash" /> {{ $__("Delete") }}</a |
26 |
> |
27 |
</Toolbar> |
28 |
|
4 |
<h2> |
29 |
<h2> |
5 |
{{ |
30 |
{{ |
6 |
$__("Data provider #%s").format( |
31 |
$__("Data provider #%s").format( |
7 |
usage_data_provider.erm_usage_data_provider_id |
32 |
usage_data_provider.erm_usage_data_provider_id |
8 |
) |
33 |
) |
9 |
}} |
34 |
}} |
10 |
<span class="action_links"> |
|
|
11 |
<router-link |
12 |
:to="{ |
13 |
name: 'UsageStatisticsDataProvidersFormAddEdit', |
14 |
params: { |
15 |
usage_data_provider_id: |
16 |
usage_data_provider.erm_usage_data_provider_id, |
17 |
}, |
18 |
}" |
19 |
:title="$__('Edit')" |
20 |
><i class="fa fa-pencil"></i |
21 |
></router-link> |
22 |
<a |
23 |
@click=" |
24 |
delete_usage_data_provider( |
25 |
usage_data_provider.erm_usage_data_provider_id, |
26 |
usage_data_provider.name |
27 |
) |
28 |
" |
29 |
><i class="fa fa-trash"></i |
30 |
></a> |
31 |
</span> |
32 |
</h2> |
35 |
</h2> |
33 |
<div id="usage_data_providerstabs" class="toptabs numbered"> |
36 |
<div id="usage_data_providerstabs" class="toptabs numbered"> |
34 |
<ul class="nav nav-tabs" role="tablist"> |
37 |
<ul class="nav nav-tabs" role="tablist"> |
Link Here
|
123 |
<script> |
126 |
<script> |
124 |
import { inject } from "vue" |
127 |
import { inject } from "vue" |
125 |
import { APIClient } from "../../fetch/api-client.js" |
128 |
import { APIClient } from "../../fetch/api-client.js" |
|
|
129 |
import Toolbar from "../Toolbar.vue" |
130 |
import ToolbarButton from "../ToolbarButton.vue" |
126 |
import UsageStatisticsDataProvidersFileImport from "./UsageStatisticsDataProvidersFileImport.vue" |
131 |
import UsageStatisticsDataProvidersFileImport from "./UsageStatisticsDataProvidersFileImport.vue" |
127 |
import UsageStatisticsDataProvidersCounterLogs from "./UsageStatisticsDataProvidersCounterLogs.vue" |
132 |
import UsageStatisticsDataProvidersCounterLogs from "./UsageStatisticsDataProvidersCounterLogs.vue" |
128 |
import UsageStatisticsDataProviderDetails from "./UsageStatisticsDataProviderDetails.vue" |
133 |
import UsageStatisticsDataProviderDetails from "./UsageStatisticsDataProviderDetails.vue" |
Link Here
|
230 |
UsageStatisticsDataProvidersCounterLogs, |
235 |
UsageStatisticsDataProvidersCounterLogs, |
231 |
UsageStatisticsDataProviderDetails, |
236 |
UsageStatisticsDataProviderDetails, |
232 |
UsageStatisticsProviderDataList, |
237 |
UsageStatisticsProviderDataList, |
|
|
238 |
Toolbar, |
239 |
ToolbarButton, |
233 |
}, |
240 |
}, |
234 |
} |
241 |
} |
235 |
</script> |
242 |
</script> |
236 |
<style scoped> |
243 |
<style scoped> |
237 |
.action_links a { |
|
|
238 |
padding-left: 0.2em; |
239 |
font-size: 11px; |
240 |
cursor: pointer; |
241 |
} |
242 |
.active { |
244 |
.active { |
243 |
cursor: pointer; |
245 |
cursor: pointer; |
244 |
} |
246 |
} |