sap.ui.define(
[
'sap/ui/core/mvc/Controller',
'com/test/hotkeys/zTest/controller/InputWithAttrs',
'sap/m/Dialog',
'sap/m/Button',
'sap/m/Input',
'sap/m/MessageToast',
'sap/suite/ui/commons/ProcessFlowLaneHeader',
],
function (
Controller,
InputWithAttrs,
Dialog,
Button,
Input,
MessageToast,
ProcessFlowLaneHeader
) {
'use strict';
return Controller.extend('com.test.hotkeys.zTest.controller.View1', {
onInit: function () {
/* var oModel = new JSONModel(
sap.ui.require.toUrl(
'sap/suite/ui/commons/sample/NetworkGraphStaticForce/graph.json'
)
);
oModel.setSizeLimit(Number.MAX_SAFE_INTEGER);
this.getView().setModel(oModel); */
this.oModelSettings = new sap.ui.model.json.JSONModel({
maxIterations: 200,
maxTime: 500,
initialTemperature: 200,
coolDownStep: 1,
});
this.getView().setModel(this.oModelSettings, 'settings');
this.oGraph = this.getView().byId('graph');
this.oGraph._fZoomLevel = 0.75;
},
});
}
);
sap.ui.define(['sap/m/Input'], function (Input) {
return Input.extend('com.test.hotkeys.zTest.controller.InputWithAttrs', {
metadata: {
properties: {
inputmode: { type: 'string' },
},
},
renderer: {
writeInnerAttributes: function (oRm, oInput) {
sap.m.InputRenderer.writeInnerAttributes.apply(this, arguments);
if (oInput.getInputmode()) {
oRm.attr('inputmode', oInput.getInputmode());
}
},
},
});
});
/* Enter your custom styles here */
title=Title
appTitle=zTest
appDescription=App Description
sap.ui.define([
"sap/ui/model/json/JSONModel",
"sap/ui/Device"
], function (JSONModel, Device) {
"use strict";
return {
createDeviceModel: function () {
var oModel = new JSONModel(Device);
oModel.setDefaultBindingMode("OneWay");
return oModel;
}
};
});
<mvc:View
controllerName="com.test.hotkeys.zTest.controller.View1"
xmlns:mvc="sap.ui.core.mvc"
displayBlock="true"
xmlns:m="sap.m"
xmlns="sap.suite.ui.commons.networkgraph"
xmlns:layout="sap.suite.ui.commons.networkgraph.layout"
xmlns:f="sap.ui.layout.form"
xmlns:commons="sap.suite.ui.commons"
xmlns:core="sap.ui.core" >
<m:App id="idAppControl">
<m:pages>
<m:Page id="paginaaa" title="Test">
<m:content>
<Graph enableWheelZoom="false"
nodes="{/nodes}"
lines="{/lines}"
groups="{/groups}"
id="graph">
<layoutData>
<m:FlexItemData minWidth="75%" maxWidth="75%"/>
</layoutData>
<layoutAlgorithm>
<layout:ForceDirectedLayout
optimalDistanceConstant="0.26"
maxIterations="{settings>/maxIterations}"
maxTime="{settings>/maxTime}"
initialTemperature="{settings>/initialTemperature}"
coolDownStep="{settings>/coolDownStep}">
</layout:ForceDirectedLayout>
</layoutAlgorithm>
<nodes>
<Node
height="{settings>/height}"
key="{key}"
title="{title}"
icon="{icon}"
group="{group}"
attributes="{path:'attributes', templateShareable:true}"
shape="{shape}"
status="{status}"
x="{x}"
y="{y}">
<attributes>
<ElementAttribute
label="{label}"
value="{value}"/>
</attributes>
</Node>
</nodes>
<lines>
<Line
from="{from}"
to="{to}"
status="{status}"
>
</Line>
</lines>
<groups>
<Group
key="{key}"
title="{title}">
</Group>
</groups>
</Graph>
</m:content>
</m:Page>
</m:pages>
</m:App>
</mvc:View>
sap.ui.define([
"sap/ui/core/UIComponent",
"sap/ui/Device",
"com/test/hotkeys/zTest/model/models"
], function (UIComponent, Device, models) {
"use strict";
return UIComponent.extend("com.test.hotkeys.zTest.Component", {
metadata: {
manifest: "json"
},
/**
* The component is initialized by UI5 automatically during the startup of the app and calls the init method once.
* @public
* @override
*/
init: function () {
// call the base component's init function
UIComponent.prototype.init.apply(this, arguments);
// enable routing
this.getRouter().initialize();
// set the device model
this.setModel(models.createDeviceModel(), "device");
}
});
});
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<script
src="https://sapui5.hana.ondemand.com/1.120.0/resources/sap-ui-cachebuster/sap-ui-core.js"
id="sap-ui-bootstrap" data-sap-ui-libs="sap.m"
data-sap-ui-xx-bindingSyntax="complex"
data-sap-ui-theme="sap_fiori_3" data-sap-ui-preload="async"
data-sap-ui-language="it"
data-sap-ui-resourceroots='{"com.test.hotkeys.zTest": "./"}'>
</script>
<script>
sap.ui.getCore().attachInit(function() {
new sap.m.Shell({
app: new sap.ui.core.ComponentContainer({
name : "com.test.hotkeys.zTest"
}),
appWidthLimited: false
}).placeAt("content");
});
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
{
"_version": "1.8.0",
"sap.app": {
"id": "com.test.hotkeys.zTest",
"type": "application",
"i18n": "i18n/i18n.properties",
"applicationVersion": {
"version": "1.0.0"
},
"title": "{{appTitle}}",
"description": "{{appDescription}}",
"sourceTemplate": {
"id": "ui5template.basicSAPUI5ApplicationProject",
"version": "1.38.11"
}
},
"sap.ui": {
"technology": "UI5",
"icons": {
"icon": "",
"favIcon": "",
"phone": "",
"phone@2": "",
"tablet": "",
"tablet@2": ""
},
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
},
"supportedThemes": [
"sap_hcb",
"sap_bluecrystal"
]
},
"sap.ui5": {
"rootView": {
"viewName": "com.test.hotkeys.zTest.view.View1",
"type": "XML"
},
"handleValidation": true,
"dependencies": {
"minUI5Version": "1.30.0",
"libs": {
"sap.ui.layout": {},
"sap.ui.core": {},
"sap.m": {}
}
},
"contentDensities": {
"compact": true,
"cozy": true
},
"models": {
"i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"settings": {
"bundleName": "com.test.hotkeys.zTest.i18n.i18n"
}
},
"": {
"type": "sap.ui.model.json.JSONModel",
"settings": {},
"uri": "products.json",
"preload": false
}
},
"resources": {
"css": [{
"uri": "css/style.css"
}]
},
"routing": {
"config": {
"routerClass": "sap.m.routing.Router",
"viewType": "XML",
"async": true,
"viewPath": "com.test.hotkeys.zTest.view",
"controlAggregation": "pages",
"controlId": "idAppControl"
},
"routes": [{
"name": "RouteView1",
"pattern": "RouteView1",
"target": ["TargetView1"]
}],
"targets": {
"TargetView1": {
"viewType": "XML",
"viewName": "View1"
}
}
}
}
}
{
"nodes": [
{
"key": 0,
"title": "Iron Man",
"group": 1,
"status": "Error",
"icon": "sap-icon://key-user-settings",
"attributes": [
{
"label": "Release date",
"value": "May 2, 2008"
},{
"label": "Director",
"value": "Jon Favreau"
}
]
},{
"key": 1,
"title": "Iron Man 2",
"group": 1,
"status": "Error",
"icon": "sap-icon://key-user-settings",
"attributes": [
{
"label": "Release date",
"value": "May 7, 2010"
},{
"label": "Director",
"value": "Jon Favreau"
}
]
},{
"key": 2,
"title": "The Incredible Hulk",
"group": 1,
"icon": "sap-icon://theater",
"attributes": [
{
"label": "Release date",
"value": "June 13, 2008"
},{
"label": "Director",
"value": "Louis Leterrier"
}
]
},{
"key": 3,
"title": "Thor",
"group": 1,
"status": "Warning",
"icon": "sap-icon://wrench",
"attributes": [
{
"label": "Release date",
"value": "May 6, 2011"
},{
"label": "Director",
"value": "Kenneth Branagh"
}
]
},{
"key": 4,
"title": "Captain America: The First Avenger",
"group": 1,
"status": "Success",
"icon": "sap-icon://unfavorite",
"attributes": [
{
"label": "Release date",
"value": "July 22, 2011"
},{
"label": "Director",
"value": "Joe Johnston"
}
]
},{
"key": 5,
"title": "Marvel's The Avengers",
"group": 1,
"status": "Error",
"icon": "sap-icon://text-color",
"attributes": [
{
"label": "Release date",
"value": "May 4, 2012"
},{
"label": "Director",
"value": "Joss Whedon"
}
]
},{
"key": 6,
"title": "Iron Man 3",
"group": 2,
"status": "Error",
"icon": "sap-icon://key-user-settings",
"attributes": [
{
"label": "Release date",
"value": "May 3, 2013"
},{
"label": "Director",
"value": "Shane Black"
}
]
},{
"key": 7,
"title": "Thor: The Dark World",
"group": 2,
"status": "Warning",
"icon": "sap-icon://wrench",
"attributes": [
{
"label": "Release date",
"value": "November 8, 2013"
},{
"label": "Director",
"value": "Alan Taylor"
}
]
},{
"key": 8,
"title": "Captain America: The Winter Soldier",
"group": 2,
"status": "Success",
"icon": "sap-icon://unfavorite",
"attributes": [
{
"label": "Release date",
"value": "April 4, 2014"
},{
"label": "Director",
"value": "Anthony & Joe Russo"
}
]
},{
"key": 9,
"title": "Doctor Strange",
"group": 3,
"icon": "sap-icon://activate",
"attributes": [
{
"label": "Release date",
"value": "November 4, 2016"
},{
"label": "Director",
"value": "Scott Derrickson"
}
]
},{
"key": 10,
"title": "Avengers: Age of Ultron",
"group": 2,
"status": "Error",
"icon": "sap-icon://text-color",
"attributes": [
{
"label": "Release date",
"value": "May 1, 2015"
},{
"label": "Director",
"value": "Joss Whedon"
}
]
},{
"key": 11,
"title": "Ant-Man and the Wasp",
"group": 3,
"icon": "sap-icon://chain-link",
"attributes": [
{
"label": "Release date",
"value": "July 6, 2018"
},{
"label": "Director",
"value": "Peyton Reed"
}
]
},{
"key": 12,
"title": "Thor: Ragnarok",
"group": 3,
"status": "Warning",
"icon": "sap-icon://wrench",
"attributes": [
{
"label": "Release date",
"value": "November 3, 2017"
},{
"label": "Director",
"value": "Taika Waititi"
}
]
},{
"key": 13,
"title": "Ant-Man",
"group": 2,
"icon": "sap-icon://chain-link",
"attributes": [
{
"label": "Release date",
"value": "July 17, 2015"
},{
"label": "Director",
"value": "Peyton Reed"
}
]
},{
"key": 14,
"title": "Captain America: Civil War",
"group": 3,
"status": "Success",
"icon": "sap-icon://unfavorite",
"attributes": [
{
"label": "Release date",
"value": "May 6, 2016"
},{
"label": "Director",
"value": "Anthony & Joe Russo"
}
]
},{
"key": 15,
"title": "Guardians of the Galaxy",
"group": 2,
"icon": "sap-icon://shield",
"attributes": [
{
"label": "Release date",
"value": "August 1, 2014"
},{
"label": "Director",
"value": "James Gunn"
}
]
},{
"key": 16,
"title": "Spider-Man: Homecoming",
"group": 3,
"icon": "sap-icon://tree",
"attributes": [
{
"label": "Release date",
"value": "July 7, 2017"
},{
"label": "Director",
"value": "Jon Watts"
}
]
},{
"key": 17,
"title": "Black Panther",
"group": 3,
"icon": "sap-icon://circle-task-2",
"attributes": [
{
"label": "Release date",
"value": "February 16, 2018"
},{
"label": "Director",
"value": "Ryan Coogler"
}
]
},{
"key": 18,
"title": "Guardians of the Galaxy Vol. 2",
"icon": "sap-icon://shield",
"group": 3,
"attributes": [
{
"label": "Release date",
"value": "May 5, 2017"
},{
"label": "Director",
"value": "James Gunn"
}
]
},{
"key": 19,
"title": "'Avengers 4'",
"group": 3,
"status": "Error",
"icon": "sap-icon://text-color",
"attributes": [
{
"label": "Release date",
"value": "May 3, 2019"
},{
"label": "Director",
"value": "Anthony & Joe Russo"
}
]
},{
"key": 20,
"title": "Avengers: Infinity War",
"group": 3,
"status": "Error",
"icon": "sap-icon://text-color",
"attributes": [
{
"label": "Release date",
"value": "April 27, 2018"
},{
"label": "Director",
"value": "Anthony & Joe Russo"
}
]
}
],
"lines": [
{"from": 0, "to": 1},
{"from": 1, "to": 5},
{"from": 2, "to": 5},
{"from": 3, "to": 5},
{"from": 4, "to": 5},
{"from": 5, "to": 1},
{"from": 5, "to": 2},
{"from": 5, "to": 3},
{"from": 5, "to": 4},
{"from": 5, "to": 6},
{"from": 5, "to": 7},
{"from": 5, "to": 8},
{"from": 6, "to": 10},
{"from": 7, "to": 10},
{"from": 8, "to": 10},
{"from": 9, "to": 12},
{"from": 10, "to": 12},
{"from": 10, "to": 13},
{"from": 13, "to": 11},
{"from": 10, "to": 14},
{"from": 13, "to": 14},
{"from": 14, "to": 16},
{"from": 14, "to": 17},
{"from": 12, "to": 20},
{"from": 16, "to": 20},
{"from": 17, "to": 20},
{"from": 15, "to": 18},
{"from": 18, "to": 20},
{"from": 5, "to": 19},
{"from": 10, "to": 19},
{"from": 20, "to": 19}
],
"groups": [
{"key": 1, "title": "Phase One"},
{"key": 2, "title": "Phase Two"},
{"key": 3, "title": "Phase Three"}
]
}