diff options
Diffstat (limited to 'assets/pages-src')
-rw-r--r-- | assets/pages-src/gradings.bvr | 38 | ||||
-rw-r--r-- | assets/pages-src/misc/grading-add-modal.bvr | 40 |
2 files changed, 48 insertions, 30 deletions
diff --git a/assets/pages-src/gradings.bvr b/assets/pages-src/gradings.bvr index 672b8a2..109296b 100644 --- a/assets/pages-src/gradings.bvr +++ b/assets/pages-src/gradings.bvr @@ -75,37 +75,15 @@ <br> <div id="calendar"></div> </div> -<!-- - <div class="container"> - <div class="row"> - <div class="col s12"> - <h4>Add a personal event</h4> - <div class="row"> - <div class="input-field col s5"> - <input required="required" type="text" class="datepicker" id="datepicker-add"> - <label for="datepicker-add">Date</label> - </div> - <div class="input-field col s5"> - <input required="required" id="event_name" type="text" class="validate"> - <label for="event_name">Name</label> - </div> - <div class="input-field col s2"> - <button id="event_btn" class="btn waves-effect waves-light" type="text" class="validate"> - <i class="material-icons">event_available</i> - </button> - </div> - </div> - <div class="row"> - <div class="input-field col s12"> - <textarea required="required" id="event_description" class="materialize-textarea"></textarea> - <label for="event_description">Description</label> - </div> - </div> - </div> - </div> - </div> ---> + <!-- FAB --> + <div class="fixed-action-btn" id="fab-new"> + <a class="btn-floating btn-large fab-new-message modal-trigger" href="#beziapp-add-grading"> + <i class="large material-icons">add</i> + </a> + </div> + <@?i grading-add-modal@> + </body> </html> diff --git a/assets/pages-src/misc/grading-add-modal.bvr b/assets/pages-src/misc/grading-add-modal.bvr new file mode 100644 index 0000000..eb5f3b7 --- /dev/null +++ b/assets/pages-src/misc/grading-add-modal.bvr @@ -0,0 +1,40 @@ + <!-- Modal Structure --> + <div id="beziapp-add-grading" class="modal modal-fixed-footer"> + + <div class="modal-content"> + + <h4 class="general-text"><x-su>addGrading</x-su></h4> + + <div class="row"> + <div class="input-field col s5"> + <input required="required" type="text" class="datepicker" id="datepicker-add"> + <label for="datepicker-add">Date</label> + </div> + <div class="input-field col s5"> + <input required="required" id="event_name" type="text" class="validate"> + <label for="event_name">Name</label> + </div> + <div class="input-field col s2"> + <button id="event_btn" class="btn waves-effect waves-light" type="text" class="validate"> + <i class="material-icons">event_available</i> + </button> + </div> + </div> + + <div class="row"> + <div class="input-field col s12"> + <textarea required="required" id="event_description" class="materialize-textarea"></textarea> + <label for="event_description">Description</label> + </div> + </div> + + </div> + + <div class="modal-footer"> + <div id="modal-footer-right"> + <a href="#" class="modal-close waves-effect waves-green btn-flat">Cancel <i class="material-icons right">close</i></a> + <a href="#" id="msg-send" class="modal-close waves-effect waves-green btn-flat" disabled>Add <i class="material-icons right">add</i></a> + </div> + </div> + </div> + |