modified moa-id auth start page

4 files changed, 344 insertions, 719 deletions

diff --git a/id/server/auth/src/main/webapp/common/MOA.css b/id/server/auth/src/main/webapp/common/MOA.css
deleted file mode 100644
index b7a2b9280..000000000
--- a/id/server/auth/src/main/webapp/common/MOA.css
+++ /dev/null
@@ -1,617 +0,0 @@
-body
-{ 
-  font-family: "Times New Roman", Times, serif;
-  font-size: medium;
-  font-weight: normal;
-  margin-left: 2.5em;
-  margin-right: 2.5em;
-  background-color: white;
-  text: #000000;
-  link: #990000;
-  vlink: #666666; 
-  alink: #cc9966;
-}
-
-
-
-p
-{ 
-  margin-top: 0pt;
-  margin-bottom: 0.5em;
-  text-align: justify
-}
-
-pre 
-{ 
-  font-family: "Courier New", monospace;
-  font-size: 90%;
-  background-color: #cccccc;
-  color: #000000;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  border: #008000 none;
-}
-
-hr 
-{
-  color: #000080;
-  background-color: #000080;
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-table.fixedWidth
-{
-  width: 97%;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-
-table.varWidth
-{
-  margin-left:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-th
-{
-  text-align: left;
-}
-
-h1
-{ 
-  color: #000000; 
-  text-align: left;
-  font-size: 167%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h2
-{ 
-  color: #000000;
-  font-size: 150%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h3
-{ 
-  color: #000000;
-  font-size: 133%; 
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h4
-{
-  color: #000000;
-  font-size: 116%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h5
-{ 
-  color: #000000;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h6
-{ 
-  color: #000000;
-  font-size: 83%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-code
-{
-  font-family: "Courier New", Courier, monospace;
-  font-size: 90%;
-  color: #000000
-}
-
-dd
-{
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-  text-align: justify
-
-}
-
-dt 
-{
-  margin-top: 0.8em;
-  font-family: Arial, Helvetica, sans-serif;
-  color: #000080
-}
-
-ol
-{
-  margin-top: 0.5em;
-  margin-bottom: 0.5em
-}
-
-ol.alpha
-{
-  list-style-type: lower-alpha
-}
-
-li
-{
-  margin-top: 0.25em;
-  margin-bottom: 0.25em;
-  text-align: justify
-}
-
-a:hover
-{
-  color: #990000
-}
-
-
-.title
-{
-  text-align: left;
-  font-size: 200%;
-  color: #000000;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em;
-  background-color:#999;
-}
-
-.subtitle 
-{  
-  text-align: left;
-  font-size: 133%;
-  color: #000000;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em
-}
-
-.glossaryTerm 
-{  
-  font-style: italic;
-  color: #006699
-}
-
-.example
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #CCFFFF;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.schema
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #FFFFCC;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.documentinfo
-{
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 100%;
-}
-
-.ol-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.li-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.logoTitle 
-{ 
-  text-align: center;
-  font-size: 200%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-.logoTable 
-{ 
-  margin-bottom: 0px;
-  margin-left: 0px
-}
-
-.superscript
-{ 
-  vertical-align: super;
-  font-size: 66%;
-}
-
-.term
-{ 
-  font-style: italic; 
-}
-
-.comment
-{
-  color: #000000;
-  background: #ffff00;
-  font-style: italic
-}
-
-.addedErrata12
-{  
-  color: #FF0000; 
-  background-color: #FFEEEE;
-  text-decoration: underline
-}
-
-.deletedErrata12
-{
-  color: #999999;
-  background-color: #EEEEEE;
-  text-decoration: line-through
-}
-
-.added12
-{  
-  color: #FF0000; 
-  text-decoration: underline
-; background-color: #F8F0FF
-}
-
-.deleted12
-{
-  color: #999999;
-  text-decoration: line-through
-; background-color: #f8f0ff
-}
-
-.rfc2119Keyword 
-{ 
-  font-variant: small-caps;
-  font-style: normal;
-}
-
-.remark {  font-style: italic}
-
-li.faq
-{
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
-}
-
-.faq-question
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  margin-bottom: 0.4em;
-}
-
-
-/*body
-{ 
-  font-family: "Times New Roman", Times, serif;
-  font-size: medium;
-  font-weight: normal;
-  margin-left: 2.5em;
-  margin-right: 2.5em;
-}
-
-p
-{ 
-  margin-top: 0pt;
-  margin-bottom: 0.5em;
-  text-align: justify
-}
-
-pre 
-{ 
-  font-family: "Courier New", monospace;
-  font-size: 90%;
-  background-color: #cccccc;
-  color: #000000;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  border: #008000 none;
-}
-
-hr 
-{
-  color: #000080;
-  background-color: #000080;
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-table.fixedWidth
-{
-  width: 97%;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-
-table.varWidth
-{
-  margin-left:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-th
-{
-  text-align: left;
-}
-
-h1
-{ 
-  color: #000080; 
-  text-align: left;
-  font-size: 167%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h2
-{ 
-  color: #000080;
-  font-size: 150%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h3
-{ 
-  color: #000080;
-  font-size: 133%; 
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h4
-{
-  color: #000080;
-  font-size: 116%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h5
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h6
-{ 
-  color: #000080;
-  font-size: 83%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-code
-{
-  font-family: "Courier New", Courier, monospace;
-  font-size: 90%;
-  color: #000000
-}
-
-dd
-{
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-  text-align: justify
-
-}
-
-dt 
-{
-  margin-top: 0.8em;
-  font-family: Arial, Helvetica, sans-serif;
-  color: #000080
-}
-
-ol
-{
-  margin-top: 0.5em;
-  margin-bottom: 0.5em
-}
-
-ol.alpha
-{
-  list-style-type: lower-alpha
-}
-
-li
-{
-  margin-top: 0.25em;
-  margin-bottom: 0.25em;
-  text-align: justify
-}
-
-a:hover
-{
-  color: #990000
-}
-
-
-.title
-{
-  text-align: left;
-  font-size: 167%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em
-}
-
-.subtitle 
-{  
-  text-align: left;
-  font-size: 133%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em
-}
-
-.glossaryTerm 
-{  
-  font-style: italic;
-  color: #006699
-}
-
-.example
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #CCFFFF;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.schema
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #FFFFCC;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.documentinfo
-{
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 100%;
-}
-
-.ol-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.li-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.logoTitle 
-{ 
-  text-align: center;
-  font-size: 133%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-.logoTable 
-{ 
-  margin-bottom: 0px;
-  margin-left: 0px
-}
-
-.superscript
-{ 
-  vertical-align: super;
-  font-size: 66%;
-}
-
-.term
-{ 
-  font-style: italic; 
-}
-
-.comment
-{
-  color: #000000;
-  background: #ffff00;
-  font-style: italic
-}
-
-.addedErrata12
-{  
-  color: #FF0000; 
-  background-color: #FFEEEE;
-  text-decoration: underline
-}
-
-.deletedErrata12
-{
-  color: #999999;
-  background-color: #EEEEEE;
-  text-decoration: line-through
-}
-
-.added12
-{  
-  color: #FF0000; 
-  text-decoration: underline
-; background-color: #F8F0FF
-}
-
-.deleted12
-{
-  color: #999999;
-  text-decoration: line-through
-; background-color: #f8f0ff
-}
-
-.rfc2119Keyword 
-{ 
-  font-variant: small-caps;
-  font-style: normal;
-}
-
-.remark {  font-style: italic}
-
-li.faq
-{
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
-}
-
-.faq-question
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  margin-bottom: 0.4em;
-}
-*/
\ No newline at end of file
diff --git a/id/server/auth/src/main/webapp/common/logo_digAT.png b/id/server/auth/src/main/webapp/common/logo_digAT.png
new file mode 100644
index 000000000..4f36681e2
--- /dev/null
+++ b/id/server/auth/src/main/webapp/common/logo_digAT.png
diff --git a/id/server/auth/src/main/webapp/common/main.css b/id/server/auth/src/main/webapp/common/main.css
new file mode 100644
index 000000000..6bd964346
--- /dev/null
+++ b/id/server/auth/src/main/webapp/common/main.css
@@ -0,0 +1,253 @@
+html {
+	font-family: "Roboto", sans-serif;
+	color: #000;
+    font-weight:300;
+}
+
+.container {
+	margin: auto;
+	max-width: 1000px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	letter-spacing: 0.05em;
+}
+
+h1
+{
+font-family: "Roboto", sans-serif;
+}
+
+#headline {
+	/*background: linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% transparent;*/
+	background: linear-gradient(#FAFAFA, #F5F5F5);
+	border-bottom: 1px solid #EEE;
+}
+
+#headline br {
+	clear: both;
+}
+
+#headline h1 {
+		color: #404040;
+		padding-right: 1em;
+		padding-top: 0.3em;
+		margin-bottom: 0;
+		float: right;
+          font-size: 220%;
+  font-weight: 400;
+	}
+#headline img {
+        width: 300px;
+        padding-left: 0;
+        padding-top: 35px;
+        padding-bottom:20px;
+    }
+
+#description {
+	text-align: justify;
+}
+
+#maincontent {
+	height: 13em;
+}
+
+#demologin p {
+	padding-left: 10px;
+	padding-right: 10px;
+	text-align: justify;
+	font-size: 100%;
+	color: #000;
+    padding-top:20px;
+    
+}
+
+#demologin a{
+    
+}
+
+.button {
+	border-radius: 5px;
+	/*background-color: rgb(41,127,184); */
+	background-color: #E10319;
+	text-decoration: none;
+	text-transform: uppercase;
+	padding: 10px 80px 10px 80px;
+	letter-spacing: 1.5px;
+	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
+	color: WHITE;
+	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+	margin-left: 10px;
+}
+
+.button:hover {
+	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
+	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);
+}
+
+#singlelogout {
+	clear: both;
+	width: 100%;
+	box-sizing: border-box;
+
+}
+a{
+	text-decoration: none;
+    font-size:100%;
+    color: #666;
+}
+a:hover{
+	text-decoration: none;
+    font-size:100%;
+    color: #E10319;
+}
+
+/*****************************/
+@media ( max-width :599px) {
+	  #headline {
+        /*background: linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% transparent;*/
+        background: linear-gradient(#FAFAFA, #F5F5F5);
+        border-bottom: 1px solid #EEE;
+    }   
+
+    #headline img {
+        width: 150px;
+        padding-left: 0;
+        padding-top: 0.5em;
+        padding-bottom:0.5em;
+    }
+    #headline br {
+        clear: both;
+    }
+    #headline h1 {font-family: "Roboto", sans-serif;
+        color: #404040;
+        padding: 0;
+        margin-bottom: 0;
+        margin-top: 0;
+        text-align: center;
+    }
+	nav {
+		display: block;
+		width: 100%;
+        text-align: center;
+		box-sizing: border-box;
+		color: WHITE;
+		margin: 0px 0px 0px 0px;
+		overflow: hidden;
+
+	}
+	nav ul {
+		margin: 0;
+		padding: 0;
+	}
+	nav ul li {
+		list-style-type: none;
+		padding-top: 2px;
+        padding-bottom: 2px;
+	}
+	nav>ul>li>a {
+		color: #666;
+		display: block;
+		text-decoration: none;
+	}
+	nav>ul>li:hover {
+		color: #404040;
+	}
+	nav>ul>li:hover>a {
+		color: #404040;
+	}
+	nav>ul>li:active>a {
+		color: #404040;
+	}
+	#demologin {
+		width: 100%;
+		box-sizing: border-box;
+		border: 1px solid;
+		border-radius: 1px;
+		border-color: #818286;
+		background: #F5F5F5;
+		height: 182px;
+		width: 242px;
+		margin-top: 18px;
+        padding-left:0;
+	}
+}
+/*****************************/
+@media ( min-width :600px) {
+    #headline {
+	/*background: linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% transparent;*/
+	background: linear-gradient(#FAFAFA, #F5F5F5);
+	border-bottom: 1px solid #EEE;
+
+    }
+	#headline br {
+		clear: both;
+	}
+
+	#headline h1 {
+        color: #404040;
+		padding-right: 1em;
+		padding-top: 0.15em;
+		margin-bottom: 0;
+		float: right;
+	}
+    #headline img {
+        width: 300px;
+        padding-left: 0;
+        padding-top: 35px;
+        padding-bottom:20px;
+    }
+	nav {
+		display: block;
+		float: left;
+		width: 30%;
+		box-sizing: border-box;
+		background-color: #fff;
+		color: #888;
+		margin: 8px 0px 8px 0px;
+		overflow: hidden;
+	}
+	nav ul {
+		margin: 0;
+		padding: 0;
+	}
+	nav ul li {
+		list-style-type: none;
+		padding-top: 15px;
+	}
+	nav>ul>li>a {
+		color: #666;
+		display: block;
+		text-decoration: none;
+	}
+	nav>ul>li:hover {
+		color: #E10319;
+	}
+	nav>ul>li:hover>a {
+		color: #E10319;
+	}
+	nav>ul>li:active>a {
+		color: #E10319;
+	}
+	#demologin {
+		float: right;
+		width: 50%;
+		box-sizing: border-box;
+		border: 1px solid;
+		border-radius: 1px;
+		border-color: #818286;
+		background: #F5F5F5;
+		height: 282px;
+		width: 342px;
+		margin-right: 150px;
+		margin-top: 18px;
+        padding-left:0;
+	}
+    #demologin a:hover{
+        color:white;
+    }
+}
\ No newline at end of file
diff --git a/id/server/auth/src/main/webapp/index.html b/id/server/auth/src/main/webapp/index.html
index 391195def..381d8d82d 100644
--- a/id/server/auth/src/main/webapp/index.html
+++ b/id/server/auth/src/main/webapp/index.html
@@ -1,102 +1,91 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

-<html>

-<head>

-  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >

-  <title>MOA-ID 2.1.x</title>

-  <link rel="stylesheet" href="./common/MOA.css" type="text/css">

-</head>

-<body link="#990000"> 

-  <table class="logoTable" width="100%" border="0" cellspacing="0" cellpadding="10">

-    <tr>

-      <td align="center" class="logoTitle" width="267"><img src="./common/LogoBKA.png" alt="Logo BKA" width="267" height="37" align="left"></td>

-      <td align="center" class="logoTitle">&nbsp;</td>

-      <td align="center" class="logoTitle" width="123"><img src="./common/LogoEGIZ.png" alt="Logo EGIZ" width="230" height="81" align="right"></td>

-    </tr>

-  </table>

-  <hr/> 

-  <p class="title">MOA-ID 2.1.2</p> 

-<hr/>

-  <h1>Inhalt</h1>

-  <ol>

-    <li><a href="#allgemeines">Allgemeines</a>

-      <ol>

-        <li><a href="#allgemeines_service">Externe Services</a></li>

-      </ol>

-    </li>

-    <li><a href="#ss">MOA-ID-Auth </a>

-      <ol>

-        <li><a href="#ablauf">Ablauf einer Anmeldung</a></li>

-      </ol>

-    </li>

-    <li><a href="#sp">MOA-ID-Configuration</a></li>

-  </ol>

-<hr/>

-  <h1><a name="allgemeines"></a>1 Allgemeines</h1>

-  <p> Das Module MOA-ID-Auth kann von Anwendungen zur Identifizierung und Authentifizierung im Rahmen eines Anmeldeprozesses an einer Online-Applikation verwendet werden. Die Konfiguration des Modules MOA-ID-Auth erfolgt mit Hilfe des Zusatzmodules MOA-ID-Configuration welches eine web-basierte Konfigurationsschnittstelle zur Verf&uuml;gung stellt.</p>

-  <p>Das nachfolgende Blockdiagramm zeigt Struktur von MOA-ID und gibt eine kurze Beschreibung der einzelnen Komponenten.</p>

-  <p><img src="Blockdiagramm.png" alt="Architektur MOA-ID" width="1000" height="678"></p>

-  <p>&nbsp;</p>

-<p>MOA-ID besteht aus folgenden Kernkomponenten:</p>

-  <ol>

-    <li><u>CORE LOGIC</u>: Diese Komponente ist die  zentrale Logik zur Steuerung der einzelnen Prozesse innerhalb MOA-ID 2.x.</li>

-    <li><u>Protocol Adapter</u>: Stellt die in MOA-ID  2.x unterst&uuml;tzten Authentifizierungsprotokolle f&uuml;r die Anbindung von Service Providern  zur Verf&uuml;gung.</li>

-    <li><u>Auth Sources</u>: Stellt die von MOA-ID 2.x unterst&uuml;tzten  Identifikationsmechanismen und Single Sign-On Management Funktionen zur Verf&uuml;gung. Dies sind die &ouml;sterreichische B&uuml;rgerkarte oder Handy-Signatur, die  Anmeldung ausl&auml;ndischer Personen mit Hilfe des STORK Protokoll oder mittels Single Sign-On von einem weiteren vertrauensw&uuml;rdigen Identity Provider (Interfederation).  Dieses Modul beinhaltet somit alle jene Funktionen welche f&uuml;r den Authentifizierungs- oder Abmeldeprocess erforderlich sind. </li>

-    <li><u>Template Generator</u>: Der Template Generator erzeugt f&uuml;r Service Provider die  entsprechenden Login-Masken f&uuml;r die Integration in die eigene Web-Applikation.</li>

-    <li><u>SSO Module</u>: Das Single Sign-On (SSO) Modul verwaltet die zus&auml;tzlichen  Operationen die sich aus der Umsetzung von SSO ergeben. Dies umfasst  im Besonderen das SSO Session-Management.</li>

-    <li><u>Statistic Module</u>: Dieses Modul dient zur Generierung  von anonymisierten Statistikdaten aus den Anmeldeinformationen. </li>

-    <li><u>Monitoring &amp; Testing Module</u>: Dieses Modul implementiert  Methoden mit deren Hilfe einzelne funktionale Bereiche aus MOA-ID-Auth getestet  werden k&ouml;nnen. Somit dient dieses Modul als Schnittstellte zu einem externen  Monitoring-Service.</li>

-    <li><u>Configuration</u><u> Modul</u>: Dieses Modul stellt die Schnittstelle zur  MOA-ID-Auth Konfiguration dar welche in einer Datenbank abgelegt wird. </li>

-    <li><u>Konfigurationstool</u>: Oberfl&auml;che, mit deren  Hilfe MOA-ID konfiguriert werden kann. Dies umfasst sowohl allgemeine  Konfigurationsteile als auch die Konfiguration der einzelnen bei MOA-ID-Auth registrierten Online-Applikationen. Service Provider k&ouml;nnen sich am  Konfigurationstool mittels B&uuml;rgerkarte oder Handy-Signatur anmelden und ihre  Online-Applikationen verwalten.</li>

-  </ol>

-  <h2><a name="allgemeines_service" id="allgemeines_service"></a>1.1 Externe Services</h2>

-<p>F&uuml;r die Anmeldung in Vertretung und die Anmeldung ausl&auml;ndischer Personen werden zus&auml;tzliche externe Services verwendet.</p>

-  <h3><a name="allgemeines_service_ovs" id="allgemeines_service2"></a>1.1.1 Online-Vollmachten</h3>

-<p>Ab der MOA-ID Release 1.5.0 werden Online-Vollmachten (f&uuml;r Anwendungen aus dem &ouml;ffentlichen Bereich) unterst&uuml;tzt. Hierzu werden diese Vollmachten &uuml;ber eine Online-Vollmachten-Service ausgew&auml;hlt. Der Zugang zu diesem Online-Vollmachten Service ist &uuml;ber eine Client-Server Authentifizierung abgesichert. Als Client-Zertifikate werden Zertifikate der Firmen A-Trust bzw. A-CERT, die mit der Verwaltungs- oder Dienstleistereigenschaft versehen sind, akzeptiert. </p>

-  <h3><a name="allgemeines_service_szrgw" id="allgemeines_service3"></a>1.1.2 Ausl&auml;ndische B&uuml;rger</h3>

-  <p> Ab der MOA-ID Release 1.4.7 ist es m&ouml;glich, dass sich auch ausl&auml;ndische B&uuml;rger mittels MOA-ID einloggen k&ouml;nnen. Hierzu wird eine Verbindung zu einem sogenannten Stammzahlenregister-Gateway aufgebaut, dass basierend auf den Zertifikatsdaten des ausl&auml;ndischen B&uuml;rgers eine Eintragung im Erg&auml;nzungsregister f&uuml;r nat&uuml;rliche Personen gem&auml;&szlig; E-Government Gesetz &sect;6(5) vornimmt. Somit ist es m&ouml;glich, dass eine Personenbindung ausgestellt werden kann, die in weitere Folge an MOA-ID weitergeleitet wird. Der Zugang zu diesem Stammzahlenregister-Gateway ist &uuml;ber eine Client-Server Authentifizierung abgesichert. Als Client-Zertifikate werden Zertifikate der Firmen A-Trust bzw. A-CERT, die mit der Verwaltungs- oder Dienstleistereigenschaft versehen sind, akzeptiert. </p>

-<h1><a name="moaidauth" id="moaidauth"></a>2 MOA-ID-Auth</h1>

-<p>Das Modul MOA-ID-Auth dient der Identifizierung und Authentifizierung im Rahmen eines Anmeldevorgangs an einer Online-Applikation. Die Identifizierung und Authentifizierung erfolgt mit B&uuml;rgerkartem, Handy-Signatur oder f&uuml;r aus&auml;ndische Personen mittels STORK.</p>

-<p>Die Funktionalit&auml;t und der Aufbau der Schnittstellen des Modules MOA-ID-Auth in Richtung Online-Applikation wird im Kapitel Protokolle beschriebe.

-<p>F&uuml;r den Betrieb von MOA-ID-Auth ist der Einsatz von MOA-Signaturpr&uuml;fung (MOA-SP) erforderlich.</p>

-<h2><a name="ablauf" id="ablauf"></a> 2.1 Ablauf einer Anmeldung</h2>

-<p>Die nachfolgende Grafik beschreibt den Ablauf eines Abmeldevorgangs an einer Online-Applikation mit Hilfe von MOA-ID-Auth unter Verwendung der B&uuml;rgerkarte oder der Handy-Signatur.</p>

-<p><img src="anmeldeablauf.png" width="947" height="881" alt="Sequenzdiagramm eines Anmeldevorgangs mit MOA-ID-Auth"></p>

-<p>&nbsp;</p>

-<ol>

-  <li>Der Benutzer verbindet sich zu einem Web-Portal (Service Provider) &uuml;ber das die Online-Applikation erreichtbar ist. Nach der Bet&auml;tigung eines Login-Buttons wird der Anmeldevorgang ausgel&ouml;st.</li>

-  <li>Der Benutzer wird zur Identifizierung und Authentifizierung an MOA-ID-Auth weitergeleitet. </li>

-  <li>MOA-ID-Auth validiert die Authentifizierungsanfrage des Service Providers</li>

-  <li>MOA-ID-Auth bietet dem Benutzer eine Auswahl von verf&uuml;gbaren Authentifizierungsmethoden (B&uuml;rgerkarte, Handy-Signatur, STORK) an.</li>

-  <li>Der Benutzer w&auml;hlt die gew&uuml;nschte Authentifizierungsmethode und sendet diese an MOA-ID-Auth.</li>

-  <li>MOA-ID-AUTH erzeugt eine HTML-Seite mit einem &lt;InfoboxReadRequest&gt; zum Auslesen der Personenbindung. Diese HTML-Seite wird an den Browser geschickt.</li>

-  <li>Der Browser schickt den &lt;InfoboxReadRequest&gt; an die ausgew&auml;hlte Bürgerkartenumgebung unter Verwendung des Security-Layer. Die Bürgerkartenumgebung liest die Personenbindung von der B&uuml;rgerkarte und sendet diese an MOA-ID-AUTH. MOA-ID-Auth prüft die Signatur der Personenbindung durch einen Aufruf von MOA-SP.</li>

-  <li>MOA-ID-AUTH erstellt den AUTH-Block. Der AUTH-Block enth&auml;lt     Vor- und Nachname aus der Personenbindung,     URL von MOA-ID-AUTH,     URL und Gesch&auml;ftsbereich der Online-Applikation oder im Falle einer SSO Anmeldung die URL und den Gesch&auml;ftsbereich der MOA-ID-Auth Instanz,     die aktuelle Zeit, das aktuelle Datum und einen Zufallswert f&uuml;r diesen Anmeldevorgang. Anschlie&szlig;end wird eine XML Antwortseite, die das Kommando zum Signieren (&lt;CreateXMLSignatureRequest&gt;) des generierten AUTH-Blocks enth&auml;lt, an die ausgew&auml;hlte Bürgerkartenumgebung, unter Verwendung des Security-Layers, gesendet.</li>

-  <li>Der Request wird von der Bürgerkartenumgebung verarbeitet. Die signierten Daten werden an MOA-ID-AUTH zur&uuml;ckgesendet.</li>

-  <li>MOA-ID-Auth &uuml;berpr&uuml;ft den signierten AUTH-Block und generiert Information f&uuml;r weitere Anmeldungen mittels Single Sign-On.</li>

-  <li>MOA-ID-Auth generiert die Anmeldedaten (Assertion) welche folgende Information enthalten: 

-  	<ul>

-    	<li>die bereichsspezifischen Personenkennzeichen (bPK / wbPK)</li>

-    	<li>Vorname, Nachname und Geburtsdatum (optional)</li>

-    	<li>den signierten AUTH-Block (optional)</li>

-    	<li>die Personenbindung (optional)</li>

-    	<li>das Zertifikat mit dem die Signatur erzeugt wurde (optional)</li>

-    	<li>informationen zum Vertreten im Falle einer Anmeldung in Vertretung (optional)</li>

-    	<li>die elektronische Vollmacht im Falle einer Anmeldung in Vertretung (optional)</li>

-    	<li>informationen aus dem STORK Protokoll im Falle einer Anmeldung mittels STORK (optional)</li>

-    </ul>

-  </li>

-  <li> MOA-ID-Auth sendet die Anmeldedaten an den Service-Provider und setzt im Browser des Benutzers ein SSO Session-Tokken welches f&uuml;r weitere Anmeldevorg&auml;nge verwendet werden kann.</li>

-  <li>Die Anmeldedaten werden vom Service-Provider verarbeitet und der Benutzer wird vom Service-Provider an die Online-Applikation weitergeleitet.  </li>

-</ol>

-<h1><a name="config" id="config"></a>3 MOA-ID-Configuration </h1>

-<p>Das Modul MOA-ID-Configuration stellt eine web-basierte Benutzerschnittstelle zur Konfiguration des Moduls MOA-ID-Auth zur Verf&uuml;gung, wobei sich die Konfiguration in zwei Teilbereiche unterteilt ist. Eine detailierte Aufstellung der einzelnen Konfigurationspunkte befindet sich im Kapitel <a href="../config/config.html">Konfiguration</a>.</p>

-<ol>

-  <li>Allgemeine Konfiguration<br>

-  In diesem Bereich sind alle Basiseinstellungen der MOA-ID-Auth Instanz hinterlegt. Beispiele hierf&uuml;r sind Single Sign-On, unterst&uuml;tze Authentifizierungsprotokolle, Informationen zu MOA-ID-Auth, URLs zu externen Services, ... Eine &Auml;nderung der Basiseinstellung erfordert besondere Benutzerrechte am Konfigurationstool.</li>

-  <li>Online-Applikationen<br>

-  In diesem Abschnitt erfolgt die Konfiguration der einzelnen bei MOA-ID-Auth registrierten Service-Provider. Hierbei handelt es sich um authentifizierungsprotkollspezifische Einstellungen, Bereich des Service-Providers (&ouml;ffentlich / Privatwirtschaftlich), Konfiguration der BKU Auswahl, .... Wobei sich die Konfigurationsm&ouml;glichkeiten je nachdem welche Benutzerrechten vergeben sind, unterscheiden k&ouml;nnen.</li>

-</ol>

-<p>Zus&auml;tzlich unterst&uuml;tzt das Module MOA-ID-Configuration auch eine einfache Bentzerverwaltung mit Rechtevergabe mit deren Hilfe die Verwaltung von Online-Applikatioen an den jeweiligen Service-Provider ausgelagert werden kann. Die Anmeldung am Konfigurationstool erfolgt mittels B&uuml;rgerkarte, Handy-Signature oder STORK, wobei optional auch eine Anmeldung mittels Benutzername und Passwort zur Verf&uuml;gung steht.</p>

-<p>&nbsp;</p>

-</body>

-</html>

+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=utf8" >
+        <title>MOA-ID 2.1.x</title>
+        <link rel="stylesheet" href="./common/main.css" type="text/css">
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+        <link href='https://fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'>
+        <script language="JavaScript" type="text/javascript">
+        
+            function PVP2LoginIframe(url) {
+                var el = document.getElementById("demologin");
+                var iframe = document.createElement("iframe");
+                iframe.setAttribute("src", url);
+                iframe.setAttribute("width", "240");
+                iframe.setAttribute("height", "180");
+                iframe.setAttribute("frameborder", "0");
+                iframe.setAttribute("scrolling", "no");
+                iframe.setAttribute("title", "Login");
+                //iframe.setAttribute("scrolling", "yes");
+            
+                iframe.setAttribute("name", "iframelogin");
+                iframe.setAttribute("id", "iframelogin");
+                
+                
+                iframe.setAttribute("onload","iframeLoaded()");
+                
+                var divdemologin = document.getElementById("demologin");
+                divdemologin.innerHTML="";
+
+                el.appendChild(iframe, el); 
+            }
+            
+            function iframeLoaded(){
+                //console.log(document.title); 
+                var ifr=document.getElementById("iframelogin");
+
+                //only works on same origin
+                
+                /*
+                var iframedoc=(ifr.contentWindow||ifr.contentDocument);
+                
+                //var iframedoc=ifr.contentDocument||iframe.contentWindow.document;
+                console.log(iframedoc.title);
+                if(iframedoc.title=="Demo Applikation"){
+                    ifr.setAttribute("width",480);
+                    ifr.setAttribute("height",240);
+                    
+                    var demologin=document.getElementById("demologin");
+                    demologin.style.marginRight="250px";
+                }
+                */
+            }
+
+        </script>
+    </head>
+    <body>
+  <div id="headline">
+      <div class="container">
+          <a href="http://www.digitales.oesterreich.gv.at/"><img src="./common/logo_digAT.png"/></a>
+          <a href="../index.html"><h1>MOA-ID-AUTH </h1></a>
+          <br/>
+      </div>
+  </div>
+        <div id="description" class="container">
+            <p>Bei MOA-ID-AUTH handelt es sich um ein Modul für die Identifizierung und Authentifizierung bei Onlineapplikationen unter Verwendung der Bürgerkarte.
+            Hier kann sowohl die Smartcard-Variante (e-Card) als auch die Handysignatur verwendet werden.
+            Die Konfiguration des Modules MOA-ID-Auth erfolgt mit Hilfe des Zusatzmodules MOA-ID-Configuration welches eine web-basierte Konfigurationsschnittstelle zur Verfügung stellt.</p>
+        </div>
+        <div id="maincontent" class="container">
+            <nav>
+                <ul>
+                    <!--li><a href="_index.html">Allgemein</a></li-->
+                    <!--li><a href="http://joinup.ec.europa.eu/site/moa-idspss/">Dokumentation</a></li-->
+                    <li><a href="http://joinup.ec.europa.eu/site/moa-idspss/moa-id-2.0.0/doc/handbook">Dokumentation</a></li>
+                    <!--Link zu den Demo-Clients-->
+                    <li><a href=#>Demo Clients</a></li>
+                    <!--Link zum Konfigtool-->
+                    <li><a href="https://localhost:8443/moa-id-configuration">Konfiguration GUI</a></li>
+                	
+                </ul>
+            </nav>
+        <div id="demologin" class="container">
+            <br/>
+            <a href="#" id="loginButton" class="button" onclick="PVP2LoginIframe('https://menja.iaik.tugraz.at:8443/moa-id-oa/servlet/pvp2login')">Login</a>
+            <p id="loginText">Über den Login-Button können Sie sich anschließend bei Ihrer Online-Applikation mit der Bürgerkarte oder der Handysignatur anmelden. Dazu müssen Sie allerdings zuvor die Applikation gemäß <a href="http://joinup.ec.europa.eu/site/moa-idspss/moa-id-2.0.0/doc/handbook/application/application.html#DemoApp_pvp21">Beschreibung</a> konfigurieren.</p>
+        </div>
+        </div>
+
+    </body>
+</html>
\ No newline at end of file