moving around the filepicker button
[oweals/karmaworld.git] / karmaworld / templates / partial / filepicker.html
1 {% load url from future %}
2 {% load socialaccount %}
3 {{ file_upload_form.media }}
4 <section id=filepicker-form class="extend-form">
5   <div class="row" >
6     <div class="small-12 columns">
7       <div id="forms_container">
8       </div>
9       <div id="success" class="">
10         <p>Thank you for sharing:</p>
11         <ul id="uploaded_files">
12         </ul>
13         {% if not request.user.is_authenticated %}
14           <p>It will take a minute for your notes to appear here.
15             We'd love to have you sign up so you can <strong>claim the <span id="thank-points"></span> karma points
16             you just got.</strong> With a KarmaNotes account,
17             you can build a reputation by continuing to upload great notes.
18             Refresh to share more notes.</p>
19           <div class="socialaccount_ballot">
20             <ul class="socialaccount_providers">
21               {% include "socialaccount/snippets/provider_list.html" with process="login" %}
22             </ul>
23             <a href="{{ signup_url }}">Sign up for a traditional account</a>
24           </div>
25         {% else %}
26           <p>It will take a minute for your notes to appear. This page will refresh soon so you
27             can see your new notes.
28             You'll be awarded <strong><span id="thank-points"></span> karma points.</strong>
29             <a href="">Want to share again?</a></p>
30         {% endif %}
31       </div>
32     </div>
33
34     <div id="form-template" class="row">
35       <form class="inline-form" method="POST" action="{% url 'upload_post' %}">
36         <div class="small-11 large-6 columns">
37           <label for="id_name">Title of Note <small class="form">* Required</small></label>
38           <input type="text" class="intext" id="id_name" name="name"
39                 placeholder="">
40         </div>
41         <div class="small-12 large-5 columns">
42           <label for="id_tags">Tags (comma seperated)</label>
43           <input type="text" id="id_tags" name="tags" class="taggit-tags"
44                 placeholder="shakespeare, econ, physics">
45         </div>
46         <div class="show-for-small columns small-1 end">
47           <i class="fa fa-times-circle awesome-action remove"></i>
48         </div>
49         <div class="hidden-fields" style="display:none;">
50           <input type="text" id="id_fpfile" name="fpfile" class="fpurl">
51           <input type="text" id="id_mimetype" name="mimetype" class="mimetype">
52           <input type="text" id="id_course" name="course" value="{{ course.id }}"
53             class="course_id">
54           {% csrf_token %}
55           <input type="text" class="csrf" value='{{ csrf_token }}'>
56         </div>
57         <div class="show-for-medium-up columns large-1 end">
58           <i class="fa fa-times-circle awesome-action remove" id="icon-remove-sign"></i>
59         </div>
60       </form>
61     </div>
62   </div>
63   <div class="small-8 small-offset-3 columns large-2">
64     <div id="save-btn" class="hide">
65       <i id="save-btn-icon" class="fa fa-save"></i> Save
66     </div>
67   </div>
68
69   <script>
70     var upload_post_url = '{% url 'upload_post' %}';
71     {% if user.is_authenticated %}
72       var user_is_authenicated = true;
73     {% else %}
74       var user_is_authenicated = false;
75     {% endif %}
76   </script>
77   <script src="{{ STATIC_URL }}js/filepicker.js"></script>
78
79
80 </section>