本文整理汇总了TypeScript中core/application/application.state.provider.ApplicationStateProvider.addInsightDetailState方法的典型用法代码示例。如果您正苦于以下问题：TypeScript state.provider.ApplicationStateProvider.addInsightDetailState方法的具体用法？TypeScript state.provider.ApplicationStateProvider.addInsightDetailState怎么用？TypeScript state.provider.ApplicationStateProvider.addInsightDetailState使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类core/application/application.state.provider.ApplicationStateProvider的用法示例。
在下文中一共展示了state.provider.ApplicationStateProvider.addInsightDetailState方法的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: require
//.........这里部分代码省略.........
region: $stateParams.region,
vpcId: $stateParams.vpcId,
};
}]
},
data: {
pageTitleDetails: {
title: 'Security Group Details',
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'securityGroups',
},
}
};
const securityGroupSummary: INestedState = {
url: `/securityGroups?${stateConfigProvider.paramsToQuery(filterModelConfig)}`,
name: 'securityGroups',
views: {
'nav': {
template: '<security-group-filter app="$resolve.app"></security-group-filter>',
},
'master': {
templateUrl: require('../securityGroup/all.html'),
controller: 'AllSecurityGroupsCtrl',
controllerAs: 'ctrl'
}
},
params: stateConfigProvider.buildDynamicParams(filterModelConfig),
data: {
pageTitleSection: {
title: 'Security Groups'
}
}
};
const standaloneSecurityGroup: INestedState = {
name: 'securityGroupDetails',
url: '/securityGroupDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'main@': {
templateUrl: require('../presentation/standalone.view.html'),
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: StateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'securityGroup.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
resolvedSecurityGroup: ['$stateParams', ($stateParams: StateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
provider: $stateParams.provider,
region: $stateParams.region,
vpcId: $stateParams.vpcId,
};
}],
app: ['$stateParams', 'securityGroupReader', 'applicationModelBuilder',
($stateParams: StateParams,
securityGroupReader: SecurityGroupReader,
applicationModelBuilder: ApplicationModelBuilder): ng.IPromise<Application> => {
// we need the application to have a security group index (so rules get attached and linked properly)
// and its name should just be the name of the security group (so cloning works as expected)
return securityGroupReader.loadSecurityGroups()
.then((securityGroupsIndex) => {
const application: Application = applicationModelBuilder.createStandaloneApplication($stateParams.name);
application['securityGroupsIndex'] = securityGroupsIndex; // TODO: refactor the securityGroupsIndex out
return application;
});
}]
},
data: {
pageTitleDetails: {
title: 'Security Group Details',
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'securityGroups',
},
}
};
applicationStateProvider.addInsightState(securityGroupSummary);
applicationStateProvider.addInsightDetailState(securityGroupDetails);
stateConfigProvider.addToRootState(standaloneSecurityGroup);
});示例2: require
]).config((applicationStateProvider: ApplicationStateProvider) => {
const loadBalancerDetails: INestedState = {
name: 'loadBalancerDetails',
url: '/loadBalancerDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'detail@../insight': {
templateProvider: ['$templateCache', '$stateParams', 'cloudProviderRegistry',
($templateCache: ng.ITemplateCacheService,
$stateParams: ILoadBalancerDetailsStateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return $templateCache.get(cloudProviderRegistry.getValue($stateParams.provider, 'loadBalancer.detailsTemplateUrl'));
}],
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: ILoadBalancerDetailsStateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'loadBalancer.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
loadBalancer: ['$stateParams', ($stateParams: ILoadBalancerDetailsStateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
region: $stateParams.region,
vpcId: $stateParams.vpcId
};
}]
},
data: {
pageTitleDetails: {
title: 'Load Balancer Details',
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'loadBalancers',
},
}
};
const loadBalancers: INestedState = {
url: '/loadBalancers',
name: 'loadBalancers',
views: {
'nav': {
template: '<load-balancer-filter app="$resolve.app"></load-balancer-filter>',
},
'master': {
templateUrl: require('../loadBalancer/all.html'),
controller: 'AllLoadBalancersCtrl',
controllerAs: 'ctrl'
}
},
data: {
pageTitleSection: {
title: 'Load Balancers'
}
},
children: [],
};
applicationStateProvider.addInsightState(loadBalancers);
applicationStateProvider.addInsightDetailState(loadBalancerDetails);
});示例3: require
]).config((applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const clusters: INestedState = {
name: 'clusters',
url: '/clusters',
views: {
'nav': {
templateUrl: require('../cluster/filter/filterNav.html'),
controller: 'ClusterFilterCtrl',
controllerAs: 'clustersFilters'
},
'master': {
templateUrl: require('../cluster/all.html'),
controller: 'AllClustersCtrl',
controllerAs: 'allClusters'
}
},
data: {
pageTitleSection: {
title: 'Clusters'
}
},
children: [],
};
const serverGroupDetails: INestedState = {
name: 'serverGroup',
url: '/serverGroupDetails/:provider/:accountId/:region/:serverGroup',
views: {
'detail@../insight': {
templateProvider: ['$templateCache', '$stateParams', 'cloudProviderRegistry',
($templateCache: ng.ITemplateCacheService,
$stateParams: IServerGroupStateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return $templateCache.get(cloudProviderRegistry.getValue($stateParams.provider, 'serverGroup.detailsTemplateUrl'));
}],
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: IServerGroupStateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'serverGroup.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
serverGroup: ['$stateParams', ($stateParams: IServerGroupStateParams) => {
return {
name: $stateParams.serverGroup,
accountId: $stateParams.accountId,
region: $stateParams.region,
};
}]
},
data: {
pageTitleDetails: {
title: 'Server Group Details',
nameParam: 'serverGroup',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'serverGroups',
},
}
};
const multipleServerGroups: INestedState = {
name: 'multipleServerGroups',
url: '/multipleServerGroups',
views: {
'detail@../insight': {
templateUrl: require('../serverGroup/details/multipleServerGroups.view.html'),
controller: 'MultipleServerGroupsCtrl',
controllerAs: 'vm'
}
},
data: {
pageTitleDetails: {
title: 'Multiple Server Groups',
},
}
};
applicationStateProvider.addInsightState(clusters);
applicationStateProvider.addInsightDetailState(serverGroupDetails);
applicationStateProvider.addInsightDetailState(multipleServerGroups);
stateConfigProvider.addRewriteRule('/applications/{application}', '/applications/{application}/clusters');
});示例4: require
]).config((applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const clusters: INestedState = {
name: 'clusters',
url: `/clusters?${stateConfigProvider.paramsToQuery(filterModelConfig)}`,
views: {
'nav': {
template: '<cluster-filter app="$resolve.app"></cluster-filter>',
},
'master': {
templateUrl: require('../cluster/allClusters.html'),
controller: 'AllClustersCtrl',
controllerAs: 'ctrl'
}
},
redirectTo: (transition) => {
return transition.injector().getAsync('app').then((app: Application) => {
if (app.serverGroups.disabled) {
const relativeSref = app.dataSources.find(ds => ds.sref && !ds.disabled).sref;
const params = transition.params();
// Target the state relative to the `clusters` state
const options = { relative: transition.to().name };
// Up two state levels first
return transition.router.stateService.target('^.^' + relativeSref, params, options);
}
return null;
});
},
params: stateConfigProvider.buildDynamicParams(filterModelConfig),
data: {
pageTitleSection: {
title: 'Clusters'
}
},
children: [],
};
const serverGroupDetails: INestedState = {
name: 'serverGroup',
url: '/serverGroupDetails/:provider/:accountId/:region/:serverGroup',
views: {
'detail@../insight': {
templateProvider: ['$templateCache', '$stateParams', 'cloudProviderRegistry',
($templateCache: ng.ITemplateCacheService,
$stateParams: StateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return $templateCache.get(cloudProviderRegistry.getValue($stateParams.provider, 'serverGroup.detailsTemplateUrl'));
}],
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: StateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'serverGroup.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
serverGroup: ['$stateParams', ($stateParams: StateParams) => {
return {
name: $stateParams.serverGroup,
accountId: $stateParams.accountId,
region: $stateParams.region,
};
}]
},
data: {
pageTitleDetails: {
title: 'Server Group Details',
nameParam: 'serverGroup',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'serverGroups',
},
}
};
const multipleServerGroups: INestedState = {
name: 'multipleServerGroups',
url: '/multipleServerGroups',
views: {
'detail@../insight': {
templateUrl: require('../serverGroup/details/multipleServerGroups.view.html'),
controller: 'MultipleServerGroupsCtrl',
controllerAs: 'vm'
}
},
data: {
pageTitleDetails: {
title: 'Multiple Server Groups',
},
}
};
applicationStateProvider.addInsightState(clusters);
applicationStateProvider.addInsightDetailState(serverGroupDetails);
applicationStateProvider.addInsightDetailState(multipleServerGroups);
stateConfigProvider.addRewriteRule('/applications/{application}', '/applications/{application}/clusters');
});示例5: require
]).config((applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const instanceDetails: INestedState = {
name: 'instanceDetails',
url: '/instanceDetails/:provider/:instanceId',
views: {
'detail@../insight': {
templateProvider: ['$templateCache', '$stateParams', 'cloudProviderRegistry',
($templateCache: ng.ITemplateCacheService,
$stateParams: IApplicationInstanceDetailsState,
cloudProviderRegistry: CloudProviderRegistry) => {
return $templateCache.get(cloudProviderRegistry.getValue($stateParams.provider, 'instance.detailsTemplateUrl'));
}],
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: IApplicationInstanceDetailsState,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'instance.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
overrides: () => { return {}; },
instance: ['$stateParams', ($stateParams: IApplicationInstanceDetailsState) => {
return {
instanceId: $stateParams.instanceId
};
}]
},
data: {
pageTitleDetails: {
title: 'Instance Details',
nameParam: 'instanceId'
},
history: {
type: 'instances',
},
}
};
const multipleInstances: INestedState = {
name: 'multipleInstances',
url: '/multipleInstances',
views: {
'detail@../insight': {
templateUrl: require('../instance/details/multipleInstances.view.html'),
controller: 'MultipleInstancesCtrl',
controllerAs: 'vm'
}
},
data: {
pageTitleDetails: {
title: 'Multiple Instances',
},
}
};
const standaloneInstance: INestedState = {
name: 'instanceDetails',
url: '/instance/:provider/:account/:region/:instanceId',
views: {
'main@': {
templateUrl: require('../presentation/standalone.view.html'),
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: IStandaloneInstanceDetailsState,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'instance.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
instance: ['$stateParams', ($stateParams: IStandaloneInstanceDetailsState) => {
return {
instanceId: $stateParams.instanceId,
account: $stateParams.account,
region: $stateParams.region,
noApplication: true
};
}],
app: ['applicationModelBuilder', (applicationModelBuilder: ApplicationModelBuilder): Application => {
return applicationModelBuilder.createStandaloneApplication('(standalone instance)');
}],
overrides: () => { return {}; },
},
data: {
pageTitleDetails: {
title: 'Instance Details',
nameParam: 'instanceId'
},
history: {
type: 'instances',
},
}
};
applicationStateProvider.addInsightDetailState(instanceDetails);
applicationStateProvider.addInsightDetailState(multipleInstances);
stateConfigProvider.addToRootState(standaloneInstance);
//.........这里部分代码省略.........
示例6: require
]).config((applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const clusters: INestedState = {
name: 'clusters',
url: '/clusters',
views: {
'nav': {
template: '<cluster-filter app="$resolve.app"></cluster-filter>',
},
'master': {
templateUrl: require('../cluster/all.html'),
controller: 'AllClustersCtrl',
controllerAs: 'ctrl'
}
},
resolve: {
// prevents flash of filters if fetchOnDemand is enabled; catch any exceptions so the route resolves
// and deal with the exception in the AllClustersCtrl
ready: (app: Application) => app.getDataSource('serverGroups').ready().catch(() => null),
},
data: {
pageTitleSection: {
title: 'Clusters'
}
},
children: [],
};
const serverGroupDetails: INestedState = {
name: 'serverGroup',
url: '/serverGroupDetails/:provider/:accountId/:region/:serverGroup',
views: {
'detail@../insight': {
templateProvider: ['$templateCache', '$stateParams', 'cloudProviderRegistry',
($templateCache: ng.ITemplateCacheService,
$stateParams: IServerGroupStateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return $templateCache.get(cloudProviderRegistry.getValue($stateParams.provider, 'serverGroup.detailsTemplateUrl'));
}],
controllerProvider: ['$stateParams', 'cloudProviderRegistry',
($stateParams: IServerGroupStateParams,
cloudProviderRegistry: CloudProviderRegistry) => {
return cloudProviderRegistry.getValue($stateParams.provider, 'serverGroup.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
serverGroup: ['$stateParams', ($stateParams: IServerGroupStateParams) => {
return {
name: $stateParams.serverGroup,
accountId: $stateParams.accountId,
region: $stateParams.region,
};
}]
},
data: {
pageTitleDetails: {
title: 'Server Group Details',
nameParam: 'serverGroup',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'serverGroups',
},
}
};
const multipleServerGroups: INestedState = {
name: 'multipleServerGroups',
url: '/multipleServerGroups',
views: {
'detail@../insight': {
templateUrl: require('../serverGroup/details/multipleServerGroups.view.html'),
controller: 'MultipleServerGroupsCtrl',
controllerAs: 'vm'
}
},
data: {
pageTitleDetails: {
title: 'Multiple Server Groups',
},
}
};
applicationStateProvider.addInsightState(clusters);
applicationStateProvider.addInsightDetailState(serverGroupDetails);
applicationStateProvider.addInsightDetailState(multipleServerGroups);
stateConfigProvider.addRewriteRule('/applications/{application}', '/applications/{application}/clusters');
});