quickvm_sup.php 18.4 KB
Newer Older
Leigh B Stoller's avatar
Leigh B Stoller committed
1
2
<?php
#
3
# Copyright (c) 2000-2014 University of Utah and the Flux Group.
Leigh B Stoller's avatar
Leigh B Stoller committed
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 
# {{{EMULAB-LICENSE
# 
# This file is part of the Emulab network testbed software.
# 
# This file is free software: you can redistribute it and/or modify it
# under the terms of the GNU Affero General Public License as published by
# the Free Software Foundation, either version 3 of the License, or (at
# your option) any later version.
# 
# This file is distributed in the hope that it will be useful, but WITHOUT
# ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
# FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public
# License for more details.
# 
# You should have received a copy of the GNU Affero General Public License
# along with this file.  If not, see <http://www.gnu.org/licenses/>.
# 
# }}}
#
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$APTHOST	= "$WWWHOST";
$APTBASE	= "$TBBASE/apt";

#
# Global flag to disable accounts. We do this on some pages which
# should not display login/account info.
#
$disable_accounts = 0;

#
# So, we could be coming in on the alternate APT address (virtual server)
# which causes cookie problems. I need to look into avoiding this problem
# but for now, just change the global value of the TBAUTHDOMAIN when we do.
# The downside is that users will have to log in twice if they switch back
# and forth.
#
if ($TBMAINSITE && $_SERVER["SERVER_NAME"] == "www.aptlab.net") {
    $TBAUTHDOMAIN = ".aptlab.net";
    $APTHOST      = "www.aptlab.net";
43
    $WWWHOST      = "www.aptlab.net";
44
45
46
    $APTBASE      = "https://www.aptlab.net";
}

47
#
48
# Redefine this so APT errors are styled properly. Called by PAGEERROR();.
49
50
#
$PAGEERROR_HANDLER = function($msg, $status_code = 0) {
51
52
53
54
55
    global $drewheader;

    if (! $drewheader) {
	SPITHEADER();
    }
56
57
58
59
60
61
    echo $msg;
    echo "<script src='js/lib/require.js' data-main='js/null.js'></script>\n";
    SPITFOOTER();
    die("");
};

Leigh B Stoller's avatar
Leigh B Stoller committed
62
63
function SPITHEADER($thinheader = 0)
{
Leigh B Stoller's avatar
Leigh B Stoller committed
64
    global $TBMAINSITE;
65
    global $login_user, $login_status;
66
    global $disable_accounts, $page_title, $drewheader;
67
68
69
70
    $title = "AptLab";
    if (isset($page_title)) {
	$title .= " - $page_title";
    }
Leigh B Stoller's avatar
Leigh B Stoller committed
71
    $height = ($thinheader ? 150 : 250);
72
    $drewheader = 1;
73
74
75
76
77
78
79
80
81

    #
    # Figure out who is logged in, if anyone.
    #
    if (($login_user = CheckLogin($status)) != null) {
	$login_status = $status;
	$login_uid    = $login_user->uid();
    }

Leigh B Stoller's avatar
Leigh B Stoller committed
82
83
    echo "<html>
      <head>
84
        <title>$title</title>
85
        <link rel='stylesheet' href='bootstrap/css/bootstrap.css'>
Leigh B Stoller's avatar
Leigh B Stoller committed
86
        <link rel='stylesheet' href='quickvm.css'>
87
	<script src='js/common.js'></script>
Leigh B Stoller's avatar
Leigh B Stoller committed
88
        <script src='https://www.emulab.net/emulab_sup.js'></script>
Leigh B Stoller's avatar
Leigh B Stoller committed
89
      </head>
90
    <body style='display: none'>\n";
Leigh B Stoller's avatar
Leigh B Stoller committed
91
92
93
94
    
    if ($TBMAINSITE && file_exists("../google-analytics.php")) {
	readfile("../google-analytics.php");
    }
95

Leigh B Stoller's avatar
Leigh B Stoller committed
96
    echo "
Leigh B Stoller's avatar
Leigh B Stoller committed
97
    <!-- Container for body, needed for sticky footer -->
98
    <div id='wrap'>
99
100
101
102
103
         <div class='navbar navbar-static-top' role='navigation'>
           <div class='navbar-inner'>
             <div class='brand'>
                 <img src='aptlogo.png'/>
             </div>
104
             <ul class='nav navbar-nav navbar-right apt-right'>";
105
    if (!$disable_accounts) {
106
	if ($login_user && ISADMINISTRATOR()) {
107
	    echo "<li class='apt-left'>\n";
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
	    if (ISADMIN()) {
		$url = CreateURL("toggle", $login_user,
				 "type", "adminon", "value", 0);
		
		echo "<a href='/$url'>
                             <img src='/redball.gif'
                                  style='height: 10px;'
                                  border='0' alt='Admin On'></a>\n";
	    }
	    else {
		$url = CreateURL("toggle", $login_user,
				 "type", "adminon", "value", 1);

		echo "<a href='/$url'>
                              <img src='/greenball.gif'
                                   style='height: 10px;'
                                   border='0' alt='Admin Off'></a>\n";
	    }
	    echo "</li>\n";
	}
128
	echo "<li id='loginstatus' class='apt-left'>".
129
	    ($login_user ? "<p class='navbar-text'>$login_uid logged in</p>" : "") . "</li>\n";
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
	if (!NOLOGINS()) {
	    if (!$login_user) {
		echo "<li id='signupitem' class='apt-left'>" .
                        "<form><a class='btn btn-primary navbar-btn'
                                id='signupbutton'
                                href='signup.php'>
                              Sign Up</a></form></li>
                     \n";
		echo "<li id='loginitem' class='apt-left'>" .
		         "<form><a class='btn btn-primary navbar-btn'
                              id='loginbutton'
	                      data-toggle='modal'
                              href='#quickvm_login_modal'
                              data-target='#quickvm_login_modal'>
                            Login</a></form></li>
                      \n";
	    }
	    else {
		echo "<li class='apt-left'>" .
		         "<form><a class='btn btn-primary navbar-btn'
                              href='logout.php'>
                            Logout</a></form></li>
                      \n";
	    }
155
156
	}
    }
157
    echo "   </ul>
158
159
             <ul class='nav navbar-nav navbar-left apt-left'>
                <li class='apt-left'><form><a class='btn btn-quickvm-home navbar-btn'
160
                       href='instantiate.php'>Home</a></form></li>\n";
161
    if (!$disable_accounts) {
162
	echo "  <li id='quickvm_actions_menu' class='dropdown apt-left ".
163
164
	    (!$login_user ? "hidden" : "") . "'>" .
	         "<a href='#' class='dropdown-toggle' data-toggle='dropdown'>
165
166
167
                    Actions <b class='caret'></b></a>
                  <ul class='dropdown-menu'>
                   <li><a href='myprofiles.php'>My Profiles</a></li>
Leigh B Stoller's avatar
Leigh B Stoller committed
168
                   <li><a href='myexperiments.php'>My Experiments</a></li>
169
170
                   <li><a href='manage_profile.php'>Create Profile</a></li>
                   <li class='divider'></li>
Leigh B Stoller's avatar
Leigh B Stoller committed
171
	           <li><a href='logout.php'>Logout</a></li>
172
173
                  </ul>
                </li>\n";
174
175
176
177
178
    }
    echo "   </ul>
           </div>
         </div>\n";

179
    SpitLoginModal("quickvm_login_modal");
180
181
    echo " <!-- Page content -->
           <div class='container'>\n";
Leigh B Stoller's avatar
Leigh B Stoller committed
182
183
184
185
186
}

function SPITFOOTER()
{
    echo "</div>
187
188
      </div>\n";
    echo "
Leigh B Stoller's avatar
Leigh B Stoller committed
189
      <!--- Footer -->
190
191
      <div>
       <div id='footer'>
192
193
194
195
196
197
198
199
200
201
202
203
        <div class='pull-left'>
          <a href='http://www.emulab.net' target='_blank'>
             Powered by
             <img src='emulab-whiteout.png' id='elabpower'></a>
        </div>
	<span>Question or comment? Join the
           <a href='https://groups.google.com/forum/#!forum/apt-users'
              target='_blank'>Help Forum</a></span>
        <div class='pull-right'>&copy; 2014
          <a href='http://www.utah.edu' target='_blank'>
             The University of Utah</a>
        </div>
204
       </div>
Leigh B Stoller's avatar
Leigh B Stoller committed
205
      </div>
206
      <!-- Placed at the end of the document so the pages load faster -->
Leigh B Stoller's avatar
Leigh B Stoller committed
207
208
209
     </body></html>\n";
}

210
211
function SPITUSERERROR($msg)
{
212
    PAGEERROR($msg, 0);
213
214
}

Leigh B Stoller's avatar
Leigh B Stoller committed
215
216
217
218
219
220
221
222
223
224
225
226
#
# Does not return; page exits.
#
function SPITAJAX_RESPONSE($value)
{
    $results = array(
	'code'  => 0,
	'value' => $value
	);
    echo json_encode($results);
}

Leigh B Stoller's avatar
Leigh B Stoller committed
227
function SPITAJAX_ERROR($code, $msg)
Leigh B Stoller's avatar
Leigh B Stoller committed
228
229
{
    $results = array(
Leigh B Stoller's avatar
Leigh B Stoller committed
230
	'code'  => code,
Leigh B Stoller's avatar
Leigh B Stoller committed
231
232
233
234
235
	'value' => $msg
	);
    echo json_encode($results);
}

Leigh B Stoller's avatar
Leigh B Stoller committed
236
237
238
239
240
function SPITNULLREQUIRE()
{
    echo "<script src='js/lib/require.js' data-main='js/null'></script>\n";
}

Leigh B Stoller's avatar
Leigh B Stoller committed
241
242
243
244
245
#
# Spit out an info tooltip.
#
function SpitToolTip($info)
{
246
247
248
249
    echo "<a href='#' class='btn btn-xs' data-toggle='popover' ".
	"data-content='$info'> ".
        "<span class='glyphicon glyphicon-question-sign'></span> ".
        "</a>\n";
Leigh B Stoller's avatar
Leigh B Stoller committed
250
251
}

252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
#
# Spit out the verify modal. We are not using real password authentication
# like the rest of the Emulab website. Assumed to be inside of a form
# that handles a create button.
#
function SpitVerifyModal($id, $label)
{
    echo "<!-- This is the user verify modal -->
          <div id='$id' class='modal fade'>
            <div class='modal-dialog'>
            <div class='modal-content'>
               <div class='modal-header'>
                <button type='button' class='close' data-dismiss='modal'
                   aria-hidden='true'>&times;</button>
                <h3>Important</h3>
               </div>
               <div class='modal-body'>
                    <p>Check your email for a verification code, and
                       enter it here:</p>
                       <div class='form-group'>
                        <input name='verify' class='form-control'
                               placeholder='Verification code'
                               autofocus type='text' />
                       </div>
                       <div class='form-group'>
                        <button class='btn btn-primary form-control'
                            type='submit' name='create'>
                            $label</button>
                       </div>
               </div>
            </div>
            </div>
         </div>\n";
}

#
# Spit out the login modal. 
#
Robert Ricci's avatar
Robert Ricci committed
290
function SpitLoginModal($id)
291
{
Robert Ricci's avatar
Robert Ricci committed
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
?>
    <!-- This is the login modal -->
    <div id='<?php echo $id ?>' class='modal fade' role='dialog'>
        <div class='modal-dialog'>
        <form id='quickvm_login_form'
              role='form'
              method='post' action='login.php'>
        <input type=hidden name=refer value=1>
        <div id='quickvm_login_form_error'
             class='align-center'></div>
        <div class='modal-content'>
           <div class='modal-header'>
            <button type='button' class='close' data-dismiss='modal'
               aria-hidden='true'>&times;</button>
               <h4 class='modal-title'>Log in to Apt</h4>
           </div>
           <div class='modal-body form-horizontal'>
             <div class='form-group'>
                       <label for='uid' class='col-sm-2 control-label'>Username</label>
                       <div class='col-sm-10'>
                           <input name='uid' class='form-control'
                                  placeholder='Aptlab.net or Emulab.net Username'
                                  autofocus type='text'>
315
                       </div>
Robert Ricci's avatar
Robert Ricci committed
316
317
318
319
320
321
322
                   </div>
                   <div class='form-group'>
                       <label for='password' class='col-sm-2 control-label'>Password </label>
                       <div class='col-sm-10'>
                           <input name='password' class='form-control'
                                  placeholder='Password'
                                  type='password'>
323
                       </div>
Robert Ricci's avatar
Robert Ricci committed
324
325
326
327
328
                   </div>
             </div>
             <div class='modal-footer'>
                   <div class='form-group'>
                        <button class='btn btn-success btn-sm'
329
330
331
332
                            id='quickvm_login_modal_button'
                            class='form-control'
                            type='submit' name='login'>
                            Login</button>
Robert Ricci's avatar
Robert Ricci committed
333
334
335
336
337
338
339
                   </div>
             </div>
        </div>
        </form>
        </div>
     </div>
<?php
340
341
}

342
343
344
345
346
347
348
#
# Topology view modal, shared across a few pages.
#
function SpitTopologyViewModal($modal_name, $profile_array)
{
    echo "<!-- This is the topology view modal -->
          <div id='$modal_name' class='modal fade'>
Robert Ricci's avatar
Robert Ricci committed
349
          <div class='modal-dialog'  id='showtopo_dialog'>
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
            <div class='modal-content'>
               <div class='modal-header'>
                <button type='button' class='close' data-dismiss='modal'
                   aria-hidden='true'>
                   &times;</button>
                <h3>Select a Profile</h3>
               </div>
               <div class='modal-body'>
                 <!-- This topo diagram goes inside this div -->
                 <div class='panel panel-default'
                            id='showtopo_container'>
                  <div class='form-group pull-left'>
                    <ul class='list-group' id='profile_name'
                            name='profile'
                            >\n";
    while (list ($id, $title) = each ($profile_array)) {
	$selected = "";
	if ($profile_value == $id)
	    $selected = "selected";
                      
	echo "          <li class='list-group-item profile-item' $selected
                            value='$id'>$title </li>\n";
    }
    echo "          </ul>
                  </div> 
                  <div class='pull-right'>
                    <span id='showtopo_title'></span>
                    <div class='panel-body'>
                     <div id='showtopo_div'></div>
                     <span class='pull-left' id='showtopo_description'></span>
                    </div>
                   </div>
                 </div>
                 <div id='showtopo_buttons' class='pull-right'>
                     <button id='showtopo_select'
                           class='btn btn-primary btn-sm'
                           type='submit' name='select'>
                              Select Profile</button>
                      <button type='button' class='btn btn-default btn-sm' 
                      data-dismiss='modal' aria-hidden='true'>
                     Cancel</button>
                    </div>
               </div>
            </div>
          </div>
       </div>\n";
}

Leigh B Stoller's avatar
Leigh B Stoller committed
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
#
# Please Wait.
#
function SpitWaitModal($id)
{
    echo "<!-- This is the Please Wait modal -->
          <div id='$id' class='modal fade'>
            <div class='modal-dialog'>
            <div class='modal-content'>
               <div class='modal-header'>
                <center><h3>Please Wait</h3></center>
               </div>
               <div class='modal-body'>
                 <center><img src='spinner.gif' /></center>
               </div>
            </div>
            </div>
         </div>\n";
}

#
# Oops modal.
#
function SpitOopsModal($id)
{
    echo "<!-- This is the Oops modal -->
          <div id='$id' class='modal fade'>
            <div class='modal-dialog'>
            <div class='modal-content'>
               <div class='modal-header'>
                 <button type='button'
                      class='btn btn-default btn-sm pull-right' 
                      data-dismiss='modal' aria-hidden='true'>
                   Close</button>
                 <center><h3>Oops!</h3></center>
               </div>
               <div class='modal-body'>
                 <div id='${id}_text'></div>
               </div>
            </div>
            </div>
         </div>\n";
}

442
443
444
445
446
447
448
449
#
# Generate an authentication object to pass to the browser that
# is passed to the web server on boss. This is used to grant
# permission to the user to invoke ssh to a local node using their
# emulab generated (no passphrase) key. This is basically a clone
# of what GateOne does, but that code was a mess. 
#
function SSHAuthObject($uid, $nodeid)
Leigh B Stoller's avatar
Leigh B Stoller committed
450
{
451
452
453
454
    global $USERNODE;
	
    $file = "/usr/testbed/etc/sshauth.key";
    
Leigh B Stoller's avatar
Leigh B Stoller committed
455
456
457
    #
    # We need the secret that is shared with ops.
    #
458
    $fp = fopen($file, "r");
Leigh B Stoller's avatar
Leigh B Stoller committed
459
    if (! $fp) {
460
	TBERROR("Error opening $file", 0);
Leigh B Stoller's avatar
Leigh B Stoller committed
461
462
	return null;
    }
463
    $key = fread($fp, 128);
Leigh B Stoller's avatar
Leigh B Stoller committed
464
    fclose($fp);
465
466
    if (!$key) {
	TBERROR("Could not get key from $file", 0);
Leigh B Stoller's avatar
Leigh B Stoller committed
467
468
	return null;
    }
469
470
471
    $key   = chop($key);
    $stuff = GENHASH();
    $now   = time();
Leigh B Stoller's avatar
Leigh B Stoller committed
472
473


474
475
476
477
478
479
480
481
482
483
484
485
    $authobj = array('uid'       => $uid,
		     'stuff'     => $stuff,
		     'nodeid'    => $nodeid,
		     'timestamp' => $now,
		     'baseurl'   => "https://${USERNODE}",
		     'signature_method' => 'HMAC-SHA1',
		     'api_version' => '1.0',
		     'signature' => hash_hmac('sha1',
					      $uid . $stuff . $nodeid . $now,
					      $key),
    );
    return json_encode($authobj);
Leigh B Stoller's avatar
Leigh B Stoller committed
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
}

#
# This is a little odd; since we are using our local CM to create
# the experiment, we can just ask for the graphic directly.
#
function GetTopoMap($uid, $pid, $eid)
{
    global $TBSUEXEC_PATH;
    $xmlstuff = "";
    
    if ($fp = popen("$TBSUEXEC_PATH nobody nobody webvistopology ".
		    "-x -s $uid $pid $eid", "r")) {

	while (!feof($fp) && connection_status() == 0) {
	    $string = fgets($fp);
	    if ($string) {
		$xmlstuff .= $string;
	    }
	}
	return $xmlstuff;
    }
    else {
	return "";
    }
}

513
514
515
516
517
518
519
520
521
522
523
524
525
#
# Redirect request to https
#
function RedirectSecure()
{
    global $APTHOST;

    if (!isset($_SERVER["SSL_PROTOCOL"])) {
	header("Location: https://$APTHOST". $_SERVER['REQUEST_URI']);
	exit();
    }
}

Leigh B Stoller's avatar
Leigh B Stoller committed
526
527
528
529
530
531
532
533
534
#
# Redirect to the login page()
#
function RedirectLoginPage()
{
    # HTTP_REFERER will not work reliably when redirecting so
    # pass in the URI for this page as an argument
    header("Location: login.php?referrer=".
	   urlencode($_SERVER['REQUEST_URI']));
535
    
Leigh B Stoller's avatar
Leigh B Stoller committed
536
537
}

538
539
function SpitAboutApt()
{
540
    SpitCollapsiblePanel("aboutapt","What is Apt?",<<<'ENDBODY'
541
<p>
Robert Ricci's avatar
Robert Ricci committed
542
Apt is a testbed facility built around <em>profiles</em>.
543
544
545
546
547
548
549
550
551
A profile describes an <em>experiment</em>; when you instantiate a profile,
    that specification is realized on the Apt cluster using virtual or
    physical machines.
The creator of a profile may put code, data, and other resources into it,
    and the profile may consist of a single machine or may describe an
    entire network.
</p>

<p>
Robert Ricci's avatar
Robert Ricci committed
552
Apt is a <em>platform for sharing research</em>; it is open to all researchers, 
553
    educators, and students.
Robert Ricci's avatar
Robert Ricci committed
554
555
Basic access to public profiles on Apt is provided without the need to register 
    for an account - this keeps the barriers to accessing research results low.
556
If you find the limited resources that are provided to unregistered users 
Robert Ricci's avatar
Robert Ricci committed
557
    valuable, we recommend <a href="signup.php">signing up</a> for a <em>(free)</em>
558
559
560
561
562
563
564
    account to get access to more resources and to create profiles of your
    own.
</p>

<p>
Apt is built on <a href="http:/www.emulab.net">Emulab</a> and
    <a href="http://www.geni.net">GENI</a> technologies.
Robert Ricci's avatar
Robert Ricci committed
565
566
567
568
569
It is built and operated by the <a href="http://www.flux.utah.edu">Flux 
    Research Group</a>, part of the <a href="http://www.utah.edu">University of 
    Utah</a>'s <a href="http://www.cs.utah.edu">School of Computing</a>.
Apt is funded by the National Science Foundation under award CNS-1338155 and
    by the University of Utah.
570
571
</p>

572
573
574
<p>
For help, bug reports, or other questions, come join the <a href="https://groups.google.com/forum/#!forum/apt-users">Discussion Forum</a>
</p>
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
ENDBODY
    );

}

function SpitCollapsiblePanel($id, $title, $body) {

?>

<div class="panel panel-info">

<div class="panel-heading">
<h5><a data-toggle="collapse" href="#<?php echo $id; ?>"><?php echo $title; ?><span class="glyphicon glyphicon-chevron-right pull-right"></span></a></h5>
</div>

<div id="<?php echo $id; ?>" class="panel-collapse collapse">

<div class="panel-body">

<?php echo $body; ?>
595

596
597
598
</div> <!-- Panel body -->
</div> <!-- Collapser -->
</div> <!-- Panel -->
599
<?php
600
601
}

Leigh B Stoller's avatar
Leigh B Stoller committed
602
?>