I am basically diving into Lightning Component Development as I generally learn faster applying examples to real-world problems. In this case, I am trying to replace a javascript button that launched a window with a Visualforce page that has its own styling, Unfortunately adding the launch as a quickAction will open the window, but I can't get the size to match the content, making it largely unusable, even with scroll bars. 

Instead, I figure since Lightning Components are so Javascript heavy anyway, why can't I just build a Lightning Component featuring a UI button, an APEX controller providing a method to return the record ID, and a js controller with a doInit()function that queries the record data, while the button click launches the newInterview() method which contains the original Javascript that opens the Visualforce page using the parameters from the current record. That's the idea anyway...

Here is how I tried to build it:

COMPONENT
<aura:component controller="AuraMethods" implements="flexipage:availableForAllPageTypes,force:lightningQuickAction,force:hasRecordId" access="global" >
	<aura:attribute name="opp" type="Opportunity"/>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
    <ui:button label="New Interview" press="{!c.newInterview}"/>
</aura:component>

JS CONTROLLER
({
	doInit : function(component, event) {
		var action = component.get(c.findOppById("v.recordId"));
        action.setCallback(this, function(a) {
            component.set("v.opp", a.getReturnValue());
        });
        $A.enqueueAction(action);
	}
})

({
    newInterview : function(component, event){
        if(component.get("v.opp.School_Interview_Type__c")== '3W' || component.get("v.opp.School_Interview_Type__c") == '3W+School'){ 
        	window.location.href = "/apex/AM_Time_Slots2?id="+component.get("v.opp.Id")+"&Name="+component.get("v.opp.Name"); 
        } 
        else{ 
        	alert('please do not make an appointment AM time when the School Interview Type not equals 3W,only need to confirm the following AM given in the school time.'); 
        }
    }  
})

APEX CONTROLLER
public with sharing class AuraMethods {
    @AuraEnabled
    public static Opportunity findOppByID(String OppId){
        return [Select id, Name, School_Interview_Type__c from Opportunity where Id = :OppId];
    }
}

That's pretty much it. The Component appears in the Custom Components section of my Lightning Page Layout for the Opportunity in the App Builder, but when I try to place it I get the following error:

'Action failed: c:InterviewScheduling$controller$doInit [c is not defined] doInit()@components/c/InterviewScheduling.js:10:30'

I know I'm still a bit green to JS, as well so I may have missed something. More important, I've seen several posts about the difficulty of getting a javascript button's functionality to work in Lightning. I really just want to be able to launch this Visualforce page from within the Opportunity and have it appear in all its glory rather than in some dinky popup window where I can't adjust the width in the settings. 

I appreciate all responses. Kindness and patience is appreciated. I will learn this. 

Thanks!

V