borekon/disposable-mailbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

only show tabs when required

Browse Source
This commit is contained in:
Synox 2016-07-03 13:25:46 +02:00
parent d12417f675
commit 33ab9b5cee
3 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/index.html vendored
View File

File diff suppressed because one or more lines are too long

26
src/app/mailbox/inbox/mail/mail.html
View File

@ -3,8 +3,8 @@
<div class="col-sm-4 email-summary">{{$ctrl.mail.fromAddress}}</div>
<div class="col-sm-8 email-summary">{{$ctrl.mail.subject}}</div>
<!--<div class="col-sm-2 email-summary">-->
<!--&nbsp;-->
<!--<button class="btn btn-primary" ng-click="$ctrl.deleteMail($ctrl.mail.id)">Delete</button>-->
<!--&nbsp;-->
<!--<button class="btn btn-primary" ng-click="$ctrl.deleteMail($ctrl.mail.id)">Delete</button>-->
<!--</div>-->
</div>
@ -28,19 +28,21 @@
</div>
</div>
<div class="row email-tabs">
<uib-tabset active="1">
<uib-tab index="1" disable="!$ctrl.showTextButton()">
<uib-tab-heading><i class="glyphicon glyphicon-align-left"></i> text</uib-tab-heading>
<span ng-bind-html="$ctrl.mail.textPlain | nl2br | autolink "></span>
</uib-tab>
<div ng-if="!$ctrl.showHtmlButton()" ng-bind-html="$ctrl.mail.textPlain | nl2br | autolink" class="mail-conent">
</div>
<uib-tabset active="1" ng-if="$ctrl.showHtmlButton()">
<uib-tab index="1" disable="!$ctrl.showTextButton()">
<uib-tab-heading><i class="glyphicon glyphicon-align-left"></i> text</uib-tab-heading>
<div class="mail-conent" ng-bind-html="$ctrl.mail.textPlain | nl2br | autolink "></div>
</uib-tab>
<uib-tab index="2" disable="!$ctrl.showHtmlButton()" select="htmlActive=true">
<uib-tab-heading><i class="glyphicon glyphicon-picture"></i> html</uib-tab-heading>
<span ng-if="htmlActive" ng-bind-html="$ctrl.mail.textHtml"></span>
</uib-tab>
<uib-tab index="2" disable="!$ctrl.showHtmlButton()" select="htmlActive=true">
<uib-tab-heading><i class="glyphicon glyphicon-picture"></i> html</uib-tab-heading>
<div class="mail-conent" ng-if="htmlActive" ng-bind-html="$ctrl.mail.textHtml"></div>
</uib-tab>
</uib-tabset>
</uib-tabset>
</div>
</section>

2
src/app/mailbox/inbox/mail/mail.scss
View File

@ -44,7 +44,7 @@ $tab-content-background: white;
padding-left: 10px;
}
.tab-content {
.mail-conent {
background-color: $tab-content-background;
padding: 20px;
overflow: hidden;