jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

members ui

pull/339/head
Youssef ABIDI 2017-08-20 14:04:21 +01:00
parent 49bae15bbf
commit dc12ae0b31
10 changed files with 212 additions and 271 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/pages/teams/members/MembersTabCtrl.js
View File

@ -14,12 +14,16 @@
var vm = this;
vm.navigationCollapsed = true;
vm.showCompose = function(id){
if (id != '')
vm.message = membersList.getMemberById(id);
if (id != ''){
vm.member = membersList.getMemberById(id);
//vm.actualIndex = membersList.getIndexById(id);
}
else
vm.message = {};
vm.member = {};
composeModal.open({
message : vm.message
member : vm.member,
//actualIndex : vm.actualIndex
})
};

8
src/app/pages/teams/members/composeBox/compose.html
View File

@ -30,14 +30,14 @@
<label for="inputFirstName" class="col-sm-3 control-label">Name</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputFirstName" placeholder="" ng-model="boxCtrl.message.name">
<input type="text" class="form-control" id="inputFirstName" placeholder="" ng-model="boxCtrl.member.name">
</div>
</div>
<div class="form-group row clearfix">
<label for="inputLastName" class="col-sm-3 control-label">Email</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inputLastName" placeholder="" ng-model="boxCtrl.message.email">
<input type="text" class="form-control" id="inputLastName" placeholder="" ng-model="boxCtrl.member.email">
</div>
</div>
<div class="form-group row clearfix">
@ -57,7 +57,7 @@
<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="" ng-model="boxCtrl.message.position">
<input type="text" class="form-control" id="inputOccupation" placeholder="" ng-model="boxCtrl.member.position">
</div>
</div>
</div>
@ -72,7 +72,7 @@
</div>
<div class="compose-footer clearfix">
<button type="button" ng-click="$dismiss()" class="btn btn-send">Save</button>
<button type="button" ng-click="boxCtrl.updateMember()" class="btn btn-send">Save</button>
<div class="footer-controls">
<button type="button" ng-click="$dismiss()" class="btn btn-danger">Cancel</button>

11
src/app/pages/teams/members/composeBox/composeBoxCtrl.js
View File

@ -9,10 +9,11 @@
.controller('composeBoxCtrl', composeBoxCtrl);
/** @ngInject */
function composeBoxCtrl(message,fileReader, $filter) {
function composeBoxCtrl(member, membersList,fileReader, $filter) {
var vm = this;
vm.message = message;
vm.picture = (message.pic && message.pic != "") ? $filter('profilePicture')(message.name.split(' ')[0]) : $filter('appImage')('theme/no-photo.png');
vm.member = member;
//vm.actualIndex = actualIndex;
vm.picture = (member.pic && member.pic != "") ? $filter('profilePicture')(member.name.split(' ')[0]) : $filter('appImage')('theme/no-photo.png');
vm.removePicture = function () {
vm.picture = $filter('appImage')('theme/no-photo.png');
@ -31,5 +32,9 @@
vm.picture = result;
});
};
vm.updateMember = function () {
console.log(membersList.getIndexById(vm.member.id), vm.member);
};
}
})();

9
src/app/pages/teams/members/composeBox/composeModal.js
View File

@ -18,9 +18,12 @@
controllerAs: 'boxCtrl',
size: 'compose',
resolve: {
message: function () {
return options.message;
}
member: function () {
return options.member;
}/*,
actualIndex: function () {
return options.actualIndex;
}*/
}
});
}

2
src/app/pages/teams/members/list/MembersListCtrl.js
View File

@ -11,7 +11,7 @@
/** @ngInject */
function MembersListCtrl($scope, $stateParams, membersList) {
var vm = this;
vm.messages = ($stateParams.label == "list") ? membersList.getAllMessages() : membersList.getMembersByLabel($stateParams.label);
vm.members = ($stateParams.label == "list") ? membersList.getAllMessages() : membersList.getMembersByLabel($stateParams.label);
vm.label = $stateParams.label;

2
src/app/pages/teams/members/list/membersList.html
View File

@ -24,7 +24,7 @@
</div>
<div class="messages">
<table>
<tr ng-repeat="m in listCtrl.messages track by m.id | orderBy:'-date'"
<tr ng-repeat="m in listCtrl.members track by m.id"
class="side-message-navigation-item little-human shineHover {{m.tag}}">
<td class="check-td">
<div class="mail-checkbox">

2
src/app/pages/teams/members/members.html
View File

@ -1,6 +1,6 @@
<div class="row mail-client-container transparent">
<div class="col-md-12">
<div ba-panel ba-panel-class="xmedium-panel mail-panel">
<div ba-panel ba-panel-class="mail-panel">
<div class="letter-layout">
<div class="mail-navigation-container" ng-class="{'expanded' : !tabCtrl.navigationCollapsed}">
<div class="text-center">

182
src/app/pages/teams/members/membersList.js Normal file
View File

@ -0,0 +1,182 @@
/**
* @author a.demeshko
* created on 12/29/15
*/
(function () {
'use strict';
angular.module('BlurAdmin.pages.teams.members')
.service('membersList', membersList);
/** @ngInject */
function membersList($sce, $stateParams) {
var members = [
{
"id": "4563faass",
"name": "Nasta Linnie",
"pic": "img/Nasta.png",
"email": "petraramsey@mail.com",
"position": "Great Employee",
"labels": ['content']
},
{
"id": "4563fdfvd",
"name": "Nasta Linnie",
"pic": "img/Nasta.png",
"email": "petraramsey@mail.com",
"position": "Great Employee",
"labels": ['content']
},
{
"id": "4563zxcss",
"name": "Nasta Linnie",
"pic": "img/Nasta.png",
"email": "petraramsey@mail.com",
"position": "Great Employee",
"labels": ['product', 'content']
},
{
"id": "8955sddf",
"name": "Nick Cat",
"pic": "img/Nick.png",
"email": "barlowshort@mail.com",
"position": "Graphical designer",
"labels": ['shops']
},
{
"id": "8955sdfcc",
"name": "Nick Cat",
"pic": "img/Nick.png",
"email": "barlowshort@mail.com",
"position": "Graphical designer",
"labels": ['innovation']
},
{
"id": "8955asewf",
"name": "Nick Cat",
"pic": "img/Nick.png",
"email": "barlowshort@mail.com",
"position": "Graphical designer",
"labels": ['shops', 'media']
},
{
"id": "2334uudsa",
"name": "Kostya Danovsky",
"pic": "img/Kostya.png",
"email": "schwart@mail.com",
"position": "Technical Chef",
"labels": ['hr', 'innovation']
},
{
"id": "2334aefvv",
"name": "Kostya Danovsky",
"pic": "img/Kostya.png",
"email": "schwart@mail.com",
"position": "Technical Chef",
"labels": ['tech', 'product']
},
{
"id": "2334cvdss",
"name": "Kostya Danovsky",
"pic": "img/Kostya.png",
"email": "schwart@mail.com",
"position": "Technical Chef",
"labels": ['product']
},
{
"id": "8223xzxfn",
"name": "Andrey Hrabouski",
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"labels": ['tech']
},
{
"id": "8223sdffn",
"name": "Andrey Hrabouski",
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"labels": ['tech']
},
{
"id": "9391xdsff",
"name": "Vlad Lugovsky",
"pic": "img/Vlad.png",
"email": "carlsongoodman@mail.com",
"position": "Fullstack man",
"labels": ['tech']
},
{
"id": "8223xsdaa",
"name": "Andrey Hrabouski",
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"labels": ['hr']
},
{
"id": "9391xdsfd",
"name": "Vlad Lugovsky",
"pic": "img/Vlad.png",
"email": "carlsongoodman@mail.com",
"position": "Fullstack man",
"labels": ['hr']
}
];
var tabs = [{
label: 'hr',
name: 'HR'
}, {
label: 'tech',
name: 'Tech'
}, {
label: 'product',
name: 'Product'
}, {
label: 'finance',
name: 'Finance'
}, {
label: 'media',
name: 'Media'
}, {
label: 'shops',
name: 'Shops'
}, {
label: 'innovation',
name: 'Innovation'
}];
return{
getTabs : function(){
return tabs
},
getMembersByLabel : function(label){
return members.filter(function(m){
return m.labels.indexOf(label) != -1;
});
},
getAllMessages : function(){
return members;
},
getMemberById : function(id){
console.log('getMemberById');
return members.filter(function(m){
return m.id == id;
})[0];
},
getIndexById : function(id){
console.log('getIndexById');
members.filter(function(m){
if (m.id == id){
console.log(m);
console.log(members.indexOf(m));
return members.indexOf(m);
}
})[0];
}
}
}
})();

253
src/app/pages/teams/members/membersMessages.js
View File

@ -1,253 +0,0 @@
/**
* @author a.demeshko
* created on 12/29/15
*/
(function () {
'use strict';
angular.module('BlurAdmin.pages.teams.members')
.service('membersList', membersList);
/** @ngInject */
function membersList($sce, $stateParams) {
var messages = [
{
"id": "4563faass",
"name": "Nasta Linnie",
"subject": "Great text",
"date": "2015-08-28T07:57:09",
"body": $sce.trustAsHtml("<p>Hey John, </p><p>Check out this cool text.</p>"),
"pic": "img/Nasta.png",
"email": "petraramsey@mail.com",
"attachment": "poem.txt",
"position": "Great Employee",
"tag": "friend",
"labels": ['content']
},
{
"id": "4563fdfvd",
"name": "Nasta Linnie",
"subject": "Lores ipsum",
"date": "2015-11-19T03:30:45",
"important": false,
"body": $sce.trustAsHtml("<p>Hey John, </p><br><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ex mauris, ultrices vel lectus quis, scelerisque hendrerit ipsum. Suspendisse ullamcorper turpis neque, eget dapibus magna placerat ac. Suspendisse rhoncus ligula ac mi tempus varius ut sed lacus. Sed et commodo nulla, et placerat leo. Nam rhoncus vulputate sem non pharetra. Praesent fringilla massa in laoreet convallis. Aliquam lobortis dui a congue facilisis. Aenean dapibus semper semper. Quisque aliquam, nibh dapibus interdum condimentum, ex velit tempor tortor, at vestibulum magna leo quis leo. Morbi pulvinar varius erat ac rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst.</p>" +
"<br><p>Cras rhoncus quam ipsum, vel dignissim nisl egestas sed. Aliquam erat volutpat. Integer eu nisl elit. Donec malesuada diam vitae tellus luctus tincidunt. Donec tempus blandit neque, rutrum egestas ipsum sagittis tempor. Curabitur volutpat ligula enim, nec vehicula purus molestie at. Sed a facilisis enim, nec molestie magna. Donec in augue non est viverra dapibus vel tempus risus. Nam porttitor purus sit amet hendrerit ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>"),
"pic": "img/Nasta.png",
"email": "petraramsey@mail.com",
"position": "Great Employee",
"tag": "study",
"labels": ['content']
},
{
"id": "4563zxcss",
"name": "Nasta Linnie",
"subject": "Lores ipsum",
"date": "2015-10-19T03:30:45",
"important": false,
"body": $sce.trustAsHtml("<p>Hey Nasta, </p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>"),
"pic": "img/Nasta.png",
"email": "petraramsey@mail.com",
"position": "Great Employee",
"tag": "work",
"labels": ['product', 'content']
},
{
"id": "8955sddf",
"name": "Nick Cat",
"subject": "New Design",
"date": "2015-05-05T12:59:45",
"body": $sce.trustAsHtml("<p>Hey John, Consectetur adipiscing elit</p><br>" +
"<p>Cras rhoncus quam ipsum, vel dignissim nisl egestas sed. Aliquam erat volutpat. Integer eu nisl elit. Donec malesuada diam vitae tellus luctus tincidunt. Donec tempus blandit neque, rutrum egestas ipsum sagittis tempor. Curabitur volutpat ligula enim, nec vehicula purus molestie at. Sed a facilisis enim, nec molestie magna. Donec in augue non est viverra dapibus vel tempus risus. Nam porttitor purus sit amet hendrerit ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>"),
"pic": "img/Nick.png",
"email": "barlowshort@mail.com",
"position": "Graphical designer",
"attachment": "design.psd",
"tag": "work",
"labels": ['shops']
},
{
"id": "8955sdfcc",
"name": "Nick Cat",
"subject": "Gift card",
"date": "2015-07-18T10:19:01",
"body": $sce.trustAsHtml("<p>Hey John, </p><br><p>Consectetur adipiscing elit, Lorem ipsum dolor sit amet</p>"),
"pic": "img/Nick.png",
"email": "barlowshort@mail.com",
"position": "Graphical designer",
"tag": "study",
"labels": ['innovation']
},
{
"id": "8955asewf",
"name": "Nick Cat",
"subject": "Some news",
"date": "2015-09-23T03:04:10",
"body": $sce.trustAsHtml("<p>Hey John, </p><br><p>Integer eu nisl elit. Donec malesuada diam vitae tellus luctus tincidunt. Donec tempus blandit neque, rutrum egestas ipsum sagittis tempor. Curabitur volutpat ligula enim, nec vehicula purus molestie at. Sed a facilisis enim, nec molestie magna. Donec in augue non est viverra dapibus vel tempus risus. Nam porttitor purus sit amet hendrerit ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>"),
"pic": "img/Nick.png",
"email": "barlowshort@mail.com",
"position": "Graphical designer",
"tag": "work",
"labels": ['shops', 'media']
},
{
"id": "2334uudsa",
"name": "Kostya Danovsky",
"subject": "Street Art",
"date": "2015-11-22T10:05:09",
"body": $sce.trustAsHtml("<p>Hey John, </p><p>Aliquam eu facilisis eros, quis varius est.</p>" +
"<p>Consectetur adipiscing elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.</p>" +
"<p>Lorem ipsum dolor sit amet! Nullam imperdiet justo a ipsum laoreet euismod.</p>" +
"<br><p>Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed." +
"Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic</p>"),
"pic": "img/Kostya.png",
"email": "schwart@mail.com",
"position": "Technical Chef",
"attachment": "file.doc",
"tag": "family",
"labels": ['hr', 'innovation']
},
{
"id": "2334aefvv",
"name": "Kostya Danovsky",
"subject": "New product",
"date": "2015-06-22T06:26:10",
"body": $sce.trustAsHtml("<p>Hello John, </p><p>Lorem ipsum dolor sit amet!</p>" +
"<p>Consectetur adipiscing elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.</p>" +
"<p>Aliquam eu facilisis eros, quis varius est. Nullam imperdiet justo a ipsum laoreet euismod.</p>" +
"<br><p>Nulla facilisi. Nulla congue, arcu eget blandit lacinia, leo ante ullamcorper lectus, vel pulvinar justo ipsum vitae justo." +
"Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic</p>"),
"pic": "img/Kostya.png",
"email": "schwart@mail.com",
"position": "Technical Chef",
"tag": "family",
"labels": ['tech', 'product']
},
{
"id": "2334cvdss",
"name": "Kostya Danovsky",
"subject": "Old product",
"date": "2015-06-22T06:26:10",
"body": $sce.trustAsHtml("<p>Hello John, </p>" +
"<p>Consectetur adipiscing elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.</p>" +
"<br>"+
"<p>Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic</p>"),
"pic": "img/Kostya.png",
"email": "schwart@mail.com",
"position": "Technical Chef",
"tag": "study",
"labels": ['product']
},
{
"id": "8223xzxfn",
"name": "Andrey Hrabouski",
"subject": "Skype moji",
"date": "2015-07-16T06:47:53",
"body": $sce.trustAsHtml("<p>Hello John, </p><p>Aliquam sodales sem in nibh pellentesque</p>" +
"<p>Lorem ipsum dolor I find moji in skype sit amet!.</p>"),
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"tag": 'family',
"labels": ['tech']
},
{
"id": "8223sdffn",
"name": "Andrey Hrabouski",
"subject": "My App",
"date": "2015-06-20T07:05:02",
"body": $sce.trustAsHtml("<p>Hey Vlad. </p><p>Lorem ipsum dolor sit amet!</p>" +
"<p>Consectetur My Falasson App elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.</p>"),
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"tag": 'family',
"labels": ['tech']
},
{
"id": "9391xdsff",
"name": "Vlad Lugovsky",
"subject": "Cool",
"date": "2015-03-31T11:52:58",
"body": $sce.trustAsHtml("<p>Hey Vlad. </p><p>Aliquam sodales sem in nibh pellentesque</p>" +
"<p>Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed.</p>"),
"pic": "img/Vlad.png",
"email": "carlsongoodman@mail.com",
"position": "Fullstack man",
"tag": "study",
"labels": ['tech']
},
{
"id": "8223xsdaa",
"name": "Andrey Hrabouski",
"subject": "Car rent",
"date": "2015-02-25T10:58:58",
"body": $sce.trustAsHtml("<p>Hey Andrey. </p>" +
"<p>Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic</p>"),
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"tag": "family",
"labels": ['hr']
},
{
"id": "9391xdsfd",
"name": "Vlad Lugovsky",
"subject": "What next",
"date": "2015-03-31T11:52:58",
"body": $sce.trustAsHtml("<p>Hey Vlad. </p><p>Lorem ipsum dolor sit amet!</p>" +
"<p>Esse esse labore tempor ullamco ullamco. Id veniam laborum c.</p>"),
"pic": "img/Vlad.png",
"email": "carlsongoodman@mail.com",
"position": "Fullstack man",
"tag": "study",
"labels": ['hr']
}
].sort(function (a, b) {
if (a.date > b.date) return 1;
if (a.date < b.date) return -1;
}).reverse();
var tabs = [{
label: 'hr',
name: 'HR'
}, {
label: 'tech',
name: 'Tech'
}, {
label: 'product',
name: 'Product'
}, {
label: 'finance',
name: 'Finance'
}, {
label: 'media',
name: 'Media'
}, {
label: 'shops',
name: 'Shops'
}, {
label: 'innovation',
name: 'Innovation'
}];
return{
getTabs : function(){
return tabs
},
getMembersByLabel : function(label){
return messages.filter(function(m){
return m.labels.indexOf(label) != -1;
});
},
getAllMessages : function(){
return messages;
},
getMemberById : function(id){
return messages.filter(function(m){
return m.id == id;
})[0];
}
}
}
})();

2
src/sass/app/_email.scss
View File

@ -144,7 +144,7 @@
float: left;
padding: 0 15px;
position: relative;
height: 550px;
min-height: 550px;
transition: width 0.5s;
width: calc(100% - 200px);
border-bottom-right-radius: 5px;