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 () { (function () {
'use strict'; 'use strict';
angular.module('BlurAdmin.pages.components.timeline') angular.module('BlurAdmin.pages.dashboard.timeline')
.controller('TimelineCtrl', TimelineCtrl); .controller('TimelineCtrl', TimelineCtrl);
/** @ngInject */ /** @ngInject */

View File

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

View File

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