112 lines
		
	
	
		
			3.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			112 lines
		
	
	
		
			3.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| 
 | |
| <html>
 | |
| 
 | |
| <head>
 | |
|   <title>o-search</title>
 | |
|   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 | |
|   <!--Import Google Icon Font-->
 | |
|   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 | |
|   <!--Import materialize.css-->
 | |
|   <link type="text/css" rel="stylesheet" href="static/css/materialize.min.css" media="screen,projection" />
 | |
|   <!--Let browser know website is optimized for mobile-->
 | |
|   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | |
|   <style>
 | |
|     .small { 
 | |
|       font-size: x-small;
 | |
|     }
 | |
| 
 | |
|     </style>
 | |
|     <script type="text/javascript" src="static/js/jquery-3.5.1.min.js"></script>
 | |
|     <script type="text/javascript">
 | |
|     $( document ).ready(function() {
 | |
|       $('.tooltipped').tooltip();
 | |
|       $('.fixed-action-btn').floatingActionButton({direction: 'bottom'});
 | |
|     ;(function() {
 | |
|     jQuery.expr[':'].containsNC =  function(elem, index, match) {
 | |
|         return (elem.textContent || elem.innerText || jQuery(elem).text() || '').toLowerCase().indexOf((match[3] || '').toLowerCase()) >= 0;
 | |
|     }
 | |
|     }(jQuery));
 | |
| 
 | |
|       $('#filter').on('input',function(e)
 | |
|       {          
 | |
|           if ($('#filter').val())
 | |
|           {
 | |
|             $('a')
 | |
|               .find('span').not(':containsNC('+$('#filter').val()+')')
 | |
|               .parent()
 | |
|               //.css('outline', '3px solid red');
 | |
|               .hide();
 | |
|             $('a')
 | |
|               .find('span:containsNC('+$('#filter').val()+')')
 | |
|               .parent()
 | |
|               //.css('outline', '3px solid red');
 | |
|               .show();
 | |
|           }
 | |
| 
 | |
|       });
 | |
|     });
 | |
|     </script>
 | |
| </head>
 | |
| 
 | |
| <body>
 | |
|     
 | |
|     <div class="row">
 | |
|       <div class="center-align">
 | |
|         <a href="/"><img src="static/img/O-cloud.svg" width="150em" height="auto"/></a>
 | |
|       </div>
 | |
|       <div class="input-field col s6 offset-s3">
 | |
|         <ul class="collection">
 | |
|           <a href="http://127.0.0.1:8080">
 | |
|             <li class="collection-item avatar">
 | |
|               <img src="images/yuna.jpg" alt="" class="circle">
 | |
|               <span class="title">Démonstrateur Pilotage</span>
 | |
|               <p>
 | |
|                 Démonstrateur du cockpit de pilotage de cloud réparti
 | |
|               </p>
 | |
|             </a>
 | |
|             </li>
 | |
|             <li class="collection-item avatar">
 | |
|               <a href="http://127.0.0.1:49618">
 | |
|               <i class="material-icons circle">folder</i>
 | |
|               <span class="title">OpenAPI serveur 1</span>
 | |
|               <p>
 | |
|                 Documentation et outil de test de l'API du cluster principal du cloud
 | |
|               </p>
 | |
|               </a>
 | |
|             </li>
 | |
|             <li class="collection-item avatar">
 | |
|               <i class="material-icons circle green">insert_chart</i>
 | |
|               <span class="title">OpenAPI serveur 2</span>
 | |
|               <p>Documentation et outil de test de l'API du cluster simulant le partenaire IRT
 | |
|               </p>
 | |
|             </li>
 | |
|             <li class="collection-item avatar">
 | |
|               <i class="material-icons circle red">play_arrow</i>
 | |
|               <span class="title">OpenAPI serveur 3</span>
 | |
|               <p>Documentation et outil de test de l'API du cluster simulant le partenaire exemple Meteo France
 | |
|               </p>
 | |
|             </li>
 | |
|             <li class="collection-item avatar">
 | |
|                 <i class="material-icons circle red">play_arrow</i>
 | |
|                 <span class="title">Code source de l'interface</span>
 | |
|                 <p>Forge sur Internet : Code source de la partie graphique du démonstrateur
 | |
|                 </p>
 | |
|               </li>
 | |
|               <li class="collection-item avatar">
 | |
|                 <i class="material-icons circle red">play_arrow</i>
 | |
|                 <span class="title">Code source des web service</span>
 | |
|                 <p>Forge sur Internet : Code source des web services
 | |
|                 </p>
 | |
|               </li>
 | |
|           </ul>
 | |
|         
 | |
|       </div>
 | |
|     </div> 
 | |
| 
 | |
|             
 | |
|   <script type="text/javascript" src="static/js/materialize.min.js"></script>
 | |
| 
 | |
| </body>
 | |
| 
 | |
| </html> |