Fix html form validity and look and feel

parent eae9e711
...@@ -4,84 +4,65 @@ ...@@ -4,84 +4,65 @@
{% import "schools/form.twig" as macros %} {% import "schools/form.twig" as macros %}
{% block content %} {% block content %}
<style> <style>
input[type=text] { input[type=text] {
width: 100%; width: 100%;
} }
</style> </style>
<div id="app-form"> <div id="app-form">
<h1> <h1>
{% block title %} {% block title %}
{% endblock %} {% endblock %}
</h1> </h1>
<form method="post" action="" data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}" <form method="post" action="" class="form-horizontal"
data-messages="{{ form.messages|default({})|json_encode }}"> data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}"
data-messages="{{ form.messages|default({})|json_encode }}">
<input type="hidden" id="mm_id" name="mm_id" value="0"> <input type="hidden" id="mm_id" name="mm_id" value="0">
<div class="form-group"> <div class="form-group">
<p> <h1>Αίτηση εκδήλωσης ενδιαφέροντος</h1>
<h1>Αίτηση εκδήλωσης ενδιαφέροντος</h1> <p>Στην δράση των edulabs μπορούν να συμμετέχουν εκπαιδευτικοί με εμπειρία σε STEAM που θέλουν να συνεργαστούν με τα σχολεία στην αξιοποίηση των 140 edulabs που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
<br> <br/>Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας.
Στην δράση των edulabs μπορούν να συμμετέχουν εκπαιδευτικοί με εμπειρία σε STEAM που θέλουν να συνεργαστούν με τα σχολεία στην αξιοποίηση των 140 edulabs που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
<br>
Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας.
</p> </p>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<fieldset> <fieldset>
<!-- <div id="items-list"> --> {{ macros.input('name', 'Όνομα', form.values.name)}}
{{ macros.input('name', 'Όνομα', form.values.name)}} {{ macros.input('surname', 'Επώνυμο', form.values.surname)}}
{{ macros.input('surname', 'Επώνυμο', form.values.surname)}} {{ macros.select('eidikothta', 'Ειδικότητα', form.branches, form.values.eidikothta, {'required': ''}) }}
{{ macros.select('eidikothta', 'Ειδικότητα', form.branches, form.values.eidikothta, {'required': ''}) }} {{ macros.input('arithmitroou', 'Αριθμός Μητρώου', form.values.arithmitroou)}}
{{ macros.input('arithmitroou', 'Αριθμός Μητρώου', form.values.arithmitroou)}} {{ macros.input('telef', 'Τηλέφωνο', form.values.telef)}}
{{ macros.input('telef', 'Τηλέφωνο', form.values.telef)}} {{ macros.input('email', 'Email', form.values.email)}}
{{ macros.input('email', 'Email', form.values.email)}} <div class="form-group">
<div class="form-group"> <label class="control-label hidden-xs hidden-sm col-md-3" for="select_school">Αναζήτηση σχολείου</label>
<label class="control-label hidden-xs hidden-sm col-md-3" for="select_school">Αναζήτηση σχολείου</label> <div class="col-xs-12 col-sm-12 col-md-9">
<div class="col-xs-12 col-sm-12 col-md-9"> <input type="text" id="select_school" name="select_school" placeholder="Γράψτε 4 τουλάχιστο χαρακτήρες για αναζήτηση" class="form-control input-sm">
<input type="text" id="select_school" name="select_school" placeholder="Γράψτε 4 τουλάχιστο χαρακτήρες για αναζήτηση" class="form-control input-sm"> </div>
</div> </div>
</div> {{ macros.input('school', 'Σχολείο που υπηρετείτε', form.values.school, 'text', {'readonly': true})}}
{{ macros.input('school', 'Σχολείο που υπηρετείτε', form.values.school, 'text', {'readonly': true})}} {{ macros.input('schooltelef', 'Τηλέφωνο Σχολείου', form.values.schooltelef, 'text', {'readonly': true})}}
{{ macros.input('schooltelef', 'Τηλέφωνο Σχολείου', form.values.schooltelef, 'text', {'readonly': true})}}
<h3>Δράσεις</h3>
<br> <p>Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει.</p>
<br> <div class="input_fields_wrap">
<br> <button style="color:blue" class="add_field_button">Προσθήκη Επιπλέον</button>
<h3> Δράσεις</h3> <div><label for="projects">Σχετική δράση που συμμετείχατε </label><input type="text" name="projects" id="projects"></div>
Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει. <div><label for="urlproject">URL δράσης που συμμετείχατε</label><input type="text" name="urlproject" id="urlproject"></div>
<div class="input_fields_wrap"> <div><label for="commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject" id="commentproject"></div>
<button style="color:blue" class="add_field_button" "btn btn-lg btn-primary">Προσθήκη Επιπλέον</button> </div>
<div><label for="projects">Σχετική δράση που συμμετείχατε </label><input type="text" name="projects" id="projects"></div>
<div><label for="urlproject">URL δράσης που συμμετείχατε</label><input type="text" name="urlproject" id="urlproject"></div> <input type="hidden" name="projectdescription" id="projectdescription">
<div><label for "commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject" id="commentproject"></div> {{ macros.text('comments', 'Σχόλια/Παρατηρήσεις', form.values.comments) }}
</fieldset>
</div>
<hr>
<div class="form-group text-center">
<button name="submit" value="submit" type="submit" id ="submit" class="btn btn-lg btn-primary">Υποβολή</button>
</div>
<input type="hidden" name="{{ csrf.name_key }}" value="{{ csrf.name }}">
<input type="hidden" name="{{ csrf.value_key }}" value="{{ csrf.value }}">
</form>
</div> </div>
<input type="hidden" name="projectdescription" id="projectdescription">
<p>
<p>
<!-- </div> -->
{{ macros.text('comments', 'Σχόλια/Παρατηρήσεις', form.values.comments) }}
</fieldset>
</div>
<hr>
<div class="form-group text-center">
<button name="submit" value="submit" type="submit" id ="submit" class="btn btn-lg btn-primary">Υποβολή</button>
</div>
<input type="hidden" name="{{ csrf.name_key }}" value="{{ csrf.name }}">
<input type="hidden" name="{{ csrf.value_key }}" value="{{ csrf.value }}">
</form>
</div>
{% endblock %} {% endblock %}
{% block inlinejs %} {% block inlinejs %}
......
...@@ -3,97 +3,87 @@ ...@@ -3,97 +3,87 @@
{% import "schools/form.twig" as macros %} {% import "schools/form.twig" as macros %}
{% block content %} {% block content %}
<style> <style>
input[type=text] { input[type=text] {
width: 100%; width: 100%;
} }
</style> </style>
<body> <body>
<div id="app-form"> <div id="app-form">
<h1> <h1>
{% block title %} {% block title %}
{% endblock %}
</h1>
<form class="form-horizontal" method="post" action="" data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}"
data-messages="{{ form.messages|default({})|json_encode }}" >
<div class="form-group">
<p>
<h1>Αίτηση εκδήλωσης ενδιαφέροντος</h1>
<br>
Στην δράση των edulabs μπορεί να συμμετέχει ακαδημαϊκό και ερευνητικό προσωπικό από όλα τα Πανεπιστήμια και Ερευνητικά Κέντρα με εμπειρία σε STEAM που θέλει να συνεργαστεί με τα σχολεία στην αξιοποίηση των 140 <a href="http://edulabs.minedu.gov.gr/">edulabs </a>που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
<br>Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας. {% endblock %}
</p> </h1>
</div> <form class="form-horizontal" method="post" action="" data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}"
data-messages="{{ form.messages|default({})|json_encode }}" >
<div class="table-responsive"> <div class="form-group">
<fieldset> <h1>Αίτηση εκδήλωσης ενδιαφέροντος</h1>
<div id="items-list"> <p>Στην δράση των edulabs μπορεί να συμμετέχει ακαδημαϊκό και ερευνητικό προσωπικό από όλα τα Πανεπιστήμια και Ερευνητικά Κέντρα με εμπειρία σε STEAM που θέλει να συνεργαστεί με τα σχολεία στην αξιοποίηση των 140 <a href="http://edulabs.minedu.gov.gr/">edulabs </a>που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
<strong>Επιλέξτε την ιδιότητά σας:</strong> <br/>Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας.
<select name='newselect' id="newselect"> </p>
<option value="space" id = "space" selected ></option> </div>
<option value="idrimata" id = "idrimata">ΑΕΙ/ΑΤΕΙ</option>
<option value="ereunitika" id="ereunitika">Ερευνητικά Κέντρα</option>
</select>
<div id = "first">
{{ macros.select('idrima','Ίδρυμα','', form.values.idrima, { 'id': 'idrima'} )}}
{{ macros.select('sxolh', 'Σχολή','', form.values.sxolh,{ 'id': 'sxolh'} ) }}
{{ macros.select('tmhma', 'Τμήμα','', form.values.tmhma, { 'id': 'tmhma'}) }}
</div>
<div id = "second">
{{ macros.select('ereunitiko', 'Ερευνητικό Κέντρο', '', form.values.ereunitiko, { 'id': 'ereunitiko'} )}}
{{ macros.select('institute', 'Ινστιτούτο','', form.values.institute,{ 'id': 'institute'} ) }}
{{ macros.input('other', 'Αλλο',form.values.other,{ 'id': 'other'} ) }}
</div>
{{ macros.input('erga', 'Εργαστήριο',form.values.erga ) }}
{{ macros.input('person', 'Υπεύθυνος Επικοινωνίας',form.values.person ) }}
{{ macros.input('telef', 'Τηλέφωνο',form.values.telef ) }}
{{ macros.input('email', 'Email',form.values.email ) }}
<h3> Δράσεις</h3>
Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει.
<div class="input_fields_wrap">
<button style="color:blue" class="add_field_button" "btn btn-lg btn-primary">Προσθήκη Επιπλέον</button>
<div><label for="projects">Σχετική δράση που συμμετείχατε </label><input type="text" name="projects[]" id="projects"></div>
<div><label for="urlproject">URL δράσης που συμμετείχατε</label><input type="text" name="urlproject[]" id="urlproject"></div>
<div><label for "commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject[]" id="commentproject"></div>
</div>
<input type="hidden" name="projectdescription" id="projectdescription">
<p> <div class="table-responsive">
<p> <fieldset>
<div id="items-list">
<div class="form-group bg-info">
<label class="control-label col-md-3" for="newselect">Επιλέξτε την ιδιότητά σας</label>
<div class="col-xs-12 col-sm-12 col-md-9">
<select name='newselect' id="newselect" class="form-control">
<option value="space" id = "space" selected ></option>
<option value="idrimata" id = "idrimata">ΑΕΙ/ΑΤΕΙ</option>
<option value="ereunitika" id="ereunitika">Ερευνητικά Κέντρα</option>
</select>
</div>
</div>
<div id = "first">
{{ macros.select('idrima','Ίδρυμα','', form.values.idrima, { 'id': 'idrima'} )}}
{{ macros.select('sxolh', 'Σχολή','', form.values.sxolh,{ 'id': 'sxolh'} ) }}
{{ macros.select('tmhma', 'Τμήμα','', form.values.tmhma, { 'id': 'tmhma'}) }}
</div>
<div id = "second">
{{ macros.select('ereunitiko', 'Ερευνητικό Κέντρο', '', form.values.ereunitiko, { 'id': 'ereunitiko'} )}}
{{ macros.select('institute', 'Ινστιτούτο','', form.values.institute,{ 'id': 'institute'} ) }}
{{ macros.input('other', 'Αλλο',form.values.other,{ 'id': 'other'} ) }}
{{ macros.text('comments', 'Σχόλια/Παρατηρήσεις', form.values.comments) }} </div>
{{ macros.input('erga', 'Εργαστήριο',form.values.erga ) }}
</div> {{ macros.input('person', 'Υπεύθυνος Επικοινωνίας',form.values.person ) }}
{{ macros.input('telef', 'Τηλέφωνο',form.values.telef ) }}
{{ macros.input('email', 'Email',form.values.email ) }}
<div class="form-group text-center"> <h3>Δράσεις</h3>
<button name="submit" value="submit" type="submit" id="submit" class="btn btn-lg btn-primary">Υποβολή</button> Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει.
<input type="hidden" name="id" value="{{ form.values.id }}"> <div class="input_fields_wrap">
<input type="hidden" name="hididrima" id="hididrima" value="{{form.values.idrima}}"> <button style="color:blue" class="add_field_button">Προσθήκη Επιπλέον</button>
<input type="hidden" name="hidsxolh" id="hidsxolh" value="{{form.values.sxolh}}"> <div><label for="projects">Σχετική δράση που συμμετείχατε </label><input type="text" name="projects[]" id="projects"></div>
<input type="hidden" name="hidtmhma" id="hidtmhma" value="{{form.values.tmhma}}"> <div><label for="urlproject">URL δράσης που συμμετείχατε</label><input type="text" name="urlproject[]" id="urlproject"></div>
<input type="hidden" name="hidereunitiko" id="hidereunitiko" value="{{form.values.ereunitiko}}"> <div><label for="commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject[]" id="commentproject"></div>
<input type="hidden" name="hidinstitute" id="hidinstitute" value="{{form.values.institute}}"> </div>
<input type="hidden" name="projectdescription" id="projectdescription">
{{ macros.text('comments', 'Σχόλια/Παρατηρήσεις', form.values.comments) }}
</div>
<input type="hidden" name="hidnewselect" id="hidnewselect" > <div class="form-group text-center">
<button name="submit" value="submit" type="submit" id="submit" class="btn btn-lg btn-primary">Υποβολή</button>
<input type="hidden" name="id" value="{{ form.values.id }}">
<input type="hidden" name="hididrima" id="hididrima" value="{{form.values.idrima}}">
<input type="hidden" name="hidsxolh" id="hidsxolh" value="{{form.values.sxolh}}">
<input type="hidden" name="hidtmhma" id="hidtmhma" value="{{form.values.tmhma}}">
<input type="hidden" name="hidereunitiko" id="hidereunitiko" value="{{form.values.ereunitiko}}">
<input type="hidden" name="hidinstitute" id="hidinstitute" value="{{form.values.institute}}">
<input type="hidden" name="hidnewselect" id="hidnewselect" >
</div>
<input type="hidden" name="{{ csrf.name_key }}" value="{{ csrf.name }}">
<input type="hidden" name="{{ csrf.value_key }}" value="{{ csrf.value }}">
</fieldset>
</div> </div>
<input type="hidden" name="{{ csrf.name_key }}" value="{{ csrf.name }}">
<input type="hidden" name="{{ csrf.value_key }}" value="{{ csrf.value }}">
</fieldset>
</div>
</form> </form>
</div> </div>
</body> </body>
{% endblock %} {% endblock %}
{% block inlinejs %} {% block inlinejs %}
...@@ -102,7 +92,7 @@ input[type=text] { ...@@ -102,7 +92,7 @@ input[type=text] {
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
<script src="{{ base_url() }}/js/jquery-3.1.1.min.js"></script> <script src="{{ base_url() }}/js/jquery-3.1.1.min.js"></script>
<script src="{{ base_url() }}/js/university_form/index-1.1.js"></script> <script src="{{ base_url() }}/js/university_form/index-1.1.js"></script>
<script type="text/javascript"> <script type="text/javascript">
</script> </script>
{% endblock %} {% endblock %}
\ No newline at end of file
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