Commit 2828016e authored by D.H.D. Nguyen's avatar D.H.D. Nguyen
Browse files

update templates

parent 4f58ada2

project/templates/annotator/batch.html

+4 −4
Original line number Diff line number Diff line
@@ -13,7 +13,7 @@ 


{% block navbar %}

<div class="navbar-nav-scroll">

  <ul class="navbar-nav bd-navbar-nav flex-row" style="list-style-type:none; position: absolute; top: 0; right:30pt">

  <ul class="navbar-nav bd-navbar-nav flex-row" style="list-style-type:none; padding: 0; padding-left: 76%;">

    <li class="nav-item">

      <a class="nav-link col-xs-4"  href="{{url_for('start')}}" style="font-size: 20px; color: dodgerblue"> Home </a>

      <a class="nav-link active col-xs-4"  href="{{url_for('user.main')}}" style="font-size: 20px; color: dodgerblue">  User </a>
@@ -24,7 +24,7 @@ 
{% endblock %}



{% block content %}

<div class="col-md-12" style="position: absolute;top: 7%">

<div class="col-md-12">

  <div class="alert alert-info" role="alert">

    <h3 class="alert-heading"> <strong> Project description </strong> </h3>

    <p> <em> {{ description }} </em> </p>
@@ -91,9 +91,9 @@ 


      <div class= "container">

        <div class="row">

          <div class="col-xs-6" align="center">

          <div class="col-xs-12" align="center">

            {% if not mturk %}

            <button class="btn btn-warning btn-lg" name='action' value='save'> Save </button>

            <button class="btn btn-danger btn-lg" name='action' value='save'> Save </button>

            {% endif %}

            

            <button type="submit" class="btn btn-success btn-lg" name='action' value='submit'> Submit </button>

project/templates/annotator/index.html

+18 −17
Original line number Diff line number Diff line
@@ -9,7 +9,7 @@ 


{% block navbar %}

<div class="navbar-nav-scroll">

  <ul class="navbar-nav bd-navbar-nav flex-row" style="list-style-type:none; position: absolute; top: 0; right:0">

  <ul class="navbar-nav bd-navbar-nav flex-row" style="list-style-type:none; padding: 0; padding-left: 76%;">

  	<li class="nav-item">

	  <a class="nav-link col-xs-4"  href="{{url_for('start')}}" style="font-size: 20px; color: dodgerblue"> Home </a>

	</li>
@@ -26,19 +26,18 @@ 
{% endblock %}



{% block content %}

<div class="container" style="position: absolute; top: 7%; left: 7%">

<div class="container" style="min-height: 100%;">

  <form class="form-signin" method="post" action="">

	<div class="bg-info col-md-12" role="info">

	  <br>

	  <h2 class="modal-title" > <b> Welcome to the main page! </b></h2>

	<div class="bg-info col-md-12" role="info" style="padding: 10pt; padding-bottom: 10px">

	  

	  <h2 class="modal-title" > <b> Welcome to the main page! </b></h2>



	  <ul style="font-size: 14pt">

	    <li>Enter your password and your pseudoname to access the project site!</li> 

	  	<li> This pseudoname is your choice when you first log in to this site so that no one else can use this given keyword to change your annotations. </li>

	  </ul>

				  

	  	  

	  <div class="form-row">  

		  <div class="form-group col-md-4" style="font-size: 12pt">{{ wtf.form_field(form.keyword, type="password", class="form-control", placeholder='keyword to project') }} </div>



		  <div class="form-group col-md-4" style="font-size: 12pt">{{ wtf.form_field(form.name, class="form-control", placeholder='your chosen (pseudo)name')}} </div>
@@ -46,16 +45,18 @@ 
		  {{ form.hidden_tag() }}

				  	 



	  <div class="form-group col-md-3" style="position: absolute; top:73%; right: 50%; left: 67%"> 

		  <div class="form-group col-md-3" style="padding: 18pt"> 

		  	<button class="btn btn-primary" style="font-size: 12pt">Confirm identity</button>

		  </div>

			  	

				

	  <h1> </h1>

	  </div>		  	

			

	</div>

  </form>

</div>



</html>

<footer class="page-footer font-small">

  <div class="footer-copyright text-center py-3" style="position: absolute; bottom: 0; width:100%; background: dodgerblue; height: 20px; color: white; font-size: 10pt" >

    &copy;2020, D. Nguyen, M. Charniuk, S. Safdel., Web Interface for Best-Worst-Scaling

  </div>

</footer>

{% endblock %}

project/templates/annotator/project.html

+36 −30
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 


{% block navbar %}

<div class="navbar-nav-scroll">

  <ul class="navbar-nav bd-navbar-nav flex-row" style="list-style-type:none; position: absolute; top: 0; right:30pt">

  <ul class="navbar-nav bd-navbar-nav flex-row" style="list-style-type:none; padding: 0; padding-left: 76%;">

  	<li class="nav-item">

	  <a class="nav-link col-xs-4"  href="{{url_for('start')}}" style="font-size: 20px; color: dodgerblue"> Home </a>

	  <a class="nav-link active col-xs-4"  href="{{url_for('user.main')}}" style="font-size: 20px; color: dodgerblue">  User </a>
@@ -18,7 +18,7 @@ 
{% endblock %}



{% block content %}

<div class="col-md-12" style="position: absolute;top: 7%">

<div class="col-md-12">

  <div class="alert alert-info" role="alert">

  	<h2 class="alert-heading"> <b> {{ project.name.upper() }} </b> </h2>

  	<hr>
@@ -31,7 +31,7 @@ 
  <div class="form-group col-md-12">

  	{% for (p_name, batch_id, b_name), cbatch in zip(batches_links, check) %}

	  {% if cbatch %}

	  <button class="btn btn-warning"> {{ b_name }} <span class="glyphicon glyphicon-ok-sign"/> </button>

	  	<button class="btn btn-info" disabled="true"> {{ b_name }} <span class="glyphicon glyphicon-ok-sign"/> </button>

	  {% else %}

	  	<a class="btn btn-default" href="{{ url_for('annotator.batch', p_name=p_name, batch_id=batch_id) }}" target="_blank" rel="noopener noreferrer">{{ b_name }} <span class="glyphicon glyphicon-question-sign"/> </a>

	  {% endif %}
@@ -63,6 +63,12 @@ 
  	</p>

  </div>

</div>



<footer>

  <div class="footer-copyright text-center"  style="position: absolute; bottom: 0; width:100%; background: dodgerblue; height: 20px; color: white; font-size: 10pt">

    &copy;2020, D. Nguyen, M. Charniuk, S. Safdel., Web Interface for Best-Worst-Scaling

  </div>

</footer>

{% endblock %}



{% block scripts %}

project/templates/start.html

+6 −0
Original line number Diff line number Diff line
@@ -45,4 +45,10 @@ 
  	</div>

  </div>

</div>



<footer>

  <div class="footer-copyright text-center"  style="position: absolute; bottom: 1%; left: 35%; color: grey; font-size: 10pt">

    &copy;2020, D. Nguyen, M. Charniuk, S. Safdel., Web Interface for Best-Worst-Scaling

  </div>

</footer>

{% endblock %}

project/templates/user/index.html

+5 −1
Original line number Diff line number Diff line
@@ -66,9 +66,13 @@ 
	</div>

  </div>





</div>



<footer>

  <div class="footer-copyright text-center"  style="position: absolute; bottom: 0; width:100%; background: green; height: 20px; color: lightgrey; font-size: 10pt">

    &copy;2020, D. Nguyen, M. Charniuk, S. Safdel., Web Interface for Best-Worst-Scaling

  </div>

</footer>

 

{% endblock %}