Attachment #84728 for bug #22045

View | Details | Raw Unified | Return to bug 22045
Collapse All | Expand All




form {
    display: block;
}

div#toolbar {
    border: 0;
}

#addbibliotabs .ui-tabs-nav {
    display: none;
}

.ui-tabs-panel h3 {
    font-size: 140%;
    margin: .3em 0;
}

.buttonPlus {

	padding : .2em 1.2em;
}

.tag {
    border-bottom: 2px solid #D5E6E9;
    clear: both;
    padding: .7em 0;
}

div.subfield_line {

}

.tagnum {
	font-size : 130%;
	font-weight : bold;
	color : #000;
	padding : .1em .3em .1em 0;


.subfield {
	color : #00698a;
	float: left;
	width: 10em;
	text-align:right;
}


.input_marceditor {
	float:left;
	width:30em;
    width: auto;
}

.indicator {

    width: 15em;
}

.ui-tabs .ui-tabs-panel {
    border: 0;
    padding: 0;
}

.toolbar-tabs-container {
    margin: 3em -5px -5px -5px;
}

.toolbar-tabs {
    background-color: #FFF;
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left: 0;
}

.toolbar-tabs li {
    background-color: #fff;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    margin-bottom: 0;
}

.toolbar-tabs li a {
    border: 1px solid #EDF4F6;
    border-left: 0;
    border-right: 1px solid #EDF4F6;
    display: block;
    font-weight: bold;
    padding: .3em 1.5em;
    width: 100%;
}

.toolbar-tabs li.selected a {
    background-color: #EDF4F6;
    border-right: 1px solid #C3D6DB;
    font-weight: bold;
}

.toolbar-tabs li.selected a:hover {
    background-color: #EDF4F6;
}

.toolbar-tabs li a:hover {
    background-color: #F4F8F9;
}

.toolbar-tabs li:last-child a {

}

.tag_anchors_list {
    background-color: #FFF;
    clear: both;
    display: block;
    font-size: 95%;
    padding-left: 0;
}

.tag_anchor.selected {
    font-weight: bold;
}

.tag_anchors {
    display: none;
    padding: .5em 0;
}

.tag_anchors a {
    border-right: 1px solid #EDF4F6;
    display: inline-block;
    padding: 0 .4em;
}

.tag_anchors.tab_selected {
    display: inline-block;
}

@media (min-width: 768px) {
    div.subfield_line label {

Lines 1660-1665 dd { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+1 lines)
1660	&.floating {	1660	&.floating {
1661	border-radius: 0;	1661	border-radius: 0;
1662	margin-top: 0;	1662	margin-top: 0;
		1663	z-index: 300;
1663	}	1664	}
1664	}	1665	}
1665		1666




[% Asset.js("js/cataloging.js") | $raw %]
[% INCLUDE 'browser-strings.inc' %]
[% Asset.js("js/browser.js") | $raw %]
<script>
//<![CDATA[
    var browser = KOHA.browser('[% searchid | html %]', parseInt('[% biblionumber | html %]', 10));
    browser.show();



        [% IF tab %]
          $('#addbibliotabs').selectTabByID("#[% tab | html %]");
          console.log("[% tab %]");
        [% END %]

        Sticky = $("#toolbar");
        Sticky.hcSticky({
            stickTo: "#f",
            stickyClass: "floating"
        });


            $("#frameworkcode").val( frameworkcode );
            Changefwk();
        });

        $(".toolbar-tabs a").on("click",function(e){
            e.preventDefault();
            $(".toolbar-tabs li").removeClass("selected");
            $(this).parent().addClass("selected");
            var tabid = $(this).data("tabid");
            $("#addbibliotabs").tabs( "option", "active", tabid );
            $(".tag_anchors").removeClass("tab_selected").hide();
            $(".tag_anchors_" + tabid ).addClass("tab_selected").show();
        });

        $(".tag_anchor").on("click", function(e){
            e.preventDefault();
            var toolbar_height = $("#toolbar").outerHeight();
            $(".tag_anchor").removeClass("selected");
            $(this).addClass("selected");
            var link = this.href;
            var linkid = link.substring( link.indexOf("#") + 1 );
            var dest = $("#" + linkid );
            var yoffset = dest.offset();
            window.scrollTo( 0, yoffset.top - toolbar_height - 20 );
        });

    });

function redirect(dest){

    f.submit();
}

//]]>
</script>
[% Asset.css("css/addbiblio.css") | $raw %]


    [% END %]

[% IF ( done ) %]
    <script>
        opener.document.forms['f'].biblionumber.value=[% biblionumber | html %];
        opener.document.forms['f'].title.value='[% title | html %]';
        window.close();

            <a class="btn btn-default btn-sm" id="cancel" href="/cgi-bin/koha/cataloguing/addbooks.pl">Cancel</a>
        [% END %]
    [% END %]
    <div class="toolbar-tabs-container">
        <ul class="toolbar-tabs">
            [%- FOREACH BIG_LOO IN BIG_LOOP -%][%- SET tabname = BIG_LOO.number + 1 -%][% IF loop.first %]<li class="selected">[% ELSE %]<li>[% END %]<a data-tabid="[% BIG_LOO.number %]" href="#tab[% BIG_LOO.number %]XX">[% tabname %]</a></li>[%- END -%]
        </ul>
        <ul class="tag_anchors_list">
            [% FOREACH BIG_LOO IN BIG_LOOP %]
                [% IF loop.first %][% SET tab_selected = "tab_selected" %][% ELSE %][% SET tab_selected = "" %][% END %]
                [% FOREACH innerloo IN BIG_LOO.innerloop %]
                    [% IF ( innerloo.tag ) %]
                        <li class="tag_anchors tag_anchors_[% BIG_LOO.number %] [% tab_selected %]"><a class="tag_anchor" id="tag_anchor_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]" title="tag_anchor_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]" href="#div_indicator_tag_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]">[% innerloo.tag %]</a></li>
                    [% END %]
                [% END %]
            [% END %]
        </ul>
    </div>
</div> <!-- /#toolbar.btn-toolbar -->

[% IF bib_doesnt_exist %]
    <div class="dialog alert">

    </ul>

[% FOREACH BIG_LOO IN BIG_LOOP %]
    [% SET tabname = BIG_LOO.number + 1 %]
    <div id="tab[% BIG_LOO.number | html %]XX">

    <h3>Section [% tabname %]</h3>
    [% FOREACH innerloo IN BIG_LOO.innerloop %]
    [% IF ( innerloo.tag ) %]
    <div class="tag clearfix" id="tag_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]">
        <div class="tag_title" id="div_indicator_tag_[% innerloo.tag | html %]_[% innerloo.index | html %][% innerloo.random | html %]">
            [% IF advancedMARCEditor %]
                <a href="#" tabindex="1" class="tagnum" title="[% innerloo.tag_lib | html %] - Click to Expand this Tag" onclick="ExpandField('tag_[% innerloo.tag | html %]_[% innerloo.index | html %][% innerloo.random | html %]'); return false;">[% innerloo.tag | html %]</a>
- 

Return to bug 22045

Lines 1-10 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css (-9 / +100 lines)
1	#addbibliotabs {	1	form {
2	margin-top : 1em;	2	display: block;
3	}	3	}
4		4
5	#addbibliotabs .ui-tabs-panel {	5	div#toolbar {
6	float : left;	6	border: 0;
7	width: 100%;	7	}
		8
		9	#addbibliotabs .ui-tabs-nav {
		10	display: none;
		11	}
		12
		13	.ui-tabs-panel h3 {
		14	font-size: 140%;
		15	margin: .3em 0;
8	}	16	}
9		17
10	.buttonPlus {	18	.buttonPlus {
Lines 30-37 a.expandfield { Link Here
30	padding : .2em 1.2em;	38	padding : .2em 1.2em;
31	}	39	}
32		40
33	div.tag {	41	.tag {
		42	border-bottom: 2px solid #D5E6E9;
34	clear: both;	43	clear: both;
		44	padding: .7em 0;
35	}	45	}
36		46
37	div.subfield_line {	47	div.subfield_line {
Lines 60-66 div.subfield_line label { Link Here
60	}	70	}
61		71
62	.tagnum {	72	.tagnum {
63	font-size : 110%;	73	font-size : 130%;
64	font-weight : bold;	74	font-weight : bold;
65	color : #000;	75	color : #000;
66	padding : .1em .3em .1em 0;	76	padding : .1em .3em .1em 0;
Lines 76-81 a.tagnum { Link Here
76		86
77	.subfield {	87	.subfield {
78	color : #00698a;	88	color : #00698a;
		89	float: left;
79	width: 10em;	90	width: 10em;
80	text-align:right;	91	text-align:right;
81	}	92	}
Lines 91-98 a.tagnum { Link Here
91		102
92	.input_marceditor {	103	.input_marceditor {
93	float:left;	104	float:left;
94	min-width: 20em;	105	width:30em;
95	width: auto;
96	}	106	}
97		107
98	.indicator {	108	.indicator {
Lines 167-172 tbody tr.active td { Link Here
167	width: 15em;	177	width: 15em;
168	}	178	}
169		179
		180	.ui-tabs .ui-tabs-panel {
		181	border: 0;
		182	padding: 0;
		183	}
		184
		185	.toolbar-tabs-container {
		186	margin: 3em -5px -5px -5px;
		187	}
		188
		189	.toolbar-tabs {
		190	background-color: #FFF;
		191	clear: both;
		192	display: flex;
		193	flex-direction: row;
		194	justify-content: center;
		195	padding-left: 0;
		196	}
		197
		198	.toolbar-tabs li {
		199	background-color: #fff;
		200	display: flex;
		201	justify-content: center;
		202	flex-grow: 1;
		203	text-align: center;
		204	margin-bottom: 0;
		205	}
		206
		207	.toolbar-tabs li a {
		208	border: 1px solid #EDF4F6;
		209	border-left: 0;
		210	border-right: 1px solid #EDF4F6;
		211	display: block;
		212	font-weight: bold;
		213	padding: .3em 1.5em;
		214	width: 100%;
		215	}
		216
		217	.toolbar-tabs li.selected a {
		218	background-color: #EDF4F6;
		219	border-right: 1px solid #C3D6DB;
		220	font-weight: bold;
		221	}
		222
		223	.toolbar-tabs li.selected a:hover {
		224	background-color: #EDF4F6;
		225	}
		226
		227	.toolbar-tabs li a:hover {
		228	background-color: #F4F8F9;
		229	}
		230
		231	.toolbar-tabs li:last-child a {
		232
		233	}
		234
		235	.tag_anchors_list {
		236	background-color: #FFF;
		237	clear: both;
		238	display: block;
		239	font-size: 95%;
		240	padding-left: 0;
		241	}
		242
		243	.tag_anchor.selected {
244	font-weight: bold;
245	}
246
247	.tag_anchors {
248	display: none;
249	padding: .5em 0;
250	}
251
252	.tag_anchors a {
253	border-right: 1px solid #EDF4F6;
254	display: inline-block;
255	padding: 0 .4em;
256	}
257
258	.tag_anchors.tab_selected {
259	display: inline-block;
260	}
170		261
171	@media (min-width: 768px) {	262	@media (min-width: 768px) {
172	div.subfield_line label {	263	div.subfield_line label {

Lines 8-15 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt (-9 / +47 lines)
8	[% Asset.js("js/cataloging.js") \| $raw %]	8	[% Asset.js("js/cataloging.js") \| $raw %]
9	[% INCLUDE 'browser-strings.inc' %]	9	[% INCLUDE 'browser-strings.inc' %]
10	[% Asset.js("js/browser.js") \| $raw %]	10	[% Asset.js("js/browser.js") \| $raw %]
11	<script type="text/javascript">	11	<script>
12	//<![CDATA[
13	var browser = KOHA.browser('[% searchid \| html %]', parseInt('[% biblionumber \| html %]', 10));	12	var browser = KOHA.browser('[% searchid \| html %]', parseInt('[% biblionumber \| html %]', 10));
14	browser.show();	13	browser.show();
15		14
Lines 30-40 Link Here
30		29
31	[% IF tab %]	30	[% IF tab %]
32	$('#addbibliotabs').selectTabByID("#[% tab \| html %]");	31	$('#addbibliotabs').selectTabByID("#[% tab \| html %]");
		32	console.log("[% tab %]");
33	[% END %]	33	[% END %]
34		34
35	Sticky = $("#toolbar");	35	Sticky = $("#toolbar");
36	Sticky.hcSticky({	36	Sticky.hcSticky({
37	stickTo: ".main",	37	stickTo: "#f",
38	stickyClass: "floating"	38	stickyClass: "floating"
39	});	39	});
40		40
Lines 134-139 Link Here
134	$("#frameworkcode").val( frameworkcode );	134	$("#frameworkcode").val( frameworkcode );
135	Changefwk();	135	Changefwk();
136	});	136	});
		137
		138	$(".toolbar-tabs a").on("click",function(e){
		139	e.preventDefault();
		140	$(".toolbar-tabs li").removeClass("selected");
		141	$(this).parent().addClass("selected");
		142	var tabid = $(this).data("tabid");
		143	$("#addbibliotabs").tabs( "option", "active", tabid );
		144	$(".tag_anchors").removeClass("tab_selected").hide();
		145	$(".tag_anchors_" + tabid ).addClass("tab_selected").show();
		146	});
		147
		148	$(".tag_anchor").on("click", function(e){
		149	e.preventDefault();
		150	var toolbar_height = $("#toolbar").outerHeight();
		151	$(".tag_anchor").removeClass("selected");
		152	$(this).addClass("selected");
		153	var link = this.href;
		154	var linkid = link.substring( link.indexOf("#") + 1 );
		155	var dest = $("#" + linkid );
		156	var yoffset = dest.offset();
		157	window.scrollTo( 0, yoffset.top - toolbar_height - 20 );
		158	});
		159
137	});	160	});
138		161
139	function redirect(dest){	162	function redirect(dest){
Lines 394-400 function Changefwk() { Link Here
394	f.submit();	417	f.submit();
395	}	418	}
396		419
397	//]]>
398	</script>	420	</script>
399	[% Asset.css("css/addbiblio.css") \| $raw %]	421	[% Asset.css("css/addbiblio.css") \| $raw %]
400		422
Lines 450-456 function Changefwk() { Link Here
450	[% END %]	472	[% END %]
451		473
452	[% IF ( done ) %]	474	[% IF ( done ) %]
453	<script type="text/javascript">	475	<script>
454	opener.document.forms['f'].biblionumber.value=[% biblionumber \| html %];	476	opener.document.forms['f'].biblionumber.value=[% biblionumber \| html %];
455	opener.document.forms['f'].title.value='[% title \| html %]';	477	opener.document.forms['f'].title.value='[% title \| html %]';
456	window.close();	478	window.close();
Lines 552-558 function Changefwk() { Link Here
552	<a class="btn btn-default btn-sm" id="cancel" href="/cgi-bin/koha/cataloguing/addbooks.pl">Cancel</a>	574	<a class="btn btn-default btn-sm" id="cancel" href="/cgi-bin/koha/cataloguing/addbooks.pl">Cancel</a>
553	[% END %]	575	[% END %]
554	[% END %]	576	[% END %]
555	</div>	577	<div class="toolbar-tabs-container">
		578	<ul class="toolbar-tabs">
		579	[%- FOREACH BIG_LOO IN BIG_LOOP -%][%- SET tabname = BIG_LOO.number + 1 -%][% IF loop.first %]<li class="selected">[% ELSE %]<li>[% END %]<a data-tabid="[% BIG_LOO.number %]" href="#tab[% BIG_LOO.number %]XX">[% tabname %]</a></li>[%- END -%]
		580	</ul>
		581	<ul class="tag_anchors_list">
		582	[% FOREACH BIG_LOO IN BIG_LOOP %]
		583	[% IF loop.first %][% SET tab_selected = "tab_selected" %][% ELSE %][% SET tab_selected = "" %][% END %]
		584	[% FOREACH innerloo IN BIG_LOO.innerloop %]
		585	[% IF ( innerloo.tag ) %]
		586	<li class="tag_anchors tag_anchors_[% BIG_LOO.number %] [% tab_selected %]"><a class="tag_anchor" id="tag_anchor_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]" title="tag_anchor_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]" href="#div_indicator_tag_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]">[% innerloo.tag %]</a></li>
		587	[% END %]
		588	[% END %]
		589	[% END %]
		590	</ul>
		591	</div>
		592	</div> <!-- /#toolbar.btn-toolbar -->
556		593
557	[% IF bib_doesnt_exist %]	594	[% IF bib_doesnt_exist %]
558	<div class="dialog alert">	595	<div class="dialog alert">
Lines 578-588 function Changefwk() { Link Here
578	</ul>	615	</ul>
579		616
580	[% FOREACH BIG_LOO IN BIG_LOOP %]	617	[% FOREACH BIG_LOO IN BIG_LOOP %]
		618	[% SET tabname = BIG_LOO.number + 1 %]
581	<div id="tab[% BIG_LOO.number \| html %]XX">	619	<div id="tab[% BIG_LOO.number \| html %]XX">
582		620
		621	<h3>Section [% tabname %]</h3>
583	[% FOREACH innerloo IN BIG_LOO.innerloop %]	622	[% FOREACH innerloo IN BIG_LOO.innerloop %]
584	[% IF ( innerloo.tag ) %]	623	[% IF ( innerloo.tag ) %]
585	<div class="tag" id="tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">	624	<div class="tag clearfix" id="tag_[% innerloo.tag %]_[% innerloo.index %][% innerloo.random %]">
586	<div class="tag_title" id="div_indicator_tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">	625	<div class="tag_title" id="div_indicator_tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">
587	[% IF advancedMARCEditor %]	626	[% IF advancedMARCEditor %]
588	<a href="#" tabindex="1" class="tagnum" title="[% innerloo.tag_lib \| html %] - Click to Expand this Tag" onclick="ExpandField('tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]'); return false;">[% innerloo.tag \| html %]</a>	627	<a href="#" tabindex="1" class="tagnum" title="[% innerloo.tag_lib \| html %] - Click to Expand this Tag" onclick="ExpandField('tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]'); return false;">[% innerloo.tag \| html %]</a>
589	-