Download this file
home.html.svn-base
338 lines (330 with data), 12.0 kB
<!--
/**
* Copyright (c) 2013/2014, Intel Performance Learning Solutions Ltd, Intel Corporation.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may
* not use this file except in compliance with the License. You may obtain
* a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*
**/
/**
* Home page for DPES (HTML version)
*
* Created by Sridhar Voorakkara (sridhar.voorakkara@intel.com)
*
*/
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
<title>Digital Preservation Expert Suite</title>
<link rel="stylesheet" href="lib/jquery/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="resources/css/styles.css">
<script type="text/javascript" src="lib/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="lib/jquery/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript" src="lib/jquery/jquery.form.js"></script>
<script type="text/javascript" src="scripts/js/globals.js"></script>
<script type="text/javascript" src="scripts/js/common.js"></script>
<script type="text/javascript" src="scripts/js/user.js"></script>
<script type="text/javascript" src="scripts/js/actions.js"></script>
<script type="text/javascript" src="scripts/js/tablefunc.js"></script>
<script type="text/javascript" src="scripts/js/data.js"></script>
<!--[if IE 7]>
<link rel="stylesheet" href="/extractors/resources/css/font-awesome-ie7.min.css">
<![endif]-->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if gte IE 9]>
<style>
.ie_show { display:block }
.ie_hide { display:none }
</style>
<![endif]-->
</head>
<body onload="onBodyLoad();">
<div id="main">
<table border="0" width="100%">
<tr>
<td style="width: 55%; text-align: left">
<a href="http://www.timbusproject.net/">
<img border="0"
src="resources/images/Timbus_main_logo.png" height="100">
</a></td>
<td width="96"><span id="loginBtn"><a
href="Javascript:loginClick()"> <img
src="resources/images/Login.png"><br> login
</a></span></td>
<td width="96"><span id="registerBtn"><a
href="Javascript:registerClick()"> <img
src="resources/images/list-add-user.png"><br>register
</a></span></td>
<td align="right"><a target="_new" class="btnLink" href='http://twitter.com/home?status=Timbus%20Project%20-%20Timeless%20preservation%20-%20http://www.timbusproject.net/'><img class="shareIcon"
src="resources/images/twitter.png" title="Follow on Twitter"></a>
<a target="_new" class="btnLink" href='http://www.facebook.com/sharer/sharer.php?s=100&p[url]=http://www.timbusproject.net/&p[images][0]=http://www.timbusproject.net/images/stories/banners/homepage.gif&p[title]=Timbus%20Project%20-%20Timeless%20preservation&p[summary]='><img class="shareIcon"
src="resources/images/facebook.png" title="Follow on Facebook"></a>
<a target="_new" class="btnLink" href='https://plus.google.com/share?url=http://www.timbusproject.net/'><img class="shareIcon"
src="resources/images/google_plus.png" title="Follow on Google+"></a>
</td>
<td width="43"> </td>
<td> </td>
</tr>
</table>
<div id="title">*** DIGITAL PRESERVATION EXPERT SUITE ***</div>
<table id="menuBar">
<tr>
<td>Home</td>
<td>Timbus Project</td>
<td>About DPES</td>
<td>Services</td>
<td>Contact</td>
</tr>
</table>
<table border="0" width="60%" align="center">
<tr id="hiddenMenu" onmouseover="showFullMenu()">
<td align="center">
<img src="resources/images/Blue.png" class="btnIconHidden">
</td>
<td align="center">
<img src="resources/images/Green.png" class="btnIconHidden">
</td>
<td align="center">
<img src="resources/images/Purple.png" class="btnIconHidden">
</td>
<td align="center">
<img src="resources/images/Yellow.png" class="btnIconHidden">
</td>
</tr>
<tr id="fullMenu">
<td align="center">
<a class="btnLink" href="Javascript:actionBtnClick('prepare')"> <img
class="btnIcon" src="resources/images/Blue_Circle.png"
title="Prepare"><br>Prepare
</a>
</td>
<td align="center"><a class="btnLink"
href="Javascript:actionBtnClick('preserve')"> <img
class="btnIcon" src="resources/images/Green_Circle.png"
title="Preserve"><br>Preserve
</a></td>
<td align="center"><a class="btnLink"
href="Javascript:actionBtnClick('manage')"> <img
class="btnIcon" src="resources/images/Purple_Circle.png"
title="Manage"><br>Manage
</a></td>
<td align="center"><a class="btnLink"
href="Javascript:actionBtnClick('deploy')"> <img
class="btnIcon" src="resources/images/Yellow_Circle.png"
title="Deploy"><br>Re-Deploy
</a></td>
<td> </td>
</tr>
</table>
<div id='actionPane'>
<div id="prepareTitle">
<h2>Prepare for Preservation</h2>
</div>
<div id="prepareTabs">
<ul>
<li class="tabHdr"><a href="#create">Create/Track <br>Business Process</a></li>
<li class="tabHdr"><a href="#feasibility">Digital Preservation<br>Feasibility Analysis</a></li>
<li class="tabHdr"><a href="#artifact">Business Process<br>Artifact Sourcing</a></li>
<li class="tabHdr"><a href="#metadata">Manage<br>Metadata</a></li>
</ul>
<div id="create" class="tabContent">
<SCRIPT>
$("#create").load("businessprocess.html");
</SCRIPT>
</div>
<div id="feasibility" class="tabContent">
<SCRIPT>
$("#feasibility").load("costAnalysis.html");
</SCRIPT>
</div>
<div id="artifact" class="tabContent">
BP List : <select id="bpListPrepArt" onchange="loadArtifactTable(this.value, 'artifactTabl');">
<option>--Please upload a risk document first--</option>
</select>
<div id="artifactResult">
<table width="100%">
<tr>
<td width="50%" valign='top'><div id="artifactTabl"></div></td>
<td width="50%"><div id="artifactForm"></div></td>
</tr>
</table>
</div>
<div id="artifactUploadResultDialog"> </div>
</div>
<div id="metadata" class="tabContent">
BP List : <select id="bpListPrepMeta" onchange="$('#metadataResult').html('');populateArtifactSelectList(this.value, 'artListPrepMeta');">
<option>--Please upload a risk document first--</option>
</select> <br> <br> Select Artifact : <select id="artListPrepMeta" onchange="displayMetadataTable(document.getElementById('bpListPrepMeta').value, this.value,'metadataResult');">
<option>--Please select a business process first--</option>
</select>
<div id="metadataResult"></div>
</div>
</div>
<div id="preserveTitle">
<h2>Preserve Digital Objects</h2>
</div>
<div id="preserveTabs">
<ul>
<li class="tabHdr"><a href="#container">Create Container</a></li>
<li class="tabHdr"><a href="#package">Package</a></li>
<li class="tabHdr"><a href="#Upload">Preserve</a></li>
</ul>
<div id="container">
<SCRIPT>
$("#container").load("createContainer.html");
</SCRIPT>
</div>
<div id="package">
<SCRIPT>
$("#package").load("package.html");
$("#mets").load("metsSample.xml");
</SCRIPT>
</div>
<div id="preserve">
<SCRIPT>
$("#preserve").load("preserve.html");
</SCRIPT>
</div>
</div>
<div id="manageTitle">
<h2>Manage Repository</h2>
</div>
<div id="manageTabs">
<ul>
<li class="tabHdr"><a href="#browse">Browse Repositories</a></li>
<li class="tabHdr"><a href="#manage">Manage Digital Objects</a></li>
</ul>
<div id="browse">
Select Repo : <select id="bpListMng">
<option>--Please select a business process first--</option>
</select> <br> <br> <input type="text" size="20" id="searchTxt"
name="searchTxtMng"> <input type="button" value="Search"
onclick="searchRepo()">
<div id="preserveBrowseResult"></div>
</div>
</div>
<div id="deployTitle">
<h2>Re-deploy BP</h2>
</div>
<div id="deployTabs">
<ul>
<li class="tabHdr"><a href="#plan">Browse Repositories</a></li>
<li class="tabHdr"><a href="#download">Download digital objects</a></li>
<li class="tabHdr"><a href="#deploy">Deploy digital objects</a></li>
</ul>
<div id="plan">
<script>
$(function(){
$("#deployPlanResult").load("repository.html");
});
</script>
<div id="deployPlanResult"></div>
</div>
<div id="download">
<script>
$(function(){
$("#download").load("download.html");
});
</script>
</div>
<div id="deploy">
Select BP : <select id='bpPreserve'><option value='bpSAP00001'>bpSAP00001</option></select>
<input type='button' value='Deploy'>
<br>
<iframe id="deployDepResult" src="http://134.191.240.77"
width="100%" height="450px">
</iframe>
</div>
</div>
</div>
<span id="feedback" class="error"> </span>
<div id='registerPane'>
<h3>Register yourself for access to the site :</h3>
<form id="registration">
<table>
<tr>
<td>Username :</td>
<td><input type="text" size=10 value="" id="regUserId"></td>
</tr>
<tr>
<td>Email :</td>
<td><input type="text" size=30 value="" id="email"></td>
</tr>
<tr>
<td>Password :</td>
<td><input type="password" size=10 value="" id="regPassWd"></td>
</tr>
<tr>
<td>Confirm Password :</td>
<td><input type="password" size=10 value="" id="confPassWd"></td>
</tr>
<tr>
<td></td>
<td><input type="button" value="Submit"
onclick="submitRegistration();"></td>
</tr>
</table>
</form>
</div>
<div id='loginPane' style="text-align: left;">
<h3>Login :</h3>
<form id="login">
<table>
<tr>
<td>Username :</td>
<td><input type="text" size=10 value="" id="loginUserId"></td>
</tr>
<tr>
<td>Password :</td>
<td><input type="password" size=10 value="" id="loginPassWd"></td>
</tr>
<tr>
<td></td>
<td><input type="button" value="Submit"
onclick="submitLogin();"></td>
</tr>
</table>
</form>
</div>
</div>
<script>
$(function() {
$("#prepareTabs").tabs().hide();
$("#prepareTitle").hide();
$("#preserveTabs").tabs().hide();
$("#preserveTitle").hide();
$("#manageTabs").tabs().hide();
$("#manageTitle").hide();
$("#deployTabs").tabs().hide();
$("#deployTitle").hide();
$("#prepareTabs" ).tabs({ activate: function( event, ui ) {setupTab('prepare',ui.newTab.index());}});
$("#preserveTabs" ).tabs({ activate: function( event, ui ) {setupTab('container',ui.newTab.index());}});
$("#manageTabs" ).tabs({ activate: function( event, ui ) {setupTab('browse',ui.newTab.index());}});
$("#deployTabs" ).tabs({ activate: function( event, ui ) {setupTab('plan',ui.newTab.index());}});
$( "input[type=button], button" ).button()
$("#registerBtn").button();
$(".btnLink").button();
$(document).tooltip();
});
function onBodyLoad() {
setLoginBtn();
$('#hiddenMenu').hide();
}
</script>
</body>
</html>