|
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 |
} |