How transfer from ui-view div to full page

I want to transfer from ui-view div to more bigger div (to be on full page)
socially.js
function config($locationProvider, $urlRouterProvider) {
‘ngInject’;

$locationProvider.html5Mode(true);

$urlRouterProvider.otherwise(’/’);
}

socially.html

login.js:

login() {
Meteor.loginWithPassword(this.student.student_number, this.student.tc,
this.$bindToContext((err) => {
if (err) {
this.error = err;
console.log(this.error);
} else {
this.$state.go(‘layout’);
console.log(“OK”);
}
})
);
}


function config($stateProvider) {
‘ngInject’;
$stateProvider.state(‘login’, {
url: ‘login’,
template: ‘’
});
}

layout.js
function config($stateProvider) {
‘ngInject’;

$stateProvider.state('layout', {
  url: '/layout',
  template: '<layout></layout>'
});

}

after the user login he will transfer to layout template but I want to be “layout” in the full page not only in