6060 </ ul >
6161 < ul class ="navbar-nav ms-auto ">
6262 < li class ="nav-item ">
63- < a id ="noChange " class ="navbar-brand nav-link active " target ="_blank " href ="https://docs.kegcop.com/en/latest/context/help/index.html "> ?</ a >
63+ < a id ="noChange " class ="navbar-brand nav-link active " target ="_blank "
64+ href ="https://docs.kegcop.com/en/latest/context/help/index.html "> ?</ a >
6465 </ li >
6566 </ ul >
6667 </ div >
7778
7879 < div class ="card-header d-flex "> <!-- Keg Cop Filesystem -->
7980 < ul class ="navbar me-auto ">
80- < h4 > Keg Cop Filesystem</ h4 >
81+ < h4 > Keg Cop Filesystem</ h4 >
8182 </ ul >
8283 </ div >
8384 < div class ="card-body ">
8485
8586 < h5 > File System Info:</ h5 >
86- < p id ="fsinfo ">
87- Free Storage: < span id ="freespiffs "> </ span > < br />
88- Used Storage: < span id ="usedspiffs "> </ span > < br />
89- Total Storage: < span id ="totalspiffs "> </ span >
90- </ p >
91- < p >
92- < button onclick ="listFiles() "> List Files</ button >
93- < button onclick ="showUpload() "> Upload File</ button >
94- </ p >
95- < p id ="status "> </ p >
96- < p id ="detailsHeader "> </ p >
97- < p id ="details "> </ p >
98-
99- </ div >
100- </ div > <!-- Keg Cop Filesystem -->
10187
102- </ div > <!-- Container -->
88+ < table id ="fsinfo " class ="table table-hover ">
89+ < tbody >
90+ < tr class ="table-firmware table-primary ">
91+ < th > </ th >
92+ < th scope ="row "> Free Storage:</ th >
93+ < td >
94+ < div id ="freespiffs "> ... loading</ div >
95+ </ td >
96+ </ tr >
97+ < tr class ="table-firmware table-default ">
98+ < th > </ th >
99+ < th scope ="row "> Used Storage:</ th >
100+ < td >
101+ < div id ="usedspiffs "> ... loading</ div >
102+ </ td >
103+ </ tr >
104+ < tr class ="table-firmware table-primary ">
105+ < th > </ th >
106+ < th scope ="row "> Total Storage:</ th >
107+ < td >
108+ < div id ="totalspiffs "> ... loading</ div >
109+ </ td >
110+ </ tr >
111+ </ tbody >
112+ </ table >
113+
114+ < div >
115+ < button id ="listFiles " type ="button " class ="btn btn-primary internal-action ">
116+ List Files
117+ </ button >
118+ < button id ="uploadFile " type ="button " class ="btn btn-secondary internal-action ">
119+ Upload File
120+ </ button >
121+ </ div >
122+
123+ <!-- File Upload Div: -->
124+ < div id ="uploadForm " style ="display:none; ">
125+ < p > </ p >
126+ < div >
127+ < h5 > Upload File:</ h5 >
128+ </ div >
129+ < div >
130+ < form enctype ="multipart/form-data " method ="post ">
131+
132+ < div class ="input-group mb-3 ">
133+ < input type ="file " name ="uploadFile " id ="uploadFile " class ="form-control "
134+ onchange ="fileChange() ">
135+ < div class ="input-group-append ">
136+ < span id ="uploadButton " type ="button " class ="btn btn-info internal-action "
137+ onclick ="uploadFile() ">
138+ Upload
139+ </ span >
140+ < span id ="cancelButton " type ="button " class ="btn btn-warning internal-action "
141+ onclick ="cancelUpload() ">
142+ Cancel
143+ </ span >
144+ </ div >
145+ </ div >
146+
147+ < p id ="status "> </ p >
148+
149+ < div class ="progress ">
150+ < div class ="progress-bar progress-bar-striped progress-bar-animated "
151+ role ="progressbar " aria-valuenow ="0 " aria-valuemin ="0 " aria-valuemax ="100 "
152+ style ="width: 75% "> </ div >
153+ </ div >
154+
155+ < p id ="loaded_n_total "> </ p >
156+ </ form >
157+ </ div >
158+ </ div >
159+ <!-- File Upload Div^ -->
160+
161+ <!-- File Details Div: -->
162+ < div id ="fileList " style ="display:none; ">
163+ < p > </ p >
164+ < hr >
165+ < div >
166+ < span id ="fileHeader "> </ span >
167+
168+ < span id ="fileStatus "> </ span >
169+ </ div >
170+ < div id ="fileDetails "> </ div >
171+ </ div >
172+ <!-- File Details Div^ -->
173+
174+ </ div > <!-- Keg Cop Filesystem -->
175+
176+ </ div > <!-- Container -->
103177
104178 </ main >
105179
@@ -111,13 +185,13 @@ <h5>File System Info:</h5>
111185
112186 < script src ="https://code.jquery.com/jquery-3.4.1.min.js "
113187 integrity ="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo= " crossorigin ="anonymous ">
114- </ script >
188+ </ script >
115189 < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js "
116190 integrity ="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1 " crossorigin ="anonymous ">
117- </ script >
191+ </ script >
118192 < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js "
119193 integrity ="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM " crossorigin ="anonymous ">
120- </ script >
194+ </ script >
121195
122196 < script src ="/kegcop_post.js "> </ script >
123197 < script src ="/fs.js "> </ script >
0 commit comments