summaryrefslogtreecommitdiffstats
path: root/pages
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--pages-src/messaging.bvr65
-rw-r--r--pages-src/misc/msg-compose-modal.bvr67
-rw-r--r--pages/messaging.html18
3 files changed, 79 insertions, 71 deletions
diff --git a/pages-src/messaging.bvr b/pages-src/messaging.bvr
index 5badfda..f6e561b 100644
--- a/pages-src/messaging.bvr
+++ b/pages-src/messaging.bvr
@@ -85,69 +85,6 @@
<i class="large material-icons">mode_edit</i>
</a>
</div>
-
- <!-- Modal Structure -->
- <div id="beziapp-new-message" class="modal modal-fixed-footer">
-
- <div class="modal-content">
-
- <h4><x-su>sendAMessage</x-su></h4>
-
- <div class="input-field">
- <i class="material-icons prefix">account_circle</i>
- <input id="full-name" type="text" class="autocomplete-fullname validate">
- <label for="full-name"><x-su>recipient</x-su></label>
- </div>
-
- <div class="row" style="display: flex;">
-
- <div class="col s10 m11">
- <div class="input-field">
- <i class="material-icons prefix">subject</i>
- <input id="msg-subject" type="text" class="">
- <label for="msg-subject"><x-su>messageSubject</x-su></label>
- </div>
- </div>
-
- <div class="col s2 m1">
- <button class="btn btn-large btn-floating waves-effect waves-light" id="msg-add-photo" type="button">
- <i class="material-icons" style="margin: 0 auto">add_a_photo</i>
- </button>
- </div>
-
- </div>
-
- <div class="row">
- <div class="valign-wrapper col s6 m4">
- <label>
- <input type="checkbox" id="encrypt-checkbox" />
- <span><x-su>encryptMessage</x-su></span>
- </label>
- </div>
-
- <div class="col s6 m8">
- <div class="input-field" id="encryption-key-input" hidden>
- <i class="material-icons prefix">lock</i>
- <input id="msg-e2ee-pass-input" type="password" autocomplete="new-password" class="">
- <label for="msg-e2ee-pass-input"><x-su>passwordForE2EE</x-su></label>
- </div>
- </div>
- </div>
-
- <div class="input-field">
- <i class="material-icons prefix">mode_edit</i>
- <textarea id="msg-body" class="materialize-textarea"></textarea>
- <label for="msg-body"><x-su>messageBody</x-su></label>
- </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>Send <i class="material-icons right">send</i></a>
- </div>
- </div>
- </div>
+ <@?i msg-compose-modal@>
</body>
</html>
diff --git a/pages-src/misc/msg-compose-modal.bvr b/pages-src/misc/msg-compose-modal.bvr
new file mode 100644
index 0000000..f7bdc7d
--- /dev/null
+++ b/pages-src/misc/msg-compose-modal.bvr
@@ -0,0 +1,67 @@
+ <!-- Modal Structure -->
+ <div id="beziapp-new-message" class="modal modal-fixed-footer">
+
+ <div class="modal-content">
+
+ <h4><x-su>sendAMessage</x-su></h4>
+
+ <div class="input-field">
+ <i class="material-icons prefix">account_circle</i>
+ <input id="full-name" type="text" class="autocomplete-fullname validate">
+ <label for="full-name"><x-su>recipient</x-su></label>
+ </div>
+
+ <div class="row" >
+
+# sorry, ampak display: flex še nisem pogruntu 100%
+
+ <div class="col s9 m10">
+ <div class="input-field">
+ <i class="material-icons prefix">subject</i>
+ <input id="msg-subject" type="text" class="">
+ <label for="msg-subject"><x-su>messageSubject</x-su></label>
+ </div>
+ </div>
+
+ <div class="col s2 m2">
+ <button class="btn btn-large btn-floating waves-effect waves-light" id="msg-add-photo" type="button">
+ <i class="material-icons" style="margin: 0 auto">add_a_photo</i>
+ </button>
+ </div>
+
+ </div>
+
+ <div class="row">
+ <div class="valign-wrapper col s10 m10">
+ <label>
+ <input type="checkbox" id="encrypt-checkbox" />
+ <span><x-su>encryptMessage</x-su></span>
+ </label>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col s12 m12">
+ <div class="input-field" id="encryption-key-input" hidden>
+ <i class="material-icons prefix">lock</i>
+ <input id="msg-e2ee-pass-input" type="password" autocomplete="new-password" class="">
+ <label for="msg-e2ee-pass-input"><x-su>passwordForE2EE</x-su></label>
+ </div>
+ </div>
+ </div>
+
+ <div class="input-field">
+ <i class="material-icons prefix">mode_edit</i>
+ <textarea id="msg-body" class="materialize-textarea"></textarea>
+ <label for="msg-body"><x-su>messageBody</x-su></label>
+ </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>Send <i class="material-icons right">send</i></a>
+ </div>
+ </div>
+ </div>
+
diff --git a/pages/messaging.html b/pages/messaging.html
index 844b142..7c4ae04 100644
--- a/pages/messaging.html
+++ b/pages/messaging.html
@@ -107,7 +107,7 @@
<i class="large material-icons">mode_edit</i>
</a>
</div>
-
+
<!-- Modal Structure -->
<div id="beziapp-new-message" class="modal modal-fixed-footer">
@@ -121,9 +121,10 @@
<label for="full-name"><x-su>recipient</x-su></label>
</div>
- <div class="row" style="display: flex;">
+ <div class="row" >
+
- <div class="col s10 m11">
+ <div class="col s9 m10">
<div class="input-field">
<i class="material-icons prefix">subject</i>
<input id="msg-subject" type="text" class="">
@@ -131,7 +132,7 @@
</div>
</div>
- <div class="col s2 m1">
+ <div class="col s2 m2">
<button class="btn btn-large btn-floating waves-effect waves-light" id="msg-add-photo" type="button">
<i class="material-icons" style="margin: 0 auto">add_a_photo</i>
</button>
@@ -140,14 +141,15 @@
</div>
<div class="row">
- <div class="valign-wrapper col s6 m4">
+ <div class="valign-wrapper col s10 m10">
<label>
<input type="checkbox" id="encrypt-checkbox" />
<span><x-su>encryptMessage</x-su></span>
</label>
</div>
-
- <div class="col s6 m8">
+ </div>
+ <div class="row">
+ <div class="col s12 m12">
<div class="input-field" id="encryption-key-input" hidden>
<i class="material-icons prefix">lock</i>
<input id="msg-e2ee-pass-input" type="password" autocomplete="new-password" class="">
@@ -171,5 +173,7 @@
</div>
</div>
</div>
+
+
</body>
</html>