Skip to content

M
mytime
Commit 64c64bd4 authored by mduppanapudi-nisum-com's avatar mduppanapudi-nisum-com Committed by tdutta-nisum-com
Browse files
Options

Merge conflict and reverting Mt-49 scrollIssue (#23)

parent 27a29b2e
Expand all Show whitespace changes
Inline Side-by-side
Showing with 558 additions and 392 deletions
src/main/webapp/WEB-INF/css/default-styles.css
View file @ 64c64bd4
#header {
    width: 100%;
    height: 8%;
    background-color: darkslategray;
}
width: 100%;
height: 8%;
background-color: darkslategray;
}
#sidebar-left {
    float: left;
    width: 20%;
    height: 87.5%;
}
#main {
    float: left;
    width: 80%;
    height: 87.5%;
    background-color: floralwhite;
    margin-left:-7px;
}
#sidebar-left {
float: left;
width: 20%;
height: 87.5%;
}
#main {
float: left;
width: 80%;
height: 87.5%;
background-color: floralwhite;
margin-left:-7px;
}
#footer {
    height: 8%;
    width: 100%;
}
#footer {
height: 8%;
width: 100%;
}
.myGrid {
    width:98.5%;
    height: 300px;
    margin-left:5px;
}
#gridTest,#gridTest1 .ui-grid-cell-contents{
    text-align:center;
}
.watermark {
.myGrid {
width:98.5%;
height: 300px;
margin-left:5px;
}
#gridTest,#gridTest1 .ui-grid-cell-contents{
text-align:center;
}
.watermark {
position: absolute;
top: 50%;
transform: translateY(-50%);
......@@ -38,50 +38,50 @@
width: 100%;
text-align: center;
z-index: 1000;
}
}
.md-button {
.md-button {
text-transform: capitalize !important;
}
}
.carousel-indicators li{
    background-color:orange;
    border-color:#ff9200;
}
.carousel-indicators li{
background-color:orange;
border-color:#ff9200;
}
.carousel-indicators .active{
    background-color:orange;
    border-color:#ff9200;
}
.carousel-indicators .active{
background-color:orange;
border-color:#ff9200;
}
md-dialog{
    margin-left: 15%;
}
md-dialog{
margin-left: 15%;
}
.navbar-inverse {
.navbar-inverse {
background-color: darkslategray;
border-color: darkslategray;
color:#fff;
}
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
.navbar-inverse .navbar-nav>.dropdown>a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: darkslategray;
}
}
.mainDivHeaderClass{
    text-align: center;
.mainDivHeaderClass{
text-align: center;
background: cadetblue;
color: floralwhite;
border-radius: 5px;
}
}
.dropdown-menu {
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
......@@ -99,77 +99,115 @@
-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.175);
box-shadow: 0 6px 6px rgba(0,0,0,0.175);
background-clip: padding-box;
}
}
.autoComplete-dropdown{
    font: inherit;
    border-color: #ececec;
    border-width: 1px;
    width: 206px;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    top: 35px;
    overflow-y: auto;
    max-height: 206px;
}
.autoComplete-dropdown{
font: inherit;
border-color: #ececec;
border-width: 1px;
width: 206px;
cursor: pointer;
position: absolute;
z-index: 9999;
top: 35px;
overflow-y: auto;
max-height: 206px;
}
.selectHeader {
.selectHeader {
Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class
}
.selectHeader .searchBoxHeader {
border: none;
outline: none;
}
}
.selectHeader .selectHeaderChild {
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
     padding-left: 10.667px;
     height: 48px;
     cursor: pointer;
     position: relative;
     display: flex;
     width: auto;
     position: fixed;
     z-index: 10;
     background: white;
     width: 100%;
}
.optionScroll{
    margin-top:50px;
}
.selectHeader .md-content._md {
    max-height: 240px;
     }
.md-dialog-container {
    z-index: 100 !important;
}   
.md-select-menu-container {
    z-index: 100 !important;
}
/* Styles added*/
.selectdemoSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
    .selectdemoSelectHeader .demo-header-searchbox {
     border: none;
     outline: none;
     height: 100%;
     width: 100%;
     padding: 0; }
    .selectdemoSelectHeader .demo-select-header {
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
     padding-left: 10.667px;
     height: 48px;
     cursor: pointer;
     position: relative;
     display: flex;
     align-items: center;
     width: auto; }
    .selectdemoSelectHeader md-content._md {
     max-height: 240px; }
    .leads-data{border: 1px solid #ccc; padding: 5px 10px; float: left; width: 100%;}
    .leads-data p{float: left; width: auto; background: #ccc; margin-right: 5px; padding: 2px 2px;}
    .close-mdselect{right: 9px; position: absolute; top: 17px;}
    .search-spacingleft{height: 48px !important; padding-left: 5px;}
    .header-spacing{padding-left: 0px !important;}
/* Styles added*/
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
padding-left: 10.667px;
height: 48px;
cursor: pointer;
position: relative;
display: flex;
width: auto;
position: fixed;
z-index: 10;
background: white;
width: 100%;
}
.optionScroll{
margin-top:50px;
}
.selectHeader .md-content._md {
max-height: 240px;
}
.md-dialog-container {
z-index: 100 !important;
}
.md-select-menu-container {
z-index: 100 !important;
}
.md-dialog-custom-height {
max-height: 95% !important;
}
.md-content{
height: 1100px !important;
}
.selectdemoSelectHeader .demo-header-searchbox {
border: none;
outline: none;
height: 100%;
width: 100%;
padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
padding-left: 10.667px;
height: 48px;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
width: auto;
}
.selectdemoSelectHeader md-content._md {
max-height: 240px;
}
.leads-data {
border: 1px solid #ccc;
padding: 5px 10px;
float: left;
width: 100%;
}
.leads-data p {
float: left;
width: auto;
background: #ccc;
margin-right: 5px;
padding: 2px 2px;
}
.close-mdselect {
right: 9px;
position: absolute;
top: 17px;
}
.search-spacingleft {
height: 48px !important;
padding-left: 5px;
}
.header-spacing {
padding-left: 0px !important;
}
/* Styles added*/
src/main/webapp/WEB-INF/templates/newProject.html
View file @ 64c64bd4
<md-dialog aria-label="Role Template" style="width:520px;height:450px;">
<form ng-cloak name="myForm">
<md-toolbar>
<div class="md-toolbar-tools" style="background: cadetblue;">
<h2>{{templateTitle}} Project</h2>
<span flex></span>
<md-button class="md-icon-button" ng-click="cancel()">
<i class="fa fa-times fa-2x" style="margin-top: 5px; font-size: 1.5em; float: left"></i>
</md-button>
</div>
</md-toolbar>
<md-dialog-content>
<div class="md-dialog-content">
<div class="form-group">
<div class="row">
<table width="450px">
<tr>
<td colspan="4">
<b>Project ID</b>
</td>
<td colspan="8">
<input type="text" class="form-control" id="projectId" name="projectId" ng-model="projectId" placeholder="Project Id Auto Generates"
                                     ng-blur="" ng-disabled="true" />
<input type="text" class="form-control" id="projectId" name="projectId" ng-model="projectId" placeholder="Project Id Auto Generates" ng-blur="" ng-disabled="true" />
</td>
</tr>
<tr>
<td colspan="4">
<b>Project Name</b>
</td>
<td colspan="8">
<input type="text" class="form-control" id="projectName" name="projectName" ng-model="projectName" placeholder="Project Name"
                                        />
<input type="text" class="form-control" id="projectName" name="projectName" ng-model="projectName" placeholder="Project Name" />
</td>
</tr>
<tr>
<td colspan="4">
<b>Account</b>
</td>
<td colspan="8">
<md-select ng-model="account" md-selected-text="getAccountText()" id="account">
<md-optgroup label="account">
<md-option ng-value="account1" ng-repeat="account1 in accounts">{{account1.accountName}}</md-option>
</md-optgroup>
</md-select>
......@@ -75,84 +46,52 @@
</tr>
<tr>
<td colspan="4">
<b>Domain</b>
</td>
<td colspan="8">
<md-select ng-model="domain" md-selected-text="getDomainText()" id="domain">
<md-optgroup label="domain">
<md-option ng-value="domain" ng-repeat="domain in account.subDomains">{{domain}}</md-option>
</md-optgroup>
</md-select>
</td>
</tr>
<tr>
<td colspan="4">
<b>Lead</b>
</td>
<!-- <td colspan="8"><md-select ng-model="managerModel" md-selected-text="getManagers()" >
                                    <md-optgroup label="managers"> <md-option<< ng-value="manager"
                ng-repeat="manager in managerDetails">{{manager.employeeName}}</md-option> </md-optgroup> </md-select>
                                    </td> -->
<td id="lead">
<td colspan="8">
<div class="leads-data" ng-show="managersSelectedList.length > 0">
<div ng-repeat="item in managersSelectedList">
<p> {{item.employeeName}}
<span ng-click="removeSelectedLead(item)" class="glyphicon glyphicon-remove"></span>
</p>
</div>
</div>
<md-input-container style="display: block; float: left; width: 100%;">
<label>Lead</label>
<md-select class="lead-search" ng-model="managersSelectedList" data-md-container-class="selectHeader" md-selected-text="getSelected()"
multiple>
<div style="display: block; float: left; width: 100%;">
<md-select ng-model="managersSelectedList" data-md-container-class="selectHeader" md-selected-text="getSelected()" multiple >
<md-select-header class="selectHeaderChild header-spacing" layout="column">
<input ng-model="searchTerm" type="search" ng-keydown="updateSearch($event)" ng-model-options="{debounce: {'default': 500, 'blur': 0}}" placeholder="Please Search for a lead" class="demo-header-searchbox md-text search-spacingleft" />
<input ng-model="searchTerm" type="search" ng-keydown="updateSearch($event)" ng-model-options="{debounce: {'default': 500, 'blur': 0}}"
placeholder="Please Search for a lead" class="searchBoxHeader demo-header-searchbox md-text search-spacingleft" />
<span class="glyphicon glyphicon-remove close-mdselect" ng-click="closeSelectBox()"></span>
</md-select-header>
<md-optgroup label="managers" class="optionScroll">
<md-option ng-value="manager" ng-repeat="manager in managerDetails | filter:searchTerm">{{manager.employeeName}}</md-option>
</md-optgroup>
</md-select>
</md-input-container>
</div>
</td>
</tr>
<tr>
<td colspan="4">
<b>Project Status</b>
</td>
<td colspan="8">
<md-select ng-model="projectStatus" md-selected-text="getProjectStatus()" id="projectStatus">
<md-optgroup label="projectStatus">
<md-option ng-value="prjctSts" ng-repeat="prjctSts in prjctStses">{{prjctSts}}</md-option>
</md-optgroup>
</md-select>
......@@ -160,17 +99,13 @@
</tr>
</table>
<div role="alert">
<span class="error" style="color: red;">{{alertMsg}}</span>
</div>
</div>
</div>
</div>
</md-dialog-content>
<md-dialog-actions layout="row">
<md-button class="md-raised" data-ng-click="validateFields()" style="width:120px;background: cadetblue;color:white;">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment