Add UIKIT - apply changes in index.html, app component and entities page
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@50184 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki
parent
9ed40c36d1
commit
8485b2b4dc
|
|
@ -1,102 +1,101 @@
|
||||||
<div id="wrapper">
|
|
||||||
<div id="sidebar-default" class="main-sidebar">
|
<div class="">
|
||||||
<div class="current-user">
|
<div class="uk-navbar-left uk-visible@l ">
|
||||||
<!--a class="name" href="http://www.openminted.eu">
|
<a class="uk-logo uk-navbar-item uk-link" routerlink="/" routerlinkactive="uk-link" href="/">
|
||||||
<img width="100%" src="http://openminted.eu/wp-content/uploads/2016/02/OpenMINTED_Tag_Color.png" alt="OpenMinted">
|
<img alt="OpenAIRE" class="uk-responsive-height" src="imgs/OA CONNECT_B.png"></a>
|
||||||
</a-->
|
</div>
|
||||||
<a class="name" href="http://connect.openaire.eu">
|
|
||||||
<img width="100%" src="imgs/OA CONNECT_B.png" alt="OpenAIRE"></a>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="menu-section">
|
<div id="wrapper" class=" uk-section uk-grid uk-margin-top">
|
||||||
<h3>General</h3>
|
<div id="sidebar-default" class="uk-width-1-5">
|
||||||
<ul>
|
<ul class="uk-nav uk-nav-default">
|
||||||
<li>
|
<li class="uk-nav-header uk-parent">
|
||||||
<a routerLink="/dashboard" routerLinkActive="active">
|
General
|
||||||
<i class="fa fa-globe"></i>
|
<ul class="uk-nav-sub">
|
||||||
<span>Dashboard</span>
|
<li>
|
||||||
</a>
|
<a routerLink="/dashboard" routerLinkActive="active">
|
||||||
</li>
|
<i class="fa fa-globe"></i>
|
||||||
</ul>
|
<span>Dashboard</span>
|
||||||
</div>
|
</a>
|
||||||
<!-- <div class="menu-section">
|
</li>
|
||||||
<h3>FAQs</h3>
|
</ul>
|
||||||
<ul>
|
</li>
|
||||||
<li>
|
<li class="uk-nav-header uk-parent">
|
||||||
<a routerLink="/topics" routerLinkActive="active">
|
Manage Communities
|
||||||
<i class="fa fa-globe"></i>
|
|
||||||
<span>Topics</span>
|
<ul class="uk-nav-sub">
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a routerLink="/communities" routerLinkActive="active">
|
||||||
<li>
|
<i class="fa fa-cog"></i>
|
||||||
<a routerLink="/questions" routerLinkActive="active">
|
<span>Communities</span>
|
||||||
<i class="fa fa-cog"></i>
|
</a>
|
||||||
<span>Questions</span>
|
</li>
|
||||||
</a>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="uk-nav-header uk-parent">
|
||||||
</div> -->
|
Manage Entities
|
||||||
<div class="menu-section">
|
|
||||||
<h3>Manage Communities</h3>
|
<ul class="uk-nav-sub">
|
||||||
<ul>
|
<li>
|
||||||
<li>
|
<a routerLink="/entities" routerLinkActive="active">
|
||||||
<a routerLink="/communities" routerLinkActive="active">
|
<i class="fa fa-cog"></i>
|
||||||
<i class="fa fa-cog"></i>
|
<span>Searchable entities</span>
|
||||||
<span>Communities</span>
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
</li>
|
||||||
</div>
|
|
||||||
<div class="menu-section">
|
<li class="uk-nav-header uk-parent">
|
||||||
<h3>Manage Entities</h3>
|
Manage Pages
|
||||||
<ul>
|
|
||||||
<li>
|
<ul class="uk-nav-sub">
|
||||||
<a routerLink="/entities" routerLinkActive="active">
|
<li>
|
||||||
<i class="fa fa-cog"></i>
|
<a routerLink="/pages" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">
|
||||||
<span>Searchable entities</span>
|
<i class="fa fa-globe"></i>
|
||||||
</a>
|
<span>Pages</span>
|
||||||
</li>
|
</a>
|
||||||
</ul>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
<div class="menu-section">
|
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'search'}" [routerLinkActiveOptions]="{exact:true}">
|
||||||
<h3>Manage Pages</h3>
|
<i class="fa fa-globe"></i>
|
||||||
<ul>
|
<span>Search Pages</span>
|
||||||
<li>
|
</a>
|
||||||
<a routerLink="/pages" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">
|
</li>
|
||||||
<i class="fa fa-globe"></i>
|
<li>
|
||||||
<span>Pages</span>
|
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'link'}" [routerLinkActiveOptions]="{exact:true}">
|
||||||
</a>
|
<i class="fa fa-globe"></i>
|
||||||
</li>
|
<span>Link Pages</span>
|
||||||
<li>
|
</a>
|
||||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'search'}" [routerLinkActiveOptions]="{exact:true}">
|
</li>
|
||||||
<i class="fa fa-globe"></i>
|
<li>
|
||||||
<span>Search Pages</span>
|
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'share'}" [routerLinkActiveOptions]="{exact:true}">
|
||||||
</a>
|
<i class="fa fa-globe"></i>
|
||||||
</li>
|
<span>Share Pages</span>
|
||||||
<li>
|
</a>
|
||||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'link'}" [routerLinkActiveOptions]="{exact:true}">
|
</li>
|
||||||
<i class="fa fa-globe"></i>
|
</ul>
|
||||||
<span>Link Pages</span>
|
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="uk-nav-header uk-parent">
|
||||||
<li>
|
Help Content
|
||||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'share'}" [routerLinkActiveOptions]="{exact:true}">
|
|
||||||
<i class="fa fa-globe"></i>
|
<ul class="uk-nav-sub">
|
||||||
<span>Share Pages</span>
|
<li>
|
||||||
</a>
|
<a routerLink="/pageContents" routerLinkActive="active">
|
||||||
</li>
|
<i class="fa fa-cog"></i>
|
||||||
</ul>
|
<span>Page Contents</span>
|
||||||
</div>
|
</a>
|
||||||
<div class="menu-section">
|
</li>
|
||||||
<h3>Help Content</h3>
|
</ul>
|
||||||
<ul>
|
</li>
|
||||||
<li>
|
</ul>
|
||||||
<a routerLink="/pageContents" routerLinkActive="active">
|
|
||||||
<i class="fa fa-cog"></i>
|
|
||||||
<span>Page Contents</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<div class="uk-width-4-5">
|
||||||
</div>
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
<router-outlet></router-outlet>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,13 @@
|
||||||
<div id="entities">
|
<div id="entities" class="uk-container">
|
||||||
<div id="content">
|
|
||||||
<div class="menubar fixed">
|
|
||||||
<div class="sidebar-toggler visible-xs">
|
|
||||||
<i class="ion-navicon"></i>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="entity-title">Entities</div>
|
<div class="menubar ">
|
||||||
|
|
||||||
|
<div class="entity-title uk-article-title ">Entities</div>
|
||||||
<form target="BSFormPanel_Admin_1" class="search">
|
<form target="BSFormPanel_Admin_1" class="search">
|
||||||
<input #inputstring (keyup.enter)="filterBySearch(inputstring.value)" placeholder="Search entities (name)..." type="text"/>
|
<input #inputstring (keyup.enter)="filterBySearch(inputstring.value)" placeholder="Entity name..." type="text" class="uk-input uk-width-medium"/>
|
||||||
<input class="btn" type="submit">
|
<button class="uk-button uk-button-default" type="submit">Search</button>
|
||||||
</form>
|
</form>
|
||||||
<a (click)="showModal()" class="btn btn-success pull-right"><i></i> New Entity </a>
|
<a (click)="showModal()" class="uk-button uk-button-primary uk-float-right"><i></i> New Entity </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content-wrapper" id="contentWrapper">
|
<div class="content-wrapper" id="contentWrapper">
|
||||||
|
|
@ -22,16 +19,22 @@
|
||||||
<span></span><span></span><span></span></div>
|
<span></span><span></span><span></span></div>
|
||||||
<div class="alert" style="display: none;" aria-hidden="true"><span></span><span></span><span></span></div>
|
<div class="alert" style="display: none;" aria-hidden="true"><span></span><span></span><span></span></div>
|
||||||
|
|
||||||
<div class="row page-controls">
|
<div class="page-controls">
|
||||||
<div class="col-md-12 filters">
|
<div class=" filters ">
|
||||||
<div class="show-options">
|
<div class="show-options uk-float-right">
|
||||||
<div class="btn-group"><a href="javascript:;" class="btn dropdown-toggle"
|
<button class="uk-button uk-button-default" type="button"> Bulk Actions</button>
|
||||||
|
<div uk-dropdown="mode: click">
|
||||||
|
<ul class="uk-nav uk-dropdown-nav">
|
||||||
|
<li><a (click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!--div class="btn-group"><a href="javascript:;" class="btn dropdown-toggle"
|
||||||
data-toggle="dropdown"><i></i> Bulk Actions <span
|
data-toggle="dropdown"><i></i> Bulk Actions <span
|
||||||
class="caret"></span></a>
|
class="caret"></span></a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a (click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
|
<li><a (click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -43,46 +46,48 @@
|
||||||
|
|
||||||
<div class="filters marginBottom20">
|
<div class="filters marginBottom20">
|
||||||
<div class="links form-group form-inline">
|
<div class="links form-group form-inline">
|
||||||
<div class="gwt-Label filterLabel">Filter by community:</div>
|
<span>Filter by community:</span>
|
||||||
<select class="input-xxlarge form-control" (change)="filterByCommunity($event)">
|
<select class="uk-select uk-width-medium" (change)="filterByCommunity($event)">
|
||||||
<!--option value="">-- none selected --</option-->
|
<!--option value="">-- none selected --</option-->
|
||||||
<option *ngFor="let community of communities" value="{{community._id}}">{{community.name}}</option>
|
<option *ngFor="let community of communities" value="{{community._id}}">{{community.name}}</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<table class="uk-table uk-table-striped">
|
||||||
<div class="row headers">
|
<thead>
|
||||||
<div class="col-sm-1 header select-users"><input id="allEntityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)">
|
<tr>
|
||||||
</div>
|
<th><input id="allEntityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th>
|
||||||
<div class="col-sm-5 header hidden-xs"><label><a href="#">Name</a></label></div>
|
<th>Name</th>
|
||||||
<div class="col-sm-5 header hidden-xs"><label><a href="#">State</a></label></div>
|
<th>State</th>
|
||||||
<div class="col-sm-1 header hidden-xs"><label><a href="#">Actions</a></label></div>
|
<th>Actions</th>
|
||||||
</div>
|
</tr>
|
||||||
|
</thead>
|
||||||
<template [ngIf]="entitiesCheckboxes && entitiesCheckboxes.length>0">
|
<tbody >
|
||||||
<div *ngFor="let check of entitiesCheckboxes; let i=index" class="row user">
|
<tr *ngFor="let check of entitiesCheckboxes; let i=index">
|
||||||
<div class="col-sm-1 avatar"><input id="{{check.entity._id}}" class="checkBox" type="checkbox"
|
<td><input id="{{check.entity._id}}" class="checkBox" type="checkbox"
|
||||||
name="entitiescb[]" value="{{check.entity._id}}" [(ngModel)]="check.checked">
|
name="entitiescb[]" value="{{check.entity._id}}" [(ngModel)]="check.checked">
|
||||||
</div>
|
</td>
|
||||||
<div class="col-sm-5">
|
<td>
|
||||||
<div class="name" href="#">{{check.entity.name}}</div>
|
<div class="name" href="#">{{check.entity.name}}</div>
|
||||||
</div>
|
</td>
|
||||||
<div class="col-sm-5">
|
<td>
|
||||||
<div *ngIf="check.entity.isEnabled" class="activated" >
|
<div *ngIf="check.entity.isEnabled" class="activated" >
|
||||||
<input (click)="toggleEntity(false,[check.entity._id])" class="deactivate" src="imgs/check-icon.png" title="Disable" width="20" type="image" height="20">
|
<input (click)="toggleEntity(false,[check.entity._id])" class="deactivate" src="imgs/check-icon.png" title="Disable" width="20" type="image" height="20">
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="!check.entity.isEnabled" class="deactivated" >
|
<div *ngIf="!check.entity.isEnabled" class="deactivated" >
|
||||||
<input (click)="toggleEntity(true,[check.entity._id])" class="deactivate" src="imgs/x-icon.png" title="Enable" width="20" type="image" height="20">
|
<input (click)="toggleEntity(true,[check.entity._id])" class="deactivate" src="imgs/x-icon.png" title="Enable" width="20" type="image" height="20">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
<div class="col-sm-1">
|
<td>
|
||||||
<div class="actions" href="#">
|
<div class="actions" href="#">
|
||||||
<input title="Edit" src="imgs/icn_edit.png" class="edit" type="image" (click)="editEntity(i)">
|
<input title="Edit" src="imgs/icn_edit.png" class="edit" type="image" (click)="editEntity(i)">
|
||||||
<input title="Delete" src="imgs/icn_trash.png" class="delete" type="image" (click)="confirmDeleteEntity(check.entity._id)">
|
<input title="Delete" src="imgs/icn_trash.png" class="delete" type="image" (click)="confirmDeleteEntity(check.entity._id)">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
</template>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
<div *ngIf="entitiesCheckboxes.length==0" class="col-md-12">
|
<div *ngIf="entitiesCheckboxes.length==0" class="col-md-12">
|
||||||
<div class="alert alert-warning">No entities found</div>
|
<div class="alert alert-warning">No entities found</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -93,7 +98,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<modal-form #saveModal [saveText]="'Save'" [titleText]="'Add a new Entity'" [formGroup]="formGroup" [type]="'entity'"
|
<modal-form #saveModal [saveText]="'Save'" [titleText]="'Add a new Entity'" [formGroup]="formGroup" [type]="'entity'"
|
||||||
[isModalShown]="isModalShown" (emmitObject)="entitySavedSuccessfully($event)" (emmitError)="handleError($event)"
|
[isModalShown]="isModalShown" (emmitObject)="entitySavedSuccessfully($event)" (emmitError)="handleError($event)"
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
<form [formGroup]="myForm">
|
<form [formGroup]="myForm">
|
||||||
<div class="form-group" [ngClass]="{'has-error':!myForm.controls.name.valid && myForm.controls.name.dirty}">
|
<div class="form-group" [ngClass]="{'has-error':!myForm.controls.name.valid && myForm.controls.name.dirty}">
|
||||||
<label for="entityNameTag">Entity Name</label>
|
<label for="entityNameTag">Entity Name</label>
|
||||||
<input type="text" class="form-control" formControlName="name" id="entityNameTag" placeholder="Entity Name">
|
<input type="text" class="uk-input uk-width-medium" formControlName="name" id="entityNameTag" placeholder="Entity Name">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<div ngModelGroup="phoneNumbers">
|
<div ngModelGroup="phoneNumbers">
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,7 @@ import 'intl/locale-data/jsonp/en';
|
||||||
import 'core-js/es7/reflect';
|
import 'core-js/es7/reflect';
|
||||||
import 'zone.js/dist/zone';
|
import 'zone.js/dist/zone';
|
||||||
|
|
||||||
import 'ng2-ckeditor/lib';
|
// import 'ng2-ckeditor/lib';
|
||||||
|
|
||||||
// if ('production' === ENV) {
|
// if ('production' === ENV) {
|
||||||
// // Production
|
// // Production
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
26
index.html
26
index.html
|
|
@ -8,29 +8,17 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<!-- stylesheets -->
|
<!-- stylesheets -->
|
||||||
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css" />
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/css/bootstrap3/bootstrap-switch.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/compiled/theme.css" />
|
<link rel="stylesheet" type="text/css" href="css/custom.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="css/vendor/animate.css" />
|
<link rel="stylesheet" type="text/css" href="css/theme.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="css/vendor/brankic.css" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/vendor/ionicons.min.css" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/vendor/font-awesome.min.css" />
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="styles.css">
|
|
||||||
|
|
||||||
<!-- 1. Load libraries -->
|
|
||||||
<!-- Polyfill(s) for older browsers -->
|
|
||||||
<!--<script src="node_modules/core-js/client/shim.min.js"></script>-->
|
|
||||||
<!--<script src="node_modules/zone.js/dist/zone.js"></script>-->
|
|
||||||
<!--<script src="node_modules/reflect-metadata/Reflect.js"></script>-->
|
|
||||||
<!--<script src="node_modules/systemjs/dist/system.src.js"></script>-->
|
|
||||||
|
|
||||||
<!-- javascript -->
|
<!-- javascript -->
|
||||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
|
|
||||||
<script src="js/bootstrap/bootstrap.min.js"></script>
|
<script src="js/jquery.js"></script>
|
||||||
<script src="js/vendor/jquery.cookie.js"></script>
|
|
||||||
<script src="js/theme.js"></script>
|
<script src="js/uikit.js"></script>
|
||||||
|
<script src="js/uikit-icons-max.js"></script>
|
||||||
|
|
||||||
<script src="https://cdn.ckeditor.com/4.5.11/full/ckeditor.js"></script>
|
<script src="https://cdn.ckeditor.com/4.5.11/full/ckeditor.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue