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
?>