-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
127 lines (114 loc) · 5.57 KB
/
index.html
File metadata and controls
127 lines (114 loc) · 5.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gantt Project Live Edit Demo</title>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
<script src="js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-bundle.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-data-adapter.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<table style="width: 100%; height: 100%; border: 10px solid #fff;">
<tr style="border: 10px solid #fff;">
<td rowspan="2" style="width: 70%; border: 10px solid #fff;">
<div class="panel panel-default" style="height: 100%; margin-bottom: 0px;">
<div class="panel-heading">
<h3 class="panel-title">Gantt Project Chart</h3>
</div>
<div class="panel-body" style="height: 100%;">
<div style="width: 100%; height: 90%; margin: 0; padding: 0; border: 1px solid #aaa" id="chartContainer"></div>
</div>
</div>
</td>
<td height="40%">
<div class="panel panel-default" style="height: 100%; margin-bottom: 0px;">
<div class="panel-heading">
<h3 class="panel-title" id="editTitle">Add/Edit Form</h3>
</div>
<div class="panel-body">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Task name" id="taskName">
</div>
<div>
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' style="min-width: 300px" id='actualStart'>
<input type='text' class="form-control" placeholder="Actual start"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#actualStart').datetimepicker({
sideBySide: true
});
});
</script>
</div>
</div>
<div>
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' style="min-width: 300px" id='actualEnd'>
<input type='text' class="form-control" placeholder="Actual end"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#actualEnd').datetimepicker({
sideBySide: true
});
});
</script>
</div>
</div>
</form>
<button class="btn btn-primary" id="editButtonSave">Save selected task</button>
<button class="btn btn-normal" id="editButtonAdd" disabled>Add as subtask</button>
<button class="btn btn-danger" id="removeTask">Remove task</button>
</div>
</div>
</td>
</tr>
<tr>
<td>
<!--<div class="panel panel-default" style="height: 100%; margin-bottom: 0px;">-->
<!--<div class="panel-heading">-->
<!--<h3 class="panel-title">Events log</h3>-->
<!--</div>-->
<!--<div class="panel-body">-->
<!--Events content-->
<!--</div>-->
<!--</div>-->
</td>
</tr>
</table>
</body>
</html>