Skip to content

Commit c8e32da

Browse files
risenWrisenW
committed
add file option button
1 parent bd665ef commit c8e32da

5 files changed

Lines changed: 84 additions & 38 deletions

File tree

‎notebookjs/src/public/images/danfo.svg‎

Lines changed: 23 additions & 0 deletions
Loading

‎notebookjs/src/public/javascripts/index.js‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@ function add_new_code_cell(c_id, where) {
9393
</button>
9494
</div>
9595
96-
<button type="button" id="del-btn_${new_id}" class="btn btn-sm btn-danger del"><i
96+
<button type="button" id="del_btn-${new_id}" class="btn btn-sm btn-danger del"><i
9797
class="fas fa-trash-alt"></i>
9898
</button>
9999
</div>
@@ -257,8 +257,10 @@ $(document).on("click", "button.run", function () {
257257
})
258258

259259
$(document).on("click", "button.del", function () {
260-
let id = this.id.split("_")[1]
261-
delete_cell(id)
260+
console.log(this.id);
261+
let id = this.id.split("-")[1]
262+
console.log(id);
263+
// delete_cell(id)
262264
})
263265

264266

‎notebookjs/src/public/stylesheets/style.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,6 @@ a {
4141
.text-out-box{
4242
width: 100%;
4343
padding: 5px;
44-
margin-left: 90px;
44+
margin-left: 139px;
4545

4646
}

‎notebookjs/src/views/index.hbs‎

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -36,16 +36,7 @@
3636
</div>
3737

3838
</div>
39-
<div class="col-md-2">
40-
<button class="btn btn-info" id="download"><i class="fas fa-download"></i></button>
41-
<button class="btn btn-secondary" id="upload"><i class="fas fa-upload"></i></button>
42-
{{!-- <form method="GET">
43-
<div class="form-group">
44-
<label for="exampleFormControlFile1">Add Data</label>
45-
<input type="file" class="form-control-file" id="exampleFormControlFile1">
46-
</div>
47-
</form> --}}
48-
</div>
39+
<div class="col-md-2"> </div>
4940
{{!-- Output of code div start --}}
5041
<div class="col-md-1"></div>
5142
<div id="out_div-1" class="col-md-9 out-divs">

‎notebookjs/src/views/layout.hbs‎

Lines changed: 54 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -28,46 +28,76 @@
2828
<link rel='stylesheet' href='/stylesheets/style.css' />
2929
<script src="https://cdn.jsdelivr.net/remarkable/1.7.1/remarkable.min.js"></script>
3030
<style>
31-
table.df-table { white-space: pre; }
32-
table.df-table th, td { padding: 2px 5px; font-variant-numeric: tabular-nums; }
33-
table.df-table .float32, .int32 { text-align: right; }
34-
</style>
31+
table.df-table {
32+
white-space: pre;
33+
}
34+
35+
table.df-table th,
36+
td {
37+
padding: 2px 5px;
38+
font-variant-numeric: tabular-nums;
39+
}
40+
41+
table.df-table .float32,
42+
.int32 {
43+
text-align: right;
44+
}
45+
</style>
3546
</head>
3647

3748
<body>
3849
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
39-
<a class="navbar-brand" href="#"><img style="width: 40px; width: 40px;" src="images/logo.png"/> Notebooks</a>
50+
<a class="navbar-brand" href="#"><img style="width: 40px; width: 40px; margin-left: 5px; border-radius: 10px;"
51+
src="images/danfo.svg" /> notebooks</a>
4052
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
4153
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
4254
<span class="navbar-toggler-icon"></span>
4355
</button>
4456

45-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
57+
<div style="margin-right: 200px;" class="collapse navbar-collapse" id="navbarSupportedContent">
4658
<ul class="navbar-nav ml-auto">
47-
<li class="nav-item active">
59+
{{!-- <li class="nav-item active">
4860
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
49-
</li>
50-
<li class="nav-item">
51-
<a class="nav-link" href="#">Getting Started</a>
52-
</li>
53-
<li class="nav-item">
54-
<a class="nav-link" href="https://github.com/opensource9ja/notebookjs">Github</a>
55-
</li>
56-
<li class="nav-item">
57-
<a class="nav-link" href="https://danfo.jsdata.org/">Danfo.js</a>
58-
</li>
59-
{{!-- <li class="nav-item dropdown">
61+
</li> --}}
62+
<li class="nav-item dropdown active">
6063
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
6164
aria-haspopup="true" aria-expanded="false">
62-
Dropdown
65+
File
6366
</a>
6467
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
65-
<a class="dropdown-item" href="#">Action</a>
66-
<a class="dropdown-item" href="#">Another action</a>
68+
<a class="dropdown-item" id="download" href="#">Download Notebook</a>
69+
<a class="dropdown-item" id="upload" href="#">Upload Notebook</a>
70+
<a class="dropdown-item" id="add-data" href="#">Add Data</a>
71+
6772
<div class="dropdown-divider"></div>
68-
<a class="dropdown-item" href="#">Something else here</a>
73+
<a class="nav-link" href="#">Getting Started</a>
74+
<a class="dropdown-item" id="download" href="https://github.com/opensource9ja/notebookjs">Github</a>
75+
<a class="dropdown-item" id="upload" href="#">Danfo.js</a>
76+
<a class="dropdown-item" id="add-data" href="#">About Dnotebooks</a>
77+
</div>
78+
</li>
79+
{{!-- <li class="nav-item">
80+
<a class="nav-link" href="#">Getting Started</a>
81+
</li> --}}
82+
{{!-- <li class="nav-item">
83+
<a class="nav-link" href="https://github.com/opensource9ja/notebookjs">Github</a>
84+
</li> --}}
85+
86+
{{!-- <div class="dropdown">
87+
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
88+
aria-haspopup="true" aria-expanded="false">
89+
File
90+
</button>
91+
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
92+
<a class="dropdown-item" id="download" href="#">Download Notebook</a>
93+
<a class="dropdown-item" id="upload" href="#">Upload Notebook</a>
94+
<a class="dropdown-item" id="add-data" href="#">Add Data</a>
6995
</div>
96+
</div> --}}
97+
{{!-- <li class="nav-item">
98+
<a class="nav-link" href="https://danfo.jsdata.org/">Danfo.js</a>
7099
</li> --}}
100+
71101
{{!-- <li class="nav-item">
72102
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
73103
</li> --}}
@@ -78,8 +108,8 @@
78108
{{{body}}}
79109

80110

81-
<script src="javascripts/index.js"></script>
82-
<script src="javascripts/utils.js"></script>
111+
<script src="javascripts/index.js"></script>
112+
<script src="javascripts/utils.js"></script>
83113
</body>
84114

85115
</html>

0 commit comments

Comments
 (0)