From 7294d1da86122b146e3bce65759bf4a926446bbf Mon Sep 17 00:00:00 2001 From: Safiyu Date: Wed, 23 Oct 2013 23:15:46 +0530 Subject: [PATCH] navigation --- app/scripts/loader.js | 7 +- app/styles/style.css | 414 ++++++++++++++++++++++++++++++ app/views/navigation/offices.html | 9 +- bower.json | 3 +- 4 files changed, 429 insertions(+), 4 deletions(-) create mode 100644 app/styles/style.css diff --git a/app/scripts/loader.js b/app/scripts/loader.js index dd706f3e..a377062f 100644 --- a/app/scripts/loader.js +++ b/app/scripts/loader.js @@ -26,7 +26,8 @@ 'angularFileUpload': '../bower_components/angularjs-file-upload/angular-file-upload', 'ngSanitize': '../bower_components/angular-sanitize/angular-sanitize', 'angularFileUpload': '../bower_components/angularjs-file-upload/angular-file-upload', - 'ckEditor': '../bower_components/ckeditor/ckeditor' + 'ckEditor': '../bower_components/ckeditor/ckeditor', + 'jquery.menu-aim' :'../bower_components/jQuery-menu-aim/jquery.menu-aim' }, shim: { 'angular': { exports: 'angular' }, @@ -46,6 +47,7 @@ 'modified.datepicker':{deps: ['angular']}, 'ngSanitize':{deps:['angular'],exports:'ngSanitize'}, 'ckEditor':{deps:['jquery']}, + 'jquery.menu-aim':{deps:['jquery','jquery-ui']}, 'mifosX': { deps: [ 'angular', @@ -64,7 +66,8 @@ 'angularFileUpload', 'modified.datepicker', 'ngSanitize', - 'ckEditor' + 'ckEditor', + 'jquery.menu-aim' ], exports: 'mifosX' } diff --git a/app/styles/style.css b/app/styles/style.css new file mode 100644 index 00000000..12b57779 --- /dev/null +++ b/app/styles/style.css @@ -0,0 +1,414 @@ +a:hover { + cursor:pointer; +} +.pager { + list-style: none outside none; + margin: 20px 0; + text-align: center; +} +.pager:before, .pager:after { + content: ""; + display: table; + line-height: 0; +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager li > a, .pager li > span { + background-color: #FFFFFF; + border: 1px solid #DDDDDD; + border-radius: 15px 15px 15px 15px; + display: inline-block; + padding: 5px 14px; +} +.pager li > a:hover, .pager li > a:focus { + text-decoration: none; + background-color: #d3d3d3; + color:#000000; +} +.pager .next > a, .pager .next > span { + float: right; +} +.pager .previous > a, .pager .previous > span { + float: left; +} +.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { + background-color: #FFFFFF; + color: #999999; + cursor: default; +} +.thumbnails { + list-style: none outside none; + margin-left: -20px; +} +.thumbnails:before, .thumbnails:after { + content: ""; + display: table; + line-height: 0; +} +.thumbnails:after { + clear: both; +} +.table-bordered { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + border-collapse: separate; + border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; + border-image: none; + border-radius: 4px 4px 4px 4px; + border-style: solid solid solid none; + border-width: 1px 1px 1px 0; +} + +.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { + border-top-left-radius: 4px; +} +.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { + border-top-right-radius: 4px; +} +.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { + border-bottom-left-radius: 4px; +} +.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { + border-bottom-right-radius: 4px; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + border-bottom-left-radius: 0; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + border-bottom-right-radius: 0; +} +.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { + border-top-left-radius: 4px; +} +.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { + border-top-right-radius: 4px; +} +.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { + background-color: #F5F5F5; +} +.table tbody tr.success > td { + background-color: #DFF0D8; +} +.table tbody tr.error > td { + background-color: #F2DEDE; +} +.table tbody tr.warning > td { + background-color: #FCF8E3; +} +.table tbody tr.info > td { + background-color: #D9EDF7; +} +.table-hover tbody tr.success:hover > td { + background-color: #D0E9C6; +} +.table-hover tbody tr.error:hover > td { + background-color: #EBCCCC; +} +.table-hover tbody tr.warning:hover > td { + background-color: #FAF2CC; +} +.table-hover tbody tr.info:hover > td { + background-color: #C4E3F3; +} +.input-append .active, .input-prepend .active { + background-color: #A9DBA9; + border-color: #46A546; +} +.input-prepend .add-on:first-child, .input-prepend .btn:first-child { + border-radius: 4px 0 0 4px; +} +.input-append input, .input-append select, .input-append .uneditable-input { + border-radius: 4px 0 0 4px; +} +.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { + border-radius: 0 4px 4px 0; +} +.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { + border-radius: 0 4px 4px 0; +} +.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { + border-radius: 0 0 0 0; +} +.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { + border-radius: 0 4px 4px 0; +} +.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { + border-radius: 4px 0 0 4px; + margin-right: -1px; +} +.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { + border-radius: 0 4px 4px 0; + margin-left: -1px; +} +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} + +.form-search .input-append .btn { + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .btn { + border-radius: 14px 0 0 14px; +} + +.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { + display: inline-block; +} + +.btn { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #F5F5F5; + background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); + background-repeat: repeat-x; + border-color: #CCCCCC #CCCCCC #B3B3B3; + border-image: none; + border-radius: 4px 4px 4px 4px; + border-style: solid; + border-width: 1px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); + color: #333333; + cursor: pointer; + display: inline-block; + font-size: 14px; + line-height: 20px; + margin-bottom: 0; + padding: 4px 12px; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; +} +.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { + background-color: #E6E6E6; + color: #333333; +} +.btn:active, .btn.active { +} +.btn:first-child { +} +.btn:hover, .btn:focus { + background-position: 0 -15px; + color: #333333; + text-decoration: none; + transition: background-position 0.1s linear 0s; +} +.btn:focus { + outline: thin dotted #333333; + outline-offset: -2px; +} +.btn.active, .btn:active { + background-image: none; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); + outline: 0 none; +} +.btn.disabled, .btn[disabled] { + background-image: none; + box-shadow: none; + cursor: default; + opacity: 0.65; +} +.btn-large { + border-radius: 6px 6px 6px 6px; + font-size: 17.5px; + padding: 11px 19px; +} +.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { + margin-top: 4px; +} +.btn-small { + border-radius: 3px 3px 3px 3px; + font-size: 11.9px; + padding: 2px 10px; +} +.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { + margin-top: -1px; +} +.btn-mini { + border-radius: 3px 3px 3px 3px; + font-size: 10.5px; + padding: 0 6px; +} +.btn-block { + -moz-box-sizing: border-box; + display: block; + padding-left: 0; + padding-right: 0; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { + width: 100%; +} +.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} +.btn-primary { + background-color: #006DCC; + background-image: linear-gradient(to bottom, #0088CC, #0044CC); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { + background-color: #0044CC; + color: #FFFFFF; +} +.btn-primary:active, .btn-primary.active { +} +.btn-warning { + background-color: #FAA732; + background-image: linear-gradient(to bottom, #FBB450, #F89406); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + background-color: #F89406; + color: #FFFFFF; +} +.btn-warning:active, .btn-warning.active { +} +.btn-danger { + background-color: #DA4F49; + background-image: linear-gradient(to bottom, #EE5F5B, #BD362F); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { + background-color: #BD362F; + color: #FFFFFF; +} +.btn-danger:active, .btn-danger.active { +} +.btn-success { + background-color: #5BB75B; + background-image: linear-gradient(to bottom, #62C462, #51A351); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + background-color: #51A351; + color: #FFFFFF; +} +.btn-success:active, .btn-success.active { +} +.btn-info { + background-color: #49AFCD; + background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { + background-color: #2F96B4; + color: #FFFFFF; +} +.btn-info:active, .btn-info.active { +} +.btn-inverse { + background-color: #363636; + background-image: linear-gradient(to bottom, #444444, #222222); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + background-color: #222222; + color: #FFFFFF; +} +.btn-inverse:active, .btn-inverse.active { +} +button.btn, input.btn[type="submit"] { +} +button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner { + border: 0 none; + padding: 0; +} +button.btn.btn-large, input.btn.btn-large[type="submit"] { +} +button.btn.btn-small, input.btn.btn-small[type="submit"] { +} +button.btn.btn-mini, input.btn.btn-mini[type="submit"] { +} +.btn-link, .btn-link:active, .btn-link[disabled] { + background-color: rgba(0, 0, 0, 0); + background-image: none; + box-shadow: none; +} +.btn-link { + border-color: rgba(0, 0, 0, 0); + border-radius: 0 0 0 0; + color: #0088CC; + cursor: pointer; +} +.btn-link:hover, .btn-link:focus { + background-color: rgba(0, 0, 0, 0); + color: #005580; + text-decoration: underline; +} +.btn-link[disabled]:hover, .btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} + +.btn-group > .btn:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; + margin-left: 0; +} +.btn-group > .btn:last-child, .btn-group > .dropdown-toggle { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.btn-group > .btn.large:first-child { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; + margin-left: 0; +} +.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} +.btn-group.open .btn.dropdown-toggle { + background-color: #E6E6E6; +} +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #0044CC; +} +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #F89406; +} +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #BD362F; +} +.btn-group.open .btn-success.dropdown-toggle { + background-color: #51A351; +} +.btn-group.open .btn-info.dropdown-toggle { + background-color: #2F96B4; +} +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; +} + diff --git a/app/views/navigation/offices.html b/app/views/navigation/offices.html index 737d59e5..43c3810c 100644 --- a/app/views/navigation/offices.html +++ b/app/views/navigation/offices.html @@ -20,7 +20,14 @@ Groups / Centers    
- +
{{groupsOrCenter.name}} + + +
diff --git a/bower.json b/bower.json index 21bffaa3..ff527b80 100644 --- a/bower.json +++ b/bower.json @@ -24,7 +24,8 @@ "nvd3": "1.1.10-beta", "angularjs-file-upload": "0.1.4", "angular-sanitize": "v1.0.8", - "ckeditor": "" + "ckeditor": "", + "jQuery-menu-aim":"" }, "devDependencies": { "jasmine": "1.3.1"