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="current-user">
|
||||
<!--a class="name" href="http://www.openminted.eu">
|
||||
<img width="100%" src="http://openminted.eu/wp-content/uploads/2016/02/OpenMINTED_Tag_Color.png" alt="OpenMinted">
|
||||
</a-->
|
||||
<a class="name" href="http://connect.openaire.eu">
|
||||
<img width="100%" src="imgs/OA CONNECT_B.png" alt="OpenAIRE"></a>
|
||||
</div>
|
||||
<div class="menu-section">
|
||||
<h3>General</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a routerLink="/dashboard" routerLinkActive="active">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <div class="menu-section">
|
||||
<h3>FAQs</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a routerLink="/topics" routerLinkActive="active">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Topics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/questions" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Questions</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div> -->
|
||||
<div class="menu-section">
|
||||
<h3>Manage Communities</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a routerLink="/communities" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Communities</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="menu-section">
|
||||
<h3>Manage Entities</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a routerLink="/entities" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Searchable entities</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="menu-section">
|
||||
<h3>Manage Pages</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'search'}" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Search Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'link'}" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Link Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'share'}" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Share Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="menu-section">
|
||||
<h3>Help Content</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a routerLink="/pageContents" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Page Contents</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<router-outlet></router-outlet>
|
||||
|
||||
<div class="">
|
||||
<div class="uk-navbar-left uk-visible@l ">
|
||||
<a class="uk-logo uk-navbar-item uk-link" routerlink="/" routerlinkactive="uk-link" href="/">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="imgs/OA CONNECT_B.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="wrapper" class=" uk-section uk-grid uk-margin-top">
|
||||
<div id="sidebar-default" class="uk-width-1-5">
|
||||
<ul class="uk-nav uk-nav-default">
|
||||
<li class="uk-nav-header uk-parent">
|
||||
General
|
||||
<ul class="uk-nav-sub">
|
||||
<li>
|
||||
<a routerLink="/dashboard" routerLinkActive="active">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Manage Communities
|
||||
|
||||
<ul class="uk-nav-sub">
|
||||
<li>
|
||||
<a routerLink="/communities" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Communities</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Manage Entities
|
||||
|
||||
<ul class="uk-nav-sub">
|
||||
<li>
|
||||
<a routerLink="/entities" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Searchable entities</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Manage Pages
|
||||
|
||||
<ul class="uk-nav-sub">
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'search'}" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Search Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'link'}" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Link Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a routerLink="/pages" routerLinkActive="active" [queryParams]="{type: 'share'}" [routerLinkActiveOptions]="{exact:true}">
|
||||
<i class="fa fa-globe"></i>
|
||||
<span>Share Pages</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Help Content
|
||||
|
||||
<ul class="uk-nav-sub">
|
||||
<li>
|
||||
<a routerLink="/pageContents" routerLinkActive="active">
|
||||
<i class="fa fa-cog"></i>
|
||||
<span>Page Contents</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="uk-width-4-5">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,13 @@
|
|||
<div id="entities">
|
||||
<div id="content">
|
||||
<div class="menubar fixed">
|
||||
<div class="sidebar-toggler visible-xs">
|
||||
<i class="ion-navicon"></i>
|
||||
</div>
|
||||
<div id="entities" class="uk-container">
|
||||
|
||||
<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">
|
||||
<input #inputstring (keyup.enter)="filterBySearch(inputstring.value)" placeholder="Search entities (name)..." type="text"/>
|
||||
<input class="btn" type="submit">
|
||||
<input #inputstring (keyup.enter)="filterBySearch(inputstring.value)" placeholder="Entity name..." type="text" class="uk-input uk-width-medium"/>
|
||||
<button class="uk-button uk-button-default" type="submit">Search</button>
|
||||
</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 class="content-wrapper" id="contentWrapper">
|
||||
|
|
@ -22,16 +19,22 @@
|
|||
<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="col-md-12 filters">
|
||||
<div class="show-options">
|
||||
<div class="btn-group"><a href="javascript:;" class="btn dropdown-toggle"
|
||||
<div class="page-controls">
|
||||
<div class=" filters ">
|
||||
<div class="show-options uk-float-right">
|
||||
<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
|
||||
class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a (click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -43,46 +46,48 @@
|
|||
|
||||
<div class="filters marginBottom20">
|
||||
<div class="links form-group form-inline">
|
||||
<div class="gwt-Label filterLabel">Filter by community:</div>
|
||||
<select class="input-xxlarge form-control" (change)="filterByCommunity($event)">
|
||||
<span>Filter by community:</span>
|
||||
<select class="uk-select uk-width-medium" (change)="filterByCommunity($event)">
|
||||
<!--option value="">-- none selected --</option-->
|
||||
<option *ngFor="let community of communities" value="{{community._id}}">{{community.name}}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row headers">
|
||||
<div class="col-sm-1 header select-users"><input id="allEntityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)">
|
||||
</div>
|
||||
<div class="col-sm-5 header hidden-xs"><label><a href="#">Name</a></label></div>
|
||||
<div class="col-sm-5 header hidden-xs"><label><a href="#">State</a></label></div>
|
||||
<div class="col-sm-1 header hidden-xs"><label><a href="#">Actions</a></label></div>
|
||||
</div>
|
||||
|
||||
<template [ngIf]="entitiesCheckboxes && entitiesCheckboxes.length>0">
|
||||
<div *ngFor="let check of entitiesCheckboxes; let i=index" class="row user">
|
||||
<div class="col-sm-1 avatar"><input id="{{check.entity._id}}" class="checkBox" type="checkbox"
|
||||
<table class="uk-table uk-table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input id="allEntityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th>
|
||||
<th>Name</th>
|
||||
<th>State</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
<tr *ngFor="let check of entitiesCheckboxes; let i=index">
|
||||
<td><input id="{{check.entity._id}}" class="checkBox" type="checkbox"
|
||||
name="entitiescb[]" value="{{check.entity._id}}" [(ngModel)]="check.checked">
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
</td>
|
||||
<td>
|
||||
<div class="name" href="#">{{check.entity.name}}</div>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
</td>
|
||||
<td>
|
||||
<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">
|
||||
</div>
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">
|
||||
</td>
|
||||
<td>
|
||||
<div class="actions" href="#">
|
||||
<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)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div *ngIf="entitiesCheckboxes.length==0" class="col-md-12">
|
||||
<div class="alert alert-warning">No entities found</div>
|
||||
</div>
|
||||
|
|
@ -93,7 +98,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<modal-form #saveModal [saveText]="'Save'" [titleText]="'Add a new Entity'" [formGroup]="formGroup" [type]="'entity'"
|
||||
[isModalShown]="isModalShown" (emmitObject)="entitySavedSuccessfully($event)" (emmitError)="handleError($event)"
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<form [formGroup]="myForm">
|
||||
<div class="form-group" [ngClass]="{'has-error':!myForm.controls.name.valid && myForm.controls.name.dirty}">
|
||||
<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 ngModelGroup="phoneNumbers">
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ import 'intl/locale-data/jsonp/en';
|
|||
import 'core-js/es7/reflect';
|
||||
import 'zone.js/dist/zone';
|
||||
|
||||
import 'ng2-ckeditor/lib';
|
||||
// import 'ng2-ckeditor/lib';
|
||||
|
||||
// if ('production' === ENV) {
|
||||
// // 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">
|
||||
|
||||
<!-- 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/vendor/animate.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" type="text/css" href="css/custom.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/theme.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 -->
|
||||
<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/vendor/jquery.cookie.js"></script>
|
||||
<script src="js/theme.js"></script>
|
||||
|
||||
<script src="js/jquery.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>
|
||||
|
||||
|
|
|
|||
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