$rv = $st->execute() or die or die "<p>Error->" & $DBI::errstri & "</p>";
my $cats = qq(<select class="ui-widget-content" id="ec" name="ec"
- onFocus="showCat();"
+ onFocus="show('#cat_desc');"
onBlur="helpSelCategory(this);"
onScroll="helpSelCategory(this);updateSelCategory(this)"
onChange="updateSelCategory(this)">
<form id="frm_entry" action="main.cgi" onSubmit="return formValidation();">
<table class="tbl" border="0" width="$PRC_WIDTH%">
<tr class="r0"><td colspan="3"><b>* LOG ENTRY FORM *</b>
- <a id="log_close" href="#" onclick="return hideLog();">$sp1</a>
- <a id="log_close" href="#" onclick="return toggleLog();">$sp2</a>
+ <a id="log_close" href="#" onclick="return hide('#div_log');">$sp1</a>
+ <a id="log_close" href="#" onclick="return toggle('#div_log .collpsd');">$sp2</a>
</td></tr>
<tr class="collpsd">
<td style="text-align:right; vertical-align:top; width:10%;">Date:</td>
<td id="al">
<input id="am" name="am" type="number" step="any"> <input id="RTF" name="rtf" type="checkbox" onclick="return toggleDoc(true);"/> RTF Document
</td>
- <td align="right">
- <div style="float: right;"><button id="btn_srch" onclick="toggleSearch(); return false;">Show Search</button>
+ <td align="right">
<input id="log_submit" type="submit" onclick="return saveRTF(-1, 'store');" value="Submit"/></div>
</td>
</tr>
<table class="tbl" border="0" width="$PRC_WIDTH%">
<tr class="r0">
<td colspan="4"><b>Search/View By</b>
- <a id="srch_close" href="#" onclick="return hideSrch();">$sp1</a>
- <a id="srch_close" href="#" onclick="return toggleSrch();">$sp2</a>
+ <a id="srch_close" href="#" onclick="return hide('#div_srh');">$sp1</a>
+ <a id="srch_close" href="#" onclick="return toggle('#div_srh .collpsd');">$sp2</a>
</td>
</tr>
);
$srh .= '</table></form>';
my $quill = &quill( $cgi->param('submit_is_edit') );
+ my $help = &help;
#
#Page printout from here!
<a id="menu_close" href="#" onclick="return hideLog();"><span class="ui-icon ui-icon-heart" style="float:none;"></span></a>
</div>
<hr>
+<a class="a_" onclick="return toggle('#div_log',true);">Log</a><hr>
<a class="a_" href="stats.cgi">Stats</a><hr>
<a class="a_" href="config.cgi">Config</a><hr>
-<a class="a_" onclick="deleteSelected(); return false;">Delete</a><hr>
-<a class="a_" onclick="toggleSearch(this); return false;">Search</a><hr>
-<a class="a_" onclick="showAll(); return false;">Show All <span class="ui-icon ui-icon-heart"></a><hr>
+<a class="a_" onclick="return deleteSelected();">Delete</a><hr>
+<a class="a_" onclick="return toggle('#div_srh',true);">Search</a><hr>
+<a class="a_" onclick="return toggle('#tbl_hlp',true);">Help</a><hr>
+<a class="a_" id="lnk_show_all" onclick="return showAll();">Show All <span class="ui-icon ui-icon-heart"></a><hr>
$sm_reset_all
<br>
<a class="a_" href="login_ctr.cgi?logout=bye">LOGOUT</a>
</div>
-
- <div id="div_log">\n$frm\n</div>\n
+ <div id="div_log">$frm</div>\n
<div id="div_srh">$srh</div>
$quill
+ <div id="div_hlp">$help</div>
<div>\n$tbl\n</div><br>
<div><a class="a_" href="stats.cgi">View Statistics</a></div><br>
<div><a class="a_" href="config.cgi">Configure Log</a></div><hr>
case "FRAME_SIZE" { $FRAME_SIZE = $r[2] }
case "RTF_SIZE" { $RTF_SIZE = $r[2] }
else {
- print "Unknow variable setting: "
- . $r[1] . " == "
- . $r[2];
+ print "Unknow variable setting: " . $r[1] . " == " . $r[2];
}
}
return <<___STR;
<table id="tbl_doc" class="tbl" width="$PRC_WIDTH%" style="border:1; margin-top: 5px;" hidden>
<tr class="r0" style="text-align:center"><td><b>* Document *</b>
- <a id="log_close" href="#" onclick="return hideDoc();">$sp1</a>
- <a id="log_close" href="#" onclick="return toggleDoc();">$sp2</a>
+ <a id="log_close" href="#" onclick="return hide('#tbl_doc');">$sp1</a>
+ <a id="log_close" href="#" onclick="return toggleDoc(false);">$sp2</a>
<a id="log_close" href="#" onclick="return resizeDoc();">$sp3</a>
</td>
</tr>
___STR
}
+
+sub help{
+return <<___STR;
+<table id="tbl_hlp" class="tbl" border="0" width="$PRC_WIDTH%" hidden>
+ <tr class="r0"><td colspan="3"><b>* HELP *</b>
+ <a id="a_close" href="#" onclick="return hide('#tbl_hlp');">$sp1</a>
+ <a id="a_toggle" href="#" onclick="return toggle('#tbl_hlp .collpsd');">$sp2</a>
+ </td></tr>
+<tr class="collpsd"><td>
+<div id="rz" style="text-align:left; padding:10px;">
+ <h2>L-Tags Specs</h2>
+ <p>
+ Life Log Tags are simple markup allowing fancy formatting and functionality
+ for your logs HTML layout.
+ </p>
+ <p>
+ <b><<B<<i>{Text To Bold}</i><b>></b>
+ </p>
+ <p>
+ <b><<I<<i>{Text To Italic}</i><b>></b>
+ </p>
+ <p>
+ <b><<TITLE<<i>{Title Text}</i><b>></b>
+ </p>
+ <p>
+ <b><<LIST<<i>{List of items delimited by new line to terminate item or with '~' otherwise.}</i><b>></b>
+ </p>
+ <p>
+ <b><<IMG<<i>{url to image}</i><b>></b>
+ </p>
+ <p>
+ <b><<FRM<<i>{file name}_frm.png}</i><b>></b><br><br>
+ *_frm.png images file pairs are located in the ./images folder of the cgi-bin directory.<br>
+ These are manually resized by the user. Next to the original.
+ Otherwise considered as stand alone icons. *_frm.png Image resized to -> width="210" height="120"
+ <br><i>Example</i>:
+ <pre>
+ ../cgi-bin/images/
+ my_cat_simon_frm.png
+ my_cat_simon.jpg
+
+ For log entry, place:
+
+ <<FRM>my_cat_simon_frm.png> <<TITLE<Simon The Cat>
+ This is my pet, can you hold him for a week while I am on holiday?
+ </pre>
+ </p>
+ <p>
+ <b><<LNK<<i>{url to image}</i><b>></b><br><br>
+ Explicitly tag an URL in the log entry.
+ Required if using in log IMG or FRM tags.
+ Otherwise link appears as plain text.
+ </p>
+ <hr>
+ </p>
+ <h3>Log Page Particulars</h3>
+ ↟ or ↡ - Jump links to top or bottom of page respectivelly.
+ </p>
+</div>
+</td></tr></table>
+___STR
+}
\ No newline at end of file
var _MAP = new Map();
var MNU_SCROLLING = false;
-var SRCH_TOGGLE = true;
var QUILL, QUILL_PNL;
var Delta;
var RTF_SET = false;
var CHANGE;
-var _collpsd_toggle = false;
-var _collpsd_toggle2 = false;
+var _show_all = true;
var DEF_BACKGROUND = 'white';
}
-function hideLog() {
- $("#div_log").hide();
- return false;
-}
-
-function hideSrch() {
- $("#div_srh").hide();
- return false;
-}
-
-function hideDoc() {
- $("#tbl_doc").hide();
- return false;
-}
-
function encodeText(el) {
var el = $("#frm_entry [name=log]");
var txt = el.val();
function deleteSelected() {
$("#del_sel").click();
+ return false;
}
}
+
+var RTF_DOC_RESIZED = false;
+var RTF_DOC_ORIG;
+function resizeDoc() {
+ var css = $("#editor-container").prop('style');
+ if(RTF_DOC_RESIZED){
+ RTF_DOC_RESIZED = false;
+ css.height = RTF_DOC_ORIG;
+ }
+ else{
+ RTF_DOC_RESIZED = true;
+ RTF_DOC_ORIG = css.height;
+ css.height = '480px';
+ }
+
+}
+function resetDoc(){
+ if (RTF_SET) {
+ QUILL.setText("");
+ }
+ $("#submit_is_edit").val("0");
+ toggleDoc(true);
+}
+
+
+
+function resetView() {
+ $("#frm_srch input").val("");
+ $("#idx_cat").val(0);
+ $('#vc>option[value="0"]').prop('selected', true);
+
+ $("#frm_srch").submit();
+}
+
+function updateSelCategory(sel) {
+ if (sel.id == "ec") {
+ var cat = $("#idx_cat");
+ cat.value = sel.options[sel.selectedIndex].value;
+ }
+}
+
+function toggleVisibility(target, ensureOff) {
+ if (!ensureOff) {
+ $(target).toggle();
+ } else {
+ $(target).hide();
+ }
+}
+
+
+
+
+
function toggleDoc(whole) {
}
-var RTF_DOC_RESIZED = false;
-var RTF_DOC_ORIG;
-function resizeDoc() {
- var css = $("#editor-container").prop('style');
- if(RTF_DOC_RESIZED){
- RTF_DOC_RESIZED = false;
- css.height = RTF_DOC_ORIG;
- }
- else{
- RTF_DOC_RESIZED = true;
- RTF_DOC_ORIG = css.height;
- css.height = '480px';
- }
-
-}
-function resetDoc(){
- if (RTF_SET) {
- QUILL.setText("");
- }
- $("#submit_is_edit").val("0");
- toggleDoc(true);
-}
-
-function toggleSearch() {
- $("html, body").animate({ scrollTop: 0 }, "slow");
- if (SRCH_TOGGLE) {
- $("#div_srh").show();
- $("#btn_srch").text("Hide Search");
- SRCH_TOGGLE = false;
- } else {
- $("#div_srh").hide();
- $("#btn_srch").text("Show Search");
- SRCH_TOGGLE = true;
- }
+function hide(id) {
+ $(id).hide();
+ return false;
}
-function resetView() {
- $("#frm_srch input").val("");
- $("#idx_cat").val(0);
- $('#vc>option[value="0"]').prop('selected', true);
-
- $("#frm_srch").submit();
+function show(id) {
+ $(id).show();
+ return false;
}
-function updateSelCategory(sel) {
- if (sel.id == "ec") {
- var cat = $("#idx_cat");
- cat.value = sel.options[sel.selectedIndex].value;
+function toggle(id, mtoggle) {
+ //Menu button untoggle it up first. Complex interaction situation.
+ if(mtoggle){
+ if(!$(id+" .collpsd").is(":visible")){
+ $(id+" .collpsd").show();
+ $(id).show();
+ }
+ else{
+ $(id).toggle();
+ }
+
}
-}
-
-function toggleVisibility(target, ensureOff) {
- if (!ensureOff) {
- $(target).toggle();
- } else {
- $(target).hide();
+ else{
+ $(id).toggle();
}
+
+ $("html, body").animate({ scrollTop: 0 }, "fast");
+ return false;
}
+function showAll() {
-function toggleLog() {
- if (!_collpsd_toggle) {
- $("#div_log .collpsd").hide();
- _collpsd_toggle = true;
- } else {
- $("#div_log .collpsd").show();
- _collpsd_toggle = false;
- }
-}
-
-function toggleSrch() {
- if (!_collpsd_toggle2) {
- $("#div_srh .collpsd").hide();
- _collpsd_toggle2 = true;
- } else {
- $("#div_srh .collpsd").show();
- _collpsd_toggle2 = false;
- }
-}
-
-function showCat() {
- $('#cat_desc').show();
-}
+ show("#menu");
+
+ if(_show_all){
+ $("#lnk_show_all").text("Hide All");
+ show('#cat_desc');
+ show("#div_log");
+ show("#div_srh");
+ show("#tbl_hlp");
+ show("#tbl_doc");
+ _show_all = false;
+ }
+ else{
+ $("#lnk_show_all").text("Show All");
+ hide('#cat_desc');
+ hide("#div_log");
+ hide("#div_srh");
+ hide("#tbl_hlp");
+ hide("#tbl_doc");
+ _show_all = true;
+ }
+
+
+ $("html, body").animate({ scrollTop: 0 }, "fast");
-function showAll() {
- $("#menu").show();
- $('#cat_desc').show();
- $("#div_log").show();
- $("#div_srh").show();
- $("#tbl_doc").show();
- _collpsd_toggle = false;
- _collpsd_toggle2 = false;
- $("#btn_srch").text("Hide Search");
- SRCH_TOGGLE = false;
return false;
}
console.log("Result->" + result);
var obj = JSON.parse(result);
//alert(obj.response);
- $("html, body").animate({ scrollTop: 0 }, "fast");
+ $("html, body").animate({ scrollTop: 0 }, "fast");
display(obj.response);
if(obj.log_id>0){
//update under log display