services/identity/googleoauth/template.go - release.go.x.ref - Git at Google

 package googleoauth

 import "html/template"

 var tmplViewBlessings = template.Must(template.New("auditor").Parse(`<!doctype html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Blessings for {{.Email}}</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
 <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
 <script>
 function setTimeText(elem) {
   var timestamp = elem.data("unixtime");
   var m = moment(timestamp*1000.0);
   var style = elem.data("style");
   if (style === "absolute") {
     elem.html("<a href='#'>" + m.format("dd, MMM Do YYYY, h:mm:ss a") + "</a>");
     elem.data("style", "fromNow");
   } else {
     elem.html("<a href='#'>" + m.fromNow() + "</a>");
     elem.data("style", "absolute");
   }
 }

 $(document).ready(function() {
   $(".unixtime").each(function() {
     // clicking the timestamp should toggle the display format.
     $(this).click(function() { setTimeText($(this)); });
     setTimeText($(this));
   });

   // Setup the revoke buttons click events.
   $(".revoke").click(function() {
     var revokeButton = $(this);
     $.ajax({
       url: "/google/{{.RevokeRoute}}",
       type: "POST",
       data: JSON.stringify({
         "Token": revokeButton.val()
       })
     }).done(function(data) {
       if (data.success == "false") {
         failMessage(revokeButton);
         return;
       }
       revokeButton.replaceWith("<div>Just Revoked!</div>");
     }).fail(function(xhr, textStatus){
       failMessage(revokeButton);
       console.error('Bad request: %s', status, xhr)
     });
   });
 });

 function failMessage(revokeButton) {
   revokeButton.parent().parent().fadeIn(function(){
     $(this).addClass("bg-danger");
   });
   toastr.options.closeButton = true;
   toastr.error('Unable to revoke identity!', 'Error!')
 }

 </script>
 </head>
 <body>
 <div class="container">
 <h3>Blessing log for {{.Email}}</h3>
 <table class="table table-bordered table-hover table-responsive">
 <thead>
   <tr>
   <th>Blessed as</th>
   <th>Public Key</th>
   <th>Issued</th>
   <th>Caveats</th>
   <th>Revoked</th>
   </tr>
 </thead>
 <tbody>
 {{range .Log}}
   {{if .Error}}
     <tr class="bg-danger">
       <td colspan="5">Failed to read audit log: Error: {{.Error}}</td>
     </tr>
   {{else}}
     <tr>
     <td>{{.Blessed}}</td>
     <td>{{.Blessed.PublicKey}}</td>
     <td><div class="unixtime" data-unixtime={{.Timestamp.Unix}}>{{.Timestamp.String}}</div></td>
     <td>
     {{range .Caveats}}
       {{.}}</br>
     {{end}}
     </td>
     <td>
       {{ if .Token }}
       <button class="revoke" value="{{.Token}}">Revoke</button>
       {{ else if not .RevocationTime.IsZero }}
         <div class="unixtime" data-unixtime={{.RevocationTime.Unix}}>{{.RevocationTime.String}}</div>
       {{ end }}
     </td>
     </tr>
   {{end}}
 {{else}}
   <tr>
   <td colspan=5>No blessings issued</td>
   </tr>
 {{end}}
 </tbody>
 </table>
 <hr/>
 </div>
 </body>
 </html>`))

 var tmplSelectCaveats = template.Must(template.New("bless").Parse(`<!doctype html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Blessings: Select caveats</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
 <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
 <script>
   // TODO(suharshs): Move this and other JS/CSS to an assets directory in identity server.
   $(document).ready(function() {
     $('.caveatInput').hide(); // Hide all the inputs at start.

     // When a caveat selector changes show the corresponding input box.
     $('body').on('change', '.caveats', function (){
       // Grab the div encapsulating the select and the corresponding inputs.
       var caveatSelector = $(this).parents(".caveatRow");
       // Hide the visible inputs and show the selected one.
       caveatSelector.find('.caveatInput').hide();
       caveatSelector.find('#'+$(this).val()).show();
     });

     // Upon clicking the '+' button a new caveat selector should appear.
     $('body').on('click', '.addCaveat', function() {
       var selector = $(this).parents(".caveatRow");
       var newSelector = selector.clone();
       // Hide all inputs since nothing is selected in this clone.
       newSelector.find('.caveatInput').hide();
       selector.after(newSelector);
       // Change the '+' button to a '-' button.
       $(this).replaceWith('<button type="button" class="btn btn-danger btn-sm removeCaveat">-</button>')
     });

     // Upon clicking the '-' button caveats should be removed.
     $('body').on('click', '.removeCaveat', function() {
       $(this).parents('.caveatRow').remove();
     });

     // Get the timezoneOffset for the server to create a correct expiry caveat.
     // The offset is the minutes between UTC and local time.
     var d = new Date();
     $('#timezoneOffset').val(d.getTimezoneOffset());

     // Set the datetime picker to have a default value of one day from now.
     var m = moment().add(1, 'd').format("YYYY-MM-DDTHH:MM")
     $('#expiry').val(m);
     $('#ExpiryCaveat').val(m);
   });
 </script>
 </head>
 <body class="container">
 <form class="form-horizontal" method="POST" id="caveats-form" name="input" action="/google/{{.MacaroonRoute}}" role="form">
 <h2 class="form-signin-heading">{{.Extension}}</h2>
 <input type="text" class="hidden" name="macaroon" value="{{.Macaroon}}">
 <div class="form-group form-group-lg">
   <label class="col-sm-2" for="blessing-extension">Extension</label>
   <div class="col-sm-10">
   <input name="blessingExtension" type="text" class="form-control" id="blessing-extension" placeholder="(optional) name of the device/application for which the blessing is being sought, e.g. homelaptop">
   <input type="text" class="hidden" id="timezoneOffset" name="timezoneOffset">
   </div>
 </div>
 <div class="form-group form-group-lg">
   <label class="col-sm-2" for="required-caveat">Expiration</label>
   <div class="col-sm-10" class="input-group" name="required-caveat">
     <div class="radio">
       <label>
       <input type="radio" name="requiredCaveat" id="requiredCaveat" value="Revocation" checked>
       When explicitly revoked
       </label>
     </div>
     <div class="radio">
       <div class="input-group">
         <input type="radio" name="requiredCaveat" id="requiredCaveat" value="Expiry">
         <input type="datetime-local" id="expiry" name="expiry">
       </div>
     </div>
   </div>
 </div>
 <h4 class="form-signin-heading">Additional caveats</h4>
 <span class="help-text">Optional additional restrictions on the use of the blessing</span>
 <div class="caveatRow row">
   <div class="col-md-4">
     <select name="caveat" class="form-control caveats">
       <option value="none" selected="selected">Select a caveat.</option>
       {{ $caveatList := .CaveatList }}
       {{range $index, $name := $caveatList}}
       <option name="{{$name}}" value="{{$name}}">{{$name}}</option>
       {{end}}
     </select>
   </div>
   <div class="col-md-7">
     {{range $index, $name := $caveatList}}
       {{if eq $name "ExpiryCaveat"}}
       <input type="datetime-local" class="form-control caveatInput" id="{{$name}}" name="{{$name}}">
       {{else if eq $name "MethodCaveat"}}
       <input type="text" id="{{$name}}" class="form-control caveatInput" name="{{$name}}" placeholder="comma-separated method list">
       {{end}}
     {{end}}
   </div>
   <div class="col-md-1">
     <button type="button" class="btn btn-info btn-sm addCaveat">+</button>
   </div>
 </div>
 <br/>
 <button class="btn btn-lg btn-primary btn-block" type="submit">Bless</button>
 </form>
 </body>
 </html>`))
	package googleoauth

	import "html/template"

	var tmplViewBlessings = template.Must(template.New("auditor").Parse(`<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Blessings for {{.Email}}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
	<script>
	function setTimeText(elem) {
	var timestamp = elem.data("unixtime");
	var m = moment(timestamp*1000.0);
	var style = elem.data("style");
	if (style === "absolute") {
	elem.html("<a href='#'>" + m.format("dd, MMM Do YYYY, h:mm:ss a") + "</a>");
	elem.data("style", "fromNow");
	} else {
	elem.html("<a href='#'>" + m.fromNow() + "</a>");
	elem.data("style", "absolute");
	}
	}

	$(document).ready(function() {
	$(".unixtime").each(function() {
	// clicking the timestamp should toggle the display format.
	$(this).click(function() { setTimeText($(this)); });
	setTimeText($(this));
	});

	// Setup the revoke buttons click events.
	$(".revoke").click(function() {
	var revokeButton = $(this);
	$.ajax({
	url: "/google/{{.RevokeRoute}}",
	type: "POST",
	data: JSON.stringify({
	"Token": revokeButton.val()
	})
	}).done(function(data) {
	if (data.success == "false") {
	failMessage(revokeButton);
	return;
	}
	revokeButton.replaceWith("<div>Just Revoked!</div>");
	}).fail(function(xhr, textStatus){
	failMessage(revokeButton);
	console.error('Bad request: %s', status, xhr)
	});
	});
	});

	function failMessage(revokeButton) {
	revokeButton.parent().parent().fadeIn(function(){
	$(this).addClass("bg-danger");
	});
	toastr.options.closeButton = true;
	toastr.error('Unable to revoke identity!', 'Error!')
	}

	</script>
	</head>
	<body>
	<div class="container">
	<h3>Blessing log for {{.Email}}</h3>
	<table class="table table-bordered table-hover table-responsive">
	<thead>
	<tr>
	<th>Blessed as</th>
	<th>Public Key</th>
	<th>Issued</th>
	<th>Caveats</th>
	<th>Revoked</th>
	</tr>
	</thead>
	<tbody>
	{{range .Log}}
	{{if .Error}}
	<tr class="bg-danger">
	<td colspan="5">Failed to read audit log: Error: {{.Error}}</td>
	</tr>
	{{else}}
	<tr>
	<td>{{.Blessed}}</td>
	<td>{{.Blessed.PublicKey}}</td>
	<td><div class="unixtime" data-unixtime={{.Timestamp.Unix}}>{{.Timestamp.String}}</div></td>
	<td>
	{{range .Caveats}}
	{{.}}</br>
	{{end}}
	</td>
	<td>
	{{ if .Token }}
	<button class="revoke" value="{{.Token}}">Revoke</button>
	{{ else if not .RevocationTime.IsZero }}
	<div class="unixtime" data-unixtime={{.RevocationTime.Unix}}>{{.RevocationTime.String}}</div>
	{{ end }}
	</td>
	</tr>
	{{end}}
	{{else}}
	<tr>
	<td colspan=5>No blessings issued</td>
	</tr>
	{{end}}
	</tbody>
	</table>
	<hr/>
	</div>
	</body>
	</html>`))

	var tmplSelectCaveats = template.Must(template.New("bless").Parse(`<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Blessings: Select caveats</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
	<script>
	// TODO(suharshs): Move this and other JS/CSS to an assets directory in identity server.
	$(document).ready(function() {
	$('.caveatInput').hide(); // Hide all the inputs at start.

	// When a caveat selector changes show the corresponding input box.
	$('body').on('change', '.caveats', function (){
	// Grab the div encapsulating the select and the corresponding inputs.
	var caveatSelector = $(this).parents(".caveatRow");
	// Hide the visible inputs and show the selected one.
	caveatSelector.find('.caveatInput').hide();
	caveatSelector.find('#'+$(this).val()).show();
	});

	// Upon clicking the '+' button a new caveat selector should appear.
	$('body').on('click', '.addCaveat', function() {
	var selector = $(this).parents(".caveatRow");
	var newSelector = selector.clone();
	// Hide all inputs since nothing is selected in this clone.
	newSelector.find('.caveatInput').hide();
	selector.after(newSelector);
	// Change the '+' button to a '-' button.
	$(this).replaceWith('<button type="button" class="btn btn-danger btn-sm removeCaveat">-</button>')
	});

	// Upon clicking the '-' button caveats should be removed.
	$('body').on('click', '.removeCaveat', function() {
	$(this).parents('.caveatRow').remove();
	});

	// Get the timezoneOffset for the server to create a correct expiry caveat.
	// The offset is the minutes between UTC and local time.
	var d = new Date();
	$('#timezoneOffset').val(d.getTimezoneOffset());

	// Set the datetime picker to have a default value of one day from now.
	var m = moment().add(1, 'd').format("YYYY-MM-DDTHH:MM")
	$('#expiry').val(m);
	$('#ExpiryCaveat').val(m);
	});
	</script>
	</head>
	<body class="container">
	<form class="form-horizontal" method="POST" id="caveats-form" name="input" action="/google/{{.MacaroonRoute}}" role="form">
	<h2 class="form-signin-heading">{{.Extension}}</h2>
	<input type="text" class="hidden" name="macaroon" value="{{.Macaroon}}">
	<div class="form-group form-group-lg">
	<label class="col-sm-2" for="blessing-extension">Extension</label>
	<div class="col-sm-10">
	<input name="blessingExtension" type="text" class="form-control" id="blessing-extension" placeholder="(optional) name of the device/application for which the blessing is being sought, e.g. homelaptop">
	<input type="text" class="hidden" id="timezoneOffset" name="timezoneOffset">
	</div>
	</div>
	<div class="form-group form-group-lg">
	<label class="col-sm-2" for="required-caveat">Expiration</label>
	<div class="col-sm-10" class="input-group" name="required-caveat">
	<div class="radio">
	<label>
	<input type="radio" name="requiredCaveat" id="requiredCaveat" value="Revocation" checked>
	When explicitly revoked
	</label>
	</div>
	<div class="radio">
	<div class="input-group">
	<input type="radio" name="requiredCaveat" id="requiredCaveat" value="Expiry">
	<input type="datetime-local" id="expiry" name="expiry">
	</div>
	</div>
	</div>
	</div>
	<h4 class="form-signin-heading">Additional caveats</h4>
	<span class="help-text">Optional additional restrictions on the use of the blessing</span>
	<div class="caveatRow row">
	<div class="col-md-4">
	<select name="caveat" class="form-control caveats">
	<option value="none" selected="selected">Select a caveat.</option>
	{{ $caveatList := .CaveatList }}
	{{range $index, $name := $caveatList}}
	<option name="{{$name}}" value="{{$name}}">{{$name}}</option>
	{{end}}
	</select>
	</div>
	<div class="col-md-7">
	{{range $index, $name := $caveatList}}
	{{if eq $name "ExpiryCaveat"}}
	<input type="datetime-local" class="form-control caveatInput" id="{{$name}}" name="{{$name}}">
	{{else if eq $name "MethodCaveat"}}
	<input type="text" id="{{$name}}" class="form-control caveatInput" name="{{$name}}" placeholder="comma-separated method list">
	{{end}}
	{{end}}
	</div>
	<div class="col-md-1">
	<button type="button" class="btn btn-info btn-sm addCaveat">+</button>
	</div>
	</div>
	<br/>
	<button class="btn btn-lg btn-primary btn-block" type="submit">Bless</button>
	</form>
	</body>
	</html>`))