webOffice_alt/templates/contactlist.php

<div id="contact-list" class="col-md-4">
    <div class="row"></div>
</div>
<div class="col-md-8" id="contact-tab" data-contact-id="-1">
    <div class="row">
        <div class="col-xs-10">
            <h3>Adresse</h3>
        </div>
        <div id="save-contact-wrapper" class="col-xs-2">
            <div class="pull-right" style="padding: 15%; padding-right: 0;">
                <a href="#" data-action="remove-contact"><i class="fa fa-minus-circle"></i></a>
                <a href="#" data-action="add-contact"><i class="fa fa-plus-circle"></i></a>
                <a href="#" data-action="save-contact"><i class="fa fa-floppy-o"></i></a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <input type="text" id="contact-organization" class="form-control" placeholder="Organisation">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-12">
            <input type="text" id="contact-department" class="form-control" placeholder="Abteilung">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-6">
            <input type="text" id="contact-title" class="form-control" list="anreden" placeholder="(Firma)" />
            <datalist id="anreden">
                <option>(Firma)</option>
                <option>Herr</option>
                <option>Frau</option>
                <option>Herr und Frau</option>
                <option>Familie</option>
            </datalist>
        </div>
        <div class="col-xs-6">
            <input type="text" id="contact-degree" class="form-control" placeholder="Titel">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-6">
            <input type="text" id="contact-forename" class="form-control" placeholder="Vorname">
        </div>
        <div class="col-xs-6">
            <input type="text" id="contact-surname" class="form-control" placeholder="Nachname">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-10">
            <input type="text" id="contact-street" class="form-control" placeholder="Straße">
        </div>
        <div class="col-xs-2">
            <input type="text" id="contact-street-nr" class="form-control" placeholder="Hausnr">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-3">
            <input type="text" id="contact-postal-code" class="form-control" placeholder="Postleitzahl">
        </div>
        <div class="col-xs-9">
            <input type="text" id="contact-city" class="form-control" placeholder="Ort">
        </div>
    </div>
    <div class="row">
        <div class="col-xs-10">
            <h3>Kommunikation</h3>
        </div>
        <div class="col-xs-2">
            <div id="communication-buttons" style="padding: 15%; float: right;">
                <a href="#" data-action="add-phone-input">
                    <i class="fa fa-phone"></i>
                </a>
                <a href="#" data-action="add-email-input">
                    <i class="fa fa-envelope-o"></i>
                </a>
                <a href="#" data-action="add-web-input">
                    <i class="fa fa-globe"></i>
                </a>
            </div>
        </div>
    </div>
    <div id="contact-communication"></div>
    <!--<div class="row">
        <div class="col-xs-4">
            <input type="text" class="form-control" list="tel_kategorie" placeholder="Geschäftlich" />
            <datalist id="tel_kategorie">
                <option>Geschäftlich</option>
                <option>Privat</option>
                <option>Mobil</option>
            </datalist>
        </div>
        <div class="col-xs-7">
            <input type="tel" class="form-control" placeholder="Telefon">
        </div>
        <div class="col-xs-1">
            <div style="padding: 15%; margin-left: -15%;">
                <a href="#" id="add-phone-input"><i class="fa fa-plus-circle"></i></a>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-11">
            <input type="email" class="form-control" placeholder="Email">
        </div>
        <div class="col-xs-1">
            <div style="padding: 15%; margin-left: -15%;">
                <a href="#" id="add-email-input"><i class="fa fa-plus-circle"></i></a>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-11">
            <input type="url" class="form-control" placeholder="Webseite">
        </div>
        <div class="col-xs-1">
            <div style="padding: 15%; margin-left: -15%;">
                <a href="#" id="add-web-input"><i class="fa fa-plus-circle"></i></a>
            </div>
        </div>
    </div>-->
</div>