Project

General

Profile

« Previous | Next » 

Revision 55575

[trunk]
Community page minor css enhancements

View differences:

modules/uoa-connect-portal/trunk/src/app/community/community.component.html
1 1
<div id="stickhere">
2 2
</div>
3
  <div *ngIf="communityInfo" class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m communityToolBarSection" uk-sticky="top: #stickhere">
3
  <div *ngIf="communityInfo"
4
       class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m communityToolBarSection"
5
       uk-sticky="top: #stickhere; show-on-up: true; animation: uk-animation-slide-top; ">
4 6
    <div class="communityToolBar uk-padding-small uk-margin-small-top">
5 7
      <div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">
6 8
        <manage *ngIf="communityId != null && communityId != '' && isManager()" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>
......
21 23
  <div *ngIf="communityInfo" class=" "  >
22 24
    <div class="uk-background-muted uk-padding-small">
23 25
      <div class="uk-container uk-margin-bottom " *ngIf="communityId != null && communityId != '' && community != null">
24
        <div *ngIf="community.title != null" class="uk-text-bold uk-h4 uk-margin-top">
25
          <p> {{community.title}}</p>
26
        <div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
27
          {{community.title}}
26 28
        </div>
27
        <div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h4 uk-margin-top">
28
          <p> {{community.shortTitle}}</p>
29
        <div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h5 uk-margin-remove">
30
          {{community.shortTitle}}
29 31
        </div>
30
        <div *ngIf="community.description != null" class="uk-text-large">
31
          <p> {{community.description}}</p>
32
        <div *ngIf="community.description != null" class="">
33
          <p class=""> {{community.description}}</p>
32 34
        </div>
33 35
        <div class="uk-grid uk-grid-divider">
34 36
          <div class="uk-width-1-3@m uk-width-1-1@s uk-first-column uk-margin-top">
......
50 52
          </div>
51 53
          <div class="uk-width-2-3@m uk-width-1-1@s">
52 54
            <div>
53
              <div class=" uk-text-large uk-margin-bottom">Statistics</div>
55
<!--              <div class=" uk-text-large uk-margin-bottom">Statistics</div>-->
54 56
              <div *ngIf="communityId != null && communityId != ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid uk-margin-remove"
55 57
              uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false">
56 58

  
......
109 111
                </div>
110 112

  
111 113
              </div>
112
              <div *ngIf="community.subjects != null && community.subjects.length > 0" class="  uk-text-large  uk-margin-bottom uk-margin-top">Subjects related to community</div>
114
              <div *ngIf="community.subjects != null && community.subjects.length > 0" class="uk-margin-small-bottom uk-margin-top uk-text-bold">Subjects related to community</div>
113 115
              <div *ngIf="community.subjects != null">
114 116
                <span *ngFor="let subject of community.subjects.slice(0,10) let i=index">
115 117
                    <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">
......
130 132
                </span>
131 133
                <span *ngIf="!showAll && community.subjects.length > 10">
132 134
                    <a (click)="showAll = !showAll;">
133
                      show all
135
                      view all
134 136
                    </a>
135 137
                </span>
136 138
                <span *ngIf="showAll">
137 139
                    <a (click)="showAll = !showAll;">
138
                      show less
140
                      view less
139 141
                    </a>
140 142
                </span>
141 143
              </div>
......
156 158
    <div *ngIf="communityId != null && communityId != '' && community != null">
157 159

  
158 160

  
159
      <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-large-top">
160
        <div class="uk-text-large uk-text-bold">Search research results</div>
161
      <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top">
162
        <div class="uk-text-bold uk-h5">Search research results</div>
161 163
        <search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
162 164
      </div>
163 165

  
164 166
      <div class="uk-margin-large-top">
165
        <div class="uk-text-large  uk-text-bold">
167
        <div class="uk-text-bold uk-h5">
166 168
          Recent research results
167 169
        </div>
168 170

  
......
177 179
          <li *ngIf="isEntityEnabled('publication')">
178 180
            <div class="uk-grid">
179 181
              <results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params class="uk-width-expand"></results-comp>
180
              <div *ngIf=" activeTab == 'publication' && statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['publication'] && statistics.allowedCharts['publication'] && statistics.statisticsSum['publication'].total>0 && statistics.allowedCharts['publication'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
182
              <div *ngIf=" activeTab == 'publication' && statistics !=null  && statistics.allowedEntities &&
183
              statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['publication'] &&
184
              statistics.allowedCharts['publication'] && statistics.statisticsSum['publication'].total>0 &&
185
              statistics.allowedCharts['publication'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
181 186
                <div *ngFor="let chart of statistics.allowedCharts['publication']" class=" uk-first-column">
182 187
                    <div class="iframeContainer">
183 188
                      <iframe [src]=statistics.chartsUrlMap[chart]  scrolling="no"></iframe>
......
191 196
              <results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params class="uk-width-expand"></results-comp>
192 197
              <div *ngIf="activeTab == 'dataset' && statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts &&
193 198
              statistics.statisticsSum['dataset'] && statistics.allowedCharts['dataset'] && statistics.statisticsSum['dataset'].total>0 && statistics.allowedCharts['dataset'].length>0"
194
               class="uk-width-1-2@m uk-width-1-1@s">
199
               class="uk-width-2-5@m uk-width-1-1@s">
195 200
                <div *ngFor="let chart of statistics.allowedCharts['dataset']" class=" uk-first-column">
196 201
                  <div class="iframeContainer">
197 202
                    <iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
......
203 208
          <li *ngIf="isEntityEnabled('software')">
204 209
            <div class="uk-grid">
205 210
              <results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params class="uk-width-expand"></results-comp>
206
              <div *ngIf="statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['software'] && statistics.allowedCharts['software'] && statistics.statisticsSum['software'].total>0 && statistics.allowedCharts['software'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
211
              <div *ngIf="statistics !=null  && statistics.allowedEntities && statistics.statisticsSum &&
212
              statistics.allowedCharts && statistics.statisticsSum['software'] &&
213
              statistics.allowedCharts['software'] && statistics.statisticsSum['software'].total>0 && statistics.allowedCharts['software'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
207 214
                <div *ngFor="let chart of statistics.allowedCharts['software']" class="  uk-first-column">
208 215
                  <div class="iframeContainer">
209 216
                    <iframe [src]=statistics.chartsUrlMap[chart] scrolling="no"></iframe>
......
215 222
          <li *ngIf="isEntityEnabled('orp')">
216 223
            <div class="uk-grid">
217 224
              <results-comp [(results)]=orpResults [(total)]=orpTotal resultType="other" [community]=community [params]=params class="uk-width-expand"></results-comp>
218
              <div *ngIf=" activeTab == 'orp' && statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['orp'] && statistics.allowedCharts['orp'] && statistics.statisticsSum['orp'].total>0 && statistics.allowedCharts['orp'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
225
              <div *ngIf=" activeTab == 'orp' && statistics !=null  && statistics.allowedEntities &&
226
              statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['orp'] &&
227
              statistics.allowedCharts['orp'] && statistics.statisticsSum['orp'].total>0 &&
228
              statistics.allowedCharts['orp'].length>0" class="uk-width-2-5@m uk-width-1-1@s">
219 229
                <div *ngFor="let chart of statistics.allowedCharts['orp']" class=" uk-first-column">
220 230
                  <div class="iframeContainer">
221 231
                    <iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
......
228 238
    </div>
229 239
    <hr>
230 240
    <div *ngIf="statistics && statistics.allowedEntities &&  countOtherGraphs()>0">
231
      <div class="uk-text-large">
241
      <div class="uk-text-bold uk-h5">
232 242
      Other Graphs
233 243
      </div>
234 244
      <div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
modules/uoa-connect-portal/trunk/src/app/community/community.component.ts
54 54
  public showLoading: boolean = true;
55 55
  masterZenodoCommunity = null;
56 56
  zenodoCommunityIdS = [];
57

  
57
  showAll = false;
58 58
  // TODO Unsubscribe
59 59
  public subPublications;
60 60
  public subResearchData;

Also available in: Unified diff