API tools faq
paste
Advertisement
2dfos334

snip_from_sogo_UI_mailview_double_md-card

2dfos334
Dec 5th, 2019
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.47 KB | None | 0 0
raw download clone embed print report
  1. <div class="msg-body">
  2.     <div layout="row" layout-wrap="layout-wrap" class="layout-wrap layout-row">
  3.         <!---->
  4.         <div ng-class="::part.msgclass" class="mailer_mailcontent layout-wrap msg-attachment-other layout-row" layout-wrap="layout-wrap" layout="row" ng-repeat="part in viewer.message.$content() track by $index">
  5.             <!---->
  6.             <!---->
  7.             <div ng-if="::part.compile" class="md-flex sg-mail-part" sg-compile="part.content" sg-zoomable-image="$index">
  8.                 <div>
  9.  
  10.                     <md-card sg-imip="message" sg-imip-path="1/3/Untitled-3.ics" class="_md">
  11.  
  12.                         <md-card-content>
  13.                             <div class="pseudo-input-container">
  14.                                 <label class="pseudo-input-label">Time</label>
  15.                                 <div>
  16.                                     Thursday, December 05, 2019 15:00 To 16:00
  17.                                 </div>
  18.                             </div>
  19.  
  20.                             <md-list ng-show="part.participants.length > 0" role="list" aria-hidden="false">
  21.                                 <div class="pseudo-input-container">
  22.                                     <label class="pseudo-input-label">Attendees</label>
  23.  
  24.                                     <md-chips readonly="true" class="md-contact-chips sg-readonly ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="::part.participants" tabindex="-1" aria-invalid="false">
  25.                                         <md-chips-wrap id="_md-chips-wrapper-12" tabindex="0" ng-keydown="$mdChipsCtrl.chipKeydown($event)" ng-class="{ 'md-focused': $mdChipsCtrl.hasFocus(),                       'md-readonly': !$mdChipsCtrl.ngModelCtrl || $mdChipsCtrl.readonly,                      'md-removable': $mdChipsCtrl.isRemovable() }" class="md-chips md-readonly" role="listbox" aria-owns="_md-chips-wrapper-12-chip-13" aria-label="Chips container. Use arrow keys to select chips.">
  26.                                             <!---->
  27.                                             <md-chip ng-repeat="$chip in $mdChipsCtrl.items" index="0" ng-class="{'md-focused': $mdChipsCtrl.selectedChip == $index, 'md-readonly': !$mdChipsCtrl.ngModelCtrl || $mdChipsCtrl.readonly}" class="md-readonly">
  28.                                                 <div class="md-chip-content" tabindex="-1" id="_md-chips-wrapper-12-chip-13" role="option" aria-selected="false" aria-setsize="1" aria-posinset="1" ng-click="!$mdChipsCtrl.readonly &amp;&amp; $mdChipsCtrl.focusChip($index)" aria-label="" ng-focus="!$mdChipsCtrl.readonly &amp;&amp; $mdChipsCtrl.selectChip($index)" md-chip-transclude="$mdChipsCtrl.chipContentsTemplate">
  29.                                                     <md-chip-template>
  30.                                                         <div class="md-contact-avatar">
  31.                                                             <sg-avatar-image size="32" sg-email="$chip.email">
  32.                                                                 <div class="sg-icon-badge-container">
  33.                                                                     <md-icon ng-transclude="" class="material-icons ng-hide" role="img" aria-label="person" style="font-size: 32px;">person</md-icon>
  34.                                                                     <md-icon class="md-warn sg-icon--badge sg-icon--badge-bottom material-icons" style="display: none; font-size: 12px;" role="img" aria-label="not_interested">not_interested</md-icon> <img class="" width="32" height="32" ng-src="https://www.gravatar.com/avatar/e0677a8ca788ca21247c0a441557c4a8?s=32&amp;d=404" src="https://www.gravatar.com/avatar/e0677a8ca788ca21247c0a441557c4a8?s=32&amp;d=404"></div>
  35.                                                             </sg-avatar-image>
  36.                                                         </div>
  37.                                                         <div class="md-contact-name">lop@gmx.at</div>
  38.                                                         <md-icon ng-class="'icon-' + $chip.partstat" class="material-icons icon-accepted" role="img" aria-hidden="true"></md-icon>
  39.                                                     </md-chip-template>
  40.                                                 </div>
  41.                                                 <!---->
  42.                                             </md-chip>
  43.                                             <!---->
  44.                                             <!---->
  45.                                         </md-chips-wrap>
  46.                                     </md-chips>
  47.                                 </div>
  48.                             </md-list>
  49.  
  50.                         </md-card-content>
  51.                     </md-card>
  52.  
  53.                 </div>
  54.             </div>
  55.             <!---->
  56.         </div>
  57.         <!---->
  58.         <div ng-class="::part.msgclass" class="mailer_mailcontent layout-wrap msg-attachment-other layout-row" layout-wrap="layout-wrap" layout="row" ng-repeat="part in viewer.message.$content() track by $index">
  59.             <!---->
  60.             <!---->
  61.             <div ng-if="::part.compile" class="md-flex sg-mail-part" sg-compile="part.content" sg-zoomable-image="$index">
  62.                 <div>
  63.  
  64.                     <md-card sg-imip="message" sg-imip-path="2/Einladung.ics" class="_md">
  65.  
  66.                         <md-card-content>
  67.  
  68.                             <div class="pseudo-input-container">
  69.                                 <label class="pseudo-input-label">Time</label>
  70.                                 <div>
  71.                                     Thursday, December 05, 2019 15:00 To 16:00
  72.                                 </div>
  73.                             </div>
  74.  
  75.                             <md-list ng-show="part.participants.length > 0" role="list" aria-hidden="false">
  76.                                 <div class="pseudo-input-container">
  77.                                     <label class="pseudo-input-label">Attendees</label>
  78.  
  79.                                     <md-chips readonly="true" class="md-contact-chips sg-readonly ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="::part.participants" tabindex="-1" aria-invalid="false">
  80.                                         <md-chips-wrap id="_md-chips-wrapper-14" tabindex="0" ng-keydown="$mdChipsCtrl.chipKeydown($event)" ng-class="{ 'md-focused': $mdChipsCtrl.hasFocus(),                       'md-readonly': !$mdChipsCtrl.ngModelCtrl || $mdChipsCtrl.readonly,                      'md-removable': $mdChipsCtrl.isRemovable() }" class="md-chips md-readonly" role="listbox" aria-owns="_md-chips-wrapper-14-chip-15" aria-label="Chips container. Use arrow keys to select chips.">
  81.                                             <!---->
  82.                                             <md-chip ng-repeat="$chip in $mdChipsCtrl.items" index="0" ng-class="{'md-focused': $mdChipsCtrl.selectedChip == $index, 'md-readonly': !$mdChipsCtrl.ngModelCtrl || $mdChipsCtrl.readonly}" class="md-readonly">
  83.                                                 <div class="md-chip-content" tabindex="-1" id="_md-chips-wrapper-14-chip-15" role="option" aria-selected="false" aria-setsize="1" aria-posinset="1" ng-click="!$mdChipsCtrl.readonly &amp;&amp; $mdChipsCtrl.focusChip($index)" aria-label="" ng-focus="!$mdChipsCtrl.readonly &amp;&amp; $mdChipsCtrl.selectChip($index)" md-chip-transclude="$mdChipsCtrl.chipContentsTemplate">
  84.                                                     <md-chip-template>
  85.                                                         <div class="md-contact-avatar">
  86.                                                             <sg-avatar-image size="32" sg-email="$chip.email">
  87.                                                                 <div class="sg-icon-badge-container">
  88.                                                                     <md-icon ng-transclude="" class="material-icons ng-hide" role="img" aria-label="person" style="font-size: 32px;">person</md-icon>
  89.                                                                     <md-icon class="md-warn sg-icon--badge sg-icon--badge-bottom material-icons" style="display: none; font-size: 12px;" role="img" aria-label="not_interested">not_interested</md-icon> <img class="" width="32" height="32" ng-src="https://www.gravatar.com/avatar/e0677a8ca788ca21247c0a441557c4a8?s=32&amp;d=404" src="https://www.gravatar.com/avatar/e0677a8ca788ca21247c0a441557c4a8?s=32&amp;d=404"></div>
  90.                                                             </sg-avatar-image>
  91.                                                         </div>
  92.                                                         <div class="md-contact-name">lop@gmx.at</div>
  93.                                                         <md-icon ng-class="'icon-' + $chip.partstat" class="material-icons icon-accepted" role="img" aria-hidden="true"></md-icon>
  94.                                                     </md-chip-template>
  95.                                                 </div>
  96.                                                 <!---->
  97.                                             </md-chip>
  98.                                             <!---->
  99.                                             <!---->
  100.                                         </md-chips-wrap>
  101.                                     </md-chips>
  102.                                 </div>
  103.                             </md-list>
  104.  
  105.                         </md-card-content>
  106.                     </md-card>
  107.  
  108.                 </div>
  109.             </div>
  110.             <!---->
  111.         </div>
  112.         <!---->
  113.     </div>
  114. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!