jboockmann/codimd_note_overview
1
0
Fork 0
forked from mgoetz/codimd_note_overview
Code Issues Pull Requests Releases Wiki Activity

Add pad sorting

Browse Source
This commit is contained in:
Götz 2019-01-25 01:38:34 +01:00
parent 15f4dad630
commit 426af0e4fc
2 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/js/file_reader.js
View File

@ -1,16 +1,21 @@
function fileInputHanlder() {
console.log("WIN");
var file = document.getElementById("fileUpload").files[0];
if (file) {
var reader = new FileReader();
reader.readAsText(file, "UTF-8");
reader.onload = function (evt) {
document.getElementById("fileUpload").innerHTML = evt.target.result;
console.log( evt.target.result);
document.getElementById("textArea").value = evt.target.result
};
reader.onerror = function (evt) {
document.getElementById("fileUpload").innerHTML = "error reading file";
function sortByTitle() {
var sort_by_title = function (a, b) {
let x = a.getElementsByClassName('card-title')[0];
let y = b.getElementsByClassName('card-title')[0];
console.log(x);
return x.innerHTML.toLowerCase().localeCompare(y.innerHTML.toLowerCase());
};
var notes = document.getElementsByClassName("sortable");
var notesArr = [];
for (const node of notes) {
notesArr.push(node);
}
console.log(notesArr);
notesArr.sort(sort_by_title);
console.log(notesArr);
let parent = document.getElementById('sortable-wrapper');
for (let elem of notesArr) {
parent.appendChild(elem);
}
}

7
templates/index.html
View File

@ -14,9 +14,14 @@
</nav>
<div class="container-fluid">
<div class="row">
<div class="col">
<button class="btn btn-success" onclick="sortByTitle()">Sort By Title</button>
</div>
</div>
<div id="sortable-wrapper" class="row">
{% for note in notes %}
{% if note[1] and note[2] %}
<div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-2">
<div class="sortable col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-2">
<a href="{{host}}/{{note[2]}}">
<div class="card" style="width: 18rem;">
<div class="card-body">