Commit 13b48c81 authored by Georgios Ouzounis's avatar Georgios Ouzounis
Browse files

Added modals in check running faq on Central VM.

parent 87e3b0f6
......@@ -18,7 +18,7 @@
</div>
<div class="col-sm-3">
<a href="#" data-toggle="modal" data-target="#createStep2">
<img class="img-responsive" src="assets/img/faqs/lambda-application/create/step2-sm.png" alt=" Page" title="Home Page">
<img class="img-responsive" src="assets/img/faqs/lambda-application/create-sm.png" alt=" Page" title="Home Page">
</a>
<p class="text-center">Step 2</p>
</div>
......@@ -86,7 +86,7 @@
<div class="row margin-bottom">
<div class="col-sm-3">
<a href="#" data-toggle="modal" data-target="#listapps">
<img class="img-responsive" src="assets/img/faqs/lambda-application/create/step2-sm.png" alt="Application List" title="Application List" >
<img class="img-responsive" src="assets/img/faqs/lambda-application/create-sm.png" alt="Application List" title="Application List" >
</a>
<p class="text-center">Step 7</p>
</div>
......@@ -117,7 +117,7 @@
<div class="row ">
<div class="col-sm-3 col-md-offset-8">
<a href="#" data-toggle="modal" data-target="#apprunning">
<img class="img-responsive" src="assets/img/faqs/lambda-application/create/step10-sm.png" alt="Application Running" title="Application Running" >
<img class="img-responsive" src="assets/img/faqs/lambda-application/details-sm.png" alt="Application Running" title="Application Running" >
</a>
<p class="text-center">Step 10</p>
</div>
......@@ -517,7 +517,7 @@ After this directive is finished, a new directory, named "target" will have been
<h4 class="modal-title" id="createStep3">Step 10</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/faqs/lambda-application/create/step10.png" alt="Application Running" title="Application Running" >
<img class="img-responsive" src="assets/img/faqs/lambda-application/details.png" alt="Application Running" title="Application Running" >
</div>
<div class="modal-footer">
Select to start your application once it has been deployed on the Lambda Instance
......
......@@ -38,7 +38,49 @@
To view your Lambda Applications you can follow the guide show below.
</p>
<p><img src="assets/img/check-applications.png" alt="check-applications.png" width="1000" height="250"></p>
<div class="row margin-bottom">
<div class="col-sm-6">
<div class="row margin-bottom">
<div class="col-sm-3">
<a href="#" data-toggle="modal" data-target="#LoginPage">
<img class="img-responsive" src="assets/img/faqs/login-sm.png" alt="Login" title="Login" >
</a>
<p class="text-center">Step 1</p>
</div>
<div class="col-sm-1 text-center">
<span class="fa fa-arrow-right"></span>
</div>
<div class="col-sm-3">
<a href="#" data-toggle="modal" data-target="#createStep2">
<img class="img-responsive" src="assets/img/faqs/lambda-application/create-sm.png" alt=" Page" title="Home Page">
</a>
<p class="text-center">Step 2</p>
</div>
<div class="col-sm-1 text-center">
<span class="fa fa-arrow-right"></span>
</div>
<div class="col-sm-3">
<a href="#" data-toggle="modal" data-target="#applist">
<img class="img-responsive" src="assets/img/faqs/lambda-application/check-running/step3-sm.png" alt="List Applications" title="List Applications">
</a>
<p class="text-center">Step 3</p>
</div>
</div>
<div class="row ">
<div class="col-sm-12 col-md-offset-9">
<span class="fa fa-arrow-down"></span>
</div>
</div>
<div class="row ">
<div class="col-sm-3 col-md-offset-8">
<a href="#" data-toggle="modal" data-target="#apprunning">
<img class="img-responsive" src="assets/img/faqs/lambda-application/details-sm.png" alt="Application Running" title="Application Running" >
</a>
<p class="text-center">Step 4</p>
</div>
</div>
</div>
</div><!--row-->
<ol>
<li>
......@@ -60,3 +102,76 @@
</div><!--col-md-3 -->
</div> <!--row-->
</section><!-- /.content -->
<!-- MODALS START -->
<!-- modal login -->
<div class="modal fade" id="LoginPage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Step 1</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/faqs/login.png" alt="Login" title="Login">
</div>
<div class="modal-footer">
Login the service dashboard using your ~okeanos token
</div>
</div>
</div>
</div>
<!-- modal login end-->
<!-- modal step2-->
<div class="modal fade" id="createStep2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Step 2</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/faqs/create.png" alt="Home" title="Home" >
</div>
<div class="modal-footer">
From the sidebar, select "Applications".
</div>
</div> <!--<div class="modal-content">-->
</div><!--<div class="modal-dialog"-->
</div><!--<div class="modal fade" -->
<!--- modal step3 -->
<div class="modal fade" id="applist" tabindex="-1" role="dialog" aria-labelledby="applist">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="createStep3">Step 3</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/faqs/lambda-application/list.png" alt="List Applications" title="List Applications" >
</div>
<div class="modal-footer">
On the list of Lambda Applications that appear, choose the button "Details" to get more details about a specific Application.
</div>
</div> <!--<div class="modal-content">-->
</div><!--<div class="modal-dialog"-->
</div><!--<div class="modal fade" -->
<!--app running-->
<!--- apprunning -->
<div class="modal fade" id="apprunning" tabindex="-1" role="dialog" aria-labelledby="apprunning">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="createStep3">Step 4</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/faqs/lambda-application/details.png" alt="Application Running" title="Application Running" >
</div>
<div class="modal-footer">
On the details page of the selected application you may see the List of Lambda Instances the Application has been deployed and the corresponding status.
</div>
</div> <!--<div class="modal-content">-->
</div><!--<div class="modal-dialog"-->
</div><!--<div class="modal fade" -->
<!-- MODALS END -->
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment