ResourceR/menu.html at master · akash2016/ResourceR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en" ng-app="confusionApp">

<head>
     <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head
         content must come *after* these tags -->
    <title>Ristorante Con Fusion: Menu</title>
        <!-- Bootstrap -->
    <!-- build:css styles/main.css -->
    <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="styles/bootstrap-social.css" rel="stylesheet">
    <link href="styles/mystyles.css" rel="stylesheet">
    <!-- endbuild -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="col-xs-12 ">
                <div class="navbar-header" align="center"><h1>ResourceR <span class="badge" >BLR FSI</span></h1>
                </div>
            </div>

        </div>
    </nav>


    <div class="container">
        <div class="row row-content" ng-controller="MenuController ">
            <div class="col-xs-12">
              <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" ng-class="{active:isSelected(1)}">
                    <a role="tab" ng-click="select(1)"> Clinical FSI</a>
                    </li>
                    <li role="presentation" ng-class="{active:isSelected(2)}">
                    <a role="tab" ng-click="select(2)">Financial FSI</a>
                    </li>
                    <li role="presentation" ng-class="{active:isSelected(3)}">
                    <a role="tab" ng-click="select(3)">Data Migration</a>
                    </li>
                    <li role="presentation" ng-class="{active:isSelected(4)}"><a role="tab" ng-click="select(4)">Bridge</a></li>

                </ul>

                <ul class="media-list" ng-repeat="asso in team|filter:{'track':filtText}">
                     <div class="tab-content">
                <li class="media">
                    <div class="media-left media-middle">
                        <a href="#">
                        <img class="media-object   img-thumbnail"
                         ng-src={{asso.image}} alt="Associate image" width="100px" >
                        </a>

                    </div>
                    <div class="media-body">
                        <h2 class="media-heading">{{asso.name}}<span >  </span><span class="badge">   {{asso.designation}}</span></h2>
                        <div class="col-md-3 col-xs-12">
                            Next Week's Availability:
                        <div class="progress">
                        <div class="progress-bar progress-bar-striped active " role="progressbar"  style="width:{{asso.nextWeeksAvail/40*100}}%">
                         {{(asso.nextWeeksAvail/40*100).toFixed(1)}}%
                        </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-12 ">
                            Quarter's Availability:
                        <div class="progress ">
                        <div class="progress-bar progress-bar-striped active " role="progressbar" style="width:{{asso.quartersAvail/520*100}}%">
                        {{(asso.quartersAvail/520*100).toFixed(1)}}%
                        </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-xs-12  col-md-offset-1">

                      <div class="btn-group" role="group">

                    <a type="button" class="btn btn-success" href="mailto:{{asso.email}}?Subject=Project%20Name:&amp;cc={{asso.ManagersEmail}}&amp;body=Send%20Via%20ResourceR:"><i class="fa fa-envelope-o"></i><span> </span> Assign Project </a>
                            </div>
                        </div>


                        </div>
                       <!-- <p ng-show="showDetails" ng-repeat="interface in asso.interfaces"></p> -->

                </li>
                    </div>
                    </ul>
                   </div>
        </div>
    </div>
       <footer class="row-footer">
        <div class="container">
            <div class="row">

                <div class="col-xs-12">


                    <h4 align="center">© Karan Jariwala and Akash Verma </h4>
                </div>
            </div>
        </div>
    </footer>

</body>
 <!-- build:js scripts/main.js -->
  <script src="../bower_components/angular/angular.min.js"></script>

   <script>
    $(document).ready(function(){
       // $("#loginModal").modal('toggle');
        $("#aboutMe").click(function(){
            $("#aboutMeModal").modal('show');
        });
    })
    </script>
  <script src="scripts/app.js"></script>


<!-- endbuild -->

</html>