Project

General

Profile

« Previous | Next » 

Revision 47131

Use UIKIT3 | changes in css

View differences:

project.component.html
2 2
    <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
3 3
    <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
4 4

  
5
    <div *ngIf="projectInfo != null" class="uk-grid">
6
        <div class="uk-width-7-10">
5
    <div *ngIf="projectInfo != null" uk-grid>
6
        <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
7 7
            <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
8 8
            <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
9 9
            <div class="projectIcon">
......
89 89

  
90 90
            <ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
91 91
                <li class="uk-animation-fade">
92
                    <div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert" >
92
                    <div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert  uk-alert-primary" >
93 93
                        There are no publications
94 94
                    </div>
95 95

  
......
111 111
                </li>
112 112

  
113 113
                <li class="uk-animation-fade">
114
                    <div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
114
                    <div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert  uk-alert-primary">
115 115
                        There are no research data
116 116
                    </div>
117 117

  
......
130 130
                    </div>
131 131
                </li>
132 132
                <li class="uk-animation-fade">
133
                  <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
133
                  <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert  uk-alert-primary">
134 134
                      There are no statistics
135 135
                  </div>
136 136

  
......
162 162
            </ul>
163 163
        </div>
164 164

  
165
        <div class="uk-width-3-10">
165
        <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
166 166
            <ul class="uk-list uk-list-striped">
167 167
                <li>
168 168
                  <dl class="uk-description-list-line">
......
182 182
                <li>
183 183
                    <div class="clickable" data-uk-toggle="{target:'#publications_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate publications in your site (HTML)</div>
184 184

  
185
                    <!--div class="uk-hidden uk-panel uk-panel-box" id="publications_dynamic">
185
                    <!--div class="uk-hidden uk-panel uk-padding uk-background-muted" id="publications_dynamic">
186 186
                        {{publications_dynamic}}
187 187
                    </div-->
188 188
                    <div class="uk-vertical-align uk-hidden" id="publications_dynamic">
189
                        <button class="uk-float-right uk-icon-clipboard uk-button publ_clipboard_btn" data-clipboard-target="#publ_clipboard">
189
                        <button class="uk-float-right uk-icon-clipboard uk-button uk-button-default publ_clipboard_btn" data-clipboard-target="#publ_clipboard">
190 190
                            Copy to clipboard
191 191
                        </button>
192 192
                        <pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
......
195 195
                <li>
196 196
                    <div class="clickable" data-uk-toggle="{target:'#datasets_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate research data in your site (HTML)</div>
197 197
                    <div class="uk-vertical-align uk-hidden" id="datasets_dynamic">
198
                        <button class="uk-float-right uk-button datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard">
198
                        <button class="uk-float-right uk-button uk-button-default datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard">
199 199
                            Copy to clipboard
200
                            <i class="uk-icon-clipboard"></i>
200
                            <span uk-icon="icon: copy"></span>
201 201
                        </button>
202 202
                        <pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
203 203
                    </div>
......
217 217
                    </export-->
218 218
                    <span class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParams+fetchPublications.searchUtils.totalResults)">
219 219
                        <span aria-hidden="true" class="glyphicon glyphicon-download"></span>
220
                        <i class="uk-icon-download"></i>
220
                        <span uk-icon="icon: download"></span>
221 221
                        <span>{{projectInfo.funder}} progress report (CSV)</span>
222 222
                    </span>
223 223
                </li>
224 224
                <li>
225
                    <a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i>
225
                    <a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span uk-icon="icon: link"></span>
226 226
                        Link to research results
227 227
                    </a>
228 228
                </li>

Also available in: Unified diff