flywithu/ocsms
1
0
Fork 0
mirror of https://github.com/nerzhul/ocsms.git synced 2025-06-07 16:06:15 +00:00
Code Issues Releases Wiki Activity

Reorganize the view

Browse Source
This commit is contained in:
Loic Blot 2018-11-10 19:05:18 +01:00
parent 3efb879496
commit 6152b22596
No known key found for this signature in database
GPG Key ID: EFAA458E8C153987
2 changed files with 71 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@ -3,19 +3,21 @@
width: 100%;
}
/* Navigation: folder like structure */
#app-mailbox-peers {
#app-navigation {
min-width: 20em;
height: 100%;
box-sizing: border-box;
padding-bottom: 44px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
resize: horizontal;
}
/* Navigation: folder like structure */
#app-mailbox-peers {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
resize: horizontal;
overflow-x: auto;
flex: 1;
}
@ -236,7 +238,7 @@
}
#app-settings {
width: 20%;
width: 100%;
}
#app-settings-header, #app-settings-content {

13
templates/main.php
View File

@ -15,7 +15,8 @@ use \OCA\OcSms\Lib\CountryCodes;
\OCP\Util::addStyle('ocsms', 'style');
?>
<script type="text/x-template" id="modal-template">
<script type="text/x-template" id="modal-template" xmlns:v-on="http://www.w3.org/1999/xhtml"
xmlns:v-bind="http://www.w3.org/1999/xhtml">
<transition name="modal" v-if="show">
<div class="modal-mask">
<div class="modal-wrapper">
@ -41,11 +42,12 @@ use \OCA\OcSms\Lib\CountryCodes;
</script>
<div id="app">
<div id="app-navigation">
<div id="app-mailbox-peers">
<div id="app-contacts-loader" class="icon-loading" v-if="isContactsLoading">
</div>
<div v-if="!isContactsLoading">
<div class="contact-list-no-contact" v-if="orderedContacts.length == 0">
<div cl ass="contact-list-no-contact" v-if="orderedContacts.length == 0">
<?php p($l->t('No contact found.'));?>
</div>
<div v-if="orderedContacts.length > 0">
@ -97,7 +99,7 @@ use \OCA\OcSms\Lib\CountryCodes;
<option value="0"><?php p($l->t('Disable'));?></option>
</select>
</div>
<!-- <div v-if="!isContactListEmpty()">-->
<!-- <div v-if="!isContactListEmpty()">-->
<div>
<button class="crit-button primary"
v-confirm="['<?php p($l->t('Are you sure you want to wipe all your messages ?'));?>', wipeAllMessages]">
@ -106,10 +108,11 @@ use \OCA\OcSms\Lib\CountryCodes;
</div>
</div> <!-- app-settings-content -->
</div>
</div>
<div id="app-conversation">
<div id="app-content-loader" class="icon-loading" v-if="isConvLoading"></div>
<div id="app-content-header" v-if="!isConvLoading && messages.length > 0"
v-bind:style="{'backgroundColor': getContactColor(selectedContact.uid) }">
<div id="app-content-header" v-if="!isConvLoading && messages.length > 0" v-bind:style="{backgroundColor: getContactColor(selectedContact.uid) }">
<div id="ocsms-contact-avatar">
<img class="ocsms-plavatar-big" v-if="selectedContact.avatar !== undefined" :src="selectedContact.avatar" />
<div class="ocsms-plavatar-big" v-if="selectedContact.avatar === undefined">{{ selectedContact.label | firstCharacter }}</div>