97
padding: 30px 1em;
margin: 0 auto;
font-size: 1.1em;
}
.sessions.new form button, .registrations.new form button {
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.sessions.new a, .registrations.new a {
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
color: rgba(255, 255, 255, 0.5);
}
.wrapper, .myReg{
display: none;
}
Файл JS
angular.module('app').controller('cardCtrl', function (cardFactory) {
this.isEditing = false;
this.editingCard = null;
this.deleteCard = function (card) {
cardFactory.deleteCard(card);
};
this.editCard = function (card) {
this.isEditing = true;
this.editingCard = angular.copy(card);
};
this.updateCard = function () {
98
cardFactory.updateCard(this.editingCard);
this.editingCard = null;
this.isEditing = false;
};
});
angular.module('app').controller('listCtrl', function (listFactory, cardFactory) {
this.removeList = function (list) {
listFactory.removeList(list);
};
this.getCards = function (list) {
return cardFactory.getCards(list);
};
this.createCard = function (list) {
cardFactory.createCard(list, this.cardDescription);
this.cardDescription = '';
};
});
angular.module('app').controller('listsCtrl', function (listFactory) {
console.log('listsCtrl');
this.lists = listFactory.getLists();
this.addList = function () {
listFactory.addList(this.listName);
this.listName = '';
};
});
angular.module('app').directive('closeEditing', function () {
var KEYS = {
ESCAPE: 27
};
return {
scope: {
isEditing: '='
},
link: function (scope, element, attrs) {
99
element.on('keyup', function (e) {
if (_.isEqual(e.keyCode, KEYS.ESCAPE)) {
scope.isEditing = false;
scope.$apply();
}
});
}
};
});
angular.module('app').factory('cardFactory', function () {
var service = {};
var cards = [
{
id: 1,
description: 'Создать сайт по макету',
list_id: 1
},
{
id: 2,
description: 'Разработать дизайн геля для бритья',
list_id: 1
},
{
id: 3,
description: 'Утвердить макет сайта',
list_id: 3
},
{
id: 4,
description: 'Разместить сайт на сервере',
list_id: 2
},
{
id: 5,
description: 'Подписать документы',
list_id: 1
},
{
100
id: 6,
description: 'Сверстать тестовый оффер',
list_id: 3
}
];
service.getCards = function (list) {
return _.filter(cards, { list_id: list.id });
};
service.createCard = function (list, cardDescription) {
cards.push({
id: _.uniqueId('card_'),
description: cardDescription,
list_id: list.id
});
};
service.deleteCard = function (card) {
return _.pull(cards, card);
};
service.updateCard = function (updatingCard) {
var card = _.findWhere(cards, { id: updatingCard.id });
card.description = updatingCard.description;
card.list_id = updatingCard.list_id;
};
return service;
});
angular.module('app').factory('listFactory', function () {
var service = {};
var lists = [
{
id: 1,
listName: 'В ожидании'
},
{
101
id: 2,
listName: 'В процессе'
},
{
id: 3,
listName: 'Готовые'
}
];
service.getLists = function () {
return lists;
};
service.addList = function (listName) {
lists.push({
id: _.uniqueId('list_'),
listName: listName
});
};
service.removeList = function (list) {
_.pull(lists, list);
};
return service;
});
angular.module('app', []);
$('.myBtn1').click(function() {
$('#main_container').hide();
$('.wrapper').show();
});
$('.myCreate').click(function() {
$('.mySign').hide();
$('.myReg').show();
});
$('.mySign2').click(function() {
$('.mySign').show();
$('.myReg').hide();
});