init: function (component) { 
        
       component.set('v.oppId','25978371');
       component.set("v.userId", $A.get("$SObjectType.CurrentUser.Id"));
    
            var orgDetailsAction = component.get("c.getLocalAPI");
             
            orgDetailsAction.setCallback(this, function(data) {
                console.log(data.getReturnValue())
                data = JSON.parse(data.getReturnValue());
                
                if(!data.result){
                     
                   component.set('v.sidebar','disabled');
                   component.set("v.domainPopup", true);
                    console.log(component.get("v.domainPopup"))
               }
                else{
                    if(data.api1==null)
                       component.set('v.sidebar','disabled');
                    else
                    component.set('v.SFDCEndpoint',data.api1);
                }
                
                var action1 = component.get("c.getExternalAPI");
                
                
                action1.setCallback(this, function(data) {
                    var state = data.getState();
                    var role = JSON.parse(data.getReturnValue()).data;
                          component.set("v.userRole", role);
                            console.log(component.get('v.SFDCEndpoint'))
                             
                            $A.createComponent(component.get("v.sidebar")!='disabled' ?
                                               ((component.get("v.userRole")=='A1'||component.get("v.userRole")=='A2')
                                                ? "c:testOne":"c:testTwo")
                                               : "c:testThree",{
                                                   endpoint: component.get('v.SFDCEndpoint'),
                                               },
                                              function(newCmp,status, errorMessage){
                                                    
                                                   if(status === "SUCCESS"){
                                                       if (component.isValid()) {
                                                           component.set("v.currentContent", newCmp);
                                                       }}
                                                    
                                                       
                                               }
                                              );
                   
                });
                 
                $A.enqueueAction(action1); 
                 
            });
            $A.enqueueAction(orgDetailsAction);
                
         
    },

<aura:handler name="init" value="{!this}" action="{!c.onLoad}"/> 
<aura:attribute name="endpoint" type="String"/>

onLoad : function(component, event, helper) {
         
        console.log(component.get('v.endpoint'));
}

var id='25978371';
        $A.createComponent(
            "c:InDetails",
            {
                oppId: id,
            },
            function(newCmp){
                    component.set("v.currentContent", newCmp);
            }
        );

<aura:attribute name="oppId" type="String"/>

console.log(component.get("v.oppId"))

@AuraEnabled 
    public static void getCreateRemoteSiteSetting()
    {
        MetadataService.MetadataPort service = createService();
        MetadataService.RemoteSiteSetting remoteSiteSettings = new MetadataService.RemoteSiteSetting();
        remoteSiteSettings.fullName = 'hello123';
        remoteSiteSettings.url = 'http://www.hello123.com';
        remoteSiteSettings.isActive=true;
        remoteSiteSettings.disableProtocolSecurity=false;
        system.debug(remoteSiteSettings);
        service.createMetadata(new List<MetadataService.Metadata> { remoteSiteSettings });
        
    }
    
    public static MetadataService.MetadataPort createService()
    {
        MetadataService.MetadataPort service = new MetadataService.MetadataPort();
        service.SessionHeader = new MetadataService.SessionHeader_element();
        service.SessionHeader.sessionId = UserInfo.getSessionId();
        return service;
    }

function(component, event, helper){
        var remoteSite = component.get("c.getCreateRemoteSiteSetting");
        remoteSite.setCallback(this, function(data) {
            console.log(data);
        });
        $A.enqueueAction(remoteSite);
    }

<apex:page sidebar="false" showheader="false">
    <apex:includeLightning />   
    <div id="userContainer" style="height:100%"/>

    <script>
$Lightning.use("c:ClassicApp", function() {
    $Lightning.createComponent("c:FIRST",
 {
 
 },
 "userContainer",
 function(cmp) {
     });
});
</script>
    
    
</apex:page>

<lightning:button label="View Interview" value="{!row.oppId+'@'+indx}" iconPosition="left" disabled="{!row.interviewFlag}" onclick="{!c.displayInterview}"/>

displayInterview : function (component, event, helper) {
       
    /*var urlEvent = $A.get("e.force:navigateToURL");
    urlEvent.setParams({
      "url": "/apex/home"
    });
    urlEvent.fire();*/
       
    var action = component.get("c.displayInterviewApex");
        action.setCallback(this, function(data) {
            	console.log(data.getReturnValue());
        });
}

public class ButtonController {
public static pagereference displayInterviewApex(){
      system.debug('called');
      Pagereference redirectedPage = New PageReference('/apex/home');  
      return redirectedPage;
   }
}

<apex:outputPanel layout="block">
        <label for="checkbox">line chart</label>
        <input id="checkbox" type="checkbox"
            onclick="load_home(this,'{!$Component.thePanel}');"/>
</apex:outputPanel>
<apex:outputPanel id="thePanel" layout="block">
</apex:outputPanel>

function load_home(input, textid){
               if(input.checked) {                   
                   document.getElementById(textid).innerHTML='<apex:chart height="400" width="700" data="{!Data}"><apex:axis type="Numeric" position="left" fields="data1" title="Opportunities Closed" grid="true"/><apex:axis type="Category" position="bottom" fields="name" title="Month of the Year"></apex:axis><apex:lineSeries axis="left" fill="true" xField="name" yField="data1" markerType="cross" markerSize="4" markerFill="#FF0000"/></apex:chart>;
               
          }
}

public List<Data> getData() {
        return FileUploader.getChartData();
    }
public static List<Data> getChartData() {
        List<Data> data = new List<Data>();
        data.add(new Data('Jan', 30, 90, 55));
        data.add(new Data('Feb', 44, 15, 65));
        data.add(new Data('Mar', 25, 32, 75));
        data.add(new Data('Apr', 74, 28, 85));
        data.add(new Data('May', 65, 51, 95));
        data.add(new Data('Jun', 33, 45, 99));
        data.add(new Data('Jul', 92, 82, 30));
        data.add(new Data('Aug', 87, 73, 45));
        data.add(new Data('Sep', 34, 65, 55));
        data.add(new Data('Oct', 78, 66, 56));
        data.add(new Data('Nov', 80, 67, 53));
        data.add(new Data('Dec', 17, 70, 70));
       
        return data;
    }

var id='25978371';
        $A.createComponent(
            "c:InDetails",
            {
                oppId: id,
            },
            function(newCmp){
                    component.set("v.currentContent", newCmp);
            }
        );

<aura:attribute name="oppId" type="String"/>

console.log(component.get("v.oppId"))

@AuraEnabled 
    public static void getCreateRemoteSiteSetting()
    {
        MetadataService.MetadataPort service = createService();
        MetadataService.RemoteSiteSetting remoteSiteSettings = new MetadataService.RemoteSiteSetting();
        remoteSiteSettings.fullName = 'hello123';
        remoteSiteSettings.url = 'http://www.hello123.com';
        remoteSiteSettings.isActive=true;
        remoteSiteSettings.disableProtocolSecurity=false;
        system.debug(remoteSiteSettings);
        service.createMetadata(new List<MetadataService.Metadata> { remoteSiteSettings });
        
    }
    
    public static MetadataService.MetadataPort createService()
    {
        MetadataService.MetadataPort service = new MetadataService.MetadataPort();
        service.SessionHeader = new MetadataService.SessionHeader_element();
        service.SessionHeader.sessionId = UserInfo.getSessionId();
        return service;
    }

function(component, event, helper){
        var remoteSite = component.get("c.getCreateRemoteSiteSetting");
        remoteSite.setCallback(this, function(data) {
            console.log(data);
        });
        $A.enqueueAction(remoteSite);
    }

<aura:application extends="force:slds">
	<c:UserDetails1 />
        <c:UserDetails2 />
        <c:UserDetails3 />
</aura:application>

<aura:component implements="force:appHostable" >
    <lightning:layout class="slds-page-header slds-page-header--object-home">
        <lightning:layoutItem>
            <lightning:icon iconName="standard:scan_card" alternativeText="Add User"/>
        </lightning:layoutItem>
        <lightning:layoutItem padding="horizontal-small">
            <div class="page-section page-header">
                <h1 class="slds-text-heading--label">Add User</h1>
                <h2 class="slds-text-heading--medium">Add User</h2>
            </div>
        </lightning:layoutItem>
    </lightning:layout>
    <lightning:layout>
        <lightning:layoutItem padding="around-small" size="6">
        <div aria-labelledby="newexpenseform">
        <!-- BOXED AREA -->
        <fieldset class="slds-box slds-theme--default slds-container--small">
        <legend id="newexpenseform" class="slds-text-heading--small 
          slds-p-vertical--medium">
          Add User
        </legend>
        <form class="slds-form--stacked">
            <aura:attribute name="users" type="List" />
    		<aura:attribute name="selectedUser" type="String" />
            <aura:handler name="init" value="{!this}" action="{!c.loadOptions}" />
            <lightning:select name="mySelect1" label="Select Role:" aura:id="mySelect1" value="{!v.selectedValue}">
        		<aura:iteration items="{!v.options}" var="item">
            		<option text="{!item.label}" value="{!item.value}" selected="{!item.selected}"/>
         		</aura:iteration>
    		</lightning:select>
        </form>
  
      </fieldset>
    </div>
</lightning:layoutItem>
</lightning:layout>
</aura:component>

({
    loadOptions: function (component, event, helper) {
        var roles = [
            { value: "Manager", label: "Manager" },
            { value: "team", label: "team" }
         ];
         component.set("v.options", roles);
        
        var users = [
            { value: "x", label: "x" },
            { value: "y", label: "y" },
            { Value: "z" , label: "z"}
         ];
         component.set("v.users", users);
    }
})