Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
68 lines (55 sloc) 1.77 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Firefox Contact Viewer</title>
<link href="component/x-view.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/lib/custom-elements.js"></script>
<script defer src="component/x-view.js"></script>
<script defer src="js/namespace.js"></script>
<script defer src="js/api/contacts.js"></script>
<script defer src="js/view/contact-details.js"></script>
<script defer src="js/view/contacts-list.js"></script>
<script defer src="js/main.js"></script>
</head>
<body>
<x-view id="view-contacts" style="display: none">
<header>
<h1>Contacts</h1>
</header>
<section class="view-content">
<ul id="contacts-list" class="list reset-list">
<!--
=== This is how the rendered template look like ===
<li class="listitem" data-idx="0">Fawad Hassan</li>
-->
</ul>
</section>
</x-view><!--end view-contacts-->
<x-view id="view-contact-details" style="display: none">
<header>
<button class="back left">&#10094;</button>
<h1>Contact Details</h1>
</header>
<section class="view-content">
<p>
<strong class="lbl">Name:</strong>
<span class="val name">Fawad Hassan</span>
</p>
<p>
<strong class="lbl">Mobile:</strong>
<span class="val mob">+92-333-1234567</span>
</p>
<p>
<strong class="lbl">Email:</strong>
<span class="val email">fawad@ifadey.com</span>
</p>
</section>
</x-view><!--end view-contacts-details-->
<template id="tmpl-contact-item">
<li class="listitem"></li>
</template>
</body>
</html>