芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/rentandbuyrealty.com/mobile/templates/home/messaging.html

<ion-view class="has-giphy vivify fadeIn" ng-class="{'show-gif': isGifShown}" style="background: #fff;" >
  <ion-nav-title style="border:none">
    <div class="navigation-bar" data-role="navigation-bar" style="border:none" data-qa="navbar">
        <div class="navigation-bar__primary" ng-click="goBack()">
            <div class="navigation-bar__icon js-goto">
                <div class="icon" data-qa="icon">
                        <svg class="icon__content icon__content--inactive">
<svg viewBox="0 0 64 64" id="navigation-bar-back" width="100%" height="100%"><path d="M12.05 33.28l13.83 13.83-1.81 1.81L7.4 32.25l.26-.26-.23-.24 16.6-16.67 1.82 1.81-13.78 13.83h44.25v2.56H12.05z"></path></svg>
                    </svg>
                </div>
            </div>
        </div>
        <div class="navigation-bar__title" data-qa="navbar-title" ng-click="showUserOptions()">
            <div class="navigation-bar__title_"><span class="chat-v2-name comforta">{{name}} <small style="margin-left: 5px;font-size: 10px;position: absolute;right: 75px;top: 12px" ng-if="viewCredits">{{userCredits}} {{alang[48].text}}</small></span></div>
            <div class="navigation-bar__title-additional" ng-if="status && !writing" style="color:#59c449">{{alang[36].text}}

</div>
            <div class="navigation-bar__title-additional" ng-if="!status && !writing">{{alang[249].text}}

</div>
            <div class="navigation-bar__title-additional" ng-show="writing">{{alang[209].text}}...</div>            
        </div>
        <div class="navigation-bar__secondary">
            <div class="chat-v2-switcher">
                <div class="chat-v2-userpic">
                    <div class="navigation-bar__userpic" ng-click="showUserOptions()">
                        <div class="brick brick--xsm" style="margin-right: 20px">
                            <div class="brick__image" style="background-image: url({{photo}})"></div>
                        </div>
                    </div>
                </div>
            </div>           
        </div>
    </div>   
  </ion-nav-title>
    <div class="page overlay-page stickers visible" ng-if="gift"  style="z-index: 600;background: rgba(255,255,255,.7);">
        <div class="stickers-body">
            <div class="stickers-showcase">
                <div class="stickers-showcase__item js-sticker" ng-repeat="g in gifts track by $index" >
                    <div class="stickers-showcase__item_ selected" ng-click="sendGift(gift.icon,gift.price)"> 
                        <div class="stickers-showcase__image js-preload" style="background-image: url({{g.icon}});"></div>
                    </div>
                </div>                              
            </div>
        </div>

<div class="floating-action stickers-promo">
            <div class="cta-box cta-box--compact">
                <div class="cta-box__header cta-box__header--xsm">{{alang[210].text}} {{name}}</div>
                <div class="cta-box__buttons">
                    <div class="button-wrapper">
                        <button class="button" style="background: #5d06b5;color:#fff" >
                            <div class="button__content"><span class="button__text">{{alang[110].text}}</span></div></button>
                    </div>
                </div>
            </div>
        </div>        
    </div>
	<div class="chat-initial" ng-if="wait">
	    <div class="chat-blocker-stub"></div>
	    <div class="chat-blocker js-blocker qa-blocker">
	        <div class="cta-box">
	            <div class="cta-box__content" ng-show="!isGiftShown">
	                <div class="chat-blocker-info">
	                    <div class="chat-blocker-info__image">
	                        <div class="gift gift--sm">
	                            <div class="gift__image"><img src="img/chat-initial-gift.png" alt=""></div>
	                        </div>
	                    </div>
	                    <div class="chat-blocker-info__text">{{alang[211].text}}:</div>
	                </div>
	            </div>
	            <div class="cta-box__buttons">
	                <button class="button button--primary" ng-click="openGift()">
	                    <div class="button__content"><span class="button__text">{{alang[161].text}}</span></div></button>
	            </div>
	        </div>
	    </div>
	</div>

</div>
    <div class="chat-send comforta" style="color:#999" ng-if="message.length == 0">{{alang[110].text}}</div>    
    <div class="chat-send comforta" style="color:#111" ng-show="message.length > 0" ng-click="sendText(message);message = '';" >{{alang[110].text}}</div>
</div>

<ion-content  delegate-handle="userMessageScroll"  on-swipe-right="goToChat()" style="background:#fff;padding-bottom:20px;border-top:2px solid #eee;">

<div class="chat visible animated fadeIn">
        <div class="chat-v2 js-chat-v2">
            <div>
                <div class="ice-breaker" ng-if="messages.length == 0">
                    <div class="ice-breaker__userpic">
                        <div class="brick">
                            <div class="brick__image" style="background-image: url({{photo}})"></div>
                        </div>
                    </div>
                    <div class="ice-breaker__text">{{alang[212].text}} {{name}} {{alang[213].text}}.</div>
                </div>

<div class="chat-v2__messages">
                    <div class="chat-v2__status qa-chat-section-title" ng-if="moreMen" ng-click="loadMoreMen(15)">
                    {{alang[106].text}} {{totalMen}} {{alang[107].text}}</div>

<div class="chat-message" ng-repeat="item in messages track by $index"
                    ng-hide="messages.length - showm > $index" ng-class="item.isMe?'chat-message--out chat-message--blue':'chat-message--in chat-message--grey'">
                        <div class="chat-message__container">
                            <div id="me"  ng-if="item.isMe"></div>
                            <div id="you" ng-if="!item.isMe"></div>

<div class="chat-message__text" ng-if="item.story > 0" ng-class="{noBackground: item.type == 'story'}">
                                <img ng-src="{{item.storyData.story}}" ng-if="item.storyData.storyType == 'image'" style="width: 180px;border-radius: 5px;margin-right: 5px;">

<video src="{{item.storyData.story}}" ng-if="item.storyData.storyType == 'video'" type="video/mp4" muted="" preload="" style="width: 180px;border-radius: 5px;margin-right: 5px;"></video>                                
                            </div>
                            <br ng-if="item.story > 0">
                            <div class="chat-message__text_" ng-if="item.story > 0" style="color: #333;font-size: 12px" ng-bind-html="lang[657].text | nl2br"></div>
                            <div class="chat-message__text" ng-if="item.story > 0">   
                                <div class="chat-message__text_" ng-bind-html="item.body | nl2br"></div>
                            </div>

</div>
                        <div class="chat-message__status " ng-if="item.seen == 0">{{alang[214].text}}</div>
                        <div class="chat-message__status " ng-if="item.seen == 1">{{alang[215].text}}</div>
                    </div>

<div class="chat-message js-chat-message chat-message--grey" ng-if="writing">
                        <div class="chat-message__container" style="margin-top: 5px;">
                            <div class="chat-message__text">
                                <div class="chat-message__text_">
                                    <div class="loader small grey ">
                                        <div class="first dot"></div>
                                        <div class="second dot"></div>
                                        <div class="third dot"></div>
                                    </div>                                    
                                </div>
                           </div>
                        </div>
                    </div>                                        			        			        		        	
						                                                                              
                </div>
                <div class="chat-v2__spacing-stub js-chat-spacing-stub" style="height: 138px;"></div>
            </div>
        </div>
    </div>
</div>
  </ion-content>
	<div class="wrapper-reward" ng-show="sendGiftShow">
		<div class="modal-reward modal--congratulations  animated fadeIn">
			<div class="modal-reward-top">
				<div class="klose animated fadeInUp" ng-click="cancelGift()" >
					<i class="icon ion-close-round" style="margin-left:7px;line-height:27px;"></i>
				</div>
				<img class="modal-reward-icon u-imgResponsive animated fadeInUp" src="{{gift_icon}}">
				<div class="modal-reward-header animated fadeInUp comforta">{{alang[108].text}} {{name}}</div>
				<div class="modal-reward-subheader animated fadeInUp comforta">{{alang[109].text}} <strong>{{gift_price}}</strong> {{alang[48].text}}</div>
			</div>
			<div class="modal-reward-bottom" ng-click="sendGiftBtn(gift_icon,gift_price);cancelGift();">
				<button class="modal-reward-btn u-btn u-btn--danger mi-pollita gradient32 comforta" style="font-weight: 700">{{alang[110].text}}</button>
			</div>
		</div>
	</div>
  <div class="giphy-container" ng-show="isGifShown" style="bottom: 80px">
    <div class="text-center" ng-show="isGifLoading">
      <ion-spinner icon="ios"></ion-spinner>  
    </div>
    <ion-scroll direction="x" class="scroll-horizontal">
      <div class="text-center scroll-item" ng-repeat="gif in gifs track by $index" ng-click="sendGif(gif.images.fixed_height_small.url)">
        <img ng-src="{{gif.images.fixed_height_small.url}}" alt="">
      </div>
    </ion-scroll>
  </div>
  
  <div class="giphy-container" ng-show="isGiftShown"  style="bottom: 80px">
    <ion-scroll direction="x" class="scroll-horizontal">
      <div class="text-center scroll-item" ng-repeat="gift in gifts track by $index" ng-click="sendGift(gift.icon,gift.price)">
        <img ng-src="{{gift.icon}}" style="width:90px;margin-right:5px;border:1px solid #eee">
      </div>
    </ion-scroll>
  </div>  
  
  <div ng-show="chatLimit" >
		<div class="credits-section text-center" style="background:#fff;padding-top:15px;margin-top:45px">
			<h5 class="mi-pollita" style="color:#BFC5D5">{{alang[112].text}}</h5>					
			<div class="wrapper text-center">
			  <div class="pos-rlt">
				<div class="thumb-xxl rounded profileP border-profile" style="background-image:url({{photo}});height:{{w}}px;width:{{w}}px;" ></div>						
			  </div>
			</div>						
			<h1>{{alang[46].text}} {{extrachat}} {{alang[47].text}}</h1>
			<h4 ng-click="openCreditsModal()">{{alang[113].text}}</h4>
			<center><span class="spotlight-me" ng-click="buyDailyChat()"  style="background:#275BDF;border:#025BDF">{{alang[114].text}}</span></center>
			<br><h4>{{alang[208].text}} <b>{{dailychatprice}}</b> {{alang[48].text}}</h4>                    
		</div>
  </div>
 	<div class="only-premium" ng-if="maxDaily" >
		<div class="credits-section text-center" style="background:#fff;padding-top:15px;margin-top:45px">
			<h5 class="mi-pollita" style="color:#BFC5D5">{{alang[112].text}}</h5>			
			<div class="wrapper text-center">
			  <div class="pos-rlt">
				<div class="thumb-xxl rounded profileP border-profile" style="background-image:url({{photo}});height:{{w}}px;width:{{w}}px;" ></div>
				<i class="icon ion-flash button-edit light text-lg b b-3x b-light b-2x rounded" style="background:#8A21EF"></i>							
			  </div>
			</div>						
			<h1>{{alang[112].text}}</h1>
			<h4>{{alang[115].text}}</h4>
			<center><span class="spotlight-me" ng-click="openPremiumModal()" style="background:#8A21EF;border:#2821EF">{{alang[114].text}}</span></center>
			<br><h4>{{alang[208].text}} <b>{{dailychatprice}}</b> {{alang[48].text}}</h4> 		
			</h4>                    
		</div>
	</div>
    <div flow-init
         flow-name="uploader.flow"
         flow-files-added="processFiles($files)">
      <button flow-btn type="file" id="uploadSendPhoto" style="display: none;"></button>
     </div>    
</ion-view>