You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
3.8 KiB
HTML
126 lines
3.8 KiB
HTML
<style>
|
|
|
|
.docs {
|
|
display: grid;
|
|
grid-template-columns: 25% auto;
|
|
grid-template-rows: min-content;
|
|
|
|
|
|
}
|
|
.docs > div{
|
|
padding:8px;
|
|
margin:8px;
|
|
|
|
}
|
|
/* .docs div:nth-child(even){
|
|
border-left:2px dotted #CAD5E0;
|
|
} */
|
|
.docs .search-box {
|
|
display:grid;
|
|
gap:4px;
|
|
grid-template-columns: auto 48px;
|
|
}
|
|
.docs .search-box input[type=text]{
|
|
outline: 0;
|
|
padding:8px;
|
|
border:4px solid transparent;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.docs .search-box input[type=text]:focus{
|
|
border-left-color: #4682B4;
|
|
}
|
|
|
|
.source-code , source-code pre{
|
|
background-color: #f3f3f3;
|
|
color:black;
|
|
font-size:14px;
|
|
font-family:courier;
|
|
font-weight:lighter;
|
|
|
|
}
|
|
.source-code {margin-left:4px;}
|
|
|
|
.source-code b {color:#4682b4; font-weight: bold;}
|
|
</style>
|
|
<script>
|
|
var qstart = {}
|
|
qstart.open = function (_path){
|
|
// var _URI = ([qcms.context,'api/disk/read?doc='+uri]).join('/')
|
|
if (_path.match(/\?/)){
|
|
_path = _path.split('?')[1]
|
|
}
|
|
var uri = qcms.context+'/page'
|
|
var http = HttpClient.instance()
|
|
uri = uri + '?'+_path
|
|
|
|
http.get(uri, function (x){
|
|
$('.docs .full-docs').empty()
|
|
|
|
$('.docs .full-docs').html(x.responseText)
|
|
// var script = $('.docs .full-docs script')
|
|
// script.each( (_index)=>{
|
|
// eval( $(script[_index]).text())
|
|
// })
|
|
|
|
})
|
|
}
|
|
|
|
qstart.find = function (){
|
|
qcms.search('qstart-input','qstart-menu')
|
|
}
|
|
$(document).ready( function(){
|
|
qstart.open('www/html/_notes/install.html')
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
<div class="docs">
|
|
<div class="">
|
|
<div class="search-box border">
|
|
<input id="qstart-input" type="text" placeholder="[ search : term or keyword]" onkeyup="qstart.find()"/>
|
|
<div class="active" align="center">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</div>
|
|
</div>
|
|
<div id="qstart-menu" class="border-right" style="height:69vh; margin-top:28px;">
|
|
|
|
<div class="install">
|
|
<div class="active bold" onclick="qstart.open('www/html/_notes/install.html')">0. Installation</div>
|
|
<ul class="small">
|
|
Install using pip or from code and test installation from https://dev.the-phi.com/git/qcms/cms
|
|
</ul>
|
|
</div>
|
|
<div class="install" onclick="qstart.open('www/html/_notes/registry.html')">
|
|
<div class="active bold">1. Initialize registry</div>
|
|
<ul class="small">
|
|
Keep database authentication parameters out of sight, in a collaborative environment
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="import-code">
|
|
<div class="active bold" onclick="qstart.open('www/html/_notes/source-code.html')">2. Import into Code</div>
|
|
<ul class="small">
|
|
How to use {{layout.header.title}} in python source code (notebooks, or files)
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="src-code">
|
|
<div class="active bold" onclick="qstart.open('www/html/about/license.html')">3. License & features</div>
|
|
<ul class="small">
|
|
{{layout.header.title}} is available uner MIT license and available on github. Contribute, share at will ;-)
|
|
</ul>
|
|
</div>
|
|
<div class="src-code">
|
|
<div class="active bold" onclick="qstart.open('www/html/_notes/plugins-intro.html')">4. Plugins</div>
|
|
<ul class="small">
|
|
How to use and integrate plugins for pre/post processing.
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="full-docs">
|
|
|
|
</div>
|
|
</div> |