Fix Bugzilla Bug 532724 - Feature: ESC Security officer work station should display % of operation complete for format SO card

git-svn-id: svn+ssh://svn.fedorahosted.org/svn/pki/trunk@1461 c9f7a03b-bd48-0410-a16d-cbbf54688b0b

2 files changed, 282 insertions, 0 deletions

diff --git a/pki/dogtag/tps-ui/shared/docroot/esc/so/util.js b/pki/dogtag/tps-ui/shared/docroot/esc/so/util.js
index 77065f92d..ccd81ee84 100755
--- a/pki/dogtag/tps-ui/shared/docroot/esc/so/util.js
+++ b/pki/dogtag/tps-ui/shared/docroot/esc/so/util.js
@@ -1373,6 +1373,11 @@ function OnCOOLKeyStateError(keyType, keyID, keyState, errorCode)
   typeStr += " \n " + ErrorText;
   MyAlert(typeStr);
   ClearProgressBar(KeyToProgressBarID(keyType, keyID));
+
+  if (UserOnCOOLKeyStateError) {
+    UserOnCOOLKeyStateError(); // call user-level
+  }
+
 }
 
 function OnCOOLKeyStatusUpdate(progMeterID, statusUpdate)
diff --git a/pki/dogtag/tps-ui/shared/docroot/esc/sow/css/style.css b/pki/dogtag/tps-ui/shared/docroot/esc/sow/css/style.css
new file mode 100644
index 000000000..c60e713d2
--- /dev/null
+++ b/pki/dogtag/tps-ui/shared/docroot/esc/sow/css/style.css
@@ -0,0 +1,277 @@
+html, body {

+	margin: 0; padding: 0;

+	text-align: center;

+	background-color: #A1B3C9;

+}

+

+h1,h3,h3 {

+	margin: 0; padding: 0;

+}

+

+#content {

+	width: 450px;

+/*

+	width: 760px;

+*/

+	text-align: center;

+	margin: auto;

+}

+

+#header{

+

+/*

+	width: 760px;

+	height: 50px;

+*/

+	width: 300px;

+	height: 30px;

+	text-align: left;

+	margin: auto;

+	}

+	

+#logo{

+	float: left;

+	height: auto;

+/*

+	width: 250px;

+*/

+	width: 450px;

+	margin: 5px;

+	padding-top: 10px;

+	padding-right: 0px;

+	padding-bottom: 0px;

+	font-size:1.5em;

+/*

+	padding-left: 10px;

+*/

+	padding-left: 5px;

+}

+	

+#topmenu{

+	width: 450px;

+	top: 5px;

+/*

+	width: 400px;

+	margin-left: 310px;

+*/

+	margin-left: 0px;

+	padding-top: 5px;

+	padding-right: 0px;

+	font-size:1.5em;

+/*

+	padding-left: 30px;

+*/

+	padding-left: 0px;

+	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;

+	font-size:1.0em;

+	color:#DBDFEE;

+	

+}

+

+#topmenu a{

+	text-decoration:none;

+	color:#DBDFEE;

+	

+}

+

+#topmenu a:hover{

+	color:#ffffff;

+	background-color:#939FB2;

+	

+}

+

+

+#content {

+/*

+	margin-top: 40px;

+*/

+	margin-top: 10px;

+	padding-bottom: 40px;

+}

+

+

+#maintext {

+	width: 450px;

+/*

+	width: 520px;

+	margin-left: 20px;

+*/

+	margin-left: 5px;

+	text-align:justify;

+} 

+

+#maintext a{

+	text-decoration:none;

+	color:#ffffff;

+	border-bottom:1px dotted #ffffff;

+}

+

+#maintext a:hover{

+	color:#ffffff;

+	background-color:#939FB2;

+	

+}

+

+#rightcol {

+/*

+	width: 168px;

+*/

+	width: 0px;

+	position: absolute;

+	top: 140px;

+	margin-left: 575px;

+	background: url(/esc/sow/images/right_bg.gif) no-repeat;

+}

+

+

+#introduction{

+	float:right;

+	width:150px;

+	padding: 8px 8px 8px 8px;

+	margin:auto;

+	

+	text-align:center;

+	line-height:1.5em;

+	color:#ffffff;

+	font-size:0.8em;

+	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;

+	letter-spacing:0px;

+}

+

+#introduction ul, #introduction li {

+	text-align:center;

+	list-style: none;

+	margin: 0;

+	padding: 0;

+}

+

+

+#introduction  a{

+	text-decoration:none;

+	color:#ffffff;

+	border-bottom: none;

+}

+

+#introduction a:hover{

+	color:#ffffff;

+	background-color:#939FB2;

+	

+}

+

+#introduction h3{

+	text-align: center;

+	position:static;

+}

+

+

+html, body {

+	font: .85em/1.6em Arial, Helvetica, sans-serif;

+/*

+	font: .95em/1.6em Arial, Helvetica, sans-serif;

+	color: #FFFFFF;

+*/

+}

+

+

+p {

+	margin-bottom: 1em;

+}

+

+#footer 

+{

+	width: 100%;

+	height: 60px;

+	clear: both;

+	padding-top: 8px;

+	text-align: center;

+	border-top: 1px solid #C6D4E6;

+	color: #000000;

+	font-size: .75em;

+	background-color: #414243;

+	background-image: url(/esc/sow/images/footer.gif);

+}

+

+#footer a {

+	color: #888888;

+	text-decoration:none;

+

+}

+

+#footer p {color: #888888;}

+

+html, body {

+	background: #A1B3C9 url(/esc/sow/images/bg_grad.gif) repeat-x;

+}

+

+#content {background: url(/esc/sow/images/main_grad.gif) repeat-x;}

+

+html>body #content {

+	margin-top: 40px;

+}

+

+h1{

+	font-family:"Trebuchet MS",arial,sans-serif;

+	font-size:2.6em;

+	font-weight:normal;

+	background:#fff url(/esc/sow/images/booksmall.gif) no-repeat bottom left;

+	padding:0 0 10px 50px;

+	margin:20px 5px 5px 5px;

+}

+

+h2{

+	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;

+	font-size:1.2em;

+	margin:auto;

+	text-transform:capitalize;

+	padding:0 2px;

+}

+

+h3{

+	color: #ffffff;

+	font-family:geneva,arial,sans-serif;

+	font-weight:normal;

+	text-transform:uppercase;

+	word-spacing:4px;

+	letter-spacing:3px;

+	font-size:0.9em;

+	font-weight:bold;

+	padding:0 2px;

+	margin:0;

+}

+

+.heading{

+	color: #ffffff;

+	font-family:geneva,arial,sans-serif;

+	font-weight:normal;

+	text-transform:uppercase;

+	word-spacing:4px;

+	letter-spacing:3px;

+	font-size:0.9em;

+	font-weight:bold;

+	padding:0 2px;

+	margin:0;

+}

+

+blockquote 

+{	

+	border-left: 4px #c7d2ea solid;

+	padding:  0 0 0 10px;

+/*

+	margin: 10px 20px 10px 20px;

+*/

+	margin: 5px 20px 10px 20px;

+	letter-spacing: 0px;

+	white-space:inherit;

+	font-size:1.3em;

+}

+

+h4 

+{

+	font-weight: bold;

+	font-size: 25px;

+	text-transform: capitalize;

+	color: #DBDFEE;

+	margin: 0;

+	padding: 0;

+	letter-spacing: 3px;

+}