Project

General

Profile

« Previous | Next » 

Revision 51859

Added by Argiro Kokogiannaki about 6 years ago

add avatar in the communities | change home image| colors in menu | add extra checks in searchEntries - results |in community get back columns for now

View differences:

communities.component.html
1 1 

  		




  2
  
  
    
  <div class="image-front-topbar uk-section-default uk-light" tm-header-transparent="light" tm-header-transparent-placeholder="">


  		




  3
  
  
    
  <div


  		




  4
  
  
    
   class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">


  		




  5
  
  
    
   <div class="uk-width-1-1">


  		




  6
  
  
    
      <div class="uk-position-relative">


  		




  7
  
  
    
         <div class="uk-container uk-margin-medium">


  		




  8
  
  
    
            <div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>


  		




  9
  
  
    
            <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">


  		




  10
  
  
    
               <div class="uk-width-1-1@m uk-first-column">


  		




  11
  
  
    
                  <div data-id="page#4">


  		




  12
  
  
    
                  <p class="uk-text-large uk-text-center">Welcome to Research Community Dashboard! </p>


  		




  13
  
  
    
                  <p class="uk-text-large uk-text-center">Use a trusted partner to share, link, disseminate and monitor your research. </p>


  		




  14
  
  
    
                  </div>


  		




  15
  
  
    
               </div>


  		




  16
  
  
    
            </div>


  		




  17
  
  
    
         </div>


  		




  18
  2
  
    

  		




  19
  
  
    
      </div>


  		




  20
  
  
    
   </div>


  		




  
  3
  
    
<div class="image-front-topbar uk-section-muted uk-section-overlap uk-light" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top&quot;,&quot;delay&quot;:false}" tm-header-transparent="light" tm-header-transparent-placeholder="">


  		




  
  4
  
    
  <div style="  background-color: #1e3040;" class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-section-large uk-padding-remove-bottom">


  		




  
  5
  
    
     <div class="tm-header-placeholder uk-margin-remove-adjacent" style="height: 84px;"></div>


  		




  
  6
  
    
     <div class="uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid uk-grid-stack" uk-grid="">


  		




  
  7
  
    
        <div class="uk-width-1-1@m uk-first-column">


  		




  
  8
  
    
           <h5 class="uk-margin-large uk-text-center uk-h1 uk-scrollspy-inview uk-animation-slide-top" uk-scrollspy-class="" style="">


  		




  
  9
  
    
              Research Community Dashboard


  		




  
  10
  
    
           </h5>


  		




  
  11
  
    
           <h1 class="uk-text-center uk-h2 uk-scrollspy-inview uk-animation-slide-top" uk-scrollspy-class="" style="">


  		




  
  12
  
    
              Your view to open science


  		




  
  13
  
    
           </h1>


  		




  
  14
  
    
        </div>


  		




  
  15
  
    
     </div>


  		




  21
  16
  
    
  </div>


  		




  22
  
  
    
  </div>


  		




  
  17
  
    
</div>


  		




  
  18
  
    

  		




  
  19
  
    

  		




  23
  20
  
    
  <div *ngIf= "communitiesResults != null && communitiesResults.length > 0">


  		




  24
  21
  
    
    <div class="uk-container uk-margin-top uk-margin-bottom">


  		




  25
  22
  
    
      <div class="uk-child-width-1-3@m uk-text-center uk-grid-match " uk-grid >


  		




  26
  23
  
    
        <div *ngFor="let item of communitiesResults; let i = index">


  		




  27
  24
  
    
            <div class="uk-card uk-card-default uk-margin-bottom">


  		




  28
  
  
    
              <span *ngIf= "item.logoUrl != null">


  		




  
  25
  
    
              <span >


  		




  29
  26
  
    
                <div class="uk-card-media-top">


  		




  30
  
  
    
                    <img src="{{item.logoUrl}}" alt="{{(item.title)?item.title:item.shortTitle}} logo"  class="uk-height-small uk-responsive-height ">


  		




  
  27
  
    
                    <img *ngIf= "item.logoUrl != null && item.logoUrl != '' " src="{{item.logoUrl}}" alt="{{(item.title)?item.title:item.shortTitle}} logo"  class="uk-height-small uk-responsive-height ">


  		




  
  28
  
    
                     <span  *ngIf= "item.logoUrl == null || item.logoUrl == '' "  class="uk-icon   uk-margin-top">


  		




  
  29
  
    
                       <svg width="50" height="50" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle> <path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>


  		




  
  30
  
    
                    </span>


  		




  31
  31
  
    
                </div>


  		




  32
  32
  
    
              </span>


  		




  33
  33
  
    
              <div class="uk-card-body">


  		












Also available in:  Unified diff