aboutsummaryrefslogtreecommitdiffstats
path: root/deployment/http/web/index.html
blob: 5aca7bccc8bc682e28d89cf0565d86d8918c0b62 (plain)
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
<!DOCTYPE html><html><head><link rel="icon" href="./onap-cli.png">
<meta charset="utf-8"><title>ONAP CLI</title><style></style>
<script>
function redirectToConsole(){
   window.location.href="http://"+  window.location.hostname + ":9090";
}

var slideIndex = 0;

function showSlides() {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1}
    slides[slideIndex-1].style.display = "block";
    setTimeout(showSlides, 2000); // Change image every 2 seconds
}

</script>
<style>

body {
    margin: 1% 3% 0;
    background-color: black
}

.readme {
    display: inline-block;
    width: 40%;
    float: left;
    color: white
}

* {box-sizing:border-box}

.slideshow-container {
 display: inline-block;
 width: 50%;
 float: right;
 max-width: 1000px;
 position: relative;
 margin: 12% 3% 0;
}

.mySlides {
    display: none;
}

</style>

</head>

<body onload="showSlides()">
<div class="readme">
<h1>ONAP Command-Line Interface (CLI)</h1>
<p style="color: blue;"><strong>One Command to command whole Onap !!</strong></p>
<p>Provides unified commands to operate ONAP from Linux command console and Web browser.</p>

<div style="background-color: white;color: black;">
<h2 >Web Command Console</h2>
<p>To open Console, <button class="button" onclick="redirectToConsole();">Click Me !</button></p>
<br>
</div>

<div style="background-color: white;color: black;">
<h2>Linux Command Shell</h2>
<p>Type <strong>onap</strong> from linux command console</p>

<h3>Download</h3>
<p>Please download ONAP CLI <a href="./onap-cli.zip">here</a></p>

<h3>Install</h3>
<p>Please follow the instructions given below for installing ONAP CLI.</p>
<ol>
<li>Un-zip the above download file into <strong>/opt/onap/cli folder</strong></li>
<li>Run the following commands:</li>
</ol>
<blockquote>
<p><span ><em>export ONAP_CLI_HOME=/opt/onap/cli </em></span><br /><span ><em>export CLI_PRODUCT_VERSION=onap-1.1 </em></span><br /> <br /><span ><em>cd $ONAP_CLI_HOME </em></span><br /> <br /><span ><em>if [ ! -d ./data ]; then mkdir ./data; fi </em></span><br /><span ><em>if [ ! -d ./onap-cli-schema ]; then mkdir ./onap-cli-schema; fi </em></span><br /> <br /><span ><em>chmod +x ./bin/onap.sh </em></span><br /> <br /><span ><em>#Make onap available in path </em></span><br /><span ><em>ln ./bin/onap.sh /usr/bin/onap </em></span><br /> <br /><span ><em>#Print the version </em></span><br /><span ><em>onap -v</em></span></p>
</blockquote>

<h3>Run onap command</h3>
<p>Configure the following environment variables:</p>
<ol>
<li><strong>ONAP_HOST_URL</strong> - Onap service URL</li>
<li><strong>ONAP_USERNAME</strong> - Onap user name</li>
<li><strong>ONAP_PASSWORD</strong> - Onap user password</li>
</ol>
<p>Type <strong>onap &lt;command&gt;</strong> from command shell.</p>
<h3><a href="http://onap.readthedocs.io/en/latest/submodules/cli.git/docs/index.htmlhttps://wiki.onap.org" target="_blank" rel="noopener">More details</a></h3>
</div>
</div>

<div class="slideshow-container">
  <div class="mySlides">
    <img src="images/onap-cli-ad-1.png" style="width:100%">
  </div>

  <div class="mySlides">
    <img src="images/onap-cli-ad-2.png" style="width:100%">
  </div>

  <div class="mySlides">
    <img src="images/onap-cli-ad-3.png" style="width:100%">
  </div>

  <div class="mySlides">
    <img src="images/onap-cli-ad-4.png" style="width:100%">
  </div>

  <div class="mySlides">
    <img src="images/onap-cli-ad-5.png" style="width:100%">
  </div>

  <div class="mySlides">
    <img src="images/onap-cli-ad-6.png" style="width:100%">
  </div>

</div>
</body></html>