Revision 58397
Added by Stefania Martziou about 4 years ago
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register/register-datasource-select-existing.component.html | ||
|---|---|---|
| 16 | 16 |
</div> |
| 17 | 17 |
<div class="uk-margin-medium-top"> |
| 18 | 18 |
<div class="md-input-wrapper md-input-filled"> |
| 19 |
<label class="">Select repository's country</label>
|
|
| 19 |
<label style="top: -16px;" class="">Select country</label>
|
|
| 20 | 20 |
<select class="md-input" (change)="getReposInCountry($event.target.value)"> |
| 21 | 21 |
<option value="" disabled>-- none selected --</option> |
| 22 | 22 |
<option *ngFor="let country of countries; let i = index" value="{{ i }}">{{ country.name ? country.name :
|
| ... | ... | |
| 25 | 25 |
</select> |
| 26 | 26 |
<span class="md-input-bar"></span> |
| 27 | 27 |
</div> |
| 28 |
<div class="md-input-wrapper uk-margin-top"> |
|
| 29 |
<label class="">Start typing in the name of your repository to narrow down the view</label> |
|
| 30 |
<input #searchInput id="searchInput" class="md-input" type="text" |
|
| 31 |
[disabled]="(!hasSelectedCountry)" (keyup)="searchTerm($event)"/> |
|
| 32 |
<span class="md-input-bar"></span> |
|
| 33 |
</div> |
|
| 28 |
|
|
| 34 | 29 |
</div> |
| 35 | 30 |
<div *ngIf="selectedCountry"> |
| 36 | 31 |
<div> |
| ... | ... | |
| 47 | 42 |
<div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
|
| 48 | 43 |
<div class="radioButtonForm" *ngIf="countryRepos && !loadingMessage"> |
| 49 | 44 |
|
| 45 |
|
|
| 46 |
<div class="md-input-wrapper md-input-filled uk-margin-medium-top uk-margin-bottom"> |
|
| 47 |
<label class="">Name of repository</label> |
|
| 48 |
<input #searchInput id="searchInput" class="md-input" type="text" |
|
| 49 |
[disabled]="(!hasSelectedCountry)" (keyup)="searchTerm($event)"/> |
|
| 50 |
<span class="md-input-bar"></span> |
|
| 51 |
</div> |
|
| 52 |
|
|
| 53 |
|
|
| 50 | 54 |
<div class="form-group" |
| 51 | 55 |
*ngFor="let repo of countryRepos | repoFilter: searchBox"> |
| 52 | 56 |
<label for="{{ repo.id }}"
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register.component.html | ||
|---|---|---|
| 28 | 28 |
<img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%203.svg" alt="" width="51"> |
| 29 | 29 |
</div> |
| 30 | 30 |
<h3>Literature repository</h3> |
| 31 |
<a [routerLink]="['literature']" [queryParams]="{ step: 'selectDatasource' }" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
|
|
| 31 | 32 |
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary"> |
| 32 |
<p class="uk-margin-remove">Make sure your repository is already registered in OpenDOAR, the authoritative directory of institutional and thematic OA repositories.</p> |
|
| 33 |
<p class="uk-margin-remove">Make sure your repository is already registered in OpenDOAR, the authoritative |
|
| 34 |
directory of institutional and thematic OA repositories, and is compatible with the OpenAIRE Guidelines for Literature Repositories.</p> |
|
| 33 | 35 |
<a href="http://v2.sherpa.ac.uk/opendoar/" target="_blank"> |
| 34 | 36 |
List provided by |
| 35 | 37 |
<br> |
| 36 | 38 |
OpenDOAR<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i> |
| 37 | 39 |
</a> |
| 38 | 40 |
</div> |
| 41 |
|
|
| 39 | 42 |
</div> |
| 40 | 43 |
</div> |
| 41 | 44 |
</div> |
| ... | ... | |
| 49 | 52 |
<img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%202.svg" alt="" width="51"> |
| 50 | 53 |
</div> |
| 51 | 54 |
<h3>Data repository</h3> |
| 52 |
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary"> |
|
| 53 |
<p class="uk-margin-remove">Make sure your data repository is registered in Re3Data, the global registry of research data repositories from different academic disciplines.</p> |
|
| 54 |
<a href="http://www.re3data.org" target="_blank"> |
|
| 55 |
List provided by |
|
| 56 |
<br> |
|
| 57 |
Re3data<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i> |
|
| 58 |
</a> |
|
| 59 |
</div> |
|
| 55 |
<a [routerLink]="['data']" [queryParams]="{ step: 'selectDatasource' }" class="el-link uk-position-cover uk-margin-remove-adjacent">
|
|
| 56 |
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary"> |
|
| 57 |
<p class="uk-margin-remove">Make sure your data repository is registered in Re3Data, the global registry |
|
| 58 |
of research data repositories from different academic disciplines, and is compatible with the OpenAIRE Guidelines for Data Archives.</p> |
|
| 59 |
<a href="http://www.re3data.org" target="_blank"> |
|
| 60 |
List provided by |
|
| 61 |
<br> |
|
| 62 |
Re3data<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i> |
|
| 63 |
</a> |
|
| 64 |
</div> |
|
| 65 |
</a> |
|
| 60 | 66 |
</div> |
| 61 | 67 |
</div> |
| 62 | 68 |
</div> |
| ... | ... | |
| 71 | 77 |
</div> |
| 72 | 78 |
<h3>Journal</h3> |
| 73 | 79 |
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary"> |
| 74 |
<p class="uk-margin-remove">Make sure that your Open Access Journal is compatible with the OpenAIRE literature Guidelines.</p>
|
|
| 80 |
<p class="uk-margin-remove">Make sure that your Journal is compatible with the OpenAIRE Guidelines for Literature Repositories.</p>
|
|
| 75 | 81 |
<a href="https://www.openaire.eu/support/helpdesk" target="_blank"> |
| 76 | 82 |
For any questions please contact the OpenAIRE helpdesk.<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i> |
| 77 | 83 |
</a> |
| ... | ... | |
| 92 | 98 |
<div class=""> |
| 93 | 99 |
<img class="el-image" src="../../../assets/imgs/datasourcetypes/Asset%204.svg" alt="" width="50"> |
| 94 | 100 |
</div> |
| 95 |
<h3>Journal</h3>
|
|
| 101 |
<h3>Aggregator</h3>
|
|
| 96 | 102 |
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary"> |
| 97 |
<p class="uk-margin-remove">Make sure that your publications aggregator is compatible with the OpenAIRE literature Guidelines.</p>
|
|
| 103 |
<p class="uk-margin-remove">Make sure that your publications' aggregator is compatible with the OpenAIRE Guidelines for Literature Repositories.</p>
|
|
| 98 | 104 |
<a href="https://www.openaire.eu/support/helpdesk" target="_blank"> |
| 99 | 105 |
For any questions please contact the OpenAIRE helpdesk.<i class="fas fa-external-link-alt" style="margin-left: 3px !important;"></i> |
| 100 | 106 |
</a> |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/shared/reusablecomponents/sources-forms/datasource-update-form.component.html | ||
|---|---|---|
| 12 | 12 |
Basic information |
| 13 | 13 |
</h4> |
| 14 | 14 |
</div> |
| 15 |
<div *ngIf="selectedRepo.datasourceType === 'opendoar'" class="uk-alert uk-alert-primary">
|
|
| 15 |
<div *ngIf="selectedRepo.datasourceType === 'opendoar'" class="uk-alert uk-alert-info">
|
|
| 16 | 16 |
The following fields are completed by OpenDOAR.<br> |
| 17 | 17 |
If you want to edit them, you can do it by using this |
| 18 | 18 |
<a target="_blank" href="{{ 'http://v2.sherpa.ac.uk/id/repository/' + repoId }}">OpenDOAR link</a>
|
| 19 | 19 |
</div> |
| 20 |
<div *ngIf="selectedRepo.datasourceType === 're3data'" class="uk-alert uk-alert-primary">
|
|
| 20 |
<div *ngIf="selectedRepo.datasourceType === 're3data'" class="uk-alert uk-alert-info">
|
|
| 21 | 21 |
The following fields are completed by Re3data.<br> |
| 22 | 22 |
If you want to edit them, you can do it by using this |
| 23 | 23 |
<a target="_blank" href="{{ 'http://service.re3data.org/repository/' + repoId }}">Re3data link</a>
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/shared/reusablecomponents/sources-forms/datasource-new-interface-form.component.html | ||
|---|---|---|
| 111 | 111 |
<!--</div>--> |
| 112 | 112 |
|
| 113 | 113 |
<div class="md-input-wrapper md-input-filled uk-margin-medium-top"> |
| 114 |
<label class="" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Desired Compatibility Level (*)</label>
|
|
| 114 |
<label style="top: -16px" class="" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Desired Compatibility Level (*)</label>
|
|
| 115 | 115 |
<select class="md-input" id="compLvl" formControlName="compatibilityLevel" (change)="checkIfValid()"> |
| 116 | 116 |
<option value="">-- none selected --</option> |
| 117 | 117 |
<option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option>
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/css/provide-custom.css | ||
|---|---|---|
| 41 | 41 |
background-color: #fff; |
| 42 | 42 |
} |
| 43 | 43 |
|
| 44 |
.uk-alert-info {
|
|
| 45 |
background: #CCF1FF 0% 0% no-repeat padding-box !important; |
|
| 46 |
border: 1px solid #23C1FF; |
|
| 47 |
color: #1987B3; |
|
| 48 |
box-shadow: 1px 1px 6px #00000029; |
|
| 49 |
border-radius: 3px; |
|
| 50 |
opacity: 1; |
|
| 51 |
} |
|
| 52 |
|
|
| 53 |
.uk-alert-success {
|
|
| 54 |
background: #F2FFFE 0% 0% no-repeat padding-box !important; |
|
| 55 |
box-shadow: 1px 1px 6px #00000029; |
|
| 56 |
border: 1px solid #278A85; |
|
| 57 |
color: #278A85; |
|
| 58 |
border-radius: 3px; |
|
| 59 |
opacity: 1; |
|
| 60 |
} |
|
| 61 |
|
|
| 62 |
.uk-alert-warning {
|
|
| 63 |
background: #FCF7CA 0% 0% no-repeat padding-box !important; |
|
| 64 |
box-shadow: 1px 1px 6px #00000029; |
|
| 65 |
border: 1px solid #807B24; |
|
| 66 |
color: #807B24; |
|
| 67 |
border-radius: 3px; |
|
| 68 |
opacity: 1; |
|
| 69 |
} |
|
| 70 |
|
|
| 71 |
.uk-alert-danger {
|
|
| 72 |
background: #FFD9D9 0% 0% no-repeat padding-box !important; |
|
| 73 |
box-shadow: 1px 1px 6px #00000029; |
|
| 74 |
border: 1px solid #B31B1B; |
|
| 75 |
color: #B31B1B; |
|
| 76 |
border-radius: 3px; |
|
| 77 |
opacity: 1; |
|
| 78 |
} |
|
| 79 |
|
|
| 44 | 80 |
/************ TOPMENU-DASHBOARD ***********/ |
| 45 | 81 |
|
| 46 | 82 |
.app_my_theme #header_main {
|
| ... | ... | |
| 412 | 448 |
|
| 413 | 449 |
/****************************************/ |
| 414 | 450 |
|
| 451 |
/************ WIZARD ***********/ |
|
| 415 | 452 |
|
| 453 |
.app_my_theme .wizard>.steps>ul>li.current a, .app_my_theme .wizard>.steps>ul>li.current a:active, .app_my_theme .wizard>.steps>ul>li.current a:hover {
|
|
| 454 |
background: #34BDB6 0% 0% no-repeat padding-box; |
|
| 455 |
border-right: 1px solid #24847F; |
|
| 456 |
} |
|
| 457 |
|
|
| 458 |
.wizard>.steps>ul>li a, .wizard>.steps>ul>li a:active, .wizard>.steps>ul>li a:hover {
|
|
| 459 |
background: #299791 0% 0% no-repeat padding-box; |
|
| 460 |
border-right: 1px solid #24847F; |
|
| 461 |
/*border-right: #299791;*/ |
|
| 462 |
} |
|
| 463 |
|
|
| 464 |
.wizard>.steps>ul>li+li a {
|
|
| 465 |
border-right: 1px solid #24847F; |
|
| 466 |
} |
|
| 467 |
|
|
| 468 |
|
|
| 469 |
|
|
| 470 |
/****************************************/ |
|
| 471 |
|
|
| 472 |
|
|
| 416 | 473 |
.comment {
|
| 417 | 474 |
font-size: 70%; |
| 418 | 475 |
} |
Also available in: Unified diff
made some css changes in registration wizard and the registration forms