Skip to content

GitLab

Commit 6536482e authored by Georgios Ouzounis's avatar Georgios Ouzounis
Browse files

Added modals in find master node hostname faq on Central VM.

parent 1efd5b17
Hide whitespace changes
Inline Side-by-side
central_service/app/frontend/app/templates/components/guides/create-lambda-application.hbs
View file @ 6536482e
......@@ -9,7 +9,7 @@
<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/login-sm.png" alt="Login" title="Login" >
<img class="img-responsive" src="assets/img/faqs/login-sm.png" alt="Login" title="Login" >
</a>
<p class="text-center">Step 1</p>
</div>
......@@ -354,7 +354,7 @@ After this directive is finished, a new directory, named "target" will have been
<h4 class="modal-title" id="myModalLabel">Step 1</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/login.png" alt="Login" title="Login">
<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
......
central_service/app/frontend/app/templates/components/guides/create-lambda-instance.hbs
View file @ 6536482e
......@@ -7,7 +7,7 @@
<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/login-sm.png" alt="Photo" >
<img class="img-responsive" src="assets/img/faqs/login-sm.png" alt="Photo" >
</a>
<p class="text-center">Step 1</p>
</div>
......@@ -16,7 +16,7 @@
</div>
<div class="col-sm-3">
<a href="#" data-toggle="modal" data-target="#createStep2">
<img class="img-responsive" src="assets/img/faqs/lambda-instance/create/step2-sm.png" alt="Photo">
<img class="img-responsive" src="assets/img/faqs/lambda-instance/create-sm.png" alt="Photo">
</a>
<p class="text-center">Step 2</p>
</div>
......@@ -83,7 +83,7 @@
<h4 class="modal-title" id="myModalLabel">Step 1</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="assets/img/login.png" alt="Photo" >
<img class="img-responsive" src="assets/img/faqs/login.png" alt="Photo" >
</div>
<div class="modal-footer">
Login the service dashboard using your ~okeanos token
......
central_service/app/frontend/app/templates/faqs/lambda-instance/find-master-node-hostname.hbs
View file @ 6536482e
......@@ -40,7 +40,53 @@
VM from those that comprise the Lambda Instance that has a public IP and is thus accessible through the internet. You can follow the steps described bellow to find the hostname of this VM.
</p>
<p><img src="assets/img/master-node-hostname-guide.png" alt="master-node-hostname-guide.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-instance/create-sm.png" alt="Home 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="#startstop">
<img class="img-responsive" src="assets/img/faqs/lambda-instance/start-stop-sm.png" alt="Start Stop Lambda Instance" title="Start Stop Lambda Instance">
</a>
<p class="text-center">Step 3</p>
</div>
</div>
</div><!--row-->
<div class="row ">
<div class="col-sm-7 col-md-offset-5">
<span class="fa fa-arrow-down"></span>
</div>
</div>
<div class="row margin-bottom">
<div class="col-sm-6">
<div class="row margin-bottom">
<div class="col-sm-3 col-md-offset-8">
<a href="#" data-toggle="modal" data-target="#Hostname">
<img class="img-responsive" src="assets/img/faqs/lambda-instance/find-master-node-hostname/step4-sm.png" alt="Login" title="Login" >
</a>
<p class="text-center">Step 4</p>
</div>
</div>
</div><!--row-->
</div>
</div><!--row-->
<ol>
<li>
......@@ -70,3 +116,75 @@
</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">
Select Instances from the upper left menu of options
</div>
</div> <!--<div class="modal-content">-->
</div><!--<div class="modal-dialog"-->
</div><!--<div class="modal fade" -->
<!--- modal step3 -->
<div class="modal fade" id="startstop" tabindex="-1" role="dialog" aria-labelledby="startstop">
<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-instance/start-stop.png" alt="Start Stop Lambda Instance" title="Start Stop Lambda Instance" >
</div>
<div class="modal-footer">
Click on the name of the Lambda Instance you chose or the corresponding "Details" button.
</div>
</div> <!--<div class="modal-content">-->
</div><!--<div class="modal-dialog"-->
</div><!--<div class="modal fade" -->
<!--- modal Hostname -->
<div class="modal fade" id="Hostname" tabindex="-1" role="dialog" aria-labelledby="Hostname">
<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-instance/find-master-node-hostname/step4.png" alt="Lambda Instance Hostname" title="Lambda Instance Hostname" >
</div>
<div class="modal-footer">
On the list of properties that are desplayed, the fourth one, namely "Hostname of master node" is the hostname of the Master Node of your Lambda Instance.
</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