Commit d47fb655 authored by Vasyl Bodnaruk's avatar Vasyl Bodnaruk

delete

parent 056ca5cc
/*----------------------------------------------------------------------------------------------------
General styling
----------------------------------------------------------------------------------------------------*/
@-webkit-keyframes fstAnimationEnter {
from {
opacity: 0;
-webkit-transform: translate3d(0, -1em, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0); } }
@-moz-keyframes fstAnimationEnter {
from {
opacity: 0;
-moz-transform: translate3d(0, -1em, 0); }
to {
opacity: 1;
-moz-transform: translate3d(0, 0, 0); } }
@keyframes fstAnimationEnter {
from {
opacity: 0;
-webkit-transform: translate3d(0, -1em, 0);
-moz-transform: translate3d(0, -1em, 0);
-ms-transform: translate3d(0, -1em, 0);
-o-transform: translate3d(0, -1em, 0);
transform: translate3d(0, -1em, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fstElement {
position: relative;
border: 1px solid #D7D7D7;
border-radius: 5px;
box-sizing: border-box;
color: #232323;
background-color: #fff; }
.fstElement > select,
.fstElement > input {
position: absolute;
left: -999em; }
.fstToggleBtn {
display: block;
position: relative;
box-sizing: border-box;
padding: .5rem .75rem;
min-width: 14.28571em;
cursor: pointer; }
.fstToggleBtn:after {
position: absolute;
content: "";
right: 0.71429em;
top: 50%;
margin-top: -0.17857em;
border: 0.35714em solid transparent;
border-top-color: #cacaca; }
.fstQueryInput {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
box-sizing: border-box;
background: transparent;
border: 0; }
.fstResults {
position: absolute;
left: -1px;
top: 100%;
right: -1px;
max-height: 30em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #D7D7D7;
border-top: 0;
background-color: #FFF;
display: none; }
.fstResultItem {
display: block;
padding: 0.5em 0.71429em;
margin: 0;
cursor: pointer;
border-top: 1px solid #fff; }
.fstResultItem.fstUserOption {
color: #707070; }
.fstResultItem.fstFocused {
color: #fff;
background-color: #43A2F3;
border-color: #73baf6; }
.fstResultItem.fstSelected {
color: #fff;
background-color: #2694f1;
border-color: #73baf6; }
.fstGroupTitle {
display: block;
padding: 0.5em 0.71429em;
margin: 0;
font-weight: bold; }
.fstGroup {
padding-top: 1em; }
.fstGroup:first-child {
padding-top: 0; }
.fstNoResults {
display: block;
padding: 0.71429em 0.71429em;
margin: 0;
color: #999; }
/*----------------------------------------------------------------------------------------------------
Single Mode
----------------------------------------------------------------------------------------------------*/
.fstSingleMode .fstControls {
position: absolute;
left: -1px;
right: -1px;
top: 100%;
padding: 0.5em;
border: 1px solid #D7D7D7;
background-color: #fff;
display: none; }
.fstSingleMode .fstQueryInput {
display: block;
width: 100%;
padding: 0.5em 0.35714em;
color: #999;
border: 1px solid #D7D7D7; }
.fstSingleMode.fstActive {
z-index: 100; }
.fstSingleMode.fstActive.fstElement,
.fstSingleMode.fstActive .fstControls,
.fstSingleMode.fstActive .fstResults {
box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }
.fstSingleMode.fstActive .fstControls {
display: block; }
.fstSingleMode.fstActive .fstResults {
display: block;
z-index: 10;
margin-top: -1px; }
/*----------------------------------------------------------------------------------------------------
Multiple mode
----------------------------------------------------------------------------------------------------*/
.fstChoiceItem {
display: inline-block;
position: relative;
margin: 0 0.41667em 0.41667em 0;
padding: 0em 0.33333em 0em 1.5em;
float: left;
border-radius: 0.25em;
border: 1px solid #43A2F3;
cursor: auto;
color: #fff;
background-color: #43A2F3;
-webkit-animation: fstAnimationEnter 0.2s;
-moz-animation: fstAnimationEnter 0.2s;
animation: fstAnimationEnter 0.2s; }
.fstChoiceItem.mod1 {
background-color: #F9F9F9;
border: 1px solid #D7D7D7;
color: #232323; }
.fstChoiceItem.mod1 > .fstChoiceRemove {
color: #a4a4a4; }
.fstChoiceRemove {
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
background: none;
position: absolute;
left: 0;
top: 50%;
width: 1.28571em;
line-height: 1.28571em;
margin-top: -0.64286em;
text-align: center;
color: #fff; }
.fstChoiceRemove::-moz-focus-inner {
padding: 0;
border: 0; }
.fstMultipleMode .fstControls {
box-sizing: border-box;
padding: .5rem .75rem 0rem;
overflow: hidden;
cursor: text; }
.fstMultipleMode .fstQueryInput {
float: left;
margin: 0 0 0.45em 0;
width: 2em;
color: #999; }
.fstMultipleMode .fstQueryInputExpanded {
float: none;
width: 100%;
}
.fstMultipleMode.fstActive,
.fstMultipleMode.fstActive .fstResults {
box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }
.fstMultipleMode.fstActive .fstResults {
display: block;
z-index: 10;
border-top: 1px solid #D7D7D7; }
/* Actions */
.actions {
display: flex;
}
.actions-form {
display: flex;
margin-left: 35px;
}
.actions-form > * {
margin: 0 5px;
}
.actions-select {
width: 150px;
}
/* Action block */
.divider {
opacity: 0.2;
}
.action-block {
padding-left: 17px;
}
.action-block-delete {
color: #d9534f;
}
.action-block-view {
color: #5bc0de;
}
.action-block-edit {
color: #0275d8;
}
.action-block-delete:hover {
color: #c9302c;
}
.action-block-view:hover {
color: #31b0d5;
}
.action-block-edit:hover {
color: #025aa5;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.min.css">
<link rel="stylesheet" href="css/fastselect.css">
<title>Document</title>
</head>
<body>
<main class="pt-5 pb-5">
<div class="container">
<form class="form">
<section class="mb-5">
<h2 class="offset-1 display-4 mb-5">Add new</h2>
<!-- Title -->
<div class="form-group row">
<label for="title" class="offset-1 col-2 col-form-label">Title</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Some title..." id="title" name="title">
</div>
</div>
<!-- Description -->
<div class="form-group row">
<label for="description" class="offset-1 col-2 col-form-label">Description</label>
<div class="col-6">
<textarea class="form-control" type="text" placeholder="Some description..." id="description" name="description"></textarea>
</div>
</div>
<!-- Url -->
<div class="form-group row">
<label for="url" class="offset-1 col-2 col-form-label">Url</label>
<div class="col-6">
<input class="form-control" type="text" placeholder="Some url..." id="url" name="url">
</div>
</div>
<!-- Entity -->
<div class="form-group row has-success">
<label for="entity" class="offset-1 col-2 col-form-label">Entity</label>
<div class="col-6">
<input class="form-control form-control-success" type="text" placeholder="Write entity..." id="entity" name="entity">
<div class="form-control-feedback">Additional message</div>
</div>
<!--<div class="col-3">
<button class="btn btn-primary">Add entity</button>
</div>-->
</div>
<!-- Radar -->
<div class="form-group row">
<label for="radar" class="offset-1 col-2 col-form-label">Radar</label>
<div class="col-6">
<input
type="text"
id="radar"
data-url="json/radar.json"
data-load-once="true"
class="multiselect"
name="radar"/>
</div>
</div>
<!-- Industry -->
<div class="form-group row">
<label for="industry" class="offset-1 col-2 col-form-label">Industry</label>
<div class="col-6">
<input
type="text"
id="industry"
class="multiselect"
data-url="json/industry.json"
data-load-once="true"
name="industry"/>
</div>
</div>
<!-- Function -->
<div class="form-group row">
<label for="function" class="offset-1 col-2 col-form-label">Function</label>
<div class="col-6">
<input
type="text"
id="function"
class="multiselect"
data-url="json/function.json"
data-load-once="true"
name="function"/>
</div>
</div>
<!-- Media -->
<div class="form-group row">
<label for="media" class="offset-1 col-2 col-form-label">Media</label>
<div class="col-6">
<div class="row">
<div class="col-12">
<input
type="text"
id="media"
class="multiselect"
data-url="json/media.json"
data-load-once="true"
name="media"/>
</div>
<!--<div class="col-3">
<button class="btn btn-primary">Add media</button>
</div>-->
</div>
</div>
</div>
<!-- Industry -->
<div class="form-group row">
<label for="technology" class="offset-1 col-2 col-form-label">Technology</label>
<div class="col-6">
<input
type="text"
id="technology"
class="multiselect"
data-url="json/technology.json"
data-load-once="true"
name="technology"/>
</div>
</div>
<!-- Type -->
<div class="form-group row">
<label for="type" class="offset-1 col-2 col-form-label">Type</label>
<div class="col-3">
<input
type="text"
id="type"
class="multiselect"
data-url="json/type.json"
data-load-once="true"
name="type"/>
</div>
</div>
<!-- Region -->
<div class="form-group row">
<label for="region" class="offset-1 col-2 col-form-label">Region</label>
<div class="col-3">
<input
type="text"
id="region"
class="multiselect"
data-url="json/region.json"
data-load-once="true"
name="region"/>
</div>
</div>
<!-- Publish Date -->
<div class="form-group row">
<label for="publish-date" class="offset-1 col-2 col-form-label">Publish Date</label>
<div class="col-3">
<input id="publish-date" type="text" class="form-control" placeholder="Choose a date" name="date">
</div>
</div>
<!-- Tag -->
<div class="form-group row">
<label for="tag" class="offset-1 col-2 col-form-label">Tag</label>
<div class="col-6">
<input
type="text"
multiple
id="tag"
class="multiselect"
data-url="json/tags.json"
data-load-once="true"
name="tags"/>
</div>
</div>
<!-- Submit -->
<div class="form-group row">
<div class="offset-7 col-2">
<button type="submit" class="form-control btn btn-primary">Add</button>
</div>
</div>
</section>
</form>
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
<script src="http://dbrekalo.github.io/fastselect/dist/fastselect.standalone.js"></script>
<script src="js/script.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
// Table page
$(document).ready(function() {
// ------------------------------
// Settings
// ------------------------------
var AJAX_URL = 'https://localhost:3002';
var selectAllChk = '#select-all';
var chk = '.checkbox';
var counter = '.actions-delete-counter';
var deleteBtn = '.js-delete-items';
// Action block
var actionView = '.action-block-view';
var actionEdit = '.action-block-edit';
var actionDelete = '.action-block-delete';
function actionData(element) {
var id = $(element).closest('tr').find('.checkbox').prop('id');
var type = $(element).data().type;
var elementDetails = {
id: id,
type: type
};
return elementDetails;
}
function updateCounter() {
var count = 0;
var presentSelected = $('.checkbox:checked').length > 0 ? false : true;
var selectedLength = $('.checkbox').each(function(index, item) {
$(item).prop('checked') === true
? count++
: ''
});
$(counter).text(count);
$(deleteBtn).prop('disabled', presentSelected);
}
function deleteData() {
var items = {
id: [],
type: 'deleteAll'
};
var selectedLength = $('.checkbox').each(function(index, item) {
$(item).prop('checked') === true
? items.id.push($(item).prop('id'))
: ''
});
return items;
}
function ajaxPost(url, data) {
$.ajax({
type: "POST", //rest Type
dataType: 'jsonp', //mispelled
data: JSON.stringify(data),
url: url,
async: false,
contentType: "application/json; charset=utf-8",
success: function (msg) {
console.log(msg);
}
})
}
updateCounter();
$(selectAllChk).click(function () {
$(chk).prop('checked', $(this).prop('checked'));
updateCounter();
});
$(chk).on('click', updateCounter);
$(deleteBtn).on('click', function() {
var data = deleteData();
ajaxPost(AJAX_URL, data);
});
$(actionView).on('click', function(e) {
e.preventDefault();
var data = actionData(this);
ajaxPost(AJAX_URL, data);
});
$(actionEdit).on('click', function(e) {
e.preventDefault();
var data = actionData(this);
ajaxPost(AJAX_URL, data);
});
$(actionDelete).on('click', function(e) {
e.preventDefault();
var data = actionData(this);
ajaxPost(AJAX_URL, data);
});
});
// Index Page
$(document).ready(function() {
$('.multiselect').fastselect();
$('#publish-date').datepicker();
});
\ No newline at end of file
[
{"text": "Func1", "value" : "Func1"},
{"text": "Func2", "value" : "Func2"},
{"text": "Func3", "value" : "Func3"},
{"text": "Func4", "value" : "Func4"},
{"text": "Func5", "value" : "Func5"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
[
{"text": "Algeria", "value" : "Algeria"},
{"text": "Angola", "value" : "Angola"},
{"text": "Angola", "value" : "as"},
{"text": "Angola", "value" : "dsda"},
{"text": "Angola", "value" : "aasdadsd"}
]
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<title>Document</title>
</head>
<body>
<div class="container mt-5">
<h1>Bla-bla-bla. La-la-la. Blu-lu-lu. A-a-a. Opa-cha-opa-cha.</h1>
<a href="#" class="btn btn-primary mt-3">Edit</a>
<div class="new-content mt-5">
<div class="new-content-field mb-4">
<h5 class="new-content-title">- NY</h5>
</div>
<div class="new-content-field mb-4">
<h5 class="new-content-title">EntityURL</h5>
<div class="new-content-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias quia aliquid praesentium ratione at eos ut earum quam, distinctio hic voluptatum tempora porro eligendi, blanditiis illum modi debitis, eum culpa.</div>
</div>
<div class="new-content-field mb-4">
<h5 class="new-content-title">Media</h5>
<div class="new-content-description">
<div>TechCrunch</div>
<a href="#">http://techcrunch.com</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>Document</title>
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<div class="actions mr-auto">
<button class="js-delete-items btn btn-danger">
<span>Delete items (</span><span class="actions-delete-counter">0</span><span>)</span>
</button>
<form class="actions-form">
<select class="form-control actions-select">
<option>Default</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<select class="form-control actions-select">
<option>Default</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<button type="submit" class="btn btn-success">Filter</button>
</form>
</div>
<a href="/" class="btn btn-primary">Add News</a>
</div>
</nav>
<form class="form">
<table class="table table-hover">
<thead class="thead-inverse">
<tr>
<th>
<span><input id="select-all" type="checkbox"></span>
<span>Title</span>
</th>
<th>Media</th>
<th>Type</th>
<th>Region</th>
<th>Publish date</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span><input id="chk-1" class="checkbox" type="checkbox"></span>
<span><a href="index.html">Mark</a></span>
<div class="action-block">
<a href="#" data-type="view" class="action-block-view"><strong>View</strong></a>
<span class="divider">|</span>
<a href="#" data-type="edit" class="action-block-edit"><strong>Edit</strong></a>
<span class="divider">|</span>
<a href="#" data-type="delete" class="action-block-delete"><strong>Delete</strong></a>
</div>
</td>
<td>TechCrunch</td>
<td>Startup</td>
<td>NA</td>
<td>2016-08-25 00:00:00</td>
</tr>
<tr>
<td>
<span><input id="chk-2" class="checkbox" type="checkbox"></span>
<span><a href="index.html">Mark</a></span>
<div class="action-block">
<a href="#" data-type="view" class="action-block-view"><strong>View</strong></a>
<span class="divider">|</span>
<a href="#" data-type="edit" class="action-block-edit"><strong>Edit</strong></a>
<span class="divider">|</span>
<a href="#" data-type="delete" class="action-block-delete"><strong>Delete</strong></a>
</div>
</td>
<td>TechCrunch</td>
<td>Startup</td>
<td>NA</td>
<td>2016-08-25 00:00:00</td>
</tr>
</tbody>
</table>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
-- phpMyAdmin SQL Dump
-- version 4.2.12deb2+deb8u2
-- http://www.phpmyadmin.net
--
-- Хост: localhost
-- Час створення: Трв 25 2017 р., 11:17
-- Версія сервера: 5.5.54-0+deb8u1
-- Версія PHP: 5.6.29-0+deb8u1
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
--
-- База даних: `esi`
--
-- --------------------------------------------------------
--
-- Структура таблиці `wp_esi_entity`
--
CREATE TABLE IF NOT EXISTS `wp_esi_entity` (
`id` int(11) NOT NULL,
`name` varchar(255) NOT NULL,
`description` text NOT NULL,
`url` varchar(2083) NOT NULL,
`is_investor` tinyint(1) NOT NULL,
`country` varchar(2) NOT NULL,
`city` varchar(255) NOT NULL,
`entity_type_id` int(11) NOT NULL,
`founded_in` date NOT NULL DEFAULT '0000-00-00',
`employees` int(11) NOT NULL DEFAULT '0',
`acquired_by` int(11) DEFAULT NULL,
`acquired_at` date NOT NULL DEFAULT '0000-00-00',
`acquired_amount` int(11) DEFAULT NULL,
`total_raised` int(11) DEFAULT NULL,
`latest_round_type` int(11) DEFAULT NULL,
`facebook_link` text NOT NULL,
`twitter_link` text NOT NULL,
`linkedin_link` text NOT NULL,
`status` smallint(1) NOT NULL DEFAULT '1'
) ENGINE=InnoDB AUTO_INCREMENT=15957 DEFAULT CHARSET=utf8;
--
-- Індекси збережених таблиць
--
--
-- Індекси таблиці `wp_esi_entity`
--
ALTER TABLE `wp_esi_entity`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT для збережених таблиць
--
--
-- AUTO_INCREMENT для таблиці `wp_esi_entity`
--
ALTER TABLE `wp_esi_entity`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=15957;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment