Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Most recent version of 41ZBL view #1

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Most recent version of 41ZBL view #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 14 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,15 @@
# 41ZBL - Custom view für new Primo User Interface of iluplus.ch
# ZHB packages for Primo NUI

This repository contains the source code for the new user interface of [iluplus.ch](http://www.iluplus.ch), the resource discovery tool of the network IDS Luzern, maintained by [Zentral- und Hochschulbibliothek Luzern](http://www.zhbluzern.ch). It contains the custom files (html, css, js, images) to create view packages in the ["Primo New UI Customization Workflow Development Environment"](https://github.com/ExLibrisGroup/primo-explore-devenv) by Exlibris. For installation, development and deployment, see their readme.
## build
### customView
```bash
gulp run --view 41ZBL --browserify --proxy https://iluplus.hosted.exlibrisgroup.com
```

## Important
This project depends on [primo-explore-dom](https://github.com/mehmetc/primo-explore-dom).

* How to download [primo-explore-dom](https://github.com/mehmetc/primo-explore-dom)
```bash
$ git submodule update --init
```
4 changes: 4 additions & 0 deletions css/browseButton.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
.zbl-browse-button {
top: 3.8em;
color:white;
}
637 changes: 637 additions & 0 deletions css/common.css
View file
Open in desktop

Large diffs are not rendered by default.

759 changes: 731 additions & 28 deletions css/custom1.css
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions css/libinfo.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
zbl-lib-info > a > img {
width: 20px;
}
637 changes: 637 additions & 0 deletions css/other.css
View file
Open in desktop

Large diffs are not rendered by default.

25 changes: 25 additions & 0 deletions css/sfxLinks.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
.sfx-links {}
.sfx-links-facility {
padding-top: 15px !important;
margin-left: 25px !important;
font-weight: bold;
}

.sfx-links-target {
margin-left: 25px !important;
}

.sfx-links-on-campus {
padding-top: 15px !important;
margin-left: 25px !important;
font-weight: bold;
}

.sfx-links-on-campus-url {
font-weight: normal !important;
}


prm-view-online > div:nth-child(1) > a[href*=sfx] {
display:none;
}
3 changes: 3 additions & 0 deletions css/vscout.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
zbl-vscout > a > img {
width: 25px;
}
265 changes: 251 additions & 14 deletions html/home_de_DE.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,119 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
font-family: 'Roboto', sans-serif !important;
font-size: 0.75rem;
line-height: 1rem;
visibility: hidden;
width: 250px;
top: 100%;
left: 50%;
margin-left: -125px; /* Use half of the width (120/2 = 60), to center the tooltip */
background-color: #505050;
color: #fff;
text-align: left;
padding: 2px 2px 2px 15px;
border-radius: 6px;

/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
}

</style>

<style>
md-card {
background-color: #f4f6f6 !important;
}
md-card>:not(md-card-content) img, md-card>img {
width: 48px !important;
height: 48px !important;
margin-top: -10px;
margin-right: 5px;
}
md-card-content {
line-height: 1.2em;
}

</style>

<md-content layout-xs="column" layout="row">
<div flex="60" layout="column">
<md-card class="default-card">
<img src="custom/41ZBL/img/startseite_books.png" style="margin-left: 7px; margin-right: 7px; margin-top: 7px;">
<md-card class="default-card" style="margin-left: 25px; margin-right: 25px; margin-top: -125px; position: relative;">
<md-card-title>
<md-card-title-text>
<span class="md-headline">So einfach wie möglich –</span>
</md-card-title-text>
</md-card-title>
<!-- </md-card>

<md-card class="default-card"> -->
<!-- <md-card-title style="margin-top: -25px !important">
<md-card-title-text>
<span class="md-headline">Unkomplizierter Zugang zu enormen Informationsressourcen</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>
Heutigen Bibliotheksnutzern/innen stehen so vielfältige und umfangreiche Informationsressourcen zur Verfügung wie nie zuvor. Für eine unkomplizierte und effiziente Recherche bieten Ihnen die Bibliotheken im Informationsverbund Luzern das Suchinstrument iluplus.
</p>
</md-card-content> -->
<md-card-title style="margin-top: -25px !important">
<md-card-title-text>
<span class="md-headline">Auf den ersten Klick bietet Ihnen iluplus.ch - das Suchportal des IDS Luzern - einen unkomplizierten Zugang zu enormen Informationsressourcen wie...</span>
</md-card-title-text>
</md-card-title>
<md-card-content>

<p>
<!-- Sie finden auf einen Klick:<br /> -->
Gedruckte Bücher, audiovisuelle Medien, Handschriften, gedruckte und elektronische Zeitschriften und Zeitungen, Online-Publikationen, elektronische Quellen, zum Beispiel Volltexte der elektronischen Bibliothek DiBiZentral, elektronische Volltexte von Springer, JSTOR, SAGE, Cambridge und Oxford University Press. Dazu Audio und Video aus verschiedenen lizenzierten und freien Datenquellen.
</p>
</md-card-content>
</md-card>

<!-- standard
<md-card class="default-card">
<md-card-title>
<md-card-title-text>
<span class="md-headline">unkomplizierter Zugang</span>
<span class="md-headline">Hello world!</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>
Heutigen Bibliotheksnutzern/innen stehen so vielfältige und umfangreiche Informationsressourcen zur Verfügung wie nie zuvor. Für eine unkomplizierte und effiziente Recherche bieten Ihnen die Bibliotheken im Informationsverbund Luzern das Suchinstrument iluplus.
iluplus bietet alles, was die Zentralschweiz zu bieten hat.
</p>
<p>
Handschriften, gedruckte Bücher, audiovisuelle Medien, gedruckte und elektronische Zeitschriften und Zeitungen, Online-Publikationen, das enorme Angebot an elektronische Quellen im Informationsverbund Luzern*, etwa Volltexte aus DiBiZentral, der grossen elektronischen Bibliothek, sowie elektronische Volltexte von Springer, JSTOR, SAGE, Cambridge und Oxford University Press. Dazu Audio und Video aus verschiedenen lizenzierten und freien Datenquellen.
Primo also helps you manage your research. Sign-in in order to:
</p>
<ul>
<li>hier</li>
<li>dort</li>
<li>überall</li>
<li>Renew books and videos</li>
<li>Create favoriets lists</li>
<li>Export citations to Refworks and Endnote Web</li>
<li>View full search results. (Some databases, only show results when you're signed in.)</li>
</ul>
</md-card-content>
</md-card>

<md-card class="default-card">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Sie finden</span>
<span class="md-headline">Questions? Comments?</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
Expand All @@ -36,20 +125,168 @@
</a>
</md-card-content>
</md-card>
</div>
-->

</div>

<div flex-xs flex="40" layout="column">
<md-card class="default-card">
<md-card class="default-card">
<!-- tags
<md-card class="default-card">
<md-card-title><img src="custom/41ZBL/img/pound-box.png">
<md-card-title-text>
<div class="tooltip"><a href="https://primo-direct-eu-sb.hosted.exlibrisgroup.com/primo-explore/"><span class="md-headline">Tags</span></a></a><span class="tooltiptext">Neueste und beliebteste Tags, und nach Tags suchen</span>
</div>
</md-card-title-text>
</md-card-title>
<!-- <md-card-content>
<p>
Lorem ipsum dolor sit amet, vim nonumes intellegat eu ...
</p>

</md-card-content> -->
<!-- hilfe / help
<md-card class="default-card">
<md-card-title><img src="custom/41ZBL/img/help-box.png">
<md-card-title-text>
<div class="tooltip"><a href="http://ilu.zhbluzern.ch/local/primo_help/primo_hilfe.htm" target="_blank"><span class="md-headline">Hilfe / Help</span></a></a><span class="tooltiptext">Hilfe, Tipps und Tricks auf Deutsch / Help, tips and tricks in English</span>
</div>
</md-card-title-text>
</md-card-title>
<!-- <md-card-content>
<p>
Lorem ipsum dolor sit amet, vim nonumes intellegat eu ...
</p>

</md-card-content> -->
<!-- kontakt
<md-card-title><img src="custom/41ZBL/img/email.png">
<md-card-title-text>
<div class="tooltip"><a href="http://www.zhbluzern.ch/ueber-uns/kontakt/#WzkzNiwxNDQ4XQ==/" target="_blank"><span class="md-headline">Kontakt</span></a><span class="tooltiptext">Eine Mitteilung an uns schicken - allgemeine Anfragen, Anregungen, Kritik usw.</span>
</div>
</md-card-title-text>
</md-card-title>
<!-- <md-card-content>
<p>
Lorem ipsum dolor sit amet, vim nonumes intellegat eu ...
</p>

</md-card-content> -->
<!-- blog
<md-card-title><img src="custom/41ZBL/img/blogger.png">
<md-card-title-text>
<div class="tooltip"><a href="http://iluplus.blogspot.ch/" target="_blank"><span class="md-headline">Blog</span></a></a><span class="tooltiptext">Neuigkeiten in iluplus.ch erfahren</span>
</div>
</md-card-title-text>
</md-card-title>
<!-- <md-card-content>
<p>
Lorem ipsum dolor sit amet, vim nonumes intellegat eu ...
</p>

</md-card-content> -->
<!-- probleme -->
<!-- <md-card-title>
<md-card-title-text>
<span class="md-headline">Weitere Links...</span>
</md-card-title-text>
</md-card-title> -->
<!--<md-card-content style="margin-top: 24px;">
<p>
<a href="http://www.idsluzern.ch/bibliotheken/" target="_blank"> > Bibliotheken in IDS Luzern</a>
</p>
<p>
<a href="http://www.zhbluzern.ch/recherche/e-medien/#WzI4OTld/" target="_blank"> > Fragen zu E-Medien</a>
</p>
</md-card-content> -->
<!-- <md-card-title>
<md-card-title-text>
<span class="md-headline">Nicht im Campusnetz?</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>Externer Zugriff zu lizenzierten E-Medien für...</p>
<p>
<a href="https://ezproxy.unilu.ch/menu" target="_blank"> > ZHB/Uni/PH Campus-Angehörige via EZproxy</a>
</p>
<p>
<a href="https://www.hslu.ch/de-ch/helpdesk/anleitungen/netzwerk/#vpn1" target="_blank"> > HSLU Campus-Angehörige via VPN</a>
</p>-->


<md-card-title>
<md-card-title-text>
<span class="md-headline">Hilfe</span>
<span class="md-headline">Nicht im Campusnetz?</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>
<a href="http://www.zhbluzern.ch/index.php?id=3992" target="_blank">Externer Zugriff zu lizenzierten E-Medien für Campus-Angehörige</a>
</p>


</md-card-content>
<!-- bibliotheken -->
<!-- <md-card-title>
<md-card-title-text>
<a href="http://www.idsluzern.ch/bibliotheken/" target="_blank"><span class="md-headline">Bibliotheken</span></a>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>
<a href="#">hier wird Ihnen geholfen</a>drop by, drop in
Lorem ipsum dolor sit amet, vim nonumes intellegat eu ...
</p>

</md-card-content>
</md-card>
</div>
</md-card> -->

<!-- standard
<md-card class="default-card">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Where can I get help?</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>
<a href="#">Ask a librarian</a> how to start your search
</p>

</md-card-content>
</md-card>
-->
<md-card-title>
<md-card-title-text>
<span class="md-headline">Weitere Funktionen</span>
</md-card-title-text>
</md-card-title>
<!-- tags -->
<md-card-title><img src="custom/41ZBL/img/pound-box.png">
<md-card-title-text>
<div class="tooltip"><a href="https://iluplus.hosted.exlibrisgroup.com/primo-explore/tags?vid=41ZBL"><span class="md-headline">Tags</span></a></a><span class="tooltiptext">Neueste und beliebteste Tags, und nach Tags suchen</span>
</div>
</md-card-title-text>
</md-card-title>
<!-- durchsuchen -->
<!-- <md-card-title><img src="custom/41ZBL/img/view-list.png">
<md-card-title-text>
<div class="tooltip"><a href="https://primo-direct-eu-sb.hosted.exlibrisgroup.com/primo-explore/browse?vid=41ZBL"><span class="md-headline">Durchsuchen</span></a></a><span class="tooltiptext">In einer Liste Durchsuchen - Autor, Titel, Thema oder Signatur</span>
</div>
</md-card-title-text>
</md-card-title> -->
<!-- help -->
<md-card-title><img src="custom/41ZBL/img/help-box.png">
<md-card-title-text>
<div class="tooltip"><a href="https://knowledge.exlibrisgroup.com/Primo/Product_Documentation/050New_Primo_User_Interface/End_User_Help" target="_blank"><span class="md-headline">Help</span></a></a><span class="tooltiptext">Tipps und Tricks auf English</span>
</div>
</md-card-title-text>
</md-card-title>
</md-card-content>
</md-card>

</div>

</md-content>



Loading