Skip to content

M
mytime
Commit 0a4ebbcf authored by vsunke-nisum-com's avatar vsunke-nisum-com Committed by rbonthala-nisum-com
Browse files
Options

MT-79 (#21)

parent a7204af0
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 795 additions and 816 deletions
src/main/webapp/WEB-INF/css/default-styles.css
View file @ 0a4ebbcf
#header { #header {
width: 100%;     width: 100%;
height: 8%;     height: 8%;
background-color: darkslategray;     background-color: darkslategray;
} }
#sidebar-left { #sidebar-left {
float: left;     float: left;
width: 20%;     width: 20%;
height: 87.5%;     height: 87.5%;
} }
#main { #main {
float: left;     float: left;
width: 80%;     width: 80%;
height: 87.5%;     height: 87.5%;
background-color: floralwhite;     background-color: floralwhite;
margin-left:-7px;     margin-left:-7px;
} }
#footer { #footer {
height: 8%;     height: 8%;
width: 100%;     width: 100%;
} }
.myGrid { .myGrid {
width:98.5%;     width:98.5%;
height: 300px;     height: 300px;
margin-left:5px;     margin-left:5px;
} }
#gridTest,#gridTest1 .ui-grid-cell-contents{ #gridTest,#gridTest1 .ui-grid-cell-contents{
text-align:center;     text-align:center;
} }
.watermark { .watermark {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
opacity: 0.75; opacity: 0.75;
width: 100%; width: 100%;
text-align: center; text-align: center;
z-index: 1000; z-index: 1000;
} }
.md-button { .md-button {
text-transform: capitalize !important; text-transform: capitalize !important;
} }
.carousel-indicators li{ .carousel-indicators li{
background-color:orange;     background-color:orange;
border-color:#ff9200;     border-color:#ff9200;
} }
.carousel-indicators .active{ .carousel-indicators .active{
background-color:orange;     background-color:orange;
border-color:#ff9200;     border-color:#ff9200;
} }
md-dialog{ md-dialog{
margin-left: 15%;     margin-left: 15%;
} }
.navbar-inverse { .navbar-inverse {
background-color: darkslategray; background-color: darkslategray;
border-color: darkslategray; border-color: darkslategray;
color:#fff; color:#fff;
} }
.navbar-inverse .navbar-nav>.dropdown>a .caret { .navbar-inverse .navbar-nav>.dropdown>a .caret {
border-top-color: #fff; border-top-color: #fff;
border-bottom-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; color: #fff;
background-color: darkslategray; background-color: darkslategray;
} }
.mainDivHeaderClass{ .mainDivHeaderClass{
text-align: center;     text-align: center;
background: cadetblue; background: cadetblue;
color: floralwhite; color: floralwhite;
border-radius: 5px; border-radius: 5px;
} }
.dropdown-menu { .dropdown-menu {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: 0;
z-index: 1000; z-index: 1000;
display: none; display: none;
float: left; float: left;
width: 290px; width: 290px;
height:261px; height:261px;
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
background-color: transparent; background-color: transparent;
border: 1px solid rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.15);
border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.175); -webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.175);
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; background-clip: padding-box;
} }
.autoComplete-dropdown{ .autoComplete-dropdown{
font: inherit;     font: inherit;
border-color: #ececec;     border-color: #ececec;
border-width: 1px;     border-width: 1px;
width: 206px;     width: 206px;
cursor: pointer;     cursor: pointer;
position: absolute;     position: absolute;
z-index: 9999;     z-index: 9999;
top: 35px;     top: 35px;
overflow-y: auto;     overflow-y: auto;
max-height: 206px;     max-height: 206px;
} }
.selectHeader { .selectHeader {
Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class
} }
.selectHeader .searchBoxHeader { .selectHeader .searchBoxHeader {
border: none; border: none;
outline: none; outline: none;
} }
.selectHeader .selectHeaderChild { .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);      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;      padding-left: 10.667px;
height: 48px;      height: 48px;
cursor: pointer;      cursor: pointer;
position: relative;      position: relative;
display: flex;      display: flex;
width: auto;      width: auto;
position: fixed;      position: fixed;
z-index: 10;      z-index: 10;
background: white;      background: white;
width: 100%;      width: 100%;
} }
.optionScroll{ .optionScroll{
margin-top:50px;     margin-top:50px;
} }
.selectHeader .md-content._md { .selectHeader .md-content._md {
max-height: 240px;     max-height: 240px;
}      }
.md-dialog-container { .md-dialog-container {
z-index: 100 !important;     z-index: 100 !important;
} }   
.md-select-menu-container { .md-select-menu-container {
z-index: 100 !important;     z-index: 100 !important;
} }
/* Styles added*/
.selectdemoSelectHeader {
.md-dialog-custom-height {     /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
max-height: 95% !important;     .selectdemoSelectHeader .demo-header-searchbox {
}      border: none;
     outline: none;
.md-content{      height: 100%;
height: 1100px !important;      width: 100%;
}      padding: 0; }
\ No newline at end of file     .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*/
\ No newline at end of file
src/main/webapp/WEB-INF/templates/index.html
View file @ 0a4ebbcf
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-sanitize.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-sanitize.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.9/angular-material.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-aria.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-aria.min.js"></script>
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script> <script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script>
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<script src="https://code.highcharts.com/modules/exporting.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script> <script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script> <script src="https://code.highcharts.com/modules/data.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.9/angular-material.min.css"></link> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"></link>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></link> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"></link> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"></link>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet"> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet">
......
src/main/webapp/WEB-INF/templates/newProject.html
View file @ 0a4ebbcf
<md-dialog aria-label="Role Template" style="width:520px;height:450px;"> <md-dialog aria-label="Role Template" style="width:520px;height:450px;">
<form ng-cloak name="myForm">
<md-toolbar> <form ng-cloak name="myForm">
<div class="md-toolbar-tools"
style="background: cadetblue;"> <md-toolbar>
<h2>{{templateTitle}} Project</h2>
<span flex></span> <div class="md-toolbar-tools" style="background: cadetblue;">
<md-button class="md-icon-button" ng-click="cancel()"> <i
class="fa fa-times fa-2x" <h2>{{templateTitle}} Project</h2>
style="margin-top: 5px; font-size: 1.5em; float: left"></i> </md-button>
</div> <span flex></span>
</md-toolbar>
<md-button class="md-icon-button" ng-click="cancel()">
<md-dialog-content>
<div class="md-dialog-content"> <i class="fa fa-times fa-2x" style="margin-top: 5px; font-size: 1.5em; float: left"></i>
<div class="form-group"> </md-button>
<div class="row" > </div>
<table width="450px"> </md-toolbar>
<tr>
<td colspan="4">
<b >Project ID</b></td> <md-dialog-content>
<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"/> <div class="md-dialog-content">
</td>
<tr> <div class="form-group">
<td colspan="4">
<b >Project Name</b></td> <div class="row">
<td colspan="8"><input type="text" class="form-control" id="projectName" name="projectName"
ng-model="projectName" placeholder="Project Name"/> <table width="450px">
</td>
</tr> <tr>
<tr>
<td colspan="4"> <td colspan="4">
<b >Account</b></td>
<td colspan="8"><md-select ng-model="account" md-selected-text="getAccountText()" id="account"> <b>Project ID</b>
<md-optgroup label="account"> <md-option ng-value="account1" </td>
ng-repeat="account1 in accounts">{{account1.accountName}}</md-option> </md-optgroup> </md-select>
</td> <td colspan="8">
</tr>
<tr> <input type="text" class="form-control" id="projectId" name="projectId" ng-model="projectId" placeholder="Project Id Auto Generates"
<td colspan="4">                                      ng-blur="" ng-disabled="true" />
<b >Domain</b></td> </td>
<td colspan="8"><md-select ng-model="domain" md-selected-text="getDomainText()" id="domain">
<md-optgroup label="domain"> <md-option ng-value="domain" <tr>
ng-repeat="domain in account.subDomains">{{domain}}</md-option> </md-optgroup> </md-select>
</td> <td colspan="4">
</tr>
<tr> <b>Project Name</b>
<td colspan="4"> </td>
<b >Manager</b></td>
<td colspan="8"><md-select ng-model="managerModel" md-selected-text="getManagers()" > <td colspan="8">
<md-optgroup label="managers"> <md-option ng-value="manager"
ng-repeat="manager in managerDetails">{{manager.employeeName}}</md-option> </md-optgroup> </md-select> <input type="text" class="form-control" id="projectName" name="projectName" ng-model="projectName" placeholder="Project Name"
</td>                                         />
</tr> </td>
<tr> </tr>
<td colspan="4">
<b >Project Status</b></td> <tr>
<td colspan="8"><md-select ng-model="projectStatus" md-selected-text="getProjectStatus()" id="projectStatus">
<md-optgroup label="projectStatus"> <md-option ng-value="prjctSts" <td colspan="4">
ng-repeat="prjctSts in prjctStses">{{prjctSts}}</md-option> </md-optgroup> </md-select>
</td> <b>Account</b>
</tr> </td>
</table>
<td colspan="8">
<div role="alert">
<span class="error" style="color: red;">{{alertMsg}}</span> <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>
</td>
</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">
<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>
<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" />
<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>
</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>
</td>
</tr>
</table>
<div role="alert">
<span class="error" style="color: red;">{{alertMsg}}</span>
</div>
</div>
</div>
</div> </div>
</div> </md-dialog-content>
</div>
</div>
</md-dialog-content> <md-dialog-actions layout="row">
<md-dialog-actions layout="row"> <md-button <md-button class="md-raised" data-ng-click="validateFields()" style="width:120px;background: cadetblue;color:white;">
class="md-raised" data-ng-click="validateFields()" style="width:120px;background: cadetblue;color:white;"> {{templateTitle}} </md-button>
{{templateTitle}} </md-button> <md-button class="md-raised" ng-click="cancel()" style="width:120px;background: cadetblue;color:white;">
Cancel </md-button> </md-dialog-actions> <md-button class="md-raised" ng-click="cancel()" style="width:120px;background: cadetblue;color:white;">
</form> Cancel </md-button>
</md-dialog> </md-dialog-actions>
</form>
</md-dialog>
\ No newline at end of file
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