87
Список использованной литературы
Абдикеев, Н.М. Корпоративные информационные системы управления /
Н.М. Абдикеев. - М.: ИНФРА-М, 2011. – 463 с.
Баженова, И.Ю. Основы проектирования приложений баз данных / И.Ю.
Баженова. - Издательства: Бином. Лаборатория знаний, Интернет-
университет информационных технологий, 2010. - 328 с.
Вендров, А.М. CASE-технологии. Современные методы и средства
проектирования информационных систем / А.М. Вендров. - М.: Финансы и
статистика, 2014. - 456 с.
Вигерс, Карл. Разработка требований к программному обеспечению, пер, с
англ. / Карл Вигерс. - М.:Издательско-торговый дом "Русская Редакция",
2011. -576с.: ил
Гвоздева, Т.В. Проектирование информационных систем / Т.В. Гвоздева,
Б.А. Баллод. - М, Издательство: Феникс, 2012 г., 512 стр.
Гиляревский, Р.С. Информационный менеджмент: управление
информацией, знанием, технологией. / Р.С. Гиляревский. - Санкт-
Петербург: Профессия, 2013. - 303 с.
Голицына, О.Л. Информационные технологии / О.Л. Голицына, И.И.
Попов, Н.В. Максимов, Т.Л. Партыка. - М, Издательство Инфра-М, 2013. -
608 с.
Дзюба, С.А. Эффективность системы управления: информационный
подход / С.А. Дзюба/ Менеджмент в России и за рубежом. - 2010. - № 4. -
С. 3-10.
Дюбуа, Поль MySQL [Текст] / Поль Дюбуа. - М.: Вильямс; Издание 2-е -
Москва, 2014. - 909 c.
Илюшечкин, В. М. Основы использования и проектирования баз данных /
В.М. Илюшечкин. - М, Издательство Юрайт, 2012. - 224 с.
Кузин, А.В. Базы данных / А.В. Кузин, С.В. Левонисова. - М,
Издательство: Академия, 2010 . - 320 с.
Кузнецов, Максим. MySQL 5 / Максим Кузнецов, Игорь Симдянов. - БХВ-
Петербург - Москва, 2010. - 644 c.
Логинов, Е.Л. Новые информационные технологии для контрольной
деятельности в сфере государственного и корпоративного управления /
Е.Л. Логинов// Информационное общество. - 2011. - № 6. - С. 32-39.
Незнанов, А.А. Программирование и алгоритмизация / А.А. Незнанов. - М,
Издательство: Академия, 2010. - 304 с.
88
Приложения
Файл HTML
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/trello.css">
</head>
<body ng-cloak>
<main id="main_container" role="main">
<div data-reactid=".0">
<div class="view-container sessions new" data-reactid=".0.0">
<main data-reactid=".0.0.0" class="mySign">
<form id="sign_in_form" data-reactid=".0.0.0.1">
<div class="field" data-reactid=".0.0.0.1.1">
<input type="Email" id="user_email" placeholder="E-mail" required=""
value="artem.hvoshevskiy@mail.ru" data-reactid=".0.0.0.1.1.0"></div>
<div class="field" data-reactid=".0.0.0.1.2">
<input type="password" id="user_password" placeholder="Пароль"
required="" value="12345678" data-reactid=".0.0.0.1.2.0"></div>
<button type="submit" data-reactid=".0.0.0.1.3"
class="myBtn1">Войти</button>
</form>
<button type="button" data-reactid=".0.0.0.2" class="myCreate">Создать
новый аккаунт</button>
</main>
<main class="myReg">
<form id="sign_up_form" data-reactid=".0.0.0.1">
<div class="field" data-reactid=".0.0.0.1.0">
<input id="user_first_name" type="text" placeholder="Имя" required=""
data-reactid=".0.0.0.1.0.0">
</div>
<div class="field" data-reactid=".0.0.0.1.1">
<input id="user_last_name" type="text" placeholder="Фамилия"
required="" data-reactid=".0.0.0.1.1.0">
89
</div>
<div class="field" data-reactid=".0.0.0.1.2">
<input id="user_email" type="email" placeholder="Email" required=""
data-reactid=".0.0.0.1.2.0">
</div>
<div class="field" data-reactid=".0.0.0.1.3">
<input id="user_password" type="password" placeholder="Пароль"
required="" data-reactid=".0.0.0.1.3.0">
</div>
<div class="field" data-reactid=".0.0.0.1.4">
<input id="user_password_confirmation" type="password"
placeholder="Подтвердите пароль" required="" data-reactid=".0.0.0.1.4.0">
</div>
<div class="field" data-reactid=".0.0.0.1.5">
<input id="user_place" type="text" placeholder="Ваша должность"
required="" data-reactid=".0.0.0.1.5.0">
</div>
<button type="submit" data-
reactid=".0.0.0.1.5">Зарегистрироваться</button>
</form>
<button data-reactid=".0.0.0.2" class="mySign2">Войти</button>
</main>
</div>
</div>
</main>
<div class="wrapper">
<header>
<div class='row'>
<h1 class='app-name left'>Хвощевский Артём МФПУ Синергия</h1>
</div>
</header>
<div class="reglogin"></div>
<section id="lists-container"
class="lists-container"
ng-controller="listsCtrl as listsCtrl">
<div class="row">
<section class="list list-inline"
ng-repeat="list in listsCtrl.lists"
ng-controller="listCtrl as listCtrl">
<h1>{{list.listName}}</h1>
90
<div class='card'
ng-controller="cardCtrl as cardCtrl"
ng-repeat='card in listCtrl.getCards(list)'>
<div ng-if='!cardCtrl.isEditing'>
{{card.description}}
<div ng-click='cardCtrl.editCard(card)'
class='edit-small edit-card hand'>
</div>
<div ng-click='cardCtrl.deleteCard(card)'
class='remove-small remove-card hand'>
</div>
</div>
<div ng-if='cardCtrl.isEditing'>
<form ng-submit='cardCtrl.updateCard()'>
<input type='text'
close-editing
is-editing='cardCtrl.isEditing'
ng-model='cardCtrl.editingCard.description'>
<select class='select-list'
ng-model='cardCtrl.editingCard.list_id'
ng-change="cardCtrl.updateCard()"
ng-options="list.id as list.listName for list in listsCtrl.lists">
</select>
</form>
</div>
</div>
<a ng-click="listCtrl.removeList(list)" class="hand">
<div class="remove remove-list"></div>
</a>
<section class='new-card'>
<form ng-submit="listCtrl.createCard(list)">
<input type='text'
ng-model='listCtrl.cardDescription'
class='card-input'
placeholder='Новая задача'>
</form>
</section>
</section>
<section class="list new-list list-inline">
91
<form ng-submit="listsCtrl.addList()">
<input type="text" ng-model='listsCtrl.listName' placeholder="Добавить
новую карточку">
</form>
</section>
</div>
</section>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js/app.js"></script>
<script src="js/main.js"></script>
<script src="js/factories/listFactory.js"></script>
<script src="js/factories/cardFactory.js"></script>
<script src="js/controllers/listsCtrl.js"></script>
<script src="js/controllers/listCtrl.js"></script>
<script src="js/controllers/cardCtrl.js"></script>
<script src="js/directives/closeEditing.js"></script>
</div>
</body>
</html>
Файл CSS
/* BASE */
body{
margin: 0;
padding: 0;
height: 100%;
background-color: #89609E;
font-size: 16px;
}
html{
height: 100%;
}
header{
background-color: #391165;
92
color: #FFF;
margin: 0;
padding: 1.2em;
overflow: hidden;
}
input{
border-radius: 4px;
}
/* END BASE */
.app-name{
font-family: 'Yesteryear', cursive;
color: #fff;
font-weight: 500;
font-size: 2em;
margin: 0;
padding: 0;
text-indent: .5em;
}
.list{
width: 234px;
background-color: #ebecf0;
border-radius: 4px;
padding: 10px;
margin: 0 7px;
border: 1px solid #999;
vertical-align: top;
position: relative;
}
.list h1{
font-size: 16px;
font-weight: 700;
text-align: left;
}
.list input{
93
margin-bottom:0;
}
.list.new-list{
background-color: #628DA4;
}
.list-inline{
display: inline-block;
}
.lists-container{
padding: 20px;
position: relative;
}
.remove{
width: 15px;
height: 15px;
background: url( ../img/x.svg);
}
.remove-small{
width: 10px;
height: 10px;
background: url( ../img/x_sm.svg);
}
.remove-list{
position : absolute;
margin: 6px;
font-family: Helvetica, Arial, Sans-Serif;
top: 0;
right: 0;
font-weight: 700;
color: #205c7e;
}
.remove-card{
position: absolute;
94
top: 3px;
right: 3px;
}
.no-display{
display: none;
}
.card{
padding: 20px;
background-color: #FFF;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(9,30,66,.25);
margin: 10px 0;
border: 1px solid #b9b9b9;
position: relative;
}
.edit{
width: 15px;
height: 15px;
background: url( ../img/pen_alt_stroke.svg);
}
.edit-small{
width: 10px;
height: 10px;
background: url( ../img/pen_alt_stroke_sm.svg);
}
.edit-card{
display: block;
position: absolute;
top: 3px;
right: 20px;
}
.edit:hover{
background: url( ../img/pen_alt_fill.svg);
}
95
.edit_sm:hover{
background: url( ../img/pen_alt_fill_sm.svg);
}
.card:hover{
border-color: #205c7e;
}
.hand{
cursor: pointer;
}
input.search{
width: 200px;
margin-top: 4px;
margin-bottom: 0;
margin-right: 10px;
}
.select-list{
margin: 10px 0 0 0;
}
.header-link{
color: #FFF;
vertical-align: middle;
}
.header-link:hover{
color: #e3e3e3;
}
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none;
}
#main_container {
height: calc(100% - 40px);
96
}
#main_container > div {
height: 100%;
}
.sessions.new, .registrations.new {
background: #89609E;
background-size: cover;
position: relative;
height: 100%;
}
.sessions.new main, .registrations.new main {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 450px;
top: 40%;
left: 50%;
text-align: center;
}
.sessions.new form, .registrations.new form {
margin-bottom: 1.5em;
}
.sessions.new form .field, .registrations.new form .field {
margin: .5em 0;
}
.sessions.new form [type="text"], .sessions.new form [type="email"], .sessions.new
form [type="password"], .sessions.new form button, .registrations.new form
[type="text"], .registrations.new form [type="email"], .registrations.new form
[type="password"], .registrations.new form button {
border: 0px none;
width: 350px;