franzz/catc
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

extend use of bootstrap to whole page

Browse Source
This commit is contained in:
Franzz
2019-10-10 19:57:56 +02:00
parent 07b951ec00
commit 8075bc805a
10 changed files with 96 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
masks/course.html
View File

@@ -1,17 +1,17 @@
<div id="course">
<div id="docs">
<div id="upload_file">
<div id="course" class="row h-100">
<div id="docs" class="col-3 pr-3 h-100 flex-column">
<div id="upload_file" class="row">
<div class="custom-file">
<input type="file" class="custom-file-input" id="fileupload" name="files[]" multiple>
<label class="custom-file-label" for="customFile">Choose file</label>
</div>
<div id="upload_progress" class="progress mt-2 hidden transition">
<div id="upload_progress" class="w-100 progress mt-2 hidden transition">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div id="doc_list"></div>
<div id="doc_list_box" class="row"><div id="doc_list"></div></div>
</div>
<div id="notes_box">
<div id="notes_box" class="col-9 h-100">
<div id="notes_feedback"></div>
<div id="notes"></div>
</div>
@@ -85,7 +85,7 @@ oCATC.pageInit = function(asHash, bFirstPage) {
loadDocs();
//Scrollbar
$('#docs, #notes').mCustomScrollbar({
$('#doc_list_box, #notes').mCustomScrollbar({
axis: 'y',
scrollInertia: 0,
autoExpandScrollbar: true,

2
masks/index.html
View File

@@ -19,6 +19,6 @@
</script>
</head>
<body>
<div id="container"></div>
<div id="container" class="container px-3 pt-3 m-0 d-flex flex-column"></div>
</body>
</html>

50
masks/template.html
View File

@@ -1,32 +1,36 @@
<div id="feedback"></div>
<div id="header">
<div id="desc_box"><div class="desc">Collège des <span>arts thérapeutiques chinois</span></div></div>
<div id="logo_box"><a href="#workshops"></a></div>
</div>
<div id="menu">
<nav class="navbar navbar-expand p-0 justify-content-end">
<form class="container-fluid">
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa-search"></i></span></div>
<input id="search" class="form-control my-0" type="search" placeholder="Search" aria-label="Search" autocomplete="off" />
<div class="input-group-append">
<button class="btn btn-outline-primary" type="button" id="add_def" data-toggle="modal" data-id="0" data-target="#add-def"><i class="fa-add"></i></button>
<div class="row">
<div id="header" class="col w-50">
<div id="desc_box"><div class="desc">Collège des <span>arts thérapeutiques chinois</span></div></div>
<div id="logo_box"><a href="#workshops"></a></div>
</div>
<div id="menu" class="col w-50">
<nav class="navbar navbar-expand p-0 justify-content-end">
<form class="container-fluid">
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa-search"></i></span></div>
<input id="search" class="form-control my-0" type="search" placeholder="Search" aria-label="Search" autocomplete="off" />
<div class="input-group-append">
<button class="btn btn-outline-primary" type="button" id="add_def" data-toggle="modal" data-id="0" data-target="#add-def"><i class="fa-add"></i></button>
</div>
</div>
</div>
<a tabindex="0" class="body btn btn-outline-primary ml-2 my-0" role="button" data-toggle="popover"><i class="fa-body"></i></a>
<button class="sync btn btn-outline-primary ml-2 my-0" type="button" data-toggle="tooltip"><i class="fa-sync"></i></button>
<button class="home btn btn-outline-primary ml-2 my-0" type="button"><i class="fa-home"></i></button>
<button class="logoff btn btn-outline-primary ml-2 my-0" type="button" data-toggle="modal" data-target="#log-off"><i class="fa-logoff"></i></button>
</form>
</nav>
<a tabindex="0" class="body btn btn-outline-primary ml-2 my-0" role="button" data-toggle="popover"><i class="fa-body"></i></a>
<button class="sync btn btn-outline-primary ml-2 my-0" type="button" data-toggle="tooltip"><i class="fa-sync"></i></button>
<button class="home btn btn-outline-primary ml-2 my-0" type="button"><i class="fa-home"></i></button>
<button class="logoff btn btn-outline-primary ml-2 my-0" type="button" data-toggle="modal" data-target="#log-off"><i class="fa-logoff"></i></button>
</form>
</nav>
</div>
</div>
<div id="main_title"><h1></h1></div>
<div id="main"></div>
<div id="main_title" class="row py-3"><h1 class="m-0"></h1></div>
<div class="row mt-3 overflow-auto flex-fill d-flex justify-content-center"><div id="main" class="col h-100"></div></div>
<div id="side">
<div class="tag write"><a href="#write" class="fa-write"></a></div>
</div>
<footer>
<span>Designed and powered by Franzz &amp; Clarita - CATC Notes Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3</a> License</span>
<footer class="row">
<div class="col">
<span>Designed and powered by Franzz &amp; Clarita - CATC Notes Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3</a> License</span>
</div>
</footer>
<div id="add-def" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="add_def_title" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">

2
masks/workshop.html
View File

@@ -1,6 +1,6 @@
<div id="workshop" class="container">
<div class="row">
<div class="col-auto"><button type="button" class="back btn btn-primary"><i class="fa-previous"></i></button></div>
<div class="col-auto pr-3"><button type="button" class="back btn btn-primary"><i class="fa-previous"></i></button></div>
<div class="col"><div id="course-list" class="list-group"></div></div>
</div>
</div>