upload note styling
[oweals/karmaworld.git] / karmaworld / templates / partial / add_note.html
1 {% load url from future %}
2 <section id=add-note-form class="extend-form">
3   <script>
4     var ajax_upload_url = "{% url 'ajax_upload' %}";
5     //var csrf_token = "{{ csrf_token }}";
6   </script>
7
8
9   <form id=add-note method="POST">
10     {% csrf_token %}
11     <div class="row">
12       <div class="four columns offset-by-one upload-status">
13         <legend><span id=add-note-status>Uploading</span> <span id=filename>note</span>...</legend>
14         <div class=progress> <div id="progress-fill"></div> </div>
15       </div>
16       <div id=file-uploader class="four columns offset-by-one">
17         <!-- the upload button gets attached here -->
18       </div> 
19       <div class="one columns offset-by-five end">
20         <i class="icon-remove-circle"></i>
21       </div>
22     </div>
23     <div class="row">
24       <div class="eight columns offset-by-one">
25         <legend>Title of Note <small class="form">* Required</small></legend>
26         <input type="text" class="intext" id="id_name" name="name"
27             placeholder="ENG 102 - Chaucer to Shakespeare">
28       </div>
29       <div class="two columns end">
30         <legend>Academic Year</legend>
31         <input type="text" class="" id="id_year" name="year"
32             placeholder="2013"> {# FIXME: fill in with current year #}
33       </div>
34     </div>
35     <div class="row">
36       <div class="ten columns offset-by-one end">
37         <legend>Tags (comma seperated)</legend>
38         <input type="text" id="id_tags" name="tags" class="taggit-tags"
39               placeholder="Chaucer, Shakespeare, literature, review">
40       </div>
41     </div>
42
43
44
45     <div class="row">
46       <div class="three columns centered">
47         <div id="save-btn">
48           <i class=icon-save></i> Save
49         </div>
50       </div>
51     </div>
52
53
54     </form> <!-- #upload_form -->
55 </section>