Attachment 70178 Details for Bug 15492 – Bug 15492: Make SCI use its own sysprefs and CSS file

[patch] Bug 15492: Make SCI use its own sysprefs and CSS file

Bug-15492-Make-SCI-use-its-own-sysprefs-and-CSS-fi.patch (text/plain), 9.98 KB, created by Tomás Cohen Arazi (tcohen) on 2017-12-27 16:09:12 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Tomás Cohen Arazi (tcohen)

Created: 2017-12-27 16:09:12 UTC

Size: 9.98 KB

patch

obsolete

>From 219034b21e66335125d856402c114ec2047727eb Mon Sep 17 00:00:00 2001
>From: Tomas Cohen Arazi <tomascohen@theke.io>
>Date: Wed, 27 Dec 2017 12:32:11 -0300
>Subject: [PATCH] Bug 15492: Make SCI use its own sysprefs and CSS file
>
>Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
>---
> koha-tmpl/opac-tmpl/bootstrap/css/sci.css          | 208 +++++++++++++++++++++
> .../opac-tmpl/bootstrap/en/modules/sci/sci-main.tt |  13 +-
> 2 files changed, 215 insertions(+), 6 deletions(-)
> create mode 100644 koha-tmpl/opac-tmpl/bootstrap/css/sci.css
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/sci.css b/koha-tmpl/opac-tmpl/bootstrap/css/sci.css
>new file mode 100644
>index 0000000000..38fe8777da
>--- /dev/null
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/sci.css
>@@ -0,0 +1,208 @@
>+body {
>+    background-color: #EAEAE6;
>+}
>+
>+a, a:visited,
>+.ui-widget-content a,
>+.ui-widget-content a:visited {
>+    color: #0076B2;
>+}
>+
>+a.title {
>+    font-weight: bold;
>+}
>+
>+h1 {
>+    font-size : 140%;
>+    line-height: 150%;
>+}
>+h2 {
>+
>+    font-size : 130%;
>+    line-height: 150%;
>+}
>+h3 {
>+
>+    font-size : 120%;
>+    line-height: 150%;
>+}
>+h4 {
>+
>+    font-size : 110%;
>+}
>+h5 {
>+
>+    font-size : 100%;
>+}
>+caption {
>+    font-size: 120%;
>+    font-weight: bold;
>+    margin : .5em 0;
>+    text-align: left;
>+}
>+
>+input,
>+textarea {
>+    width: auto;
>+}
>+
>+legend {
>+    font-size: 110%;
>+    font-weight: bold;
>+}
>+th {
>+    background-color: #ECEDE6;
>+}
>+.main {
>+    background-color: #FFF;
>+    border: 1px solid #D2D2CF;
>+    border-radius: 8px 8px 8px 8px;
>+    margin: 0.5em 20px;
>+    padding: 0.8em 0;
>+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
>+    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
>+}
>+.navbar-inverse .brand, .navbar-inverse .nav > li > a {
>+    color: #9FE1FF;
>+    font-weight: bold;
>+}
>+
>+.table-striped tbody > tr:nth-child(odd) > td,
>+.table-striped tbody > tr:nth-child(odd) > th {
>+  background-color: #F4F4F4;
>+}
>+/* Redefine a new style for Bootstrap's class "close" since we use that already */
>+/* Use <a class="closebtn" href="#">&times;</a> */
>+.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
>+.modal-header .closebtn{margin-top:2px;}
>+.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
>+button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
>+.btn-group label,
>+.btn-group select {
>+    font-size: 13px;
>+}
>+
>+/* Override Bootstrap alert */
>+.alert {
>+    background: #fffbe5; /* Old browsers */
>+    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
>+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
>+    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
>+    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
>+    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
>+    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
>+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
>+    border-color : #D6C43B;
>+    color: #333;
>+}
>+
>+/* Override Bootstrap alert.alert-info */
>+.alert-info {
>+    background: #f4f6fa; /* Old browsers */
>+    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
>+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
>+    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
>+    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
>+    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
>+    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
>+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
>+    border-color : #C5D1E5;
>+    color: #333;
>+}
>+
>+/* Override Bootstrap alert.alert-success */
>+.alert-success {
>+    background: #f8ffe8; /* Old browsers */
>+    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
>+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
>+    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
>+    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
>+    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
>+    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
>+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
>+    border-color : #9FBA35;
>+    color: #333;
>+}
>+#members p {
>+    color : #EEE;
>+}
>+
>+#members a {
>+    color: #A6D8ED;
>+    font-weight: bold;
>+}
>+
>+#members a.logout {
>+    color : #E8583C;
>+    padding : 0 .3em 0 .3em;
>+}
>+
>+.inline {
>+    display: inline;
>+}
>+
>+i.icon {
>+    background-repeat: no-repeat;
>+    display: inline-block;
>+    height: 16px;
>+    line-height: 16px;
>+    margin-right: 3px;
>+    vertical-align: text-top;
>+    width: 16px;
>+}
>+
>+i.back {
>+    background : transparent url("../lib/famfamfam/silk/arrow_left.png") no-repeat 0 0;
>+}
>+
>+i.return {
>+    background : transparent url("../lib/famfamfam/silk/book_previous.png") no-repeat 0 0;
>+}
>+
>+i.renew {
>+    background : transparent url("../lib/famfamfam/silk/arrow_refresh.png") no-repeat 0 0;
>+}
>+
>+i.cancel {
>+    background : transparent url("../lib/famfamfam/silk/cancel.png") no-repeat 0 0;
>+}
>+
>+i.finish {
>+    background : transparent url("../lib/famfamfam/silk/stop.png") no-repeat 0 0;
>+}
>+
>+i.help {
>+    background : transparent url("../lib/famfamfam/silk/help.png") no-repeat 0 0;
>+}
>+
>+.table .sorting_asc {
>+    padding-right: 19px;
>+    background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
>+}
>+.table .sorting_desc {
>+    padding-right: 19px;
>+    background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
>+}
>+.table .sorting {
>+    padding-right: 19px;
>+    background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
>+}
>+.table .nosort,
>+.table .nosort.sorting_asc,
>+.table .nosort.sorting_desc,
>+.table .nosort.sorting {
>+    padding-right: 19px;
>+    background: #EEEEEE none;
>+}
>+
>+#sci_logout {
>+    color: #E8583C;
>+}
>+
>+#sci_checkin_button, #sci_refresh_button, #sci_append_button {
>+    margin-bottom: 10px;
>+}
>+
>+#sci_refresh_button {
>+    color: rgb(51, 51, 51);
>+}
>\ No newline at end of file
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
>index 85718e3726..043e673ce7 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
>@@ -31,9 +31,9 @@
> <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap.min.css" />
> <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui.css" />
> <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/font-awesome/css/font-awesome.min.css" />
>-<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/sco.css" />
>+<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/sci.css" />
> [% IF ( Koha.Preference('OPACUserCSS') ) %]<style type="text/css">[% Koha.Preference('OPACUserCSS') %]</style>[% END %]
>-[% IF ( Koha.Preference('SCOUserCSS') ) %]<style type="text/css">[% Koha.Preference('SCOUserCSS') %]</style>[% END %]
>+[% IF ( Koha.Preference('SelfCheckInUserCSS') ) %]<style type="text/css">[% Koha.Preference('SelfCheckInUserCSS') %]</style>[% END %]
> 
>@@ -168,8 +168,8 @@
>             </div> 
>         </div> 
> 
>-        [% IF ( Koha.Preference('SCOMainUserBlock' ) ) %]
>-            <div id="scomainuserblock">[% Koha.Preference('SCOMainUserBlock' ) %]</div>
>+        [% IF ( Koha.Preference('SelfCheckInMainUserBlock' ) ) %]
>+            <div id="SelfCheckInMainUserBlock">[% Koha.Preference('SelfCheckInMainUserBlock' ) %]</div>
>         [% END %]
>     </div> 
> 
>@@ -260,7 +260,8 @@
>         function timerIncrement() {
>             if ( $("#sci_finish_button").is(":visible") || $("#sci_refresh_button").is(":visible") ) {
>                 idleTime = idleTime + 1;
>-                if (idleTime >= 30 ) { // 30 seconds
>+                idleTimeout = [% refresh_timeout %];
>+                if (idleTime >= idleTimeout ) {
>                     if ( $("#sci_finish_button").is(":visible") ) $("#sci_finish_button").click();
>                     if ( $("#sci_refresh_button").is(":visible") ) $("#sci_refresh_button").click();
>                 }
>@@ -268,5 +269,5 @@
>         }
>     </script>
> 
>-    [% IF ( Koha.Preference('SCOUserJS') ) %]<script type="text/javascript">[% Koha.Preference('SCOUserJS') %]</script>[% END %]
>+    [% IF ( Koha.Preference('SelfCheckInUserJS') ) %]<script type="text/javascript">[% Koha.Preference('SelfCheckInUserJS') %]</script>[% END %]
> [% END %]
>-- 
>2.14.1

Actions: View | Diff | Splinter Review

Attachments on bug 15492: 69165 | 69166 | 69167 | 69168 | 69179 | 69664 | 69665 | 70073 | 70074 | 70075 | 70173 | 70174 | 70175 | 70176 | 70177 | 70178 | 70179 | 72053 | 72054 | 72055 | 72056 | 72057 | 72058 | 72059 | 72060 | 72176 | 72177 | 72178 | 72179 | 72180 | 72181 | 72182 | 72183 | 73097