diff options
| author | jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68> | 2011-06-13 07:57:39 +0000 |
|---|---|---|
| committer | jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68> | 2011-06-13 07:57:39 +0000 |
| commit | 2d73791e1d6fe81a262df6ffcc06875462d585b7 (patch) | |
| tree | b8a9bfb3fb75ec1a4613489e0515a7066dc6adb0 /sca-cpp/trunk/modules/edit/htdocs/page | |
| parent | d3bdc051ec4a6499c73d00e80f744aa375a01687 (diff) | |
Add the ability to configure page headers and footers.
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1135049 13f79535-47bb-0310-9956-ffa450edef68
Diffstat (limited to 'sca-cpp/trunk/modules/edit/htdocs/page')
| -rw-r--r-- | sca-cpp/trunk/modules/edit/htdocs/page/index.html | 41 |
1 files changed, 26 insertions, 15 deletions
diff --git a/sca-cpp/trunk/modules/edit/htdocs/page/index.html b/sca-cpp/trunk/modules/edit/htdocs/page/index.html index 678491f220..0102f4edac 100644 --- a/sca-cpp/trunk/modules/edit/htdocs/page/index.html +++ b/sca-cpp/trunk/modules/edit/htdocs/page/index.html @@ -25,14 +25,17 @@ <meta name="apple-mobile-web-app-status-bar-style" content="black"/> <link rel="apple-touch-icon" href="/public/touchicon.png"/> <link rel="stylesheet" type="text/css" href="/ui-min.css"/> -<script type="text/javascript" src="/config.js"></script> <script type="text/javascript" src="/all-min.js"></script> <script type="text/javascript" src="/menu.js"></script> <script type="text/javascript" src="page.js"></script> </head> -<body class="delayed" onorientationchange="ui.reload();"> +<body class="delayed" onload="ui.onload();"> <div id="bodydiv" class="devicewidth"> +<div id="headdiv" class="hsection"> +<script type="text/javascript" src="/headconfig.js"></script> +</div> + <div id="menu"></div> <table style="width: 100%;"> @@ -58,9 +61,10 @@ </tr> </table> -<div id="editdiv" style="position: absolute; top: 95px; left: -2500px; right: 0px; height: 5000px;"> +<div id="contentdiv" style="margin-top: 4px; width: 100%;"> +<div id="editdiv" style="visibility: visible; position: relative; top: 0px; left: -2500px; right: 0px; height: 5000px;"> -<div style="position: absolute; left: 2500px; top: 0px; right: 0px; height: 5000px; border:1px; border-style: solid; border-color: #a2bae7; background: url(/public/grid72.png);"></div> +<div style="position: relative; left: 2500px; top: 0px; right: 0px; height: 5000px; border:1px; border-style: solid; border-color: #a2bae7; background: url(/public/grid72.png);"></div> <div class="guide" style="position: absolute; left: 2500px; top: 0px; width: 320px; height: 460px;"></div> <div class="guide" style="position: absolute; left: 2500px; top: 0px; width: 480px; height: 300px;"></div> <div class="guide" style="position: absolute; left: 2500px; top: 0px; width: 768px; height: 911px;"></div> @@ -84,17 +88,15 @@ <span class="text" id="palette:text" style="position: absolute; left: 0px; top: 370px;"><span>text</span></span> <span class="iframe fakeframe" id="palette:iframe" style="position: absolute; left: 0px; top: 400px; width: 200px;"><a href="/public/iframe.html"><span class="fakeframe"><span>frame ...</span></span></a></span> <span class="img" id="palette:img" style="position: absolute; left: 0px; top: 430px;"><img src="/public/img.png"/></span> - </div> -<div id="playdiv" style="visibility: hidden; position: absolute; top: 95px; left: 0px; right: 0px; height: 5000px;"></div> - -<div id="buffer" style="visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px"></div> - +<div id="playdiv" style="visibility: hidden; position: absolute; top: 0px; left: 0px; right: 0px; height: 5000px;"> +</div> </div> -<script type="text/javascript"> +<div id="buffer" style="visibility: hidden; width: 0px; height: 0px"></div> +<script type="text/javascript"> // Get the app name var appname = ui.queryParams()['app']; if (isNil(appname)) @@ -124,6 +126,7 @@ displaymenu(); /** * Page editor area, widget value field, add, delete and play page buttons. */ +var cdiv = $('contentdiv'); var ediv = $('editdiv'); var evisible = true; var pdiv = $('playdiv'); @@ -132,6 +135,12 @@ var wadd = $('addWidgetButton'); var wdelete = $('deleteWidgetButton'); var pplay = $('playPageButton'); +// Position edit and play divs inside the content div +ediv.style.position = 'absolute'; +ediv.style.top = cdiv.offsetTop + 'px'; +pdiv.style.position = 'absolute'; +pdiv.style.top = cdiv.offsetTop + 'px'; + /** * Adjust fields sizes. */ @@ -144,9 +153,6 @@ function resizeFields() { resizeFields(); window.onresize = resizeFields; -// Show the page -ui.showbody(); - // Init component references var editWidget = sca.component("EditWidget"); var pages = sca.reference(editWidget, "pages"); @@ -364,7 +370,7 @@ function playpage() { ediv.style.visibility = 'hidden' evisible = false; pdiv.style.visibility = 'visible'; - pdiv.innerHTML = '<iframe id="appFrame" style="position: relative; height: 5000px; width: 100%; border: 0px;" scrolling="no" frameborder="0" src="' + + pdiv.innerHTML = '<iframe id="playappframe" style="position: relative; height: 5000px; width: 100%; border: 0px;" scrolling="no" frameborder="0" src="' + applink(appname) + '"></iframe>'; return true; } @@ -399,8 +405,13 @@ page.edit(ediv, wvalue, wadd, wdelete, onpagechange, onwidgetselect); // Get and display the current app page getpage(appname, ediv); - </script> + +<div id="footdiv" class="fsection"> +<script type="text/javascript" src="/footconfig.js"></script> +</div> + +</div> </body> </html> |