This repository has been archived by the owner on Dec 20, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (147 loc) · 8.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<!-- Texte affiché dans l'onglet-->
<title>Louise - Plan pour retrouver vos documents dans la médiathèque</title>
<meta charset="UTF-8">
<!-- Établit les liens avec tous les autres fichiers -->
<link rel="icon" type="image/png" href="ressources/favicon.ico"/>
<!--Pour Louise en ligne -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/solid.css" integrity="sha384-9AfJF7pZ+RYk3wXpf8ge6fc3XhPaW3Xl57Qj/mSzPckn9Tu8zJ9qUipWq+/utX20" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/fontawesome.css" integrity="sha384-VoScp22LWX8GkkUAmdkkkj+rz+/r84lmCD6FALIryJxjwBSz6kE6oebSlamQx19e" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/gh/coheractio/jQuery-UI-Dialog-ClickOutside/ui-clickoutside/jquery.ui.dialog-clickoutside.js"></script>
<style>
.ui-widget-header {
background: darkblue;
}
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
background: darkblue;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
background: darkblue;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
background: darkblue;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: darkblue;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
background: darkblue;
}
.ui-dialog .ui-dialog-title {
color : #FFFFFF;
}
</style>
<!--
Louise hors ligne
<link rel="stylesheet" href="ressources/fontawesome-free-5.12.0-web/css/fontawesome.css"/>
<link rel="stylesheet" href="ressources/fontawesome-free-5.12.0-web/css/solid.css"/>
<script src="jquery-ui-1.12.1/external/jquery/jquery.js"></script>
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css"/>
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.structure.css"/>
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.theme.css"/>
<script src="jquery-ui-1.12.1/jquery-ui.js"></script>
<script src="jquery-ui-1.12.1/1.11.1_jquery-ui.min.js"></script>
<script src="jquery-ui-1.12.1/jquery.ui.dialog-clickoutside.js"></script>
-->
<!-- Sans ce script, dialog ne fonctionnera pas : <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>-->
<!-- ?????je asis aps ce que c'est <script src="jquery-csv-master/src/jquery.csv.js"></script> -->
<script src="coreFiles/louiseVersionPublique.js"></script>
<script src="coreFiles/revues.json.js"></script>
<link rel="stylesheet" href="coreFiles/louise.css"/>
</head>
<body>
<!-- Partie ocnsacrée à l'aide -->
<div id="help">
<!-- Bouton affichant l'aide -->
<span id="helpButton">AIDE</span>
<!-- Texte compris dans la zone de l'aide.
Trois niveaux de titres différents existent, h1, h2, h3.
La class aideRed permet de signaler en rouge un texte,
La class tooltipA des balises <a> permettent d'afficher les info-bulles, le title="" est obligatoire pour afficher une image. -->
<div id="helpToggle" class="">
<h1>Trouvez vos documents !</h1>
<p>Lors de votre recherche sur <a href="https://www.archires.archi.fr/">Archirès</a>, vous avez découvert un document qui vous intéresse, vous cherchez donc à vous le procurer.</p>
<h2>Est-ce <a id="helpDVD" class="tooltipA" title="">un document audiovisuel </a>?</h2>
<p>Cochez <span class="aideRed">Audiovisuel</span>, puis <a id="helpDVDCopier" class="tooltipA" title="">copiez la cote du document</a>, collez-la dans la zone de saisie de texte et lancez votre recherche !</p>
<h2>Est-ce un <a id="helpArtRevue" class="tooltipA" title="">article de revue </a>?</h2>
<p>Cliquez sur <a id="helpArtRevueArrow" class="tooltipA" title="">"Où trouver cette revue ?"</a>, puis, dans le nouvel onglet, cliquez sur <a id="helpRevueEtatColl" class="tooltipA" title="">"États de collection"</a> et <a id="helpRevueEtatCollCircle" class="tooltipA" title="">vérifiez que nous possédons la revue et le numéro que vous recherchez</a>.</p>
<h3><i class="fas fa-angle-right"></i>Nous la possédons ?</h3>
<p>Sélectionnez l'année correspondant au numéro que vous recherchez, <a id="helpRevueCopier" class="tooltipA" title="">copiez le nom de la revue</a> et collez-le dans la zone de saisie de texte. Vous pouvez maintenant ajouter un autre document ou lancer votre recherche.</p>
<h3><i class="fas fa-angle-right"></i>Nous ne la possédons pas ?</h3>
<p>Vous pouvez faire une demande de scan à d'autres écoles la possédant en vous adressant aux documentalistes.</p>
<h2>Ni l'un, ni l'autre ?</h2>
<p>Cochez <span class="aideRed">Autre type de document</span>, puis <a id="helpDVDCopier2" class="tooltipA" title="">copiez la cote du document</a>, collez-la dans la zone de saisie de texte et lancez votre recherche !</p>
<h2>Vous souhaitez un autre document ?</h2>
<p>Une fois l'un des boutons radios coché, cliquez sur <span class="aideRed">Ajoutez une cote</span> et faites-le autant de fois que nécessaire !</p>
</div>
</div>
<!-- Partie consacrée au logo. -->
<div id="divLogo">
<a href="http://www.bordeaux.archi.fr" target="_blank"><img id="logo" src="ressources/logo_ENSAP_b&r.jpg" title="Site de l'ENSAP Bordeaux"/></a>
</div>
<!-- Partie consacrée au lien avec HUBert. -->
<div id="divHUBert">
<a href="https://alban-peyrat.github.io/HUBert" target="_self"><p style="text-align : center;">
<span style="font-size : 20px;">Retourner sur</span><br/>
<span style="font-size : 50px; color : firebrick" title="HUBert - Le hub des services numériques de la médiathèque">HUBert</span></p>
</a>
</div>
<!-- Partie dans laquelle l'usager saisit les données.
Est complétée par le script de Louise. -->
<div id="divInput"></div>
<!-- Bouton lançant la recherche -->
<button id="search">Recherchez</button>
<!-- Zone permettant d'affichant quelle sinformations rentrées par l'utilisateur ont généré une erreur (complétée par le script de Louise). -->
<div id="errorLine" class="hidden coteText"><p class="lambda errorMsg"><b id="errorCotes"></b> -> la recherche n'a pas abouti.</p></div>
<!-- Partie consacrée à la pop-up du plan (complétée par le script de Louise). -->
<div id="divPlan" title="Plan :">
<p class="borderText" id="borderDivPlan"></p>
<button id="notPlanButton" class="changeDialog"><i class="fas fa-angle-right"></i>Accéder à la suite de vos recherches</button>
<div id="divImgPlan"></div>
</div>
<!-- Partie consacrée à la pop-up des réponses sans plan (complétée par le script de Louise). -->
<div id="divNotPlan" title="Pour les documents qui ne sont pas en libre accès :">
<div class="borderText" id="borderDivNotPlan"></div>
<button id="planButton" class="changeDialog"><i class="fas fa-angle-right"></i>Retourner sur le plan</button>
</div>
<!-- Partie consacrée à la pop-up pour les choix (gérée par Louise). -->
<div id="divChoix" title="Que recherchez-vous ?">
<p class="lambda" id="revueMagSalle">Plusieurs documents portent la cote : <b id="coteChoixShow"></b><br/>Regardez quelle est sa localisation dans Archirès,<br/>et cliquez sur l'image correspondante.</p>¨
<!-- Pour ajouter une localisation possible aux choix, copiez et adaptez la ligne ci-dessous et modifiez le script de Lousie en conséquence. -->
<img id="salle1" class="imgChoix hidden" src="images/Choix/salle1.png">
<img id="horsformat" class="imgChoix hidden" src="images/Choix/horsformat.png">
</div>
<!-- Partie consacrée au logo de Louise et à sa version. -->
<div id="versionLogiciel">
<!-- Pour modifier le numéro de version, changez le title. -->
<span style="font-size : 50px; color : firebrick" title="v. 1.2">Louise</span>
</div>
<!-- Partie consacrée à l'information sur l'actualité des données. -->
<div id="dateData">
<span>Les données de localisation datent de décembre 2019.</span>
</div>
</body>
</html>