new version

pull/429/head
gyartom 2019-06-09 22:17:48 +02:00
parent 52a89822f8
commit 7852820d5a
4 changed files with 357 additions and 332 deletions

View File

@ -5,7 +5,7 @@
(function () {
'use strict';
angular.module('BlurAdmin.pages.components.timeline')
angular.module('BlurAdmin.pages.dashboard.timeline')
.controller('TimelineCtrl', TimelineCtrl);
/** @ngInject */

View File

@ -1,101 +1,102 @@
<!-- todo: remove whole block -->
<div ba-panel>
<section id="cd-timeline" class="cd-container cssanimations" ng-controller="TimelineCtrl">
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Euro-Coin' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content warning">
<h5>Title of section 1</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi
placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
<span class="cd-date">Jan 14</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Laptop-Signal' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content danger">
<h5>Title of section 2</h5>
<p>Donec dapibus at leo eget volutpat. Praesent dolor tellus, ultricies venenatis molestie eu, luctus eget nibh.
Curabitur ullamcorper eleifend nisl.</p>
<span class="cd-date">Jan 18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Checklist' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content primary">
<h5>Title of section 3</h5>
<p>Phasellus auctor tellus eget lacinia condimentum. Cum sociis natoque penatibus et magnis dis parturient
montes.</p>
<span class="cd-date">Feb 18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Boss-3' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content warning">
<h5>Title of section 4</h5>
<p>Morbi fringilla in massa ac posuere. Fusce non sagittis massa, id accumsan odio. Nullam eget tempor est.
Etiam eu felis eu purus aliquam tristique id quis nisl. Nam eros nibh, consequat sed pulvinar eu, ultrices
ornare ligula. Aenean interdum sed nunc sed hendrerit.</p>
<span class="cd-date">Feb 20</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Online-Shopping' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content danger">
<h5>Title of section 5</h5>
<p> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur eget mattis
metus. Nullam egestas eros metus, quis fringilla urna accumsan sed. Aliquam ultrices at arcu vitae
tincidunt.</p>
<span class="cd-date">Feb 21</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Money-Increase' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content primary">
<h5>Title of section 6</h5>
<p>Praesent bibendum ante mattis augue consectetur, ut commodo turpis consequat. Donec ligula eros, porta in
iaculis vel, semper ac sem. Integer at mauris lorem.</p>
<span class="cd-date">Feb 23</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Vector' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content warning">
<h5>Title of section 7</h5>
<p>Vivamus ut laoreet erat, vitae eleifend eros. Sed varius id tellus non lobortis. Sed dolor ante, cursus non
scelerisque sed, euismod id eros.</p>
<span class="cd-date">Feb 24</span>
</div>
</div>
</section>
<!-- todo: remove whole block -->
<div ba-panel ba-panel-title="MEGHÍRDETETT TÚRÁID AZ IDŐVONALON" >
<section id="cd-timeline" class="cd-container cssanimations" ng-controller="TimelineCtrl">
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Euro-Coin' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content warning">
<h5>Title of section 1</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi
placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
<span class="cd-date">Jan 14</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Laptop-Signal' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content danger">
<h5>Title of section 2</h5>
<p>Donec dapibus at leo eget volutpat. Praesent dolor tellus, ultricies venenatis molestie eu, luctus eget nibh.
Curabitur ullamcorper eleifend nisl.</p>
<span class="cd-date">Jan 18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Checklist' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content primary">
<h5>Title of section 3</h5>
<p>Phasellus auctor tellus eget lacinia condimentum. Cum sociis natoque penatibus et magnis dis parturient
montes.</p>
<span class="cd-date">Feb 18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Boss-3' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content warning">
<h5>Title of section 4</h5>
<p>Morbi fringilla in massa ac posuere. Fusce non sagittis massa, id accumsan odio. Nullam eget tempor est.
Etiam eu felis eu purus aliquam tristique id quis nisl. Nam eros nibh, consequat sed pulvinar eu, ultrices
ornare ligula. Aenean interdum sed nunc sed hendrerit.</p>
<span class="cd-date">Feb 20</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Online-Shopping' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content danger">
<h5>Title of section 5</h5>
<p> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur eget mattis
metus. Nullam egestas eros metus, quis fringilla urna accumsan sed. Aliquam ultrices at arcu vitae
tincidunt.</p>
<span class="cd-date">Feb 21</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Money-Increase' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content primary">
<h5>Title of section 6</h5>
<p>Praesent bibendum ante mattis augue consectetur, ut commodo turpis consequat. Donec ligula eros, porta in
iaculis vel, semper ac sem. Integer at mauris lorem.</p>
<span class="cd-date">Feb 23</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img">
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Vector' | kameleonImg )}}"></div>
</div>
<div class="cd-timeline-content warning">
<h5>Title of section 7</h5>
<p>Vivamus ut laoreet erat, vitae eleifend eros. Sed varius id tellus non lobortis. Sed dolor ante, cursus non
scelerisque sed, euismod id eros.</p>
<span class="cd-date">Feb 24</span>
</div>
</div>
</section>
</div>

View File

@ -23,26 +23,7 @@
function routeConfig($urlRouterProvider, baSidebarServiceProvider) {
$urlRouterProvider.otherwise('/dashboard');
baSidebarServiceProvider.addStaticItem({
title: 'Pages',
icon: 'ion-document',
subMenu: [{
title: 'Sign In',
fixedHref: 'auth.html',
blank: true
}, {
title: 'Sign Up',
fixedHref: 'reg.html',
blank: true
}, {
title: 'User Profile',
stateRef: 'profile'
}, {
title: '404 Page',
fixedHref: '404.html',
blank: true
}]
});
baSidebarServiceProvider.addStaticItem({
title: 'Szervezetek',
icon: 'ion-ios-more',
@ -57,6 +38,20 @@
}]
}]
});
baSidebarServiceProvider.addStaticItem({
title: 'Túrák',
icon: 'ion-ios-more',
subMenu: [{
title: 'Túra 1',
disabled: true
}, {
title: 'Menu Level 1.2',
subMenu: [{
title: 'Menu Level 1.2.1',
disabled: true
}]
}]
});
}
})();

View File

@ -1,211 +1,240 @@
<div ba-panel ba-panel-class="profile-page">
<div class="panel-content">
<div class="progress-info">Your profile is 70% Complete</div>
<div class="progress">
<div class="progress-bar progress-bar-primary progress-bar-striped active" role="progressbar"
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
</div>
</div>
<h3 class="with-line">General Information</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputFirstName" class="col-sm-3 control-label">Picture</label>
<div class="col-sm-9">
<div class="userpic">
<div class="userpic-wrapper">
<img ng-src="{{ picture }}" ng-click="uploadPicture()">
</div>
<i class="ion-ios-close-outline" ng-click="removePicture()" ng-if="!noPicture"></i>
<a href class="change-userpic" ng-click="uploadPicture()">Change Profile Picture</a>
<input type="file" ng-show="false" id="uploadFile" ng-file-select="onFileSelect($files)">
</div>
</div>
</div>
</div>
<div class="col-md-6"></div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputFirstName" class="col-sm-3 control-label">First Name</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputFirstName" placeholder="" value="Anastasiya">
</div>
</div>
<div class="form-group row clearfix">
<label for="inputLastName" class="col-sm-3 control-label">Last Name</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputLastName" placeholder="" value="">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row clearfix">
<label class="col-sm-3 control-label">Department</label>
<div class="col-sm-9">
<select class="form-control" selectpicker>
<option>Web Development</option>
<option>System Development</option>
<option>Sales</option>
<option>Human Resources</option>
</select>
</div>
</div>
<div class="form-group row clearfix">
<label for="inputOccupation" class="col-sm-3 control-label">Occupation</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputOccupation" placeholder="" value="Front End Web Developer">
</div>
</div>
</div>
</div>
<h3 class="with-line">Change Password</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputPassword" class="col-sm-3 control-label">Password</label>
<div class="col-sm-9">
<input type="password" class="form-control" id="inputPassword" placeholder="" value="12345678">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputConfirmPassword" class="col-sm-3 control-label">Confirm Password</label>
<div class="col-sm-9">
<input type="password" class="form-control" id="inputConfirmPassword" placeholder="">
</div>
</div>
</div>
</div>
<h3 class="with-line">Contact Information</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputEmail3" class="col-sm-3 control-label">Email</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="inputEmail3" placeholder="" value="contact@akveo.com">
</div>
</div>
<div class="form-group row clearfix">
<label for="inputPhone" class="col-sm-3 control-label">Phone</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputPhone" placeholder="" value="+1 (23) 456 7890">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row clearfix">
<label class="col-sm-3 control-label">Office Location</label>
<div class="col-sm-9">
<select class="form-control" title="Standard Select" selectpicker>
<option>San Francisco</option>
<option>London</option>
<option>Minsk</option>
<option>Tokio</option>
</select>
</div>
</div>
<div class="form-group row clearfix">
<label for="inputRoom" class="col-sm-3 control-label">Room</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputRoom" placeholder="" value="303">
</div>
</div>
</div>
</div>
<h3 class="with-line">Social Profiles</h3>
<div class="social-profiles row clearfix">
<div class="col-md-3 col-sm-4" ng-repeat="item in socialProfiles">
<a class="sn-link" href ng-click="showModal(item)" ng-if="!item.href">
<i class="socicon {{ item.icon }}"></i>
<span>{{ item.name }}</span>
</a>
<a class="sn-link connected" href="{{ item.href }}" target="_blank" ng-if="item.href">
<i class="socicon {{ item.icon }}"></i>
<span>{{ item.name }}</span>
<em class="ion-ios-close-empty sn-link-close" ng-mousedown="unconnect(item)"></em>
</a>
</div>
</div>
<h3 class="with-line">Send Email Notifications</h3>
<div class="notification row clearfix">
<div class="col-sm-6">
<div class="form-group row clearfix">
<label class="col-xs-8">When I receive a message</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[0]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">When Someone sends me an invitation</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[1]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">When profile information changes</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[2]"></switch>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group row clearfix">
<label class="col-xs-8">When anyone logs into your account from a new device or browser</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[3]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">Weekly Reports</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[4]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">Daily Reports</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[5]"></switch>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-primary btn-with-icon save-profile">
<i class="ion-android-checkmark-circle"></i>Update Profile
</button>
</div>
</div>
<div ba-panel ba-panel-class="profile-page">
<div class="panel-content">
<div class="progress-info">Profil adataid 70%-a van kitöltve</div>
<div class="progress">
<div class="progress-bar progress-bar-primary progress-bar-striped active" role="progressbar"
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
</div>
</div>
<h3 class="with-line">Általános információk</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputFirstName" class="col-sm-3 control-label">Kép</label>
<div class="col-sm-9">
<div class="userpic">
<div class="userpic-wrapper">
<img ng-src="{{ picture }}" ng-click="uploadPicture()">
</div>
<i class="ion-ios-close-outline" ng-click="removePicture()" ng-if="!noPicture"></i>
<a href class="change-userpic" ng-click="uploadPicture()">Profil kép megváltoztatása</a>
<input type="file" ng-show="false" id="uploadFile" ng-file-select="onFileSelect($files)">
</div>
</div>
</div>
</div>
<div class="col-md-6"></div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputFirstName" class="col-sm-3 control-label">Vezetéknév</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputFirstName" placeholder="" value="Anastasiya">
</div>
</div>
<div class="form-group row clearfix">
<label for="inputLastName" class="col-sm-3 control-label">Keresztnév</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputLastName" placeholder="" value="">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row clearfix">
<label class="col-sm-3 control-label">Department</label>
<div class="col-sm-9">
<select class="form-control" selectpicker>
<option>Web Development</option>
<option>System Development</option>
<option>Sales</option>
<option>Human Resources</option>
</select>
</div>
</div>
<div class="form-group row clearfix">
<label for="inputOccupation" class="col-sm-3 control-label">Occupation</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputOccupation" placeholder="" value="Front End Web Developer">
</div>
</div>
</div>
</div>
<h3 class="with-line">Jelszó változtatás</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputPassword" class="col-sm-3 control-label">Jelszó</label>
<div class="col-sm-9">
<input type="password" class="form-control" id="inputPassword" placeholder="" value="12345678">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputConfirmPassword" class="col-sm-3 control-label">Jelszó még egyszer</label>
<div class="col-sm-9">
<input type="password" class="form-control" id="inputConfirmPassword" placeholder="">
</div>
</div>
</div>
</div>
<h3 class="with-line">Elérhetőségek</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group row clearfix">
<label for="inputEmail3" class="col-sm-3 control-label">Email</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="inputEmail3" placeholder="" value="contact@akveo.com">
</div>
</div>
<div class="form-group row clearfix">
<label for="inputPhone" class="col-sm-3 control-label">Telefon</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputPhone" placeholder="" value="+1 (23) 456 7890">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row clearfix">
<label class="col-sm-3 control-label">Helység</label>
<div class="col-sm-9">
<select class="form-control" title="Standard Select" selectpicker>
<option>San Francisco</option>
<option>London</option>
<option>Minsk</option>
<option>Tokio</option>
</select>
</div>
</div>
<div class="form-group row clearfix">
<label for="inputRoom" class="col-sm-3 control-label">Room</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputRoom" placeholder="" value="303">
</div>
</div>
</div>
</div>
<h3 class="with-line">Közösségi oldalaim</h3>
<div class="social-profiles row clearfix">
<div class="col-md-3 col-sm-4" ng-repeat="item in socialProfiles">
<a class="sn-link" href ng-click="showModal(item)" ng-if="!item.href">
<i class="socicon {{ item.icon }}"></i>
<span>{{ item.name }}</span>
</a>
<a class="sn-link connected" href="{{ item.href }}" target="_blank" ng-if="item.href">
<i class="socicon {{ item.icon }}"></i>
<span>{{ item.name }}</span>
<em class="ion-ios-close-empty sn-link-close" ng-mousedown="unconnect(item)"></em>
</a>
</div>
</div>
<h3 class="with-line">Értesítés email-ben</h3>
<div class="notification row clearfix">
<div class="col-sm-6">
<div class="form-group row clearfix">
<label class="col-xs-8">Ha üzenetet kapok</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[0]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">Ha valaki meghívást küld</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[1]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">Ha profilom megváltozik</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[2]"></switch>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group row clearfix">
<label class="col-xs-8">When anyone logs into your account from a new device or browser</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[3]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">Heti riport</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[4]"></switch>
</div>
</div>
<div class="form-group row clearfix">
<label class="col-xs-8">Napi riport</label>
<div class="col-xs-4">
<switch color="primary" ng-model="switches[5]"></switch>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-primary btn-with-icon save-profile">
<i class="ion-android-checkmark-circle"></i>Profil frissítés
</button>
<table class="table table-striped">
<thead>
<td>Id</td>
<td>Név</td>
<td>Becenév</td>
<td>Email cím</td>
<td>Jogosultság</td>
<td></td>
</thead>
<tr ng-repeat="user in userListCtrl.users">
<td>{{::user.id}}</td>
<td>{{::user.name}}</td>
<td>{{::user.nickName}}</td>
<td>{{::user.email}}</td>
<td>
{{::'COMMON.ROLE.' + user.role | translate}}
</td>
<td>
<a ui-sref="admin.userDetails({userId: user.id})">
Részletek
</a>
</td>
<!--
<td ng-if="user.role === 'ROLE_USER'">
Jóváhagy
</td>
-->
</tr>
</table>
</div>
</div>