<!-- the dual list uses the contact object -->
    <aura:attribute name="candidatedetails" type="contact" />
    <aura:attribute name="defaultOptions" type="List" default="{!v.candidatedetails}"/>
    <aura:attribute name="selectedOptionList" type="List" default="[]"/>
    <aura:attribute name="selectedArray" type="List" default="[]"/>
    <aura:attribute name="min" type="Integer" default="1"/>
    <aura:attribute name="max" type="Integer" default="8"/>


    <aura:handler  name="init" value="{!this}" action="{!c.doinit}"/>

    <aura:attribute name="options" type="List" default="{!v.candidatedetails}"/>





     <aura:if isTrue="{!v.displayUserSettings}">
        <!--<div aura:id="UserSettingsModal">-->
            <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true"
                aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
                <div class="slds-modal__container">
                    <header class="slds-modal__header">
                        <lightning:buttonIcon iconName="utility:close" onclick="{! c.clickX}"
                            alternativeText="close" variant="bare-inverse" class="slds-modal__close" />
                        <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">
                            {!$Label.c.MTX_User_Settings}
                        </h2>
                    </header>
                    <div class="slds-modal__content slds-p-around_medium"
                         id="modal-content-id-1">

                        <lightning:tabset selectedTabId="two">
                            <lightning:tab label="Listview" id="one">
                                <lightning:dualListbox aura:id="ListviewOptions"
                                               name="languages"
                                               label="User Settings"
                                               sourceLabel="AVAILABLE"
                                               selectedLabel="SELECTED(Max 8)"
                                               options="{!v.options}"
                                               value="{! v.defaultOptions }"
                                               min="{!v.min}"
                                               max="{!v.max}"
                                               onchange="{! c.handleChange }" />

handleChange: function (component, event, helper) {
        component.set("v.listChanged", true);
        var selectedOptionsList = event.getParam("value");
        //console.log(selectedOptionsList);
        component.set("v.selectedArray", selectedOptionsList);
        component.get("v.defaultOptions");
//display user settings
  doinit: function (component, event, helper) {
        component.set("v.displayUserSettings",true);

        var items = [];
        var item1 = {"label":"Id","value":"Id"};
        var item2 = {"label":"Name","value":"Name"};
        var item3 = {"label":"Current Employer","value":"CurrentEmployer"};
        var item4 = {"label":"Last Contacted Date","value": "LastContactedDate"};
        var item5 = {"label":"Working","value":"Working"};
        var item6 = {"label":"Next Available Date","value":"NextAvailableDate"};
        var item7 = {"label":"Annual Required","value":"AnnualRequired"};
        var item8 = {"label":"Placeability Rating","value":"PlaceabilityRating"};
        var item9 = {"label":"Temp Status","value":"TempStatus"};
        var item10 = {"label":"Primary Phone","value":"PrimaryPhone"};
        var item11 = {"label":"Perm Status","value":"PermStatus"};
        var item12 = {"label":"City","value":"City"};
        var item13 = {"label":"Skills","value":"Skills"};
        var item14 = {"label":"Availability Status","value":"AvailabilityStatus"};


        items.push(item1);
        items.push(item2);
        items.push(item3);
        items.push(item4);
        items.push(item5);
        items.push(item6);
        items.push(item7);
        items.push(item8);
        items.push(item9);
        items.push(item10);
        items.push(item11);
        items.push(item12);
        items.push(item13);
        items.push(item14);


        component.set("v.options", items);