mirror of https://github.com/akveo/blur-admin
members layout
Youssef ABIDI
parent
c679d54adc
commit
89bb2d504e
|
|
@ -17,6 +17,7 @@
|
|||
'BlurAdmin.pages.maps',
|
||||
'BlurAdmin.pages.profile',
|
||||
'BlurAdmin.pages.surveys',
|
||||
'BlurAdmin.pages.teams',
|
||||
])
|
||||
.config(routeConfig);
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
/**
|
||||
* @author v.lugovsky
|
||||
* created on 16.12.2015
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('BlurAdmin.pages.teams.members')
|
||||
.controller('MembersTabCtrl', MembersTabCtrl);
|
||||
|
||||
/** @ngInject */
|
||||
function MembersTabCtrl($scope, fileReader, $filter, $uibModal) {
|
||||
$scope.picture = $filter('profilePicture')('Nasta');
|
||||
|
||||
$scope.removePicture = function () {
|
||||
$scope.picture = $filter('appImage')('theme/no-photo.png');
|
||||
$scope.noPicture = true;
|
||||
};
|
||||
|
||||
$scope.uploadPicture = function () {
|
||||
var fileInput = document.getElementById('uploadFile');
|
||||
fileInput.click();
|
||||
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
<div id="surveys" class="row">
|
||||
<div id="sidebar" class="col-md-4 col-lg-4">
|
||||
<uib-accordion>
|
||||
<uib-accordion-group panel-class="bootstrap-panel accordion-panel panel-default">
|
||||
<uib-accordion-heading>
|
||||
Survey Builder <i class="fa pull-right fa-gavel"></i>
|
||||
</uib-accordion-heading>
|
||||
<section class="col-md-12 col-lg-12 no-gutter">
|
||||
<button ng-click="addElement('multiple')" progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
||||
<i class="fa fa-list"></i>Members
|
||||
</button>
|
||||
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
||||
<i class="fa fa-star"></i>Lists
|
||||
</button>
|
||||
</section>
|
||||
</uib-accordion-group>
|
||||
</uib-accordion>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-8 col-lg-8">
|
||||
<div id="survey-builder" class="panel panel-default bootstrap-panel">
|
||||
<div class="panel-heading"><h2 class="panel-title pull-left">Survey Title</h2></div>
|
||||
<div class="panel-body">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputFirstName" class="col-sm-3 control-label">Picture</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<div class="userpic">
|
||||
<div class="userpic-wrapper">
|
||||
<img ng-src="{{ picture }}" ng-click="uploadPicture()">
|
||||
</div>
|
||||
<i class="ion-ios-close-outline" ng-click="removePicture()" ng-if="!noPicture"></i>
|
||||
<a href class="change-userpic" ng-click="uploadPicture()">Change Profile Picture</a>
|
||||
<input type="file" ng-show="false" id="uploadFile" ng-file-select="onFileSelect($files)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputFirstName" class="col-sm-3 control-label">First Name</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputFirstName" placeholder="" value="Anastasiya">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputLastName" class="col-sm-3 control-label">Last Name</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputLastName" placeholder="" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-sm-3 control-label">Department</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control" selectpicker>
|
||||
<option>Web Development</option>
|
||||
<option>System Development</option>
|
||||
<option>Sales</option>
|
||||
<option>Human Resources</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputOccupation" class="col-sm-3 control-label">Occupation</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputOccupation" placeholder="" value="Front End Web Developer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
/**
|
||||
* @author v.lugovsky
|
||||
* created on 16.12.2015
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('BlurAdmin.pages.teams.members', [])
|
||||
.directive('tagInput', tagInput);
|
||||
|
||||
function tagInput() {
|
||||
return {
|
||||
restrict: 'A',
|
||||
link: function( $scope, elem, attr) {
|
||||
$(elem).tagsinput({
|
||||
tagClass: 'label label-' + attr.tagInput
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
/**
|
||||
* @author v.lugovsky
|
||||
* created on 16.12.2015
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('BlurAdmin.pages.teams', [
|
||||
'BlurAdmin.pages.teams.members',
|
||||
])
|
||||
.config(routeConfig);
|
||||
|
||||
/** @ngInject */
|
||||
function routeConfig($stateProvider) {
|
||||
$stateProvider
|
||||
.state('teams', {
|
||||
url: '/teams',
|
||||
template : '<ui-view autoscroll="true" autoscroll-body-top></ui-view>',
|
||||
title: 'Teams',
|
||||
sidebarMeta: {
|
||||
icon: 'ion-gear-a',
|
||||
order: 1500,
|
||||
},
|
||||
}).state('teams.members', {
|
||||
url: '/create',
|
||||
templateUrl: 'app/pages/teams/members/members.html',
|
||||
controller: "MembersTabCtrl",
|
||||
title: 'Manage Members',
|
||||
sidebarMeta: {
|
||||
order: 0,
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
})();
|
||||
Loading…
Reference in New Issue