-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
127 lines (122 loc) · 7.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- UIkit CSS -->
<link rel="stylesheet" href="lib/uikit/css/uikit.min.css">
<!-- Loading.io CSS -->
<link rel="stylesheet" type="text/css" href="lib/loading/loading-bar.min.css" />
<!-- UIkit JS -->
<script src="lib/uikit/js/uikit.min.js"></script>
<script src="lib/uikit/js/uikit-icons.min.js"></script>
<!-- Loading.io JS -->
<script type="text/javascript" src="lib/loading/loading-bar.min.js"></script>
</head>
<body>
<div class="uk-container">
<div uk-grid class="uk-child-width-expand@s uk-grid-divider">
<div class="uk-grid-item-match">
<div class="uk-card uk-card-hover uk-card-default uk-card-body">
<button class="uk-button uk-button-danger uk-align-right" id="clear">
Clear all</button>
<h3 class="uk-card-title">Choisir le web service</h3>
<form id="options">
<dl class="uk-description-list">
<dt>ISBN TO PPN</dt>
<dd><label class="uk-margin"><input class="uk-radio" type="radio" name="ws" value="isbn2ppncount"> Compter le nombre de ppn renvoyés pour chaque ISBN</label></dd>
<dd><label class="uk-margin" uk-tooltip="A n'utiliser que dans le cas d'ISBN ne renvoyant qu'un seul ppn"><input class="uk-radio" type="radio" name="ws" value="isbn2ppn"> Obtenir le ppn correspondant à chaque ISBN</label></dd>
<dt>ISSN TO PPN</dt>
<dd><label class="uk-margin"><input class="uk-radio" type="radio" name="ws" value="issn2ppncount"> Compter le nombre de ppn renvoyés pour chaque ISSN</label></dd>
<dd><label class="uk-margin" uk-tooltip="A n'utiliser que pour dans le cas d'ISSN ne renvoyant qu'un seul ppn"><input class="uk-radio" type="radio" name="ws" value="issn2ppn"> Obtenir le ppn correspondant à chaque ISSN</label></dd>
<dt>MULTIWHERE</dt>
<dd><label class="uk-margin"><input class="uk-radio" type="radio" name="ws" value="multiwhere"> Obtenir le nombre de localisations par ppn</label></dd>
<dt>MERGED</dt>
<dd><label class="uk-margin" uk-tooltip="La liste en entrée peut contenir des ppn non fusionnés, dans ce cas le résultat sera 0"><input class="uk-radio" type="radio" name="ws" value="merged"> Obtenir les ppn préférés en cas de fusion</label></dd>
</dl>
</form>
</div>
<div class="uk-card uk-card-hover uk-card-default uk-card-body">
<h3 class="uk-card-title">Importer le fichier</h3>
<p class="uk-comment-meta uk-margin-remove-top uk-text-center">
Le fichier à importer doit être en format .csv avec entêtes de colonnes.
</p>
<div class="uk-grid-divider uk-child-width-expand@s" uk-grid>
<div>
<label class="uk-form-label uk-text-bold" for="form-stacked-text">Préciser le
séparateur (; ou , ou | ...)</label>
<div class="uk-form-controls">
<input class="uk-input uk-form-success" id="fileSep" type="text">
</div>
</div>
<div>
<button class="uk-button uk-button-link uk-align-center" id="openSourceFile">
<span class="uk-margin-small-right" uk-icon="push"></span>
Importer un fichier</button>
</div>
</div>
</p>
<!--<div class="uk-card-footer"></div>-->
<p class="uk-text-success uk-text-meta uk-text-center uk-text-break" id="selectedFile"></p>
</div>
<div class="uk-card uk-card-hover uk-card-default uk-card-body">
<h3 class="uk-card-title">Configurer</h3>
<div class="uk-column-1-2">
<div class="uk-margin">
<div class="uk-form-label uk-text-bold">Dans quelle colonne se trouve l'identifiant pivot
(isbn, issn, ppn) ?</div>
<hr class="uk-divider-small">
<div class="uk-form-controls" id="checkboxIdResult"></div>
</div>
<div class="uk-margin">
<div class="uk-form-label uk-text-bold">Quelles colonnes voulez-vous garder en sortie ?
</div>
<hr class="uk-divider-small">
<div class="uk-form-controls" id="checkboxColumnsResult"></div>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label uk-text-bold" for="form-stacked-text">En-tête de la colonne
supplémentaire de résultats</label>
<div class="uk-form-controls">
<input class="uk-input uk-form-success" id="columnResultName" type="text">
</div>
</div>
</div>
<div class="uk-card uk-card-hover uk-card-default uk-card-body">
<button class="uk-button uk-button-primary uk-width-1-1" id="parseFile">
<span class="uk-margin-small-right" uk-icon="settings"></span>
Go !</button>
</div>
</div>
<div class="uk-grid-item-match">
<div class="uk-card uk-card-default uk-card-hover uk-card-body">
<h3 class="uk-card-title">Résultats</h3>
<div class="uk-grid-divider uk-child-width-expand@s" uk-grid>
<div>
<div class="myBar label-center"></div>
</div>
<div>
<button class="uk-button uk-button-primary" id="downloadResultFile">
<span class="uk-margin-small-right" uk-icon="pull"></span>
Télécharger le fichier de résultats</button>
</div>
</div>
<hr class="uk-divider-icon">
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
</div>
</div>
</div>
<h5 class="uk-heading-line uk-text-center uk-text-warning">
<span>Source des données : Agence Bibliographique de l'Eenseignement Supérieur</span>
</h5>
</div>
</body>
</html>
</div>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/underscore-umd-min.js"></script>
<script src="./lib/canvasjs/canvasjs.min.js"></script>
<script src="./node_modules/jquery/dist/jquery.min.js"></script>
<script src="./renderer-process/renderer.js"></script>
</body>
</html>