fritz-xml-2vcard
Version:
Convert FRITZ!Box address book XML format to vcards.
102 lines (95 loc) • 5.37 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>FritzXML to vCard (vcf)</title>
<meta name="description" content="Convert address-/phone books created by AVM's Fritz!Box to vcf files that are readeable by iPhones and some Microsoft-crafted Software.">
<meta name="author" content="Rainer Rillke">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/fa.all.min.css">
<link rel="stylesheet" href="css/jquery.modal.min.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<div id="loader">
<div>Loading …</div>
</div>
<div id="drop-zone">
<div>Drop FritzXML file here.</div>
</div>
<a id="fork-me" href="https://github.com/Rillke/fritzXML2vcard"><img
src="img/forkme_right_orange_ff7600.png" alt="Fork me on GitHub" /></a>
<div class="container">
<section class="header">
<h1>FritzXML to vCard (vcf)</h1>
Convert phone books created by AVM's Fritz!Box to vcf files that
are readeable by iPhone <i class="fas fa-mobile-alt"></i> contacts
app, and some Microsoft <i class="fab fa-microsoft"></i> Software.
</section>
<!-- columns should be the immediate child of a .row -->
<section class="coversion" id="coversion">
<div class="row">
<div class="six columns">
<form id="input-form" action="#">
<h2>In: Fritz!Box XML <b class="fas fa-code"></b></h2>
Drop your file to this page, or select a file from your computer:
<input type="file" class="u-full-width" id="fritzxml-file" name="fritzxml-file"
accept="application/xml, text/xml, *.xml" /><br />
Or paste Fritz!Box phone book XML:
<textarea class="u-full-width" id="fritzxml-text" name="fritzxml-text"
placeholder="Fritz!Box phone book XML" required></textarea>
<div><b class="far fa-lightbulb"></b> When entering a country or area code, numbers in the vCards that do not already have a country or area code will be prefixed.</div>
<input class="u-full-width" id="area-code" type="tel" pattern="[\d -#\*]*" placeholder="area code/ Ortsvorwahl (e.g. 030)" title="Only numbers, spaces, # and * are allowed in this field." />
<input class="u-full-width" id="country-code" type="tel" pattern="[\d -#\+\*]*" placeholder="country code/ Landesvorwahl (e.g. +49)" title="Only numbers, spaces, #, * and + are allowed in this field." />
<button id="run" name="submit" value="submit">Convert to vCards</button>
</form>
<div><b class="far fa-lightbulb"></b> Convert multiple phone books to vCards before downloading. Each time, you press the convert button, the contacts are added to the vCard result pane.</div>
</div>
<div id="output" class="six columns">
<h2>Out: vCards <b class="far fa-address-card"></b></h2>
<div id="vcard-container">
<ul id="vcards">
<li id="vcf-template" class="vcard">
<h3><i class="far fa-user-circle"></i>
<a href="#view">
<span class="vcf-name">Some Name</span>
</a>
</h3>
<div class="vcard-technical">
<span class="vcf-filename">some_one.vcf</span></a>
<span class="space"></span>
<span class="nowrap">
<a href="#get"><i class="fas fa-file-download"></i></a>
<span class="space"></span>
<a href="#copy"><i class="fas fa-clipboard-list"></i></a>
<span class="space"></span>
<a href="#delete"><i class="fas fa-trash"></i></a>
</span>
</div>
</li>
</ul>
</div>
<div id="get-all-container">
<a href="#get-all" id="get-all" class="nowrap button button-primary"><b class="fas fa-download"></b> vCards as zip</a>
<span class="space"></span>
<a href="#get-multi" id="get-multi" class="nowrap button"><b class="far fa-address-book"></b> Multi-vCard</a>
<span class="space"></span>
<a href="#delete-all" id="delete-all" class="nowrap button"><b class="fas fa-trash-alt"></b> Delete list</a>
</div>
<div><b class="far fa-lightbulb"></b> Multi-vCard (multiple vCards in one file) aren't supported by all phone book programs. For best compatibility, download the zip, and extract it, or try both approaches.</div>
</div>
</div>
</section>
</div>
<section class="footer">
Privacy <b class="fas fa-user-shield"></b> can be important. Conversion runs in your browser. Your uploads on this page are not transmitted to any server. You are welcome to improve by sending <a href="https://github.com/Rillke/fritzXML2vcard/pulls">pull-/merge-requests</a>, and if you need a specific feature or <a href="https://github.com/Rillke/fritzXML2vcard/issues">issue fixed</a>, please get in touch.
<footer>
Version: <code id="version"></code>
Master: <a href="https://travis-ci.com/Rillke/fritzXML2vcard" id="status-image-popup" title="Latest push build on master branch" name="status-images" class="open-popup"><img src="https://travis-ci.com/Rillke/fritzXML2vcard.svg?branch=master" alt="build status"></a>
<br>Made with <b class="fas fa-heart" title="love"></b> by <a href="https://rillke.com">Rillke</a>.
<a href="https://github.com/Rillke/fritzXML2vcard/zipball/gh-pages">Download</a> this website for offline use.</footer>
</section>
<script src="fritzXML2vcard-browser-min.js"></script>
</body>
</html>