-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
118 lines (112 loc) · 8.01 KB
/
Copy pathindex.html
File metadata and controls
118 lines (112 loc) · 8.01 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="promethee 2 web app decision making method"/>
<meta name="keywords" content="promethee 2, multi criteria decision making, decision analysis, business intelligence, operations research, mcdm, mcda, method, online"/>
<meta name="author" content="Mourad Sidhoumi"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Decision Making - PROMETHEE II</title>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> -->
<link rel="stylesheet" href="./css/bootstrap.min.css"/>
<link rel="stylesheet" href="./css/style.css"/>
<link rel="shortcut icon" type="image/png" href="./img/favicon.png"/>
</head>
<body class="m-0">
<div class="jumbotron jumbotron-fluid pt-4 pb-2">
<div class="container">
<h1 class="display-4">PROMETHEE II</h1>
<p class="lead"><big>A Multi-Criteria Decision Making Method</big>
<a href="https://github.com/mouradsidhoumi/decision-making-promethee2" target="_blank" class="nowrap small text-dark" title="Github Repository"><u>Read about <svg width="0.9em" height="0.9em" viewBox="0 0 16 16" class="bi bi-box-arrow-up-right mb-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"></path>
<path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"></path>
</svg></u>
</a>
</p>
<form name="form" onsubmit="return false;">
<div class="form-row">
<div class="form-group col-md-3 col-lg-2">
<label class="col-form-label col-form-label-sm">Number of Actions</label>
<input type="number" class="form-control form-control-sm" name="nbActions"
min="2" max="10" step="1" required="true">
</div>
<div class="form-group col-md-3 col-lg-2">
<label class="col-form-label col-form-label-sm">Number of Criterias</label>
<input type="number" class="form-control form-control-sm"
name="nbCriterias" min="2" max="10" step="1" required="true">
</div>
<div class="form-group d-flex align-items-end mx-1">
<button class="btn btn-primary px-3 py-1" id="btnStart" style="height: 2.07em">Start</button>
</div>
<div class="form-group d-flex align-items-end mb-1 mx-3 px-2">
<p class="mx-auto">OR</p>
</div>
<div class="form-group d-flex flex-column px-1 ">
<label class="col-form-label col-form-label-sm" title="File must have a certain formatting"
data-toggle="modal" data-target="#mymodal1">Import an Excel File
<svg width="1em" height="1em" viewBox="0 0 16 16"
class="bi bi-exclamation-circle text-danger mb-1" style="cursor: pointer;"
fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
<path
d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" />
</svg>
</label>
<input type="button" class="btn btn-success py-1" data-toggle="modal" data-target="#mymodal1"
style="width: 4.83em" value="Upload">
<input type="file" id="inputFile"
accept=".csv,application/vnd.ms-excel,.xlt,application/vnd.ms-excel,.xla,application/vnd.ms-excel,.xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.xltx,application/vnd.openxmlformats-officedocument.spreadsheetml.template,.xlsm,application/vnd.ms-excel.sheet.macroEnabled.12,.xltm,application/vnd.ms-excel.template.macroEnabled.12,.xlam,application/vnd.ms-excel.addin.macroEnabled.12,.xlsb,application/vnd.ms-excel.sheet.binary.macroEnabled.12">
</div>
</div>
</form>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="mymodal1" tabindex="-1" aria-labelledby="mymodal1Label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mymodal1Label">Required File Formatting</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<a href="./img/file_formatting.png" target="_blank" style="cursor: zoom-in;" alt="">
<img src="./img/file_formatting.png" class="img-fluid" alt="">
</a>
</div>
<div class="modal-footer d-sm-flex flex-sm-row">
<div class="custom-control custom-checkbox flex-lg-fill">
<input type="checkbox" class="custom-control-input" id="chkPart2Included" checked>
<label class="custom-control-label" for="chkPart2Included">I Have Included The Parameters
Part.</label>
</div>
<button id="btnUpload" class="btn btn-success" data-toggle="modal"
data-target="#mymodal1">Upload</button>
<button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="container-fluid container-lg">
<div id="table-container" class="table-responsive">
</div>
</div>
<!-----------------------Scripts----------------------->
<!-- Local
<script type="text/javascript" src="./js/jquery-3.5.1.slim.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/xlsx.full.min.js"></script>
<script type="text/javascript" src="./js/shim.min.js"></script>
-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.8/xlsx.full.min.js" integrity="sha512-NerWxp37F9TtBS1k1cr2TjyC9c8Qh6ghgqVBOYXaahgnBkVT6a8KVbO05Z8+LnIIom4CJSSQTZ3VbL396scK5w==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.8/shim.min.js" integrity="sha512-nPnkC29R0sikt0ieZaAkk28Ib7Y1Dz7IqePgELH30NnSi1DzG4x+envJAOHz8ZSAveLXAHTR3ai2E9DZUsT8pQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="./js/app.js"></script>
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>