2015-03-31 SAP Fiori launchpad in HANA

已注销
134 阅读1分钟

Created by Wang, Jerry on Oct 23, 2016

<!DOCTYPE html>
<!-- Copyright (c) 2013 SAP AG, All Rights Reserved -->
<html class="sapUShellFullHeight">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <script>
            window["sap-hana-uis-build-timestamp"] = "bk.timestamp";
            //deactivate the business object search
            window["sap-hana-uis-fiori-config"] = {
                defaultFioriSiteID: "sap|hana|uis|content|hanahome|HANAHomePage"
            };
        </script>
        <script type="text/javascript">
            
window["sap-ushell-config"] = {
platform: "fiori",
defaultRenderer: "fiori2",
renderers: {
fiori2: {
componentData: {
config: {
header: "hidden" 
}
}
}
}
};
/**
* Cloud FLP - Use OData prefix for trigerring doorway mapping for AJAX requests
**/
window["useODataPrefix"] = true;

(function(){
"use strict";
var initSite = {
/**
* hold the callback of UI5 that mark that boot task is done once the container has loaded.
*/
bootTaskIsDoneCallback: undefined,

/**
* Mark if the site need to redirect to login page when trying to load the site json
*/
redirectToLoginPage: false,
/**
* Is after link tag of loading css is written.
*/
finishLoadingAppSiteJSON: false,
/**
* Return the bootstrap script tags of fiori and UI5.
* @returns {*}
*/
getBootstrapScriptTags: function getBootstrapScriptTags(){
return ['<script src="../../bootstrap/uis_fiori.js?ts=' + window["sap-hana-uis-build-timestamp"] +'"><\/script>',
'<script id="sap-ui-bootstrap" src="/sap/ui5/1/resources/sap/fiori/core-min-0.js?ts=' + window["sap-hana-uis-build-timestamp"] +'"',
'data-sap-ui-evt-oninit="main(); ',
'"data-sap-ui-xx-bindingSyntax="complex" ',
'data-sap-ui-libs="sap.fiori,sap.m,sap.hana.uis" ',
'data-sap-ui-theme="sap_bluecrystal" ',
'data-sap-ui-compatVersion="1.16" ',
'data-sap-ui-logLevel=ERROR>',
'<\/script>'].join('');
},
/**
* return cores script tags
* @returns {*}
*/
getDebugCoresScriptTags: function getDebugCoresScriptTags(){
return ['<script src="/sap/ui5/1/resources/sap/fiori/core-min-1.js?ts=' + window["sap-hana-uis-build-timestamp"] +'"><\/script>',
'<script src="/sap/ui5/1/resources/sap/fiori/core-min-2.js?ts=' + window["sap-hana-uis-build-timestamp"] +'"><\/script>',
'<script src="/sap/ui5/1/resources/sap/fiori/core-min-3.js?ts=' + window["sap-hana-uis-build-timestamp"] +'"><\/script>'].join('');

},
/**
* Load all bootstrap
*/
loadBootstrapAndCores: function loadBootstrapAndCores(){
/*global window, console*/
//since the core of UI5 isn't loaded yet we must read the debug flags here to
//determine if we should load core-min-1 - 3 files the same is done in jquery.sap.global.js file
var bDebugSources = /sap-ui-debug=(true|x|X)/.test(window.location.search),
sScriptTags;
//Check local storage
try {
bDebugSources = bDebugSources || (window.localStorage.getItem("sap-ui-debug") == "X");
}catch(e) {
//IE9 doesn't have console when the dev tools aren't open
if (window.console && window.console.log){
console.log('failed to read debug mode from local storage');
}
}
//set the debug sources flag
window["sap-ui-debug"] = bDebugSources;
sScriptTags = this.getBootstrapScriptTags();
if (!window["sap-ui-debug"]) {
sScriptTags += this.getDebugCoresScriptTags();
}
window.document.write(sScriptTags);
},
/**
* Requests the Site json using a plain XHR.
* @param {string}
* @param {Function(number, string, string)}
* callback function to be called when the request finished, taking the status code, the
* CSRF token and the response message
*/
requestSite: function requestSite(sURL, fnCallback) {
var oXHR = new XMLHttpRequest();
oXHR.open("GET", sURL + "?_=" + new Date().getTime(), /*async=*/true);
oXHR.setRequestHeader("X-CSRF-Token", "fetch");
oXHR.setRequestHeader("Accept", "application/json");
oXHR.onreadystatechange = function onReadyStateChange() {
if (this.readyState === /*HEADERS_RECEIVED*/2) {
//if sap login page exist in the header the redirect
if (oXHR.getResponseHeader('x-sap-login-page')){
//initSite.redirectLoginPage(oXHR);
initSite.redirectToLoginPage = true;
}
}
if (this.readyState !== /*DONE*/4) {
return; // not yet DONE
}
//Reaching here means that the page loading is done.

//Checking if we need to redirect to login site
if (initSite.redirectToLoginPage){
initSite.redirectLoginPage(oXHR);
return;
}
var responsecsrftoken = oXHR.getResponseHeader('responsecsrftoken');
if( oXHR.getResponseHeader('content-type').indexOf('text/html') >= 0 ) {
//probably redirect login
}
if (typeof sap !== "undefined" && sap.hana !== undefined && sap.hana.uis.CRUDManager !== undefined) {
sap.hana.uis.CRUDManager.updateConfig({csrfToken: responsecsrftoken});
} else {
window.csrfToken = responsecsrftoken;
}
fnCallback(
oXHR.status,
responsecsrftoken,
oXHR.responseText
);
};
oXHR.send();
},
/**
* Get URL parameters
* @param name param name
* @returns {string} param value
*/
getURLParameter: function getURLParameter(name) {
var value = (new RegExp(name + '=' + '(.+?)(&|$)', 'i').exec(location.search) || [null, null])[1];
return value !== null ? decodeURIComponent(value) : undefined;
},
/**
* Check if the site is RTL.
* @param sLocale
* @returns {boolean}
*/
isRTLLocale: function isRTLLocale(sLocale) {
//a list of RTL locales ('iw' is an old code for 'he')
var aRTL_LOCALES = ['ar', 'fa', 'he', 'iw'];

//remove the region part of the locale if it exists
sLocale = sLocale.toLowerCase().substring(0, 2);
return aRTL_LOCALES.indexOf(sLocale) >= 0;
},
/**
* create css link tag with custom theme css
* @param oStartUpResult
*/
createCSSLinkTag: function createCSSLinkTag(oStartUpResult) {
var sThemePath = oStartUpResult.theme.rootPath || '',
sThemeName = oStartUpResult.theme.name || '',
sLanguage = oStartUpResult.languageBcp47 || '',
bIsRTL = this.isRTLLocale(sLanguage),
sFileName,
oLink;
//let UI5 handle the theme loading in case of url parameters see the comment above
if (sThemePath && !initSite.getURLParameter('sap-theme')) {
oLink = window.document.createElement('link');
sFileName = bIsRTL ? "library-RTL.css" : "library.css";
var fixPath = 'sap/fiori/themes/';
oLink.setAttribute('href', sThemePath + fixPath + sThemeName + '/' + sFileName);
oLink.setAttribute('rel', 'stylesheet');
oLink.setAttribute('id', 'sap-ui-theme-sap.fiori');
window.document.head.appendChild(oLink);
}
},
/**
* Get v2/sites jason
* @param successCallback if status response is 200.
* @param failCallback if the status response is not 200.
*/
getSiteJson: function getSiteJson(successCallback, failCallback){
var fioriConfig = window["sap-hana-uis-fiori-config"] || {};
var fioriSiteID = fioriConfig.defaultFioriSiteID || "sap|hana|uis|content|hanahome|HANAHomePage";
var GET_SITE_V2 = "/sap/hana/uis/server/rest/v2/sites/";
fioriSiteID = this.getURLParameter('siteID') || fioriSiteID;
var sUrl = GET_SITE_V2 + fioriSiteID;
window["sap-hana-uis-fiori-model-preload-status"] = "loading";
this.requestSite(sUrl, function(iStatus, sCsrfToken, sResponse) {
if (iStatus !== 200) {
failCallback(iStatus);
return;
}
successCallback.bind(this)(sResponse);
});
},
/**
* load app site
*/
loadAppSite: function loadAppSite(){
this.getSiteJson(function successCallback(sResponse){
try{
window["sap-hana-uis-fiori-model"] = JSON.parse(sResponse);
}catch(e){
window["sap-hana-uis-fiori-model-preload-status"] = "failed";
if (window.console && window.console.log) {
console.log('JSON parse failure: ' + e);
}
}
window["sap-hana-uis-fiori-model-preload-status"] = "loaded";
// If custom theme exist create link tag for it
if (window["sap-hana-uis-fiori-model"] && window["sap-hana-uis-fiori-model"].site.theme !== undefined){
initSite.createCSSLinkTag({
theme: window["sap-hana-uis-fiori-model"].site.theme
});
}
initSite.finishLoadingAppSiteJSON = true;

// if site json was loaded was after all ui5 cores loaded -> only here call the ui5 boot task to prevent redundant css loading
if (initSite.bootTaskIsDoneCallback !== undefined){
initSite.bootTaskIsDoneCallback.bind(window)();
}
},
function failCallback(iStatus){
if (window.console && window.console.log) {
console.log('Unable to get app site JSON, server response code is: ' + iStatus);
}
window["sap-hana-uis-fiori-model-preload-status"] = "failed";
});
},
/**
* Redirect site if needed
* @param xhr
*/
redirectLoginPage: function redirectLoginPage(xhr) {
// Redirecting to login screen
var loginUrl = xhr.getResponseHeader('x-sap-login-page');
// make sure we are redirecting to a page on the same host
var r = new RegExp('^(?:[a-z]+:)?//', 'i');
if (loginUrl.indexOf('/') === 0 && !r.test(loginUrl)) {
var href = window.location.pathname + window.location.search + window.location.hash;
window.location.href = loginUrl + '?x-sap-origin-location=' + encodeURIComponent(href);
}
}
};

window['sap-ui-config'] = {
"xx-bootTask": function (fnCallback) {
//first register module path immediatlly after UI5 is loaded and before started.
window.initFioriModulePaths();
var bootstrap = function bootstrap() {
//Apply custom theme if exist
if (window["sap-hana-uis-fiori-model"]
&& window["sap-hana-uis-fiori-model"].site.theme !== undefined
&& window["sap-hana-uis-fiori-model"].site.theme.name !== undefined
&& window["sap-hana-uis-fiori-model"].site.theme.rootPath !== undefined) {
sap.ui.getCore().applyTheme(
window["sap-hana-uis-fiori-model"].site.theme.name,
window["sap-hana-uis-fiori-model"].site.theme.rootPath
);
}
// tell SAPUI5 that this boot task is done once the container has loaded
//If css tag already executed then call the callback.
fnCallback();
};
//if app site json is loaded then call bootstrap (apply theme should occur before UI5 starts)
//Or if sap-theme parameter exist in the URL then start immediately.
if (initSite.finishLoadingAppSiteJSON || !!initSite.getURLParameter('sap-theme')){
bootstrap();
}else{
//save this callback to be called after the link tag of custom theme css (if site have one) is written.
//If a link tag with the id "sap-ui-theme-sap.fiori" exist then UI5 should not try to load another css
initSite.bootTaskIsDoneCallback = bootstrap;

}
}
};
initSite.loadBootstrapAndCores();
initSite.loadAppSite();
}());


        </script>
        <script type="text/javascript">
            
/**
* Main method to be executed once SAPUI5 has been initialized.
*/
function main() {
"use strict";
sap.ushell.bootstrap("fiori").done( function(){
//Load the applauncher chip XML sooner for better performance
var oFactory = sap.ushell.Container.getService("PageBuilding").getFactory();
oFactory.createChipDefinition("/sap/hana/uis/clients/ushell-app/external-files/chips/applauncher.chip.xml",function(){},function(){});
oFactory.createChipDefinition("/sap/hana/uis/clients/ushell-app/external-files/chips/applauncher_dynamic.chip.xml",function(){},function(){});

// load and register Fiori2 icon font
jQuery.sap.require("sap.ushell.iconfonts");

//Chip Contracts
jQuery.sap.require("sap.ui2.srvc.contracts.bag");
jQuery.sap.require("sap.ui2.srvc.contracts.configuration");
jQuery.sap.require("sap.ui2.srvc.contracts.configurationUi");
jQuery.sap.require("sap.ui2.srvc.contracts.fullscreen");
jQuery.sap.require("sap.ui2.srvc.contracts.preview");
jQuery.sap.require("sap.ui2.srvc.contracts.visible");
jQuery.sap.require("sap.ui2.srvc.contracts.refresh");
jQuery.sap.require("sap.ui2.srvc.contracts.searchProvider");
jQuery.sap.require("sap.ui2.srvc.contracts.search");
jQuery.sap.require("sap.ui2.srvc.contracts.url");

//TODO inserted to support chips requesting this contract unecessarily - COPIED FROM ABAP HTML
sap.ui2.srvc.Chip.addContract("navigation", function(oChipInstance) {
this.navigateToUrl = function(sUrl, oSettings) {
jQuery.sap.require("sap.ui2.srvc.error");
throw new sap.ui2.srvc.Error("'navigation' contract not implemented!",
"sap.ushell.adapters.abap.LaunchPageAdapter");
};
});

sap.ushell.iconfonts.registerFiori2IconFont();

/*global sap */
jQuery.sap.require("sap.ushell.functionBindPrototype");

// clean fiori loading screen markup before placing main content
var oContent = sap.ushell.Container.createRenderer("fiori2");
jQuery("#canvas").empty();
oContent.placeAt("canvas");

/**
* Till SAPUI version 18.1.20 this hack is needed to avoid ajax call to ABAP system.
* this method should be remove after upgrading to SAPUI5 version 18.1.20.
*/
sap.ushell.Container.logout = function logout() {
var platform = "fiori";
var sAdapterName = "sap.ushell.adapters." + platform + ".ContainerAdapter";
jQuery.sap.require(sAdapterName);
var adapter = new (jQuery.sap.getObject(sAdapterName))(new sap.ushell.System({
// this is the initial logon system object
alias: "",
platform: platform
}), {});

adapter.logout(true);
};

jQuery(document).keydown(function (e) {
//CTRL + ALT + G keydown combo
if (e.ctrlKey && e.altKey && e.keyCode === 71) {
jQuery("#dbg_grid_overlay").toggle();
}
});
});
}

        </script>
    </head>
    <body class="sapUiBody sapUShellFullHeight" role="application">
        <div id="canvas" class="sapUShellFullHeight">
            <!-- the Fiori2 loading screen for different browsers (as SAPUI5 is not loaded yet, will be replaced by Launchpad):
* in pure HTML with CSS animation for modern browsers
* animated gif image for <=IE9 (IE10+ doesn't support conditional comments)
-->
            <!--[if IE]>
<div id="fiori2-startup-flower" class="demo">
<img src="../../../../../resources/sap/ushell/themes/base/img/flower_anim.gif" />
</div>
<![endif]-->
            <!--[if !IE]> -->
            <div id="fiori2-startup-flower" class="demo">
                <div class="fiori2-blossom">
                    <div class="fiori2-leafContainer fiori2-leafContainer1">
                        <div class="fiori2-leaf fiori2-leaf1"></div>
                    </div>
                    <div class="fiori2-leafContainer fiori2-leafContainer2">
                        <div class="fiori2-leaf fiori2-leaf2"></div>
                    </div>
                    <div class="fiori2-leafContainer fiori2-leafContainer3">
                        <div class="fiori2-leaf fiori2-leaf3"></div>
                    </div>
                    <div class="fiori2-leafContainer fiori2-leafContainer4">
                        <div class="fiori2-leaf fiori2-leaf4"></div>
                    </div>
                    <div class="fiori2-leafContainer fiori2-leafContainer5">
                        <div class="fiori2-leaf fiori2-leaf5"></div>
                    </div>
                </div>
            </div>
            <!-- <![endif] -->
        </div>
        <div id="dbg_grid_overlay" style="position: absolute;z-index: 1000;background-image: url('../fiori/img/grid.png');
width: 100%;height: 100%;opacity: 0.1;top: 0;left: 0;display:none;"></div>
    </body>
</html>
avatar
文章
阅读
粉丝