Skip to content

Instantly share code, notes, and snippets.

@alukach

alukach/actual.html Secret

Created September 13, 2017 20:06
Show Gist options
  • Save alukach/fd9c21e79a210f0cc1eca684d02707ce to your computer and use it in GitHub Desktop.
Save alukach/fd9c21e79a210f0cc1eca684d02707ce to your computer and use it in GitHub Desktop.
Download ZIP
Raw
actual.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="/static/img/favicon.png" type="image/x-icon">
<link rel="icon" href="/static/img/favicon.png" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cadasta | User dashboard</title>
<link href="/static/css/main.css" rel="stylesheet" type="text/css">
</head>
<body id="user-single" class="page">
<div id="cadasta">
<!-- Site header -->
<header class="header" role="banner">
<div class="container-fluid">
<div id="logo" class="pull-left">
<a href="/"><img src="/static/img/logo-white.png" /></a><span class="site-name">local</span>
</div>
<div class="reg-links pull-right">
<!-- User menu -->
<div class="btn-group divider" role="group">
<button type="button" class="btn btn-user dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<img src="/static/img/avatar.jpg" class="avatar thumbnail">
<span class="visible-xs-inline glyphicon glyphicon-user"></span>
<span class="username visible-sm-inline visible-md-inline visible-lg-inline">testuser14</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="/account/dashboard/">My dashboard</a>
</li>
<li>
<a href="/account/profile/">Edit profile</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="/account/logout/">Logout</a>
</li>
</ul>
</div>
</div>
<!-- Help -->
<a class="btn btn-help pull-right visible-md-inline visible-lg-inline" aria-label="Help" id="help-link" href="#">
<span class="glyphicon glyphicon-question-sign"></span>
</a>
<nav class="nav" role="navigation">
<ul class="list-inline visible-md-block visible-lg-block">
<li class="projects">
<a href="/projects/">
Projects
</a>
</li><!--
--><li class="organizations">
<a href="/organizations/">
Organizations
</a>
</li>
</ul>
<!-- Hamburger -->
<div class="dropdown pull-right btn-group btn-hamburger visible-xs-inline visible-sm-inline">
<a data-target="#" data-toggle="dropdown" class="dropdown-toggle" role="button">
<span class="glyphicon glyphicon-menu-hamburger"></span>
</a>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li class="projects"><a href="/projects/">Projects</a></li>
<li class="organizations"><a href="/organizations/">Organizations</a></li>
<li role="separator" class="divider"></li>
<li><a id="help-link" href="#"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- /.header -->
<!-- User dashboard header -->
<div class="header page-header">
<div class="page-title">
<h1>My dashboard</h1>
</div>
</div>
<!-- / user dashboard header -->
<!-- Page content -->
<div id="page-content">
<main class="container-fluid" role="main">
<div id="messages">
<div class="alert alert-info hidden" role="alert" id="loading">
Loading locations...
</div>
</div>
<div class="row">
<div class="col-md-12 content-single">
<div class="row">
<!-- main body -->
<div role="alert" class="alert alert-dismissible alert-warning">
<button type="button" class="close" data-dismiss="alert" aria-label='Close'>
<span aria-hidden="true">×</span>
</button>
<p>
We’ve noticed your account has not been verified.
Please verify your account by <b></b>
or if you haven’t received your verification link,
<a href="/account/email/">request a new one</a>.
</p>
</div>
<div class="main-text">
<div class="col-md-8">
<!-- Panel with list of organizations and projects -->
<section>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title inline">Projects</h3>
<a href="/projects/new/">
<i class="glyphicon glyphicon-plus" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="Add project"></i>
</a>
</div>
<div class="panel-body">
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-1/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #1
</a>
<span class="role small">Administrator</span>
</h3>
</div>
<div class="panel-body">
<p>Organization #1 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-1/projects/project-2/';">
<td>
<h4>
<a href="/organizations/organization-1/projects/project-2/">Project #2</a>
</h4>
<p>Project #2 description</p>
</td>
<td class="hidden-xs">Administrator</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
<tr class="linked" onclick="window.document.location='/organizations/organization-1/projects/project-3/';">
<td>
<h4>
<a href="/organizations/organization-1/projects/project-3/">Project #3</a>
</h4>
<p>Project #3 description</p>
</td>
<td class="hidden-xs">Administrator</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-0/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #0
</a>
<span class="role small"></span>
</h3>
</div>
<div class="panel-body">
<p>Organization #0 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-0/projects/project-0/';">
<td>
<h4>
<a href="/organizations/organization-0/projects/project-0/">Project #0</a>
</h4>
<p>Project #0 description</p>
</td>
<td class="hidden-xs">Data Collector</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-0/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #0
</a>
<span class="role small"></span>
</h3>
</div>
<div class="panel-body">
<p>Organization #0 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-0/projects/project-1/';">
<td>
<h4>
<a href="/organizations/organization-0/projects/project-1/">Project #1</a>
</h4>
<p>Project #1 description</p>
</td>
<td class="hidden-xs">Public User</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
</div>
</div>
</section>
</div>
<div class="col-md-4">
<!-- User about -->
<section>
<div class="panel panel-default panel-about">
<div class="panel-topimage">
<div id="preview-box">
<img src="/static/img/avatar_sm.jpg" alt="" id="avatar-preview">
</div>
</div>
<div class="panel-heading">
<h3 class="panel-title inline">
testuser14
</h3>
<a href="/account/profile/">
<i class="glyphicon glyphicon-cog" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="Edit profile"></i>
</a>
</div>
<div class="panel-body">
<table class="table table-location">
<tbody>
<tr>
<td class="col-md-6"><label>Username<label></td>
<td class="col-md-6">testuser14</td>
</tr>
<tr>
<td><label>Email<label></td>
<td>email_14@example.com</td>
</tr>
<tr>
<td><label>Language<label></td>
<td>English</td>
</tr>
<tr>
<td><label>Measurement<label></td>
<td>Metric</td>
</tr>
<tr>
<td><label>Joined on<label></td>
<td>Sept. 13, 2017</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- / user about -->
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- /.page-content -->
<!-- Site footer -->
<footer class="footer" role="contentinfo">
<div class="container-fluid">
<p class="copy">
Copyright 2017 Cadasta. <span>All Rights Reserved.</span>
</p>
<div class="footer-links">
<ul class="list-inline">
<li>
<a href="http://cadasta.org/about-us/">
About Us
</a>
</li>
<li>
<a href="http://cadasta.org/privacy-policy/">
Privacy
</a>
</li>
<li>
<a href="http://cadasta.org/terms-of-use/">
Terms of Use
</a>
</li>
<li>
<a href="http://cadasta.org/code-of-conduct/">
Code of Conduct
</a>
</li>
<li>
<a href="http://github.com/Cadasta">
Visit us on Github
</a>
</li>
</ul>
</div>
</div>
</footer>
<!-- /.footer -->
</div>
<script type="text/javascript" src="/static/datatables/1.10.8/js/datatables.min.js"></script>
<script type="text/javascript" src="/static/js/dataTables.conditionalPaging.js"></script>
<script type="text/javascript" src="/jsi18n/"></script>
<script src="/static/js/parsleyConfig.js"></script>
<script src="/static/js/parsley.js"></script>
<script>
$(document).ready(function () {
$('.datatable').DataTable({
conditionalPaging: true,
"dom": '<"table-search clearfix"f>t<"table-pagination"p><"table-entries"i><"table-num"l>',
"language": {
"emptyTable": "No data available in table",
"info": "Showing _START_ - _END_ of _TOTAL_",
"infoEmpty": "Showing 0 - 0 of 0",
"infoFiltered": "(filtered from _MAX_ total rows)",
"lengthMenu": '<select class="form-control input-sm">'+
' <option value="10">10 per page</option>'+
' <option value="25">25 per page</option>'+
' <option value="50">50 per page</option>'+
' <option value="100">100 per page</option>'+
'</select>',
"search": '<div class="input-group"><span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>',
"searchPlaceholder": 'Search',
"zeroRecords": "No matching records found",
"paginate": {
"next": '<span class="glyphicon glyphicon-triangle-right"></span>',
"previous": '<span class="glyphicon glyphicon-triangle-left"></span>',
"first": "First",
"last": "Last"
},
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
}
}
});
$('.dropdown-toggle').dropdown();
$('#language').change(function() { this.form.submit(); });
$('[data-parsley-required="true"]')
.closest('.form-group')
.children('label.control-label')
.addClass('required');
});
window.setTimeout(function() {
$(".alert-success").fadeTo(500, 0).slideUp(500, function(){ $(this).hide(); });
}, 5000);
</script>
<script>
// User tracking
window.inlineManualTracking = {
uid: "2285",
username: "testuser14"
}
</script>
<script type="text/javascript" src="/static/js/inline-manual-player.js"></script>
</body>
</html>
Raw
expected.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="/static/img/favicon.png" type="image/x-icon">
<link rel="icon" href="/static/img/favicon.png" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cadasta | User dashboard</title>
<link href="/static/css/main.css" rel="stylesheet" type="text/css">
</head>
<body id="user-single" class="page">
<div id="cadasta">
<!-- Site header -->
<header class="header" role="banner">
<div class="container-fluid">
<div id="logo" class="pull-left">
<a href="/"><img src="/static/img/logo-white.png" /></a><span class="site-name">local</span>
</div>
<div class="reg-links pull-right">
<!-- User menu -->
<div class="btn-group divider" role="group">
<button type="button" class="btn btn-user dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<img src="/static/img/avatar.jpg" class="avatar thumbnail">
<span class="visible-xs-inline glyphicon glyphicon-user"></span>
<span class="username visible-sm-inline visible-md-inline visible-lg-inline">testuser14</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="/account/dashboard/">My dashboard</a>
</li>
<li>
<a href="/account/profile/">Edit profile</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="/account/logout/">Logout</a>
</li>
</ul>
</div>
</div>
<!-- Help -->
<a class="btn btn-help pull-right visible-md-inline visible-lg-inline" aria-label="Help" id="help-link" href="#">
<span class="glyphicon glyphicon-question-sign"></span>
</a>
<nav class="nav" role="navigation">
<ul class="list-inline visible-md-block visible-lg-block">
<li class="projects">
<a href="/projects/">
Projects
</a>
</li><!--
--><li class="organizations">
<a href="/organizations/">
Organizations
</a>
</li>
</ul>
<!-- Hamburger -->
<div class="dropdown pull-right btn-group btn-hamburger visible-xs-inline visible-sm-inline">
<a data-target="#" data-toggle="dropdown" class="dropdown-toggle" role="button">
<span class="glyphicon glyphicon-menu-hamburger"></span>
</a>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li class="projects"><a href="/projects/">Projects</a></li>
<li class="organizations"><a href="/organizations/">Organizations</a></li>
<li role="separator" class="divider"></li>
<li><a id="help-link" href="#"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- /.header -->
<!-- User dashboard header -->
<div class="header page-header">
<div class="page-title">
<h1>My dashboard</h1>
</div>
</div>
<!-- / user dashboard header -->
<!-- Page content -->
<div id="page-content">
<main class="container-fluid" role="main">
<div id="messages">
<div class="alert alert-info hidden" role="alert" id="loading">
Loading locations...
</div>
</div>
<div class="row">
<div class="col-md-12 content-single">
<div class="row">
<!-- main body -->
<div role="alert" class="alert alert-dismissible alert-warning">
<button type="button" class="close" data-dismiss="alert" aria-label='Close'>
<span aria-hidden="true">×</span>
</button>
<p>
We’ve noticed your account has not been verified.
Please verify your account by <b></b>
or if you haven’t received your verification link,
<a href="/account/email/">request a new one</a>.
</p>
</div>
<div class="main-text">
<div class="col-md-8">
<!-- Panel with list of organizations and projects -->
<section>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title inline">Projects</h3>
<a href="/projects/new/">
<i class="glyphicon glyphicon-plus" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="Add project"></i>
</a>
</div>
<div class="panel-body">
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-0/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #0
</a>
<span class="role small"></span>
</h3>
</div>
<div class="panel-body">
<p>Organization #0 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-0/projects/project-0/';">
<td>
<h4>
<a href="/organizations/organization-0/projects/project-0/">Project #0</a>
</h4>
<p>Project #0 description</p>
</td>
<td class="hidden-xs">Data Collector</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
<tr class="linked" onclick="window.document.location='/organizations/organization-0/projects/project-1/';">
<td>
<h4>
<a href="/organizations/organization-0/projects/project-1/">Project #1</a>
</h4>
<p>Project #1 description</p>
</td>
<td class="hidden-xs">Public User</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-1/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #1
</a>
<span class="role small">Administrator</span>
</h3>
</div>
<div class="panel-body">
<p>Organization #1 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-1/projects/project-2/';">
<td>
<h4>
<a href="/organizations/organization-1/projects/project-2/">Project #2</a>
</h4>
<p>Project #2 description</p>
</td>
<td class="hidden-xs">Administrator</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
<tr class="linked" onclick="window.document.location='/organizations/organization-1/projects/project-3/';">
<td>
<h4>
<a href="/organizations/organization-1/projects/project-3/">Project #3</a>
</h4>
<p>Project #3 description</p>
</td>
<td class="hidden-xs">Administrator</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
</div>
</div>
</section>
</div>
<div class="col-md-4">
<!-- User about -->
<section>
<div class="panel panel-default panel-about">
<div class="panel-topimage">
<div id="preview-box">
<img src="/static/img/avatar_sm.jpg" alt="" id="avatar-preview">
</div>
</div>
<div class="panel-heading">
<h3 class="panel-title inline">
testuser14
</h3>
<a href="/account/profile/">
<i class="glyphicon glyphicon-cog" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="Edit profile"></i>
</a>
</div>
<div class="panel-body">
<table class="table table-location">
<tbody>
<tr>
<td class="col-md-6"><label>Username<label></td>
<td class="col-md-6">testuser14</td>
</tr>
<tr>
<td><label>Email<label></td>
<td>email_14@example.com</td>
</tr>
<tr>
<td><label>Language<label></td>
<td>English</td>
</tr>
<tr>
<td><label>Measurement<label></td>
<td>Metric</td>
</tr>
<tr>
<td><label>Joined on<label></td>
<td>Sept. 13, 2017</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- / user about -->
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- /.page-content -->
<!-- Site footer -->
<footer class="footer" role="contentinfo">
<div class="container-fluid">
<p class="copy">
Copyright 2017 Cadasta. <span>All Rights Reserved.</span>
</p>
<div class="footer-links">
<ul class="list-inline">
<li>
<a href="http://cadasta.org/about-us/">
About Us
</a>
</li>
<li>
<a href="http://cadasta.org/privacy-policy/">
Privacy
</a>
</li>
<li>
<a href="http://cadasta.org/terms-of-use/">
Terms of Use
</a>
</li>
<li>
<a href="http://cadasta.org/code-of-conduct/">
Code of Conduct
</a>
</li>
<li>
<a href="http://github.com/Cadasta">
Visit us on Github
</a>
</li>
</ul>
</div>
</div>
</footer>
<!-- /.footer -->
</div>
<script type="text/javascript" src="/static/datatables/1.10.8/js/datatables.min.js"></script>
<script type="text/javascript" src="/static/js/dataTables.conditionalPaging.js"></script>
<script type="text/javascript" src="/jsi18n/"></script>
<script src="/static/js/parsleyConfig.js"></script>
<script src="/static/js/parsley.js"></script>
<script>
$(document).ready(function () {
$('.datatable').DataTable({
conditionalPaging: true,
"dom": '<"table-search clearfix"f>t<"table-pagination"p><"table-entries"i><"table-num"l>',
"language": {
"emptyTable": "No data available in table",
"info": "Showing _START_ - _END_ of _TOTAL_",
"infoEmpty": "Showing 0 - 0 of 0",
"infoFiltered": "(filtered from _MAX_ total rows)",
"lengthMenu": '<select class="form-control input-sm">'+
' <option value="10">10 per page</option>'+
' <option value="25">25 per page</option>'+
' <option value="50">50 per page</option>'+
' <option value="100">100 per page</option>'+
'</select>',
"search": '<div class="input-group"><span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>',
"searchPlaceholder": 'Search',
"zeroRecords": "No matching records found",
"paginate": {
"next": '<span class="glyphicon glyphicon-triangle-right"></span>',
"previous": '<span class="glyphicon glyphicon-triangle-left"></span>',
"first": "First",
"last": "Last"
},
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
}
}
});
$('.dropdown-toggle').dropdown();
$('#language').change(function() { this.form.submit(); });
$('[data-parsley-required="true"]')
.closest('.form-group')
.children('label.control-label')
.addClass('required');
});
window.setTimeout(function() {
$(".alert-success").fadeTo(500, 0).slideUp(500, function(){ $(this).hide(); });
}, 5000);
</script>
<script>
// User tracking
window.inlineManualTracking = {
uid: "2285",
username: "testuser14"
}
</script>
<script type="text/javascript" src="/static/js/inline-manual-player.js"></script>
</body>
</html>
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="/static/img/favicon.png" type="image/x-icon">
<link rel="icon" href="/static/img/favicon.png" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cadasta | User dashboard</title>
<link href="/static/css/main.css" rel="stylesheet" type="text/css">
</head>
<body id="user-single" class="page">
<div id="cadasta">
<!-- Site header -->
<header class="header" role="banner">
<div class="container-fluid">
<div id="logo" class="pull-left">
<a href="/"><img src="/static/img/logo-white.png" /></a><span class="site-name">local</span>
</div>
<div class="reg-links pull-right">
<!-- User menu -->
<div class="btn-group divider" role="group">
<button type="button" class="btn btn-user dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<img src="/static/img/avatar.jpg" class="avatar thumbnail">
<span class="visible-xs-inline glyphicon glyphicon-user"></span>
<span class="username visible-sm-inline visible-md-inline visible-lg-inline">testuser14</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="/account/dashboard/">My dashboard</a>
</li>
<li>
<a href="/account/profile/">Edit profile</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="/account/logout/">Logout</a>
</li>
</ul>
</div>
</div>
<!-- Help -->
<a class="btn btn-help pull-right visible-md-inline visible-lg-inline" aria-label="Help" id="help-link" href="#">
<span class="glyphicon glyphicon-question-sign"></span>
</a>
<nav class="nav" role="navigation">
<ul class="list-inline visible-md-block visible-lg-block">
<li class="projects">
<a href="/projects/">
Projects
</a>
</li><!--
--><li class="organizations">
<a href="/organizations/">
Organizations
</a>
</li>
</ul>
<!-- Hamburger -->
<div class="dropdown pull-right btn-group btn-hamburger visible-xs-inline visible-sm-inline">
<a data-target="#" data-toggle="dropdown" class="dropdown-toggle" role="button">
<span class="glyphicon glyphicon-menu-hamburger"></span>
</a>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li class="projects"><a href="/projects/">Projects</a></li>
<li class="organizations"><a href="/organizations/">Organizations</a></li>
<li role="separator" class="divider"></li>
<li><a id="help-link" href="#"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- /.header -->
<!-- User dashboard header -->
<div class="header page-header">
<div class="page-title">
<h1>My dashboard</h1>
</div>
</div>
<!-- / user dashboard header -->
<!-- Page content -->
<div id="page-content">
<main class="container-fluid" role="main">
<div id="messages">
<div class="alert alert-info hidden" role="alert" id="loading">
Loading locations...
</div>
</div>
<div class="row">
<div class="col-md-12 content-single">
<div class="row">
<!-- main body -->
<div role="alert" class="alert alert-dismissible alert-warning">
<button type="button" class="close" data-dismiss="alert" aria-label='Close'>
<span aria-hidden="true">×</span>
</button>
<p>
We’ve noticed your account has not been verified.
Please verify your account by <b></b>
or if you haven’t received your verification link,
<a href="/account/email/">request a new one</a>.
</p>
</div>
<div class="main-text">
<div class="col-md-8">
<!-- Panel with list of organizations and projects -->
<section>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title inline">Projects</h3>
<a href="/projects/new/">
<i class="glyphicon glyphicon-plus" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="Add project"></i>
</a>
</div>
<div class="panel-body">
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-0/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #0
</a>
<span class="role small"></span>
</h3>
</div>
<div class="panel-body">
<p>Organization #0 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-0/projects/project-0/';">
<td>
<h4>
<a href="/organizations/organization-0/projects/project-0/">Project #0</a>
</h4>
<p>Project #0 description</p>
</td>
<td class="hidden-xs">Data Collector</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
<tr class="linked" onclick="window.document.location='/organizations/organization-0/projects/project-1/';">
<td>
<h4>
<a href="/organizations/organization-0/projects/project-1/">Project #1</a>
</h4>
<p>Project #1 description</p>
</td>
<td class="hidden-xs">Public User</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
<!-- start organization block -->
<div id="org-wrapper" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a href="/organizations/organization-1/"
data-toggle="tooltip" data-trigger="hover" title="Go to organization dashboard">
Organization #1
</a>
<span class="role small">Administrator</span>
</h3>
</div>
<div class="panel-body">
<p>Organization #1 description</p>
<table class="table table-hover datatable" data-paging-type="simple">
<thead>
<tr>
<th class="col-md-5">Project</th>
<th class="col-md-3 hidden-xs">Role</th>
<th class="col-md-2 hidden-xs">Country</th>
<th class="col-md-2">Last updated</th>
</tr>
</thead>
<tbody>
<tr class="linked" onclick="window.document.location='/organizations/organization-1/projects/project-2/';">
<td>
<h4>
<a href="/organizations/organization-1/projects/project-2/">Project #2</a>
</h4>
<p>Project #2 description</p>
</td>
<td class="hidden-xs">Administrator</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
<tr class="linked" onclick="window.document.location='/organizations/organization-1/projects/project-3/';">
<td>
<h4>
<a href="/organizations/organization-1/projects/project-3/">Project #3</a>
</h4>
<p>Project #3 description</p>
</td>
<td class="hidden-xs">Administrator</td>
<td class="hidden-xs"></td>
<td data-sort="1505332874">Sept. 13, 2017, 8:01 p.m.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / organization block -->
</div>
</div>
</section>
</div>
<div class="col-md-4">
<!-- User about -->
<section>
<div class="panel panel-default panel-about">
<div class="panel-topimage">
<div id="preview-box">
<img src="/static/img/avatar_sm.jpg" alt="" id="avatar-preview">
</div>
</div>
<div class="panel-heading">
<h3 class="panel-title inline">
testuser14
</h3>
<a href="/account/profile/">
<i class="glyphicon glyphicon-cog" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="Edit profile"></i>
</a>
</div>
<div class="panel-body">
<table class="table table-location">
<tbody>
<tr>
<td class="col-md-6"><label>Username<label></td>
<td class="col-md-6">testuser14</td>
</tr>
<tr>
<td><label>Email<label></td>
<td>email_14@example.com</td>
</tr>
<tr>
<td><label>Language<label></td>
<td>English</td>
</tr>
<tr>
<td><label>Measurement<label></td>
<td>Metric</td>
</tr>
<tr>
<td><label>Joined on<label></td>
<td>Sept. 13, 2017</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- / user about -->
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- /.page-content -->
<!-- Site footer -->
<footer class="footer" role="contentinfo">
<div class="container-fluid">
<p class="copy">
Copyright 2017 Cadasta. <span>All Rights Reserved.</span>
</p>
<div class="footer-links">
<ul class="list-inline">
<li>
<a href="http://cadasta.org/about-us/">
About Us
</a>
</li>
<li>
<a href="http://cadasta.org/privacy-policy/">
Privacy
</a>
</li>
<li>
<a href="http://cadasta.org/terms-of-use/">
Terms of Use
</a>
</li>
<li>
<a href="http://cadasta.org/code-of-conduct/">
Code of Conduct
</a>
</li>
<li>
<a href="http://github.com/Cadasta">
Visit us on Github
</a>
</li>
</ul>
</div>
</div>
</footer>
<!-- /.footer -->
</div>
<script type="text/javascript" src="/static/datatables/1.10.8/js/datatables.min.js"></script>
<script type="text/javascript" src="/static/js/dataTables.conditionalPaging.js"></script>
<script type="text/javascript" src="/jsi18n/"></script>
<script src="/static/js/parsleyConfig.js"></script>
<script src="/static/js/parsley.js"></script>
<script>
$(document).ready(function () {
$('.datatable').DataTable({
conditionalPaging: true,
"dom": '<"table-search clearfix"f>t<"table-pagination"p><"table-entries"i><"table-num"l>',
"language": {
"emptyTable": "No data available in table",
"info": "Showing _START_ - _END_ of _TOTAL_",
"infoEmpty": "Showing 0 - 0 of 0",
"infoFiltered": "(filtered from _MAX_ total rows)",
"lengthMenu": '<select class="form-control input-sm">'+
' <option value="10">10 per page</option>'+
' <option value="25">25 per page</option>'+
' <option value="50">50 per page</option>'+
' <option value="100">100 per page</option>'+
'</select>',
"search": '<div class="input-group"><span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>',
"searchPlaceholder": 'Search',
"zeroRecords": "No matching records found",
"paginate": {
"next": '<span class="glyphicon glyphicon-triangle-right"></span>',
"previous": '<span class="glyphicon glyphicon-triangle-left"></span>',
"first": "First",
"last": "Last"
},
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
}
}
});
$('.dropdown-toggle').dropdown();
$('#language').change(function() { this.form.submit(); });
$('[data-parsley-required="true"]')
.closest('.form-group')
.children('label.control-label')
.addClass('required');
});
window.setTimeout(function() {
$(".alert-success").fadeTo(500, 0).slideUp(500, function(){ $(this).hide(); });
}, 5000);
</script>
<script>
// User tracking
window.inlineManualTracking = {
uid: "2285",
username: "testuser14"
}
</script>
<script type="text/javascript" src="/static/js/inline-manual-player.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment