customizing self check out cgi-bin/koha/sco/sco-main.pl help message
I've been trying to figure out what to put in either SCOUserJS or OPACUserJS. Right now, instruction on how to use self check out can only be seen if the small help button is clicked. I'm trying to move the content of that in a more readable place, probably appending (?) in the main block (?), inspecting the elements, I see div class sco_entry, and I'm not sure that's the right selector in JQuery. Anybody who have tried putting instructions on how to use self check out that is not in SelfCheckHelpMessage which can only be read when the Help button is clicked? Can someone lead me on what to check? Or is it even possible? Appreciating your responses on my query. Cheers! -- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com.
I was able to resolve this and I'm sharing it so that those who will be doing similar things can take a look at this thread. First and foremost, there is SCOUserJS in order that the interface in Self Check out be further customized, there is even SCOUserCSS. Well, the key was to find the correct divs in order to insert some HTMLs. The self check out guide which can only be seen if Help was clicked was added through this: $("#masthead").append('<div><br><div class="box rounded"> Self Checkout Step-by-Step Guide <br></div> Step one: Scan your ID card barcode number Step two: Scan the barcode of each book (one at a time) <p>Scan one barcode number and wait for the page to reload before scanning the next barcode. The checked-out item should appear in your checkout list.</p> Step three: Click the "Finish" button <p>If you do not click the "Finish" button, your session will automatically expire in 60 seconds.</p></div>'); Other things were also done such that links aren't clickable in the SCO: /* Remove the tabs in SCO --------------------------------------*/ $(document).ready(function(){ $("ul#head-nav").hide(); }); /* Remove h1 in SCO --------------------------------------*/ $(document).ready(function(){ $("h1").hide(); }); /* Disable all links in SCO ---------------------*/ $(document).ready(function(){ $('a').removeAttr('href'); }); /* Hide ?Help in SCO ---------------------*/ $(document).ready(function(){ $('i.icon.help').hide(); $("a:contains('Help')").text(""); }); I can't remove the footer in SCO (I don't know why?) so I added the following below in OPACUserJS /* Remove footer in SCO ---------------------*/ $(document).ready(function(){ if(/sco-main/.test(self.location.href)){ $("#footer-texts.pull-left").remove(); } }); Well that's all. Cheers and have nice day! -- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com.
Thx for sharing your solution! Am 13.08.2016 um 09:05 schrieb schnydszch:
I was able to resolve this and I'm sharing it so that those who will be doing similar things can take a look at this thread. First and foremost, there is SCOUserJS in order that the interface in Self Check out be further customized, there is even SCOUserCSS. Well, the key was to find the correct divs in order to insert some HTMLs. The self check out guide which can only be seen if Help was clicked was added through this: $("#masthead").append('<div><br><div class="box rounded"> Self Checkout Step-by-Step Guide <br></div> Step one: Scan your ID card barcode number Step two: Scan the barcode of each book (one at a time) <p>Scan one barcode number and wait for the page to reload before scanning the next barcode. The checked-out item should appear in your checkout list.</p> Step three: Click the "Finish" button <p>If you do not click the "Finish" button, your session will automatically expire in 60 seconds.</p></div>'); Other things were also done such that links aren't clickable in the SCO:
/* Remove the tabs in SCO --------------------------------------*/ $(document).ready(function(){ $("ul#head-nav").hide(); });
/* Remove h1 in SCO --------------------------------------*/ $(document).ready(function(){ $("h1").hide(); });
/* Disable all links in SCO ---------------------*/ $(document).ready(function(){ $('a').removeAttr('href'); });
/* Hide ?Help in SCO ---------------------*/ $(document).ready(function(){ $('i.icon.help').hide(); $("a:contains('Help')").text(""); });
I can't remove the footer in SCO (I don't know why?) so I added the following below in OPACUserJS /* Remove footer in SCO ---------------------*/ $(document).ready(function(){ if(/sco-main/.test(self.location.href)){ $("#footer-texts.pull-left").remove(); } });
Well that's all. Cheers and have nice day!
-- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com. _______________________________________________ Koha mailing list http://koha-community.org Koha@lists.katipo.co.nz https://lists.katipo.co.nz/mailman/listinfo/koha
You're welcome! Added it already in the Koha Jquery wiki. Cheers! :) On Sunday, August 14, 2016 4:43 PM, Katrin Fischer-2 [via Koha] <ml-node+s1045719n5899656h65@n5.nabble.com> wrote: Thx for sharing your solution! Am 13.08.2016 um 09:05 schrieb schnydszch:
I was able to resolve this and I'm sharing it so that those who will be doing similar things can take a look at this thread. First and foremost, there is SCOUserJS in order that the interface in Self Check out be further customized, there is even SCOUserCSS. Well, the key was to find the correct divs in order to insert some HTMLs. The self check out guide which can only be seen if Help was clicked was added through this: $("#masthead").append('<div><br><div class="box rounded"> Self Checkout Step-by-Step Guide <br></div> Step one: Scan your ID card barcode number Step two: Scan the barcode of each book (one at a time) <p>Scan one barcode number and wait for the page to reload before scanning the next barcode. The checked-out item should appear in your checkout list.</p> Step three: Click the "Finish" button <p>If you do not click the "Finish" button, your session will automatically expire in 60 seconds.</p></div>'); Other things were also done such that links aren't clickable in the SCO:
/* Remove the tabs in SCO --------------------------------------*/ $(document).ready(function(){ $("ul#head-nav").hide(); });
/* Remove h1 in SCO --------------------------------------*/ $(document).ready(function(){ $("h1").hide(); });
/* Disable all links in SCO ---------------------*/ $(document).ready(function(){ $('a').removeAttr('href'); });
/* Hide ?Help in SCO ---------------------*/ $(document).ready(function(){ $('i.icon.help').hide(); $("a:contains('Help')").text(""); });
I can't remove the footer in SCO (I don't know why?) so I added the following below in OPACUserJS /* Remove footer in SCO ---------------------*/ $(document).ready(function(){ if(/sco-main/.test(self.location.href)){ $("#footer-texts.pull-left").remove(); } });
Well that's all. Cheers and have nice day!
-- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com. _______________________________________________ Koha mailing list http://koha-community.org [hidden email] https://lists.katipo.co.nz/mailman/listinfo/koha
_______________________________________________ Koha mailing list http://koha-community.org [hidden email] https://lists.katipo.co.nz/mailman/listinfo/koha If you reply to this email, your message will be added to the discussion below: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... To unsubscribe from customizing self check out cgi-bin/koha/sco/sco-main.pl help message, click here. NAML -- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com.
Hi Eugene, thx for your additions! Looking at them, I spotted a problem with one of your edits: https://wiki.koha-community.org/w/index.php?title=JQuery_Library&action=historysubmit&diff=17037&oldid=17036 Do you know what might have happened there? I am not sure how to undo the change, as there have been more changes after that. Maybe someone else knows how to fix? Katrin Am 15.08.2016 um 16:03 schrieb schnydszch:
You're welcome! Added it already in the Koha Jquery wiki. Cheers! :)
On Sunday, August 14, 2016 4:43 PM, Katrin Fischer-2 [via Koha] <ml-node+s1045719n5899656h65@n5.nabble.com> wrote:
Thx for sharing your solution!
Am 13.08.2016 um 09:05 schrieb schnydszch:
I was able to resolve this and I'm sharing it so that those who will be doing similar things can take a look at this thread. First and foremost, there is SCOUserJS in order that the interface in Self Check out be further customized, there is even SCOUserCSS. Well, the key was to find the correct divs in order to insert some HTMLs. The self check out guide which can only be seen if Help was clicked was added through this: $("#masthead").append('<div><br><div class="box rounded"> Self Checkout Step-by-Step Guide <br></div> Step one: Scan your ID card barcode number Step two: Scan the barcode of each book (one at a time) <p>Scan one barcode number and wait for the page to reload before scanning the next barcode. The checked-out item should appear in your checkout list.</p> Step three: Click the "Finish" button <p>If you do not click the "Finish" button, your session will automatically expire in 60 seconds.</p></div>'); Other things were also done such that links aren't clickable in the SCO:
/* Remove the tabs in SCO --------------------------------------*/ $(document).ready(function(){ $("ul#head-nav").hide(); });
/* Remove h1 in SCO --------------------------------------*/ $(document).ready(function(){ $("h1").hide(); });
/* Disable all links in SCO ---------------------*/ $(document).ready(function(){ $('a').removeAttr('href'); });
/* Hide ?Help in SCO ---------------------*/ $(document).ready(function(){ $('i.icon.help').hide(); $("a:contains('Help')").text(""); });
I can't remove the footer in SCO (I don't know why?) so I added the following below in OPACUserJS /* Remove footer in SCO ---------------------*/ $(document).ready(function(){ if(/sco-main/.test(self.location.href)){ $("#footer-texts.pull-left").remove(); } });
Well that's all. Cheers and have nice day!
-- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com. _______________________________________________ Koha mailing list http://koha-community.org [hidden email] https://lists.katipo.co.nz/mailman/listinfo/koha
_______________________________________________ Koha mailing list http://koha-community.org [hidden email] https://lists.katipo.co.nz/mailman/listinfo/koha
If you reply to this email, your message will be added to the discussion below: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... To unsubscribe from customizing self check out cgi-bin/koha/sco/sco-main.pl help message, click here. NAML
-- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com. _______________________________________________ Koha mailing list http://koha-community.org Koha@lists.katipo.co.nz https://lists.katipo.co.nz/mailman/listinfo/koha
Hi, On Mon, Aug 15, 2016 at 3:30 PM, Katrin Fischer <Katrin.Fischer.83@web.de> wrote:
Do you know what might have happened there? I am not sure how to undo the change, as there have been more changes after that.
I ended up reverting that page to the state it was before today. There was one other editor today who had a change affected, I'll get in touch with that person. It appears that the rich text editor does *not* work well with that particular page; I recommend not using it for the JQuery and SQL library pages until further notice. Regards, Galen -- Galen Charlton Infrastructure and Added Services Manager Equinox Software, Inc. / Open Your Library email: gmc@esilibrary.com direct: +1 770-709-5581 cell: +1 404-984-4366 skype: gmcharlt web: http://www.esilibrary.com/ Supporting Koha and Evergreen: http://koha-community.org & http://evergreen-ils.org
Oops, my edit got lost. Well, I guess it can be reverted back by the person who's managing the wiki. If not, then I have to add them again. Cheers! On Tuesday, August 16, 2016 3:53 AM, Galen Charlton-3 [via Koha] <ml-node+s1045719n5899903h22@n5.nabble.com> wrote: Hi, On Mon, Aug 15, 2016 at 3:30 PM, Katrin Fischer <[hidden email]> wrote:
Do you know what might have happened there? I am not sure how to undo the change, as there have been more changes after that.
I ended up reverting that page to the state it was before today. There was one other editor today who had a change affected, I'll get in touch with that person. It appears that the rich text editor does *not* work well with that particular page; I recommend not using it for the JQuery and SQL library pages until further notice. Regards, Galen -- Galen Charlton Infrastructure and Added Services Manager Equinox Software, Inc. / Open Your Library email: [hidden email] direct: +1 770-709-5581 cell: +1 404-984-4366 skype: gmcharlt web: http://www.esilibrary.com/ Supporting Koha and Evergreen: http://koha-community.org & http://evergreen-ils.org _______________________________________________ Koha mailing list http://koha-community.org [hidden email] https://lists.katipo.co.nz/mailman/listinfo/koha If you reply to this email, your message will be added to the discussion below: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... To unsubscribe from customizing self check out cgi-bin/koha/sco/sco-main.pl help message, click here. NAML -- View this message in context: http://koha.1045719.n5.nabble.com/customizing-self-check-out-cgi-bin-koha-sc... Sent from the Koha-general mailing list archive at Nabble.com.
participants (3)
-
Galen Charlton -
Katrin Fischer -
schnydszch