Revision 57088
Added by Stefania Martziou over 4 years ago
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/shared/topmenu/topmenu.component.ts | ||
|---|---|---|
| 1 |
/** |
|
| 2 |
* Created by stefania on 7/5/16. |
|
| 3 |
*/ |
|
| 4 |
import { Component, DoCheck, OnInit, ViewEncapsulation } from '@angular/core';
|
|
| 5 |
import { AuthenticationService } from '../../services/authentication.service';
|
|
| 6 |
import { environment } from '../../../environments/environment';
|
|
| 7 |
|
|
| 8 |
@Component({
|
|
| 9 |
selector: 'top-menu', |
|
| 10 |
templateUrl: './topmenu.component.html', |
|
| 11 |
styleUrls: ['./topmenu.component.css'], |
|
| 12 |
encapsulation: ViewEncapsulation.None |
|
| 13 |
}) |
|
| 14 |
|
|
| 15 |
export class TopMenuComponent implements OnInit {
|
|
| 16 |
userLoggedIn = false; |
|
| 17 |
userName = ''; |
|
| 18 |
isUserAdmin = false; |
|
| 19 |
adminHomePage = environment.FAQ_HOMEPAGE; |
|
| 20 |
|
|
| 21 |
inBeta: boolean; |
|
| 22 |
|
|
| 23 |
constructor(public authService: AuthenticationService) { }
|
|
| 24 |
|
|
| 25 |
ngOnInit() {
|
|
| 26 |
this.getIsUserLoggedIn(); |
|
| 27 |
this.getUserName(); |
|
| 28 |
this.getIsUserAdmin(); |
|
| 29 |
|
|
| 30 |
const baseUrl = window.location.origin; |
|
| 31 |
this.inBeta = ( baseUrl.includes('beta') || baseUrl.includes('athenarc') );
|
|
| 32 |
} |
|
| 33 |
|
|
| 34 |
onClick(id: string) {
|
|
| 35 |
const el: HTMLElement = document.getElementById(id); |
|
| 36 |
el.classList.remove('uk-open');
|
|
| 37 |
} |
|
| 38 |
|
|
| 39 |
|
|
| 40 |
login() {
|
|
| 41 |
this.authService.loginWithState(); |
|
| 42 |
} |
|
| 43 |
|
|
| 44 |
logout() {
|
|
| 45 |
this.authService.logout(); |
|
| 46 |
} |
|
| 47 |
|
|
| 48 |
|
|
| 49 |
getUserName() {
|
|
| 50 |
this.userName = this.authService.getUserName(); |
|
| 51 |
return this.userName; |
|
| 52 |
} |
|
| 53 |
|
|
| 54 |
getIsUserLoggedIn() {
|
|
| 55 |
this.userLoggedIn = this.authService.getIsUserLoggedIn(); |
|
| 56 |
return this.userLoggedIn; |
|
| 57 |
} |
|
| 58 |
|
|
| 59 |
getIsUserAdmin() {
|
|
| 60 |
this.isUserAdmin = (this.authService.getUserRole().includes('ROLE_ADMIN') ||
|
|
| 61 |
this.authService.getUserRole().includes('ROLE_PROVIDE_ADMIN'));
|
|
| 62 |
return this.isUserAdmin; |
|
| 63 |
} |
|
| 64 |
} |
|
| 65 | 0 | |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/shared/topmenu/topmenu.component.css | ||
|---|---|---|
| 1 |
.tm-toolbar .uk-subnav-line .custom-provide-li {
|
|
| 2 |
background:#37C7E9 !important; |
|
| 3 |
} |
|
| 4 |
|
|
| 5 |
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
|
|
| 6 |
background: #37C7E9 !important; |
|
| 7 |
} |
|
| 8 |
|
|
| 9 |
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav li a:hover, .tm-toolbar .uk-subnav-line li:hover a, .tm-toolbar .uk-subnav li:hover a {
|
|
| 10 |
background: #37C7E9 !important; |
|
| 11 |
color:white !important; |
|
| 12 |
} |
|
| 13 | 0 | |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/shared/topmenu/topmenu.component.html | ||
|---|---|---|
| 1 |
<div id="landingPage"> |
|
| 2 |
<div class="uk-offcanvas-content"> |
|
| 3 |
|
|
| 4 |
<!--MOBILE--> |
|
| 5 |
<div class="tm-header-mobile uk-hidden@m"> |
|
| 6 |
<nav class="uk-navbar-container uk-navbar" uk-navbar=""> |
|
| 7 |
<div class="uk-navbar-left"> |
|
| 8 |
<a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle=""> |
|
| 9 |
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon"> |
|
| 10 |
</div> |
|
| 11 |
</a> |
|
| 12 |
</div> |
|
| 13 |
<div class="uk-navbar-center"> |
|
| 14 |
<a class="uk-navbar-item uk-logo" [routerLink]="['/landing']"> |
|
| 15 |
<img src="../../../assets/imgs/OA_PROVIDE_A.png" alt="OpenAIRE" |
|
| 16 |
class="uk-responsive-height"> </a> |
|
| 17 |
</div> |
|
| 18 |
</nav> |
|
| 19 |
<div id="tm-mobile" uk-offcanvas="" mode="slide" overlay="" class="uk-offcanvas"> |
|
| 20 |
<div class="uk-offcanvas-bar"> |
|
| 21 |
<button class="uk-offcanvas-close uk-close uk-icon" type="button" uk-close=""></button> |
|
| 22 |
<div class="uk-child-width-1-1 uk-grid" uk-grid=""> |
|
| 23 |
<div> |
|
| 24 |
<div> |
|
| 25 |
<a *ngIf="!getIsUserLoggedIn()" (click)="login()">Sign in| Register</a> |
|
| 26 |
<span *ngIf="getIsUserLoggedIn()">{{getUserName()}}</span>
|
|
| 27 |
<ul *ngIf="getIsUserLoggedIn()" class="uk-list uk-margin-top"> |
|
| 28 |
<li> |
|
| 29 |
<a class="uk-search-input" [routerLink]="['landing']" [routerLinkActive]="['uk-active']">Home</a> |
|
| 30 |
</li> |
|
| 31 |
<li> |
|
| 32 |
<a class="uk-search-input" [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']">Dashboard</a> |
|
| 33 |
</li> |
|
| 34 |
<li> |
|
| 35 |
Sources |
|
| 36 |
<ul> |
|
| 37 |
<li><a [routerLink]="['sources', 'register']" [routerLinkActive]="['uk-active']">Register</a></li> |
|
| 38 |
<li><a [routerLink]="['sources', 'update']" [routerLinkActive]="['uk-active']">Update</a></li> |
|
| 39 |
</ul> |
|
| 40 |
</li> |
|
| 41 |
<li> |
|
| 42 |
Compatibility |
|
| 43 |
<ul> |
|
| 44 |
<li><a [routerLink]="['compatibility', 'validate']" [routerLinkActive]="['uk-active']">Validate</a></li> |
|
| 45 |
<li><a [routerLink]="['compatibility', 'browseHistory']" [routerLinkActive]="['uk-active']">Validation History</a></li> |
|
| 46 |
<li><a [routerLink]="['compatibility', 'monitor']" [routerLinkActive]="['uk-active']">Collection Monitor</a></li> |
|
| 47 |
</ul> |
|
| 48 |
</li> |
|
| 49 |
<li> |
|
| 50 |
Content |
|
| 51 |
<ul> |
|
| 52 |
<li><a [routerLink]="['content', 'events']" [routerLinkActive]="['uk-active']">Events</a></li> |
|
| 53 |
<li><a [routerLink]="['content', 'notifications']" [routerLinkActive]="['uk-active']">Notifications</a></li> |
|
| 54 |
</ul> |
|
| 55 |
</li> |
|
| 56 |
<li> |
|
| 57 |
<a class="uk-search-input" [routerLink]="['getImpact']" [routerLinkActive]="['uk-active']">Metrics</a> |
|
| 58 |
</li> |
|
| 59 |
<li *ngIf="getIsUserAdmin()"> |
|
| 60 |
Admin |
|
| 61 |
<ul> |
|
| 62 |
<li><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
|
|
| 63 |
<li><a [routerLink]="['admin', 'metrics']" [routerLinkActive]="['uk-active']">Validate</a></li>s |
|
| 64 |
</ul> |
|
| 65 |
</li> |
|
| 66 |
<li><a (click)="logout()">Logout</a></li> |
|
| 67 |
</ul> |
|
| 68 |
</div> |
|
| 69 |
</div> |
|
| 70 |
</div> |
|
| 71 |
|
|
| 72 |
</div> |
|
| 73 |
</div> |
|
| 74 |
</div> |
|
| 75 |
|
|
| 76 |
<!--LAPTOP--> |
|
| 77 |
<div class="tm-toolbar uk-visible@m"> |
|
| 78 |
<div class="uk-container uk-flex uk-flex-middle uk-container-expand"> |
|
| 79 |
|
|
| 80 |
|
|
| 81 |
<div class="uk-margin-auto-left"> |
|
| 82 |
<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack" |
|
| 83 |
uk-grid="margin: uk-margin-small-top"> |
|
| 84 |
<div class="uk-first-column"> |
|
| 85 |
<div class="uk-panel inner"> |
|
| 86 |
<ul class="uk-subnav uk-subnav-line"> |
|
| 87 |
<li><a class="home-icon" href="https://{{ inBeta ? 'beta.' : '' }}openaire.eu" target="_blank">
|
|
| 88 |
<span class="uk-responsive-height"> |
|
| 89 |
<svg xml:space="preserve" enable-background="new 0 0 20 20" height="20px" id="Layer_1" version="1.1" viewBox="0 0 48 48" width="20px" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M44.715,23.711c-0.381,0.382-1,0.382-1.381,0l-8.939-8.938 c-0.064-0.051-0.119-0.106-0.17-0.171l-3.83-3.829c-0.064-0.051-0.119-0.106-0.17-0.171L24,4.377L4.667,23.711 c-0.381,0.382-1,0.382-1.381,0c-0.381-0.381-0.381-1,0-1.381L23.191,2.425c0.031-0.047,0.053-0.101,0.094-0.144 C23.482,2.085,23.742,1.994,24,2c0.258-0.006,0.518,0.084,0.715,0.281c0.043,0.042,0.062,0.096,0.096,0.144L30,7.616V4.997 c0,0,0,0,0,0c0-0.552,0.447-1,1-1h4c0.277,0,0.527,0.112,0.707,0.293C35.889,4.471,36,4.721,36,4.997v8.619l8.715,8.714 C45.096,22.711,45.096,23.33,44.715,23.711z M34,5.997h-2v3.619l2,2V5.997z M10,21.997c0.552,0,1,0.448,1,1v19c0,1.105,0.896,2,2,2 h6l0,0v-13c0-0.553,0.447-1,1-1h8c0.553,0,1,0.447,1,1v13l0,0h6c1.105,0,2-0.895,2-2v-19c0-0.552,0.447-1,1-1s1,0.448,1,1v19 c0,2.209-1.791,4-4,4H13c-2.209,0-4-1.791-4-4v-19C9,22.444,9.448,21.997,10,21.997z M27,43.996v-12h-6v12l0,0H27L27,43.996z" fill="#fff" fill-rule="evenodd" id="home"></path></svg> |
|
| 90 |
</span></a></li> |
|
| 91 |
<li uk-tooltip="title: Search in OA. Link your research; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto"> |
|
| 92 |
<a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" target="_blank">Explore</a></li>
|
|
| 93 |
<li uk-tooltip="title: Content Provider Dashboard; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto" class="custom-provide-li"> |
|
| 94 |
<a href="https://{{ inBeta ? 'beta.' : '' }}provide.openaire.eu/" target="_blank">Provide</a></li>
|
|
| 95 |
<li uk-tooltip="title: Research Community Dashboard; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto"> |
|
| 96 |
<a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" target="_blank">Connect</a></li>
|
|
| 97 |
<li uk-tooltip="title: Monitoring Dashboard; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto"> |
|
| 98 |
<a href="https://monitor.openaire.eu" target="_blank">Monitor</a></li> |
|
| 99 |
<li uk-tooltip="title: APIs; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto"> |
|
| 100 |
<a href="https://develop.openaire.eu" target="_blank">Develop</a></li> |
|
| 101 |
</ul> |
|
| 102 |
</div> |
|
| 103 |
</div> |
|
| 104 |
</div> |
|
| 105 |
</div> |
|
| 106 |
|
|
| 107 |
</div> |
|
| 108 |
</div> |
|
| 109 |
|
|
| 110 |
<div class="tm-header uk-visible@m tm-header-transparent" uk-header=""> |
|
| 111 |
<div class="uk-navbar-container uk-sticky uk-navbar-transparent" uk-sticky="top:0" media="768" |
|
| 112 |
cls-active="uk-active uk-navbar-sticky" style="" animation="uk-animation-slide-top" |
|
| 113 |
top=".tm-header + [class*="uk-section"]" cls-inactive="uk-navbar-transparent"> |
|
| 114 |
<div class="uk-container uk-container-expand"> |
|
| 115 |
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
|
| 116 |
<div class="uk-navbar-left"> |
|
| 117 |
<a [routerLink]="['landing']" class="uk-logo uk-navbar-item"> |
|
| 118 |
<img src="../../../assets/imgs/OA_PROVIDE_B.png" alt="OpenAIRE" class="uk-responsive-height"> |
|
| 119 |
</a> |
|
| 120 |
</div> |
|
| 121 |
|
|
| 122 |
<div class="uk-navbar-right"> |
|
| 123 |
|
|
| 124 |
<ul class="uk-navbar-nav" *ngIf="getIsUserLoggedIn()" > |
|
| 125 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"> |
|
| 126 |
<a [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']"> |
|
| 127 |
Dashboard |
|
| 128 |
</a> |
|
| 129 |
</li> |
|
| 130 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class="" |
|
| 131 |
aria-expanded="false">Sources</a> |
|
| 132 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" |
|
| 133 |
id="sourcesMenu" (click)="onClick('sourcesMenu')">
|
|
| 134 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 135 |
<div class="uk-first-column"> |
|
| 136 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 137 |
<li><a [routerLink]="['/sources','register']" id="registerLink">Register</a></li> |
|
| 138 |
<li><a [routerLink]="['/sources', 'update']">Update</a></li> |
|
| 139 |
</ul> |
|
| 140 |
</div> |
|
| 141 |
</div> |
|
| 142 |
</div> |
|
| 143 |
</li> |
|
| 144 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class="" |
|
| 145 |
aria-expanded="false">Compatibility</a> |
|
| 146 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" |
|
| 147 |
id="compatibilityMenu" (click)="onClick('compatibilityMenu')">
|
|
| 148 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 149 |
<div class="uk-first-column"> |
|
| 150 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 151 |
<li><a [routerLink]="['/compatibility','validate']">Validate</a></li> |
|
| 152 |
<li><a [routerLink]="['/compatibility','browseHistory']">Validation History</a></li> |
|
| 153 |
<li><a [routerLink]="['/compatibility','monitor']">Collection Monitor</a></li> |
|
| 154 |
</ul> |
|
| 155 |
</div> |
|
| 156 |
</div> |
|
| 157 |
</div> |
|
| 158 |
</li> |
|
| 159 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class="" |
|
| 160 |
aria-expanded="false">Content</a> |
|
| 161 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" |
|
| 162 |
id="contentMenu" (click)="onClick('contentMenu')">
|
|
| 163 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 164 |
<div class="uk-first-column"> |
|
| 165 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 166 |
<li><a [routerLink]="['/content','events']">Events</a></li> |
|
| 167 |
<li><a [routerLink]="['/content','notifications']">Notifications</a></li> |
|
| 168 |
</ul> |
|
| 169 |
</div> |
|
| 170 |
</div> |
|
| 171 |
</div> |
|
| 172 |
</li> |
|
| 173 |
<li class="uk-parent"> |
|
| 174 |
<a [routerLink]="['/getImpact']" [routerLinkActive]="['uk-active']"> |
|
| 175 |
Metrics |
|
| 176 |
</a> |
|
| 177 |
</li> |
|
| 178 |
</ul> |
|
| 179 |
|
|
| 180 |
<div class="uk-navbar-item"> |
|
| 181 |
|
|
| 182 |
<ul *ngIf="!getIsUserLoggedIn()" class="uk-navbar-nav"> |
|
| 183 |
<li class="uk-parent"> |
|
| 184 |
<a class="" (click)="login()"> |
|
| 185 |
Sign in |
|
| 186 |
<span class="uk-margin-small-left uk-icon"> |
|
| 187 |
<svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> |
|
| 188 |
<circle cx="9.9" cy="6.4" fill="none" r="4.4" stroke="#000" stroke-width="1.1"></circle> |
|
| 189 |
<path d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2" fill="none" stroke="#000" stroke-width="1.1"></path> |
|
| 190 |
</svg> |
|
| 191 |
</span> |
|
| 192 |
</a> |
|
| 193 |
</li> |
|
| 194 |
</ul> |
|
| 195 |
|
|
| 196 |
<ul *ngIf="getIsUserLoggedIn()" class="uk-navbar-nav"> |
|
| 197 |
<li class="uk-parent"> |
|
| 198 |
<a class="" aria-expanded="false"> |
|
| 199 |
{{ getUserName() }}
|
|
| 200 |
<span class="uk-margin-small-left uk-icon"> |
|
| 201 |
<svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> |
|
| 202 |
<circle cx="9.9" cy="6.4" fill="none" r="4.4" stroke="#000" stroke-width="1.1"></circle> |
|
| 203 |
<path d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2" fill="none" stroke="#000" stroke-width="1.1"></path> |
|
| 204 |
</svg> |
|
| 205 |
</span> |
|
| 206 |
</a> |
|
| 207 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" |
|
| 208 |
id="userMenu" (click)="onClick('userMenu')">
|
|
| 209 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 210 |
<div class="uk-first-column"> |
|
| 211 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 212 |
<ul *ngIf="getIsUserAdmin()" class="uk-nav uk-navbar-dropdown-nav"> |
|
| 213 |
<li class="uk-nav-header" style="display: block;">Admin</li> |
|
| 214 |
<li style="display: block"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
|
|
| 215 |
<li style="display: block"><a [routerLink]="['/admin/metrics']">Metrics</a></li> |
|
| 216 |
<li style="display: block" class="uk-margin-small-bottom"><a [routerLink]="['/admin/registrations']">Registrations</a></li> |
|
| 217 |
</ul> |
|
| 218 |
<li><a class="" (click)="logout()">Log out</a></li> |
|
| 219 |
</ul> |
|
| 220 |
</div> |
|
| 221 |
</div> |
|
| 222 |
</div> |
|
| 223 |
</li> |
|
| 224 |
</ul> |
|
| 225 |
|
|
| 226 |
</div> |
|
| 227 |
|
|
| 228 |
|
|
| 229 |
</div> |
|
| 230 |
|
|
| 231 |
</nav> |
|
| 232 |
</div> |
|
| 233 |
</div> |
|
| 234 |
|
|
| 235 |
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" hidden="hidden"></div> |
|
| 236 |
</div> |
|
| 237 |
|
|
| 238 |
</div> |
|
| 239 |
</div> |
|
| 240 |
|
|
| 241 | 0 | |
| modules/uoa-repository-dashboard-gui/branches/new-ui/angular.json | ||
|---|---|---|
| 27 | 27 |
], |
| 28 | 28 |
"scripts": [ |
| 29 | 29 |
"node_modules/jquery/dist/jquery.min.js", |
| 30 |
"node_modules/jquery-bez/lib/jquery.bez.js", |
|
| 30 | 31 |
"node_modules/uikit/dist/js/uikit.min.js", |
| 31 |
"node_modules/uikit/dist/js/uikit-icons.min.js" |
|
| 32 |
"node_modules/uikit/dist/js/uikit-icons.min.js", |
|
| 33 |
"src/assets/js/altair_admin_common.min.js", |
|
| 34 |
"src/assets/js/common.min.js", |
|
| 35 |
"src/assets/js/pages/forms_wizard.js" |
|
| 32 | 36 |
] |
| 33 | 37 |
}, |
| 34 | 38 |
"configurations": {
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/package.json | ||
|---|---|---|
| 21 | 21 |
"@angular/platform-browser": "^6.0.3", |
| 22 | 22 |
"@angular/platform-browser-dynamic": "^6.0.3", |
| 23 | 23 |
"@angular/router": "^6.0.3", |
| 24 |
"altair": "^1.0.0", |
|
| 24 | 25 |
"angular2-cookie-law": "^6.0.4", |
| 25 | 26 |
"bootstrap": "^4.1.3", |
| 26 | 27 |
"core-js": "^2.5.4", |
| 27 |
"jquery": "^3.3.1", |
|
| 28 |
"jquery": "^3.4.1", |
|
| 29 |
"jquery-bez": "^1.0.11", |
|
| 28 | 30 |
"ngx-bootstrap": "^3.0.1", |
| 29 | 31 |
"ngx-matomo": "^0.1.2", |
| 30 | 32 |
"rxjs": "6.3.3", |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/pageContainer.html | ||
|---|---|---|
| 1 |
<div class="uk-section-default uk-section uk-section-small uk-padding-remove-bottom" style="min-height: 325px">
|
|
| 1 |
<!--<div class="uk-section-default uk-section uk-section-small uk-padding-remove-bottom" style="min-height: 325px">-->
|
|
| 2 | 2 |
|
| 3 |
<!-- MARGIN-TOP --> |
|
| 4 |
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div> |
|
| 5 |
<div class="uk-container uk-container-large" style="min-height: 500px;"> |
|
| 6 |
<router-outlet></router-outlet> |
|
| 7 |
</div> |
|
| 8 |
</div> |
|
| 3 |
<!--<!– MARGIN-TOP –>--> |
|
| 4 |
<!--<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>--> |
|
| 5 |
<!--<div class="uk-container uk-container-large" style="min-height: 500px;">--> |
|
| 6 |
<!--<router-outlet></router-outlet>--> |
|
| 7 |
<!--</div>--> |
|
| 8 |
<!--</div>--> |
|
| 9 |
|
|
| 10 |
<router-outlet></router-outlet> |
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register/register-datasource-select-existing.component.html | ||
|---|---|---|
| 1 |
<div>
|
|
| 2 |
<div>
|
|
| 3 |
<div class="animated fadeInRight stepContent">
|
|
| 4 |
<div class="uk-alert uk-alert-danger" *ngIf="alertMessage" style="padding: 10px">
|
|
| 5 |
{{ alertMessage }}
|
|
| 6 |
</div>
|
|
| 7 |
<div class="alert alert-info">
|
|
| 8 |
Please make sure your repository is registered in
|
|
| 9 |
<a target="_blank" href="{{ sourceUrl }}">
|
|
| 10 |
<i class="fas fa-external-link-alt" style="margin-right:3px;"></i>{{ sourceTitle }}
|
|
| 11 |
</a>
|
|
| 12 |
. <br>
|
|
| 13 |
<span *ngIf="latestUpdate && (latestUpdate !== 'null')">
|
|
| 1 |
<div> |
|
| 2 |
<div> |
|
| 3 |
<div class="animated fadeInRight stepContent"> |
|
| 4 |
<div class="uk-alert uk-alert-danger" *ngIf="alertMessage" style="padding: 10px"> |
|
| 5 |
{{ alertMessage }}
|
|
| 6 |
</div> |
|
| 7 |
<div class="uk-alert uk-alert-info">
|
|
| 8 |
Please make sure your repository is registered in |
|
| 9 |
<a target="_blank" href="{{ sourceUrl }}">
|
|
| 10 |
<i class="fas fa-external-link-alt" style="margin-right:3px;"></i>{{ sourceTitle }}
|
|
| 11 |
</a> |
|
| 12 |
. <br> |
|
| 13 |
<span *ngIf="latestUpdate && (latestUpdate !== 'null')"> |
|
| 14 | 14 |
<b>Last Updated: </b>{{ latestUpdate }}
|
| 15 | 15 |
</span> |
| 16 |
</div> |
|
| 17 |
<div> |
|
| 18 |
<div class="form-group"> |
|
| 19 |
<label class="control-label">Select repository's country</label> |
|
| 20 |
<select class="form-control" (change) ="getReposInCountry($event.target.value)"> |
|
| 21 |
<option value="" disabled>-- none selected --</option> |
|
| 22 |
<option *ngFor="let country of countries; let i = index" value="{{ i }}">{{ country.name ? country.name : country.code }}</option>
|
|
| 23 |
</select> |
|
| 24 |
</div> |
|
| 25 |
<div class="form-group"> |
|
| 26 |
<label class="control-label">Start typing in the name of your repository to narrow down the view</label> |
|
| 27 |
<input #searchInput id="searchInput" class="form-control" type="text" |
|
| 28 |
[disabled]="(!hasSelectedCountry)" (keyup)="searchTerm($event)" /> |
|
| 29 |
</div> |
|
| 30 |
</div> |
|
| 31 |
<div *ngIf="selectedCountry"> |
|
| 32 |
<div> |
|
| 33 |
<h2>{{ sourceTitle }} Repositories in {{ selectedCountry.name ? selectedCountry.name : selectedCountry.code }}</h2>
|
|
| 34 |
</div> |
|
| 35 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
| 36 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
| 37 |
{{ loadingMessage }}
|
|
| 38 |
</div> |
|
| 39 |
<div class="whiteFilm"></div> |
|
| 40 |
</div> |
|
| 41 |
<div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
|
|
| 42 |
<div class="repositoriesRadioButtonForm" *ngIf="countryRepos && !loadingMessage"> |
|
| 43 |
<div class="form-group" |
|
| 44 |
*ngFor="let repo of countryRepos | repoFilter: searchBox"> |
|
| 45 |
<label for="{{ repo.id }}"
|
|
| 46 |
class="uk-button uk-link-muted visible_uk_links" |
|
| 47 |
style="display: block; text-align: left;"> |
|
| 48 |
<input type="radio" value="{{ repo.id }}" id="{{ repo.id }}" name="repositories"
|
|
| 49 |
(change)="onChooseRepository(repo.id)" [disabled]="repo.registeredby !== null"> |
|
| 50 |
<span> |
|
| 16 |
</div> |
|
| 17 |
<div class="uk-margin-medium-top"> |
|
| 18 |
<div class="md-input-wrapper md-input-filled"> |
|
| 19 |
<label class="">Select repository's country</label> |
|
| 20 |
<select class="md-input" (change)="getReposInCountry($event.target.value)"> |
|
| 21 |
<option value="" disabled>-- none selected --</option> |
|
| 22 |
<option *ngFor="let country of countries; let i = index" value="{{ i }}">{{ country.name ? country.name :
|
|
| 23 |
country.code }} |
|
| 24 |
</option> |
|
| 25 |
</select> |
|
| 26 |
<span class="md-input-bar"></span> |
|
| 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> |
|
| 34 |
</div> |
|
| 35 |
<div *ngIf="selectedCountry"> |
|
| 36 |
<div> |
|
| 37 |
<h2 class="heading_b uk-margin-bottom uk-margin-medium-top">{{ sourceTitle }} Repositories in {{
|
|
| 38 |
selectedCountry.name ? selectedCountry.name : selectedCountry.code }}</h2> |
|
| 39 |
</div> |
|
| 40 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
| 41 |
<div class="loader-big" |
|
| 42 |
style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
| 43 |
{{ loadingMessage }}
|
|
| 44 |
</div> |
|
| 45 |
<div class="whiteFilm"></div> |
|
| 46 |
</div> |
|
| 47 |
<div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
|
|
| 48 |
<div class="radioButtonForm" *ngIf="countryRepos && !loadingMessage"> |
|
| 49 |
|
|
| 50 |
<div class="form-group" |
|
| 51 |
*ngFor="let repo of countryRepos | repoFilter: searchBox"> |
|
| 52 |
<label for="{{ repo.id }}"
|
|
| 53 |
class="uk-button uk-link-muted visible_uk_links" |
|
| 54 |
style="display: block; text-align: left;"> |
|
| 55 |
<input type="radio" value="{{ repo.id }}" id="{{ repo.id }}" name="repositories"
|
|
| 56 |
(change)="onChooseRepository(repo.id)" [disabled]="repo.registeredby !== null"> |
|
| 57 |
<span> |
|
| 51 | 58 |
{{(repo.officialname !== null) ? repo.officialname : repo.englishname }}
|
| 52 |
<span *ngIf="repo.registeredby !== null" class="uk-label uk-label-warning registeredLabel">Registered</span> |
|
| 59 |
<span *ngIf="repo.registeredby !== null" |
|
| 60 |
class="uk-badge uk-badge-warning uk-margin-small-right uk-margin-small-left">Registered</span> |
|
| 53 | 61 |
<a target="_blank" href="{{ (repo.websiteurl !== null) ? repo.websiteurl : '' }}" [ngStyle]="">
|
| 54 | 62 |
<i class="fas fa-external-link-alt externalLink"></i> |
| 55 | 63 |
</a> |
| 56 | 64 |
</span> |
| 57 |
<div *ngIf="repoId == repo.id" class="uk-float-right"> |
|
| 58 |
<a class="uk-button uk-button-primary uk-border-rounded uk-vertical-align-middle" |
|
| 59 |
style="border-color: grey;" |
|
| 60 |
(click)="pushedNext()">NEXT</a> |
|
| 61 |
</div> |
|
| 62 |
</label> |
|
| 63 |
</div> |
|
| 64 |
</div> |
|
| 65 |
</div> |
|
| 66 |
</div> |
|
| 65 |
<!--TODO uncomment if we still need the next button everywhere--> |
|
| 66 |
<!--<div *ngIf="repoId == repo.id" class="uk-float-right">--> |
|
| 67 |
<!--<a class="uk-button uk-button-primary uk-border-rounded uk-vertical-align-middle"--> |
|
| 68 |
<!--style="border-color: grey;"--> |
|
| 69 |
<!--(click)="pushedNext()">NEXT</a>--> |
|
| 70 |
<!--</div>--> |
|
| 71 |
</label> |
|
| 67 | 72 |
</div> |
| 68 | 73 |
</div> |
| 74 |
</div> |
|
| 75 |
</div> |
|
| 76 |
</div> |
|
| 77 |
</div> |
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/skins/ckeditor/material_design/editor_ie8.css | ||
|---|---|---|
| 1 |
/* |
|
| 2 |
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. |
|
| 3 |
For licensing, see LICENSE.md or http://ckeditor.com/license |
|
| 4 |
*/ |
|
| 5 |
|
|
| 6 |
/* |
|
| 7 |
editor_ie8.css |
|
| 8 |
=============== |
|
| 9 |
|
|
| 10 |
This file contains styles to used by Internet Explorer 8 only. |
|
| 11 |
*/ |
|
| 12 |
|
|
| 13 |
/* Base it on editor_ie.css, overriding it with styles defined in this file. */ |
|
| 14 |
@import url("editor_ie.css");
|
|
| 15 |
|
|
| 16 |
.cke_toolbox_collapser .cke_arrow |
|
| 17 |
{
|
|
| 18 |
border-width:4px; |
|
| 19 |
} |
|
| 20 |
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow |
|
| 21 |
{
|
|
| 22 |
border-width:3px; |
|
| 23 |
} |
|
| 24 |
.cke_toolbox_collapser .cke_arrow |
|
| 25 |
{
|
|
| 26 |
margin-top: 0; |
|
| 27 |
} |
|
| 0 | 28 | |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register/register-new-datasource.component.html | ||
|---|---|---|
| 1 |
<!--<div id="page_content_inner">--> |
|
| 2 |
<!--<h2 class="heading_b uk-margin-bottom">Register your datasource</h2>--> |
|
| 3 |
|
|
| 4 |
<!--<!– TOP HELP CONTENT –>--> |
|
| 5 |
<!--<help-content #topHelperContent [position]="'top'"--> |
|
| 6 |
<!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">--> |
|
| 7 |
<!--</help-content>--> |
|
| 8 |
|
|
| 9 |
<!--<div class="uk-grid">--> |
|
| 10 |
|
|
| 11 |
<!--<!– LEFT HELP CONTENT –>--> |
|
| 12 |
<!--<aside-help-content #leftHelperContent [position]="'left'"--> |
|
| 13 |
<!--[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">--> |
|
| 14 |
<!--</aside-help-content>--> |
|
| 15 |
|
|
| 16 |
<!--<div class=" uk-width-expand@m">--> |
|
| 17 |
<!--<div class="md-card uk-margin-large-bottom">--> |
|
| 18 |
<!--<div class="md-card-content">--> |
|
| 19 |
<!--<form class="uk-form-stacked" id="wizard_advanced_form" novalidate="">--> |
|
| 20 |
<!--<div id="wizard_advanced" role="application" class="wizard clearfix"><div class="steps clearfix"><ul role="tablist"><li role="tab" class="first current" aria-disabled="false" aria-selected="true"><a id="wizard_advanced-t-0" href="#wizard_advanced-h-0" aria-controls="wizard_advanced-p-0"><span class="current-info audible">current step: </span><span class="number">1</span> <span class="title">Owner information</span></a></li><li role="tab" class="disabled" aria-disabled="true"><a id="wizard_advanced-t-1" href="#wizard_advanced-h-1" aria-controls="wizard_advanced-p-1"><span class="number">2</span> <span class="title">Vehicle information</span></a></li><li role="tab" class="disabled last" aria-disabled="true"><a id="wizard_advanced-t-2" href="#wizard_advanced-h-2" aria-controls="wizard_advanced-p-2"><span class="number">3</span> <span class="title">Additional information</span></a></li></ul></div><div class="content clearfix" style="height: 480px;">--> |
|
| 21 |
|
|
| 22 |
<!--<!– first section –>--> |
|
| 23 |
<!--<h3 id="wizard_advanced-h-0" tabindex="-1" class="title current">Owner information</h3>--> |
|
| 24 |
<!--<section id="wizard_advanced-p-0" role="tabpanel" aria-labelledby="wizard_advanced-h-0" class="body step-0 current" data-step="0" aria-hidden="false">--> |
|
| 25 |
<!--<h2 class="heading_a">--> |
|
| 26 |
<!--Owner Information--> |
|
| 27 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 28 |
<!--</h2>--> |
|
| 29 |
<!--<hr class="md-hr">--> |
|
| 30 |
<!--<div class="uk-grid">--> |
|
| 31 |
<!--<div class="uk-width-medium-1-1 parsley-row">--> |
|
| 32 |
<!--<div class="md-input-wrapper"><label for="wizard_fullname">Full Name<span class="req">*</span></label><input type="text" name="wizard_fullname" id="wizard_fullname" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 33 |
|
|
| 34 |
<!--</div>--> |
|
| 35 |
<!--</div>--> |
|
| 36 |
<!--<div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">--> |
|
| 37 |
<!--<div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">--> |
|
| 38 |
<!--<div class="uk-input-group">--> |
|
| 39 |
<!--<div class="md-input-wrapper"><label for="wizard_address">Address<span class="req">*</span></label><input type="text" name="wizard_address__0" id="wizard_address__0" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 40 |
|
|
| 41 |
<!--<span class="uk-input-group-addon">--> |
|
| 42 |
<!--<a href="#" class="btnSectionClone"><i class="material-icons md-24"></i></a>--> |
|
| 43 |
<!--</span>--> |
|
| 44 |
<!--</div>--> |
|
| 45 |
<!--</div>--> |
|
| 46 |
<!--</div>--> |
|
| 47 |
<!--<div class="uk-grid" data-uk-grid-margin="">--> |
|
| 48 |
<!--<div class="uk-width-medium-1-3 parsley-row uk-row-first">--> |
|
| 49 |
<!--<div class="md-input-wrapper"><label for="wizard_birth">Birth Date<span class="req">*</span></label><input type="text" name="wizard_birth" id="wizard_birth" required="" class="md-input" data-parsley-date="" data-parsley-date-message="This value should be a valid date" data-uk-datepicker="{format:'MM.DD.YYYY'}"><span class="md-input-bar "></span></div>-->
|
|
| 50 |
|
|
| 51 |
<!--</div>--> |
|
| 52 |
<!--<div class="uk-width-medium-1-3 parsley-row">--> |
|
| 53 |
<!--<select id="wizard_birth_place" name="wizard_birth_place" data-md-selectize-delayed="" tabindex="-1" style="display: none;" class="selectized" required=""><option value="" selected="selected"></option></select><div class="selectize-control single plugin-tooltip"><div class="selectize-input items required invalid not-full has-options"><input type="select-one" autocomplete="off" tabindex="" id="wizard_birth_place-selectized" placeholder="Place of Birth" style="width: 93px;" required=""></div></div><div class="selectize_fix"></div>--> |
|
| 54 |
<!--</div>--> |
|
| 55 |
<!--<div class="uk-width-medium-1-3 parsley-row">--> |
|
| 56 |
<!--<label class="uk-form-label">Marital Status<span class="req">*</span></label>--> |
|
| 57 |
<!--<span class="icheck-inline">--> |
|
| 58 |
<!--<div class="iradio_md"><input type="radio" name="wizard_status" id="wizard_status_married" required="" class="wizard-icheck" value="married" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_status"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>--> |
|
| 59 |
<!--<label for="wizard_status_married" class="inline-label">Married</label>--> |
|
| 60 |
<!--</span>--> |
|
| 61 |
<!--<span class="icheck-inline">--> |
|
| 62 |
<!--<div class="iradio_md"><input type="radio" name="wizard_status" id="wizard_status_single" class="wizard-icheck" value="single" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_status"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>--> |
|
| 63 |
<!--<label for="wizard_status_single" class="inline-label">Single</label>--> |
|
| 64 |
<!--</span>--> |
|
| 65 |
<!--</div>--> |
|
| 66 |
<!--</div>--> |
|
| 67 |
<!--<div class="uk-grid uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">--> |
|
| 68 |
<!--<div class="uk-input-group uk-row-first">--> |
|
| 69 |
<!--<span class="uk-input-group-addon">--> |
|
| 70 |
<!--<i class="material-icons"></i>--> |
|
| 71 |
<!--</span>--> |
|
| 72 |
<!--<div class="md-input-wrapper"><label for="wizard_phone">Phone Number</label><input type="text" class="md-input" name="wizard_phone" id="wizard_phone"><span class="md-input-bar "></span></div>--> |
|
| 73 |
|
|
| 74 |
<!--</div>--> |
|
| 75 |
<!--<div class="parsley-row">--> |
|
| 76 |
<!--<div class="uk-input-group">--> |
|
| 77 |
<!--<span class="uk-input-group-addon">--> |
|
| 78 |
<!--<i class="material-icons"></i>--> |
|
| 79 |
<!--</span>--> |
|
| 80 |
<!--<div class="md-input-wrapper"><label for="wizard_email">Email</label><input type="text" class="md-input" name="wizard_email" id="wizard_email" required=""><span class="md-input-bar "></span></div>--> |
|
| 81 |
|
|
| 82 |
<!--</div>--> |
|
| 83 |
<!--</div>--> |
|
| 84 |
<!--<div class="uk-input-group">--> |
|
| 85 |
<!--<span class="uk-input-group-addon">--> |
|
| 86 |
<!--<i class="uk-icon-skype"></i>--> |
|
| 87 |
<!--</span>--> |
|
| 88 |
<!--<div class="md-input-wrapper"><label for="wizard_skype">Skype</label><input type="text" class="md-input" name="wizard_skype" id="wizard_skype"><span class="md-input-bar "></span></div>--> |
|
| 89 |
|
|
| 90 |
<!--</div>--> |
|
| 91 |
<!--<div class="uk-input-group">--> |
|
| 92 |
<!--<span class="uk-input-group-addon">--> |
|
| 93 |
<!--<i class="uk-icon-twitter"></i>--> |
|
| 94 |
<!--</span>--> |
|
| 95 |
<!--<div class="md-input-wrapper"><label for="wizard_twitter">Twitter</label><input type="text" class="md-input" name="wizard_twitter" id="wizard_twitter"><span class="md-input-bar "></span></div>--> |
|
| 96 |
|
|
| 97 |
<!--</div>--> |
|
| 98 |
<!--</div>--> |
|
| 99 |
<!--</section>--> |
|
| 100 |
|
|
| 101 |
<!--<!– second section –>--> |
|
| 102 |
<!--<h3 id="wizard_advanced-h-1" tabindex="-1" class="title">Vehicle information</h3>--> |
|
| 103 |
<!--<section id="wizard_advanced-p-1" role="tabpanel" aria-labelledby="wizard_advanced-h-1" class="body step-1" data-step="1" style="display: none;" aria-hidden="true">--> |
|
| 104 |
<!--<h2 class="heading_a">--> |
|
| 105 |
<!--Vehicle information--> |
|
| 106 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 107 |
<!--</h2>--> |
|
| 108 |
<!--<hr class="md-hr">--> |
|
| 109 |
<!--<div class="uk-grid uk-grid-width-large-1-2 uk-grid-width-xlarge-1-4" data-uk-grid-margin="">--> |
|
| 110 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 111 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_title_number">Title Number<span class="req">*</span></label><input type="text" name="wizard_vehicle_title_number" id="wizard_vehicle_title_number" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 112 |
|
|
| 113 |
<!--</div>--> |
|
| 114 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 115 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_vin">VIN<span class="req">*</span></label><input type="text" name="wizard_vehicle_vin" id="wizard_vehicle_vin" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 116 |
|
|
| 117 |
<!--</div>--> |
|
| 118 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 119 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_plate_number">Current Plate Number<span class="req">*</span></label><input type="text" name="wizard_vehicle_plate_number" id="wizard_vehicle_plate_number" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 120 |
|
|
| 121 |
<!--</div>--> |
|
| 122 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 123 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_expiration">Expiration Date<span class="req">*</span></label><input type="text" name="wizard_vehicle_expiration" id="wizard_vehicle_expiration" required="" class="md-input" data-parsley-americandate="" data-parsley-americandate-message="This value should be a valid date (MM.DD.YYYY)" data-uk-datepicker="{format:'MM.DD.YYYY'}"><span class="md-input-bar "></span></div>-->
|
|
| 124 |
|
|
| 125 |
<!--</div>--> |
|
| 126 |
<!--</div>--> |
|
| 127 |
<!--<div class="uk-grid uk-grid-width-large-1-3 uk-grid-width-xlarge-1-6" data-uk-grid-margin="">--> |
|
| 128 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 129 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_year">Registration Year</label><input type="text" name="wizard_vehicle_year" id="wizard_vehicle_year" class="md-input" data-uk-datepicker="{format:'MM.YYYY'}"><span class="md-input-bar "></span></div>-->
|
|
| 130 |
|
|
| 131 |
<!--</div>--> |
|
| 132 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 133 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_make">Make</label><input type="text" name="wizard_vehicle_make" id="wizard_vehicle_make" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 134 |
|
|
| 135 |
<!--</div>--> |
|
| 136 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 137 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_model">Model<span class="req">*</span></label><input type="text" name="wizard_vehicle_model" id="wizard_vehicle_model" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 138 |
|
|
| 139 |
<!--</div>--> |
|
| 140 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 141 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_body">Body Type<span class="req">*</span></label><input type="text" name="wizard_vehicle_body" id="wizard_vehicle_body" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 142 |
|
|
| 143 |
<!--</div>--> |
|
| 144 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 145 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_axles">Axles</label><input type="text" name="wizard_vehicle_axles" id="wizard_vehicle_axles" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 146 |
|
|
| 147 |
<!--</div>--> |
|
| 148 |
<!--<div class="parsley-row uk-row-first">--> |
|
| 149 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_fuel">Fuel<span class="req">*</span></label><input type="text" name="wizard_vehicle_fuel" id="wizard_vehicle_fuel" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 150 |
|
|
| 151 |
<!--</div>--> |
|
| 152 |
<!--</div>--> |
|
| 153 |
<!--</section>--> |
|
| 154 |
|
|
| 155 |
<!--<!– third section –>--> |
|
| 156 |
<!--<h3 id="wizard_advanced-h-2" tabindex="-1" class="title">Additional information</h3>--> |
|
| 157 |
<!--<section id="wizard_advanced-p-2" role="tabpanel" aria-labelledby="wizard_advanced-h-2" class="body step-2" data-step="2" style="display: none;" aria-hidden="true">--> |
|
| 158 |
<!--<h2 class="heading_a">--> |
|
| 159 |
<!--Additional information--> |
|
| 160 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 161 |
<!--</h2>--> |
|
| 162 |
<!--<hr class="md-hr">--> |
|
| 163 |
<!--<div class="uk-grid uk-margin-large-bottom" data-uk-grid-margin="">--> |
|
| 164 |
<!--<div class="uk-width-1-1 uk-row-first">--> |
|
| 165 |
<!--<label class="uk-form-label">Location Where Vehicle is Principally Garaged</label>--> |
|
| 166 |
<!--<div class="uk-grid" data-uk-grid-margin="">--> |
|
| 167 |
<!--<div class="uk-width-medium-2-10 parsley-row uk-row-first">--> |
|
| 168 |
<!--<span class="icheck-inline uk-margin-top uk-margin-left">--> |
|
| 169 |
<!--<div class="iradio_md"><input type="radio" name="wizard_additional_location" id="wizard_status_location_city" class="wizard-icheck" value="City" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_additional_location"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>--> |
|
| 170 |
<!--<label for="wizard_status_location_city" class="inline-label">City</label>--> |
|
| 171 |
<!--</span>--> |
|
| 172 |
<!--</div>--> |
|
| 173 |
<!--<div class="uk-width-medium-2-10 parsley-row uk-row-first">--> |
|
| 174 |
<!--<span class="icheck-inline uk-margin-top uk-margin-left">--> |
|
| 175 |
<!--<div class="iradio_md"><input type="radio" name="wizard_additional_location" id="wizard_status_location_county" class="wizard-icheck" value="County" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_additional_location"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>--> |
|
| 176 |
<!--<label for="wizard_status_location_county" class="inline-label">County</label>--> |
|
| 177 |
<!--</span>--> |
|
| 178 |
<!--</div>--> |
|
| 179 |
<!--<div class="uk-width-medium-3-10 parsley-row uk-row-first">--> |
|
| 180 |
<!--<div class="uk-input-group">--> |
|
| 181 |
<!--<span class="uk-input-group-addon">--> |
|
| 182 |
<!--<div class="iradio_md"><input type="radio" name="wizard_additional_location" class="wizard-icheck" value="town" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_additional_location"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>--> |
|
| 183 |
<!--</span>--> |
|
| 184 |
<!--<div class="md-input-wrapper"><label for="wizard_location_town">Town of</label><input type="text" class="md-input" name="wizard_location_town" id="wizard_location_town"><span class="md-input-bar "></span></div>--> |
|
| 185 |
|
|
| 186 |
<!--</div>--> |
|
| 187 |
<!--</div>--> |
|
| 188 |
<!--</div>--> |
|
| 189 |
<!--</div>--> |
|
| 190 |
<!--</div>--> |
|
| 191 |
<!--<span class="uk-alert uk-alert-info">If you would like your registration renewals sent to an address other than your residence/business address, enter it below.</span>--> |
|
| 192 |
<!--<div class="uk-grid" data-uk-grid-margin="">--> |
|
| 193 |
<!--<div class="uk-width-medium-2-6 parsley-row uk-row-first">--> |
|
| 194 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_address">Registration Mailing Address</label><input type="text" name="wizard_vehicle_registration_address" id="wizard_vehicle_registration_address" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 195 |
|
|
| 196 |
<!--</div>--> |
|
| 197 |
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">--> |
|
| 198 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_city">City<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_city" id="wizard_vehicle_registration_city" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 199 |
|
|
| 200 |
<!--</div>--> |
|
| 201 |
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">--> |
|
| 202 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_state">State<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_state" id="wizard_vehicle_registration_state" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 203 |
|
|
| 204 |
<!--</div>--> |
|
| 205 |
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">--> |
|
| 206 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_zip">ZIP<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_zip" id="wizard_vehicle_registration_zip" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 207 |
|
|
| 208 |
<!--</div>--> |
|
| 209 |
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">--> |
|
| 210 |
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_code">Code<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_code" id="wizard_vehicle_registration_code" required="" class="md-input"><span class="md-input-bar "></span></div>--> |
|
| 211 |
|
|
| 212 |
<!--</div>--> |
|
| 213 |
<!--</div>--> |
|
| 214 |
<!--</section>--> |
|
| 215 |
|
|
| 216 |
<!--</div><div class="actions clearfix"><ul role="menu" aria-label="Pagination"><li class="button_previous disabled" aria-disabled="true"><a href="#previous" role="menuitem"><i class="material-icons"></i> Previous</a></li><li class="button_next" aria-hidden="false" aria-disabled="false"><a href="#next" role="menuitem">Next <i class="material-icons"></i></a></li><li class="button_finish" style="display: none;" aria-hidden="true"><a href="#finish" role="menuitem">Finish</a></li></ul></div></div>--> |
|
| 217 |
<!--</form>--> |
|
| 218 |
<!--</div>--> |
|
| 219 |
<!--</div>--> |
|
| 220 |
<!--</div>--> |
|
| 221 |
|
|
| 222 |
<!--<!– RIGHT HELP CONTENT –>--> |
|
| 223 |
<!--<aside-help-content #rightHelperContent [position]="'right'"--> |
|
| 224 |
<!--[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">--> |
|
| 225 |
<!--</aside-help-content>--> |
|
| 226 |
|
|
| 227 |
<!--</div>--> |
|
| 228 |
|
|
| 229 |
<!--<!– BOTTOM HELP CONTENT –>--> |
|
| 230 |
<!--<help-content #bottomHelperContent [position]="'bottom'"--> |
|
| 231 |
<!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">--> |
|
| 232 |
<!--</help-content>--> |
|
| 233 |
|
|
| 234 |
<!--</div>--> |
|
| 235 |
|
|
| 236 |
|
|
| 237 |
|
|
| 1 | 238 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
| 2 | 239 |
<div class="uk-width-1-1@m uk-first-column"> |
| 3 | 240 |
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register/register-existing-datasource.component.html | ||
|---|---|---|
| 1 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
|
| 2 |
<div class="uk-width-1-1@m uk-first-column"> |
|
| 1 |
<!--<div id="page_content">--> |
|
| 2 |
<div id="page_content_inner"> |
|
| 3 |
<h2 class="heading_b uk-margin-bottom">Register your datasource</h2> |
|
| 3 | 4 |
|
| 4 |
<h1 class="uk-h2">Register your datasource</h1> |
|
| 5 |
|
|
| 6 | 5 |
<!-- TOP HELP CONTENT --> |
| 7 | 6 |
<help-content #topHelperContent [position]="'top'" |
| 8 | 7 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
| 9 | 8 |
</help-content> |
| 10 | 9 |
|
| 11 |
<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom"> |
|
| 12 |
<div class="uk-grid"> |
|
| 10 |
<div class="uk-grid"> |
|
| 13 | 11 |
|
| 14 |
<!-- LEFT HELP CONTENT -->
|
|
| 15 |
<aside-help-content #leftHelperContent [position]="'left'"
|
|
| 16 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
| 17 |
</aside-help-content>
|
|
| 12 |
<!-- LEFT HELP CONTENT --> |
|
| 13 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
| 14 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
| 15 |
</aside-help-content> |
|
| 18 | 16 |
|
| 19 |
<!-- MIDDLE --> |
|
| 20 |
<div class=" uk-width-expand@m"> |
|
| 17 |
<!-- MIDDLE --> |
|
| 18 |
<div class=" uk-width-expand@m"> |
|
| 19 |
<div class="md-card uk-margin-large-bottom"> |
|
| 20 |
<div class="md-card-content"> |
|
| 21 |
<form class="uk-form-stacked" id="wizard_advanced_form" novalidate=""> |
|
| 22 |
<div id="wizard_advanced" role="application" class="wizard clearfix"> |
|
| 23 |
<div class="steps clearfix"> |
|
| 24 |
<ul role="tablist"> |
|
| 25 |
<li role="tab" class="first {{ (currentStep == 0) ? 'current' : '' }}" aria-disabled="false" aria-selected="true">
|
|
| 26 |
<a id="wizard_advanced-t-0" href="#wizard_advanced-h-0" aria-controls="wizard_advanced-p-0"> |
|
| 27 |
<!--<span class="current-info audible">current step: </span>--> |
|
| 28 |
<span class="number">1</span> |
|
| 29 |
<span class="title">Select Repository</span> |
|
| 30 |
</a> |
|
| 31 |
</li> |
|
| 32 |
<li role="tab" class="{{ (currentStep < 1) ? 'disabled' : '' }} {{ (currentStep == 1) ? 'current' : '' }}" aria-disabled="true">
|
|
| 33 |
<a id="wizard_advanced-t-1" href="#wizard_advanced-h-1" aria-controls="wizard_advanced-p-1"> |
|
| 34 |
<span class="number">2</span> |
|
| 35 |
<span class="title">Enter Information</span> |
|
| 36 |
</a> |
|
| 37 |
</li> |
|
| 38 |
<li role="tab" class=" {{ (currentStep < 2) ? 'disabled' : '' }} {{ (currentStep == 2) ? 'current' : '' }}" aria-disabled="true">
|
|
| 39 |
<a id="wizard_advanced-t-2" href="#wizard_advanced-h-2" aria-controls="wizard_advanced-p-2"> |
|
| 40 |
<span class="number">3</span> |
|
| 41 |
<span class="title">Add Interfaces</span> |
|
| 42 |
</a> |
|
| 43 |
</li> |
|
| 44 |
<li role="tab" class="last {{ (currentStep < 3) ? 'disabled' : '' }} {{ (currentStep == 3) ? 'current' : '' }}" aria-disabled="true">
|
|
| 45 |
<a id="wizard_advanced-t-3" href="#wizard_advanced-h-3" aria-controls="wizard_advanced-p-3"> |
|
| 46 |
<span class="number">4</span> |
|
| 47 |
<span class="title">Finish</span> |
|
| 48 |
</a> |
|
| 49 |
</li> |
|
| 50 |
</ul> |
|
| 51 |
</div> |
|
| 52 |
<div class="content clearfix" style="height: 660px"> |
|
| 21 | 53 |
|
| 22 |
<div class="wizard"> |
|
| 23 |
<div class="wizardBreadcrumbs"> |
|
| 24 |
<div class="steps clearfix"> |
|
| 25 |
<div class="step active"> |
|
| 26 |
<div> |
|
| 27 |
Select repository |
|
| 28 |
<span></span> |
|
| 29 |
</div> |
|
| 30 |
</div> |
|
| 31 |
<div class="step {{ (currentStep > 0) ? 'active' : '' }}">
|
|
| 32 |
<div> |
|
| 33 |
Enter Information |
|
| 34 |
<span></span> |
|
| 35 |
</div> |
|
| 36 |
</div> |
|
| 37 |
<div class="step {{ (currentStep > 1) ? 'active' : '' }}">
|
|
| 38 |
<div> |
|
| 39 |
Add Interfaces |
|
| 40 |
<span></span> |
|
| 41 |
</div> |
|
| 42 |
</div> |
|
| 43 |
<div class="step {{ (currentStep > 2) ? 'active' : '' }}">
|
|
| 44 |
<div> |
|
| 45 |
Finish |
|
| 46 |
<span></span> |
|
| 47 |
</div> |
|
| 48 |
</div> |
|
| 49 |
</div> |
|
| 50 |
</div> |
|
| 51 |
<div class="content"> |
|
| 52 |
<div> |
|
| 53 |
<div class="animated fadeInRight stepContent"> |
|
| 54 | 54 |
<div *ngIf="loadingMessage" class="loading-big"> |
| 55 | 55 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
| 56 | 56 |
{{ loadingMessage }}
|
| 57 | 57 |
</div> |
| 58 | 58 |
<div class="whiteFilm"></div> |
| 59 | 59 |
</div> |
| 60 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
|
| 60 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger uk-margin-top">{{ errorMessage }}</div>
|
|
| 61 | 61 |
|
| 62 |
<div> |
|
| 62 |
<!-- first section --> |
|
| 63 |
<h3 id="wizard_advanced-h-0" tabindex="-1" class="title {{ (currentStep == 0) ? 'current' : '' }}">Select Repository</h3>
|
|
| 64 |
<section id="wizard_advanced-p-0" role="tabpanel" aria-labelledby="wizard_advanced-h-0" |
|
| 65 |
class="body step-0 {{ (currentStep == 0) ? 'current' : '' }}" data-step="0" aria-hidden="false">
|
|
| 66 |
<!--<h2 class="heading_a">--> |
|
| 67 |
<!--Select Repository--> |
|
| 68 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 69 |
<!--</h2>--> |
|
| 70 |
<!--<hr class="md-hr">--> |
|
| 63 | 71 |
<app-select-existing-datasource *ngIf="(currentStep === 0) && (currentMode !== null) && !loadingMessage" |
| 64 | 72 |
#datasourcesByCountry |
| 65 | 73 |
[mode]="currentMode" |
| 66 | 74 |
(emitRepoId)="getRepoId($event)" |
| 67 | 75 |
(promptNext)="goToStep2($event)"></app-select-existing-datasource> |
| 76 |
</section> |
|
| 68 | 77 |
|
| 78 |
<!-- second section --> |
|
| 79 |
<h3 id="wizard_advanced-h-1" tabindex="-1" class="title {{ (currentStep == 1) ? 'current' : '' }}">Enter Information</h3>
|
|
| 80 |
<section id="wizard_advanced-p-1" role="tabpanel" aria-labelledby="wizard_advanced-h-1" |
|
| 81 |
class="body step-1 {{ (currentStep == 1) ? 'current' : '' }}" data-step="1" aria-hidden="true">
|
|
| 82 |
<!--<h2 class="heading_a">--> |
|
| 83 |
<!--Enter Information--> |
|
| 84 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 85 |
<!--</h2>--> |
|
| 86 |
<!--<hr class="md-hr">--> |
|
| 87 |
|
|
| 69 | 88 |
<datasource-update-form *ngIf="(currentStep === 1) && (repo !== null) && !loadingMessage" |
| 70 | 89 |
#registerDatasource |
| 71 | 90 |
[selectedRepo]="repo" |
| 72 | 91 |
(emittedInfo)="getUpdatedRepo($event)"></datasource-update-form> |
| 92 |
</section> |
|
| 73 | 93 |
|
| 74 |
<div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-child-width-1-2"> |
|
| 75 |
<div *ngFor="let inter of dataForInterfaceComp" |
|
| 76 |
class="interfacesForm el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom"> |
|
| 77 |
<app-repository-interface-form #interfacesArray |
|
| 78 |
[data]="inter" |
|
| 79 |
(emitDeleteInterface)="removeInterfaceFromList($event)"> |
|
| 80 |
</app-repository-interface-form> |
|
| 94 |
<!-- third section --> |
|
| 95 |
<h3 id="wizard_advanced-h-2" tabindex="-1" class="title {{ (currentStep == 2) ? 'current' : '' }}">Add Interfaces</h3>
|
|
| 96 |
<section id="wizard_advanced-p-2" role="tabpanel" aria-labelledby="wizard_advanced-h-2" |
|
| 97 |
class="body step-2 {{ (currentStep == 2) ? 'current' : '' }}" data-step="2" aria-hidden="true">
|
|
| 98 |
<!--<h2 class="heading_a">--> |
|
| 99 |
<!--Add Interfaces--> |
|
| 100 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 101 |
<!--</h2>--> |
|
| 102 |
<!--<hr class="md-hr">--> |
|
| 103 |
|
|
| 104 |
<div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-grid-match"> |
|
| 105 |
|
|
| 106 |
<div *ngFor="let inter of dataForInterfaceComp" class="uk-width-medium-1-2 uk-margin-bottom"> |
|
| 107 |
<div> |
|
| 108 |
<div class="md-card" style="height: 100%"> |
|
| 109 |
<app-repository-interface-form #interfacesArray |
|
| 110 |
[data]="inter" |
|
| 111 |
(emitDeleteInterface)="removeInterfaceFromList($event)"> |
|
| 112 |
</app-repository-interface-form> |
|
| 113 |
</div> |
|
| 114 |
</div> |
|
| 81 | 115 |
</div> |
| 82 |
<div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom"> |
|
| 83 |
<div class="interface-box new" style="text-align: center"> |
|
| 84 |
<a class="add-new-element add-new-group" (click)="addInterfaceToList()"> |
|
| 85 |
<i class="far fa-plus-square" aria-hidden="true"></i> |
|
| 86 |
<span class="info">Add New Interface</span> |
|
| 87 |
</a> |
|
| 116 |
|
|
| 117 |
<div class="uk-width-medium-1-2 uk-margin-bottom"> |
|
| 118 |
<div> |
|
| 119 |
<div class="md-card" style="height: 100%"> |
|
| 120 |
<div class="md-card-toolbar"> |
|
| 121 |
</div> |
|
| 122 |
<div class="md-card-content"> |
|
| 123 |
<div class="interface-box new" style="text-align: center"> |
|
| 124 |
<a class="add-new-element add-new-group" (click)="addInterfaceToList()"> |
|
| 125 |
<i class="far fa-plus-square" aria-hidden="true"></i> |
|
| 126 |
<span class="info">Add New Interface</span> |
|
| 127 |
</a> |
|
| 128 |
</div> |
|
| 129 |
</div> |
|
| 130 |
</div> |
|
| 88 | 131 |
</div> |
| 132 |
|
|
| 89 | 133 |
</div> |
| 134 |
|
|
| 135 |
|
|
| 136 |
<!--<div *ngFor="let inter of dataForInterfaceComp"--> |
|
| 137 |
<!--class="interfacesForm el-item uk-width-1-2 md-card md-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">--> |
|
| 138 |
<!--<app-repository-interface-form #interfacesArray--> |
|
| 139 |
<!--[data]="inter"--> |
|
| 140 |
<!--(emitDeleteInterface)="removeInterfaceFromList($event)">--> |
|
| 141 |
<!--</app-repository-interface-form>--> |
|
| 142 |
<!--</div>--> |
|
| 143 |
<!--<div class="el-item uk-width-1-2 md-card md-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">--> |
|
| 144 |
<!--<div class="interface-box new" style="text-align: center">--> |
|
| 145 |
<!--<a class="add-new-element add-new-group" (click)="addInterfaceToList()">--> |
|
| 146 |
<!--<i class="far fa-plus-square" aria-hidden="true"></i>--> |
|
| 147 |
<!--<span class="info">Add New Interface</span>--> |
|
| 148 |
<!--</a>--> |
|
| 149 |
<!--</div>--> |
|
| 150 |
<!--</div>--> |
|
| 151 |
|
|
| 90 | 152 |
</div> |
| 153 |
</section> |
|
| 154 |
|
|
| 155 |
<!-- fourth section --> |
|
| 156 |
<h3 id="wizard_advanced-h-3" tabindex="-1" class="title {{ (currentStep == 3) ? 'current' : '' }}">Finish</h3>
|
|
| 157 |
<section id="wizard_advanced-p-3" role="tabpanel" aria-labelledby="wizard_advanced-h-3" |
|
| 158 |
class="body step-3 {{ (currentStep == 3) ? 'current' : '' }}" data-step="2" aria-hidden="true">
|
|
| 159 |
<!--<h2 class="heading_a">--> |
|
| 160 |
<!--Finish--> |
|
| 161 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
| 162 |
<!--</h2>--> |
|
| 163 |
<!--<hr class="md-hr">--> |
|
| 164 |
|
|
| 91 | 165 |
<div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload"> |
| 92 | 166 |
<div class="col-lg-12"> |
| 93 | 167 |
<div class="col-md-12"> |
| ... | ... | |
| 103 | 177 |
</div> |
| 104 | 178 |
</div> |
| 105 | 179 |
<!--<a (click)="downloadLogo()">--> |
| 106 |
<!--Download-->
|
|
| 107 |
<!--<i class="fa fa-download" style=""></i>-->
|
|
| 180 |
<!--Download--> |
|
| 181 |
<!--<i class="fa fa-download" style=""></i>--> |
|
| 108 | 182 |
<!--</a>--> |
| 109 | 183 |
</div> |
| 110 | 184 |
</div> |
| 111 | 185 |
</div> |
| 112 |
</div> |
|
| 186 |
|
|
| 187 |
</section> |
|
| 188 |
|
|
| 113 | 189 |
</div> |
| 190 |
<div *ngIf="currentStep != 3" class="actions clearfix"> |
|
| 191 |
<ul role="menu" aria-label="Pagination"> |
|
| 192 |
<li class="button_previous {{ (currentStep < 1) ? 'disabled' : '' }}" aria-disabled="true">
|
|
| 193 |
<a (click)="moveBackAStep()" role="menuitem"><i class="material-icons"></i> Previous</a> |
|
| 194 |
</li> |
|
| 195 |
<li *ngIf="currentStep < 2" class="button_next" aria-hidden="false" aria-disabled="false"> |
|
| 196 |
<a (click)="moveAStep()" role="menuitem">Next<i class="material-icons"></i></a> |
|
| 197 |
</li> |
|
| 198 |
<li *ngIf="currentStep == 2" class="button_finish" aria-hidden="true"> |
|
| 199 |
<a (click)="moveAStep()" role="menuitem">Finish</a> |
|
| 200 |
</li> |
|
| 201 |
</ul> |
|
| 202 |
</div> |
|
| 114 | 203 |
</div> |
| 115 |
</div> |
|
| 116 |
<div class="wizardActions"> |
|
| 117 |
<button *ngIf="((currentStep === 1) || (currentStep === 2)) && !loadingMessage" |
|
| 118 |
class="uk-button uk-button-grey-light uk-margin-small-right" |
|
| 119 |
type="button" (click)="moveBackAStep()"> |
|
| 120 |
<i class="fa fa-angle-double-left"></i> |
|
| 121 |
Back |
|
| 122 |
</button> |
|
| 123 |
<button *ngIf="(currentStep < 3) && !loadingMessage" |
|
| 124 |
class="uk-button uk-button-grey-light uk-margin-small-left" |
|
| 125 |
type="button" (click)="moveAStep()"> |
|
| 126 |
Next |
|
| 127 |
<i class="fa fa-angle-double-right"></i> |
|
| 128 |
</button> |
|
| 129 |
</div> |
|
| 204 |
</form> |
|
| 130 | 205 |
</div> |
| 131 |
|
|
| 132 | 206 |
</div> |
| 207 |
</div> |
|
| 133 | 208 |
|
| 134 |
<!-- RIGHT HELP CONTENT -->
|
|
| 135 |
<aside-help-content #rightHelperContent [position]="'right'"
|
|
| 136 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
| 137 |
</aside-help-content>
|
|
| 209 |
<!-- RIGHT HELP CONTENT --> |
|
| 210 |
<aside-help-content #rightHelperContent [position]="'right'" |
|
| 211 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
| 212 |
</aside-help-content> |
|
| 138 | 213 |
|
| 139 |
</div> |
|
| 140 | 214 |
</div> |
| 141 | 215 |
|
| 142 |
|
|
| 143 | 216 |
<!-- BOTTOM HELP CONTENT --> |
| 144 | 217 |
<help-content #bottomHelperContent [position]="'bottom'" |
| 145 | 218 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
| 146 | 219 |
</help-content> |
| 147 | 220 |
|
| 221 |
</div> |
|
| 222 |
<!--</div>--> |
|
| 148 | 223 |
|
| 149 |
</div> |
|
| 150 |
</div> |
|
| 224 |
|
|
| 225 |
<!--<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">--> |
|
| 226 |
<!--<div class="uk-width-1-1@m uk-first-column">--> |
|
| 227 |
|
|
| 228 |
<!--<h1 class="uk-h2">Register your datasource</h1>--> |
|
| 229 |
|
|
| 230 |
<!--<!– TOP HELP CONTENT –>--> |
|
| 231 |
<!--<help-content #topHelperContent [position]="'top'"--> |
|
| 232 |
<!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">--> |
|
| 233 |
<!--</help-content>--> |
|
| 234 |
|
|
| 235 |
<!--<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">--> |
|
| 236 |
<!--<div class="uk-grid">--> |
|
| 237 |
|
|
| 238 |
<!--<!– LEFT HELP CONTENT –>--> |
|
| 239 |
<!--<aside-help-content #leftHelperContent [position]="'left'"--> |
|
| 240 |
<!--[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">--> |
|
| 241 |
<!--</aside-help-content>--> |
|
| 242 |
|
|
| 243 |
<!--<!– MIDDLE –>--> |
|
| 244 |
<!--<div class=" uk-width-expand@m">--> |
|
| 245 |
|
|
| 246 |
<!--<div class="wizard">--> |
|
| 247 |
<!--<div class="wizardBreadcrumbs">--> |
|
| 248 |
<!--<div class="steps clearfix">--> |
|
| 249 |
<!--<div class="step active">--> |
|
| 250 |
<!--<div>--> |
|
| 251 |
<!--Select repository--> |
|
| 252 |
<!--<span></span>--> |
|
| 253 |
<!--</div>--> |
|
| 254 |
<!--</div>--> |
|
| 255 |
<!--<div class="step {{ (currentStep > 0) ? 'active' : '' }}">-->
|
|
| 256 |
<!--<div>--> |
|
| 257 |
<!--Enter Information--> |
|
| 258 |
<!--<span></span>--> |
|
| 259 |
<!--</div>--> |
|
| 260 |
<!--</div>--> |
|
| 261 |
<!--<div class="step {{ (currentStep > 1) ? 'active' : '' }}">-->
|
|
| 262 |
<!--<div>--> |
|
| 263 |
<!--Add Interfaces--> |
|
| 264 |
<!--<span></span>--> |
|
| 265 |
<!--</div>--> |
|
| 266 |
<!--</div>--> |
|
| 267 |
<!--<div class="step {{ (currentStep > 2) ? 'active' : '' }}">-->
|
|
| 268 |
<!--<div>--> |
|
| 269 |
<!--Finish--> |
|
| 270 |
<!--<span></span>--> |
|
| 271 |
<!--</div>--> |
|
| 272 |
<!--</div>--> |
|
| 273 |
<!--</div>--> |
|
| 274 |
<!--</div>--> |
|
| 275 |
<!--<div class="content">--> |
|
| 276 |
<!--<div>--> |
|
| 277 |
<!--<div class="animated fadeInRight stepContent">--> |
|
| 278 |
<!--<div *ngIf="loadingMessage" class="loading-big">--> |
|
| 279 |
<!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">--> |
|
| 280 |
<!--{{ loadingMessage }}-->
|
|
| 281 |
<!--</div>--> |
|
| 282 |
<!--<div class="whiteFilm"></div>--> |
|
| 283 |
<!--</div>--> |
|
| 284 |
<!--<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>-->
|
|
| 285 |
|
|
| 286 |
<!--<div>--> |
|
| 287 |
<!--<app-select-existing-datasource *ngIf="(currentStep === 0) && (currentMode !== null) && !loadingMessage"--> |
|
| 288 |
<!--#datasourcesByCountry--> |
|
| 289 |
<!--[mode]="currentMode"--> |
|
| 290 |
<!--(emitRepoId)="getRepoId($event)"--> |
|
| 291 |
<!--(promptNext)="goToStep2($event)"></app-select-existing-datasource>--> |
|
| 292 |
|
|
| 293 |
<!--<datasource-update-form *ngIf="(currentStep === 1) && (repo !== null) && !loadingMessage"--> |
|
| 294 |
<!--#registerDatasource--> |
|
| 295 |
<!--[selectedRepo]="repo"--> |
|
| 296 |
<!--(emittedInfo)="getUpdatedRepo($event)"></datasource-update-form>--> |
|
| 297 |
|
|
| 298 |
<!--<div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-child-width-1-2">--> |
|
| 299 |
<!--<div *ngFor="let inter of dataForInterfaceComp"--> |
|
| 300 |
<!--class="interfacesForm el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">--> |
|
| 301 |
<!--<app-repository-interface-form #interfacesArray--> |
|
| 302 |
<!--[data]="inter"--> |
|
| 303 |
<!--(emitDeleteInterface)="removeInterfaceFromList($event)">--> |
|
| 304 |
<!--</app-repository-interface-form>--> |
|
| 305 |
<!--</div>--> |
|
| 306 |
<!--<div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">--> |
|
| 307 |
<!--<div class="interface-box new" style="text-align: center">--> |
|
| 308 |
<!--<a class="add-new-element add-new-group" (click)="addInterfaceToList()">--> |
|
| 309 |
<!--<i class="far fa-plus-square" aria-hidden="true"></i>--> |
|
| 310 |
<!--<span class="info">Add New Interface</span>--> |
|
| 311 |
<!--</a>--> |
|
| 312 |
<!--</div>--> |
|
| 313 |
<!--</div>--> |
|
| 314 |
<!--</div>--> |
|
| 315 |
<!--<div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload">--> |
|
| 316 |
<!--<div class="col-lg-12">--> |
|
| 317 |
<!--<div class="col-md-12">--> |
|
| 318 |
<!--<div>--> |
|
| 319 |
<!--<div class="openAIRECompliantLogo">--> |
|
| 320 |
<!--<h2 class="openAIRECompliantLogoMessage">--> |
|
| 321 |
<!--We successfully received the request to register your repository to the OpenAIRE compliant list of content providers.--> |
|
| 322 |
<!--A validation process against the OpenAIRE guidelines compatibility has been started.--> |
|
| 323 |
<!--You will be informed via email once the process is finished.--> |
|
| 324 |
<!--<!–Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.–>--> |
|
| 325 |
<!--</h2>--> |
|
| 326 |
<!--<!–<img src="../../../../assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">–>--> |
|
| 327 |
<!--</div>--> |
|
| 328 |
<!--</div>--> |
|
| 329 |
<!--<!–<a (click)="downloadLogo()">–>--> |
|
| 330 |
<!--<!–Download–>--> |
|
| 331 |
<!--<!–<i class="fa fa-download" style=""></i>–>--> |
|
| 332 |
<!--<!–</a>–>--> |
|
| 333 |
<!--</div>--> |
|
| 334 |
<!--</div>--> |
|
| 335 |
<!--</div>--> |
|
| 336 |
<!--</div>--> |
|
| 337 |
<!--</div>--> |
|
| 338 |
<!--</div>--> |
|
| 339 |
<!--</div>--> |
|
| 340 |
<!--<div class="wizardActions">--> |
|
| 341 |
<!--<button *ngIf="((currentStep === 1) || (currentStep === 2)) && !loadingMessage"--> |
|
| 342 |
<!--class="uk-button uk-button-grey-light uk-margin-small-right"--> |
|
| 343 |
<!--type="button" (click)="moveBackAStep()">--> |
|
| 344 |
<!--<i class="fa fa-angle-double-left"></i>--> |
|
| 345 |
<!--Back--> |
|
| 346 |
<!--</button>--> |
|
| 347 |
<!--<button *ngIf="(currentStep < 3) && !loadingMessage"--> |
|
| 348 |
<!--class="uk-button uk-button-grey-light uk-margin-small-left"--> |
|
| 349 |
<!--type="button" (click)="moveAStep()">--> |
|
| 350 |
<!--Next--> |
|
| 351 |
<!--<i class="fa fa-angle-double-right"></i>--> |
|
| 352 |
<!--</button>--> |
|
| 353 |
<!--</div>--> |
|
| 354 |
<!--</div>--> |
|
| 355 |
|
|
| 356 |
<!--</div>--> |
|
| 357 |
|
|
| 358 |
<!--<!– RIGHT HELP CONTENT –>--> |
|
| 359 |
<!--<aside-help-content #rightHelperContent [position]="'right'"--> |
|
| 360 |
<!--[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">--> |
|
| 361 |
<!--</aside-help-content>--> |
|
| 362 |
|
|
| 363 |
<!--</div>--> |
|
| 364 |
<!--</div>--> |
|
| 365 |
|
|
| 366 |
|
|
| 367 |
<!--<!– BOTTOM HELP CONTENT –>--> |
|
| 368 |
<!--<help-content #bottomHelperContent [position]="'bottom'"--> |
|
| 369 |
<!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">--> |
|
| 370 |
<!--</help-content>--> |
|
| 371 |
|
|
| 372 |
|
|
| 373 |
<!--</div>--> |
|
| 374 |
<!--</div>--> |
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-register/register-existing-datasource.component.ts | ||
|---|---|---|
| 103 | 103 |
} |
| 104 | 104 |
|
| 105 | 105 |
moveAStep() {
|
| 106 |
window.scrollTo(0, 0); |
|
| 106 | 107 |
this.errorMessage = ''; |
| 107 | 108 |
if (this.currentStep === 0) {
|
| 108 | 109 |
if (this.datasourcesByCountry.goToNextStep()) {
|
| ... | ... | |
| 131 | 132 |
} |
| 132 | 133 |
|
| 133 | 134 |
moveBackAStep() {
|
| 135 |
window.scrollTo(0, 0); |
|
| 134 | 136 |
this.errorMessage = ''; |
| 135 | 137 |
if (this.currentStep === 1) {
|
| 136 | 138 |
this.repoInterfaces = []; |
| ... | ... | |
| 144 | 146 |
} |
| 145 | 147 |
|
| 146 | 148 |
addInterfaceToList(intrf?: RepositoryInterface) {
|
| 149 |
|
|
| 150 |
console.log('clicked add interface to list');
|
|
| 151 |
|
|
| 147 | 152 |
const curIndex = this.dataForInterfaceComp.length; |
| 148 | 153 |
const curRepoInfo = { id: this.repo.id, datasourceType: this.repo.datasourceType,
|
| 149 | 154 |
datasourceClass: this.repo.datasourceClass, registeredBy: this.repo.registeredBy }; |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-forms/datasource-update-form.component.html | ||
|---|---|---|
| 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>
|
| 24 | 24 |
</div> |
| 25 |
<form-inline [description]="softwarePlatformDesc" [valid]="updateGroup.get('softwarePlatform').valid">
|
|
| 26 |
<select formControlName="softwarePlatform" class="form-control"> |
|
| 27 |
<!-- <option value="" selected>[Other] (enter name below)</option> RESTORE AFTER getTypologies begins to work--> |
|
| 28 |
<option *ngFor="let platform of typologies" value="{{ platform.value }}">{{ platform.name }}</option>
|
|
| 29 |
</select> |
|
| 30 |
</form-inline> |
|
| 31 |
<form-inline [description]="platformNameDesc" [valid]="updateGroup.get('platformName').valid">
|
|
| 32 |
<span *ngIf="updateGroup.get('platformName').touched && updateGroup.get('platformName').value"
|
|
| 33 |
class="help-block inline" |
|
| 34 |
style="margin-top: 0px; margin-bottom: 0px; ">This value will be used as the platform for your repository</span> |
|
| 35 |
<input formControlName="platformName" class="form-control" style="" type="text"> |
|
| 36 |
</form-inline> |
|
| 37 |
<form-inline [description]="officialNameDesc" [valid]="updateGroup.get('officialName').valid">
|
|
| 38 |
<input formControlName="officialName" class="form-control" style="" type="text"> |
|
| 39 |
</form-inline> |
|
| 25 |
|
|
| 26 |
<div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0"> |
|
| 27 |
<div class="uk-width-medium-1-1 parsley-row form_section uk-row-first"> |
|
| 28 |
<div class="md-input-wrapper {{ (updateGroup.get('softwarePlatform') != null) ? 'md-input-filled' : '' }}">
|
|
| 29 |
<form-inline [description]="softwarePlatformDesc" [valid]="updateGroup.get('softwarePlatform').valid">
|
|
| 30 |
<select formControlName="softwarePlatform" class="md-input"> |
|
| 31 |
<!-- <option value="" selected>[Other] (enter name below)</option> RESTORE AFTER getTypologies begins to work--> |
|
| 32 |
<option *ngFor="let platform of typologies" value="{{ platform.value }}">{{ platform.name }}</option>
|
|
| 33 |
</select> |
|
| 34 |
</form-inline> |
|
| 35 |
</div> |
|
| 36 |
</div> |
|
| 37 |
</div> |
|
| 38 |
|
|
| 39 |
<div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0"> |
|
| 40 |
<div class="uk-width-medium-1-1 parsley-row form_section uk-row-first"> |
|
| 41 |
<div class="md-input-wrapper {{(updateGroup.get('platformName') != null) ? 'md-input-filled' : '' }}">
|
|
| 42 |
<form-inline [description]="platformNameDesc" [valid]="updateGroup.get('platformName').valid">
|
|
| 43 |
<span *ngIf="updateGroup.get('platformName').touched && updateGroup.get('platformName').value"
|
|
| 44 |
class="help-block inline" |
|
| 45 |
style="margin-top: 0px; margin-bottom: 0px; font-style: italic">This value will be used as the platform for your repository</span> |
|
| 46 |
<input formControlName="platformName" class="md-input" style="" type="text"> |
|
Also available in: Unified diff
First commit for the new UI theme