diff --git a/Angular_Full_Project_GULP/Model/state.js b/Angular_Full_Project_GULP/Model/state.js new file mode 100644 index 0000000..ae993c6 --- /dev/null +++ b/Angular_Full_Project_GULP/Model/state.js @@ -0,0 +1,10 @@ +/** + * Created by lcom64 on 1/2/17. + */ +var mongoose=require('mongoose'); +var Schema=mongoose.Schema; +var stateSchema=new Schema({ + states:String, + cities:[String] +}); +module.exports=mongoose.model('state',stateSchema); diff --git a/Angular_Full_Project_GULP/Model/user b/Angular_Full_Project_GULP/Model/user new file mode 100644 index 0000000..c5e7933 --- /dev/null +++ b/Angular_Full_Project_GULP/Model/user @@ -0,0 +1,15 @@ +var mongoose=require('mongoose'); +var Schema=mongoose.Schema; +var UserSchema=new Schema({ + name:String, + password:String, + email:String, + state:String, + city:String, + File:String, + Dob:Date, + Gender:String, + IsDeleted:Boolean +}); +module.exports=mongoose.model('user',UserSchema); + diff --git a/Angular_Full_Project_GULP/bower.json b/Angular_Full_Project_GULP/bower.json new file mode 100644 index 0000000..7961348 --- /dev/null +++ b/Angular_Full_Project_GULP/bower.json @@ -0,0 +1,57 @@ +{ + "name": "genesis-ui", + "version": "1.5.10 (AngularJS)", + "dependencies": { + "bootstrap": "4.0.0-alpha.5", + "jquery": "^3.1.0", + "tether": "latest", + "angular": "latest", + "angular-animate": "latest", + "angular-ui-router": "1.0.0-beta.3", + "oclazyload": "latest", + "angular-breadcrumb": "latest", + "angular-loading-bar": "latest", + "fontawesome": "latest", + "simple-line-icons": "latest", + "chart.js": "^2.3.0", + "angular-chart.js": "^1.0.3", + "datatables": "latest", + "angular-datatables": "latest", + "bootstrap-daterangepicker": "latest", + "select2": "latest", + "select2-bootstrap-css": "latest", + "ionrangeslider": "latest", + "ionrangeslider.angular": "https://github.com/mrholek/ionRangeSlider-Angular-Directive.git", + "angular-ui-mask": "latest", + "angular-sanitize": "latest", + "angular-ui-select": "latest", + "angular-daterangepicker": "latest", + "toastr": "latest", + "angular-toastr": "latest", + "angular-translate": "latest", + "angular-gaugejs": "latest", + "gauge.js": "latest", + "angular-ui-calendar": "latest", + "fullcalendar": "latest" + }, + "overrides": { + "angular-gaugejs": { + "main": "src/angular-gauge.js" + }, + "fullcalendar": { + "main": [ + "dist/fullcalendar.js", + "dist/gcal.js" + ] + }, + "ionrangeslider.angular": { + "main": "slider.js" + } + }, + "private": true, + "resolutions": { + "jquery": "~2.1.4", + "angular": "~1.4.x", + "bootstrap": "4.0.0-alpha.5" + } +} diff --git a/Angular_Full_Project_GULP/config.js b/Angular_Full_Project_GULP/config.js new file mode 100644 index 0000000..2ea0a30 --- /dev/null +++ b/Angular_Full_Project_GULP/config.js @@ -0,0 +1 @@ +exports.dbConfig = "mongodb://localhost:27017/test"; \ No newline at end of file diff --git a/Angular_Full_Project_GULP/core/db.js b/Angular_Full_Project_GULP/core/db.js new file mode 100644 index 0000000..85c15ba --- /dev/null +++ b/Angular_Full_Project_GULP/core/db.js @@ -0,0 +1,12 @@ +var mongoose = require('mongoose'); +var settings = require('../config'); +var Promise = require("bluebird"); +console.log("connection is going on"); +mongoose.Promise = Promise; +var connection = mongoose.connect(settings.dbConfig, function (error) { + if (error) { + console.log(error); + } +}); + +module.exports = connection; \ No newline at end of file diff --git a/Angular_Full_Project_GULP/data.json b/Angular_Full_Project_GULP/data.json new file mode 100644 index 0000000..bdad325 --- /dev/null +++ b/Angular_Full_Project_GULP/data.json @@ -0,0 +1,1201 @@ +[{ + "id": 860, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 870, + "firstName": "Foo", + "lastName": "Whateveryournameis" +}, { + "id": 590, + "firstName": "Toto", + "lastName": "Titi" +}, { + "id": 803, + "firstName": "Luke", + "lastName": "Kyle" +}, { + "id": 474, + "firstName": "Toto", + "lastName": "Bar" +}, { + "id": 476, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 464, + "firstName": "Cartman", + "lastName": "Kyle" +}, { + "id": 505, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 308, + "firstName": "Louis", + "lastName": "Kyle" +}, { + "id": 184, + "firstName": "Toto", + "lastName": "Bar" +}, { + "id": 411, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 154, + "firstName": "Luke", + "lastName": "Moliku" +}, { + "id": 623, + "firstName": "Someone First Name", + "lastName": "Moliku" +}, { + "id": 499, + "firstName": "Luke", + "lastName": "Bar" +}, { + "id": 482, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 255, + "firstName": "Louis", + "lastName": "Kyle" +}, { + "id": 772, + "firstName": "Zed", + "lastName": "Whateveryournameis" +}, { + "id": 398, + "firstName": "Zed", + "lastName": "Moliku" +}, { + "id": 840, + "firstName": "Superman", + "lastName": "Lara" +}, { + "id": 894, + "firstName": "Luke", + "lastName": "Bar" +}, { + "id": 591, + "firstName": "Luke", + "lastName": "Titi" +}, { + "id": 767, + "firstName": "Luke", + "lastName": "Moliku" +}, { + "id": 133, + "firstName": "Cartman", + "lastName": "Moliku" +}, { + "id": 274, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 996, + "firstName": "Superman", + "lastName": "Someone Last Name" +}, { + "id": 780, + "firstName": "Batman", + "lastName": "Kyle" +}, { + "id": 931, + "firstName": "Batman", + "lastName": "Moliku" +}, { + "id": 326, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 318, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 434, + "firstName": "Zed", + "lastName": "Bar" +}, { + "id": 480, + "firstName": "Toto", + "lastName": "Kyle" +}, { + "id": 187, + "firstName": "Someone First Name", + "lastName": "Bar" +}, { + "id": 829, + "firstName": "Cartman", + "lastName": "Bar" +}, { + "id": 937, + "firstName": "Cartman", + "lastName": "Lara" +}, { + "id": 355, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 258, + "firstName": "Someone First Name", + "lastName": "Moliku" +}, { + "id": 826, + "firstName": "Cartman", + "lastName": "Yoda" +}, { + "id": 586, + "firstName": "Cartman", + "lastName": "Lara" +}, { + "id": 32, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 676, + "firstName": "Batman", + "lastName": "Kyle" +}, { + "id": 403, + "firstName": "Toto", + "lastName": "Titi" +}, { + "id": 222, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 507, + "firstName": "Zed", + "lastName": "Someone Last Name" +}, { + "id": 135, + "firstName": "Superman", + "lastName": "Whateveryournameis" +}, { + "id": 818, + "firstName": "Zed", + "lastName": "Yoda" +}, { + "id": 321, + "firstName": "Luke", + "lastName": "Kyle" +}, { + "id": 187, + "firstName": "Cartman", + "lastName": "Someone Last Name" +}, { + "id": 327, + "firstName": "Toto", + "lastName": "Bar" +}, { + "id": 187, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 417, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 97, + "firstName": "Zed", + "lastName": "Bar" +}, { + "id": 710, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 975, + "firstName": "Toto", + "lastName": "Yoda" +}, { + "id": 926, + "firstName": "Foo", + "lastName": "Bar" +}, { + "id": 976, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 680, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 275, + "firstName": "Louis", + "lastName": "Kyle" +}, { + "id": 742, + "firstName": "Foo", + "lastName": "Someone Last Name" +}, { + "id": 598, + "firstName": "Zed", + "lastName": "Lara" +}, { + "id": 113, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 228, + "firstName": "Superman", + "lastName": "Someone Last Name" +}, { + "id": 820, + "firstName": "Cartman", + "lastName": "Whateveryournameis" +}, { + "id": 700, + "firstName": "Cartman", + "lastName": "Someone Last Name" +}, { + "id": 556, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 687, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 794, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 349, + "firstName": "Someone First Name", + "lastName": "Whateveryournameis" +}, { + "id": 283, + "firstName": "Batman", + "lastName": "Someone Last Name" +}, { + "id": 862, + "firstName": "Cartman", + "lastName": "Lara" +}, { + "id": 674, + "firstName": "Cartman", + "lastName": "Bar" +}, { + "id": 954, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 243, + "firstName": "Superman", + "lastName": "Someone Last Name" +}, { + "id": 578, + "firstName": "Superman", + "lastName": "Lara" +}, { + "id": 660, + "firstName": "Batman", + "lastName": "Bar" +}, { + "id": 653, + "firstName": "Luke", + "lastName": "Whateveryournameis" +}, { + "id": 583, + "firstName": "Toto", + "lastName": "Moliku" +}, { + "id": 321, + "firstName": "Zed", + "lastName": "Yoda" +}, { + "id": 171, + "firstName": "Superman", + "lastName": "Kyle" +}, { + "id": 41, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 704, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 344, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 840, + "firstName": "Toto", + "lastName": "Whateveryournameis" +}, { + "id": 476, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 644, + "firstName": "Superman", + "lastName": "Moliku" +}, { + "id": 359, + "firstName": "Superman", + "lastName": "Moliku" +}, { + "id": 856, + "firstName": "Luke", + "lastName": "Lara" +}, { + "id": 760, + "firstName": "Foo", + "lastName": "Someone Last Name" +}, { + "id": 432, + "firstName": "Zed", + "lastName": "Yoda" +}, { + "id": 299, + "firstName": "Superman", + "lastName": "Kyle" +}, { + "id": 693, + "firstName": "Foo", + "lastName": "Whateveryournameis" +}, { + "id": 11, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 305, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 961, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 54, + "firstName": "Luke", + "lastName": "Bar" +}, { + "id": 734, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 466, + "firstName": "Cartman", + "lastName": "Titi" +}, { + "id": 439, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 995, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 878, + "firstName": "Luke", + "lastName": "Bar" +}, { + "id": 479, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 252, + "firstName": "Cartman", + "lastName": "Moliku" +}, { + "id": 355, + "firstName": "Zed", + "lastName": "Moliku" +}, { + "id": 355, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 694, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 882, + "firstName": "Cartman", + "lastName": "Yoda" +}, { + "id": 620, + "firstName": "Luke", + "lastName": "Lara" +}, { + "id": 390, + "firstName": "Superman", + "lastName": "Lara" +}, { + "id": 247, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 510, + "firstName": "Batman", + "lastName": "Moliku" +}, { + "id": 510, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 472, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 533, + "firstName": "Someone First Name", + "lastName": "Kyle" +}, { + "id": 725, + "firstName": "Superman", + "lastName": "Kyle" +}, { + "id": 221, + "firstName": "Zed", + "lastName": "Lara" +}, { + "id": 302, + "firstName": "Louis", + "lastName": "Whateveryournameis" +}, { + "id": 755, + "firstName": "Louis", + "lastName": "Someone Last Name" +}, { + "id": 671, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 649, + "firstName": "Louis", + "lastName": "Whateveryournameis" +}, { + "id": 22, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 544, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 114, + "firstName": "Someone First Name", + "lastName": "Titi" +}, { + "id": 674, + "firstName": "Someone First Name", + "lastName": "Lara" +}, { + "id": 571, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 554, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 203, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 89, + "firstName": "Luke", + "lastName": "Whateveryournameis" +}, { + "id": 299, + "firstName": "Luke", + "lastName": "Bar" +}, { + "id": 48, + "firstName": "Toto", + "lastName": "Bar" +}, { + "id": 726, + "firstName": "Batman", + "lastName": "Whateveryournameis" +}, { + "id": 121, + "firstName": "Toto", + "lastName": "Bar" +}, { + "id": 992, + "firstName": "Superman", + "lastName": "Whateveryournameis" +}, { + "id": 551, + "firstName": "Toto", + "lastName": "Kyle" +}, { + "id": 831, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 940, + "firstName": "Luke", + "lastName": "Moliku" +}, { + "id": 974, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 579, + "firstName": "Luke", + "lastName": "Moliku" +}, { + "id": 752, + "firstName": "Cartman", + "lastName": "Yoda" +}, { + "id": 873, + "firstName": "Batman", + "lastName": "Someone Last Name" +}, { + "id": 939, + "firstName": "Louis", + "lastName": "Whateveryournameis" +}, { + "id": 240, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 969, + "firstName": "Cartman", + "lastName": "Lara" +}, { + "id": 247, + "firstName": "Luke", + "lastName": "Someone Last Name" +}, { + "id": 3, + "firstName": "Cartman", + "lastName": "Whateveryournameis" +}, { + "id": 154, + "firstName": "Batman", + "lastName": "Bar" +}, { + "id": 274, + "firstName": "Toto", + "lastName": "Someone Last Name" +}, { + "id": 31, + "firstName": "Luke", + "lastName": "Someone Last Name" +}, { + "id": 789, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 634, + "firstName": "Zed", + "lastName": "Yoda" +}, { + "id": 972, + "firstName": "Toto", + "lastName": "Kyle" +}, { + "id": 199, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 562, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 460, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 817, + "firstName": "Cartman", + "lastName": "Someone Last Name" +}, { + "id": 307, + "firstName": "Cartman", + "lastName": "Bar" +}, { + "id": 10, + "firstName": "Cartman", + "lastName": "Titi" +}, { + "id": 167, + "firstName": "Toto", + "lastName": "Someone Last Name" +}, { + "id": 107, + "firstName": "Cartman", + "lastName": "Whateveryournameis" +}, { + "id": 432, + "firstName": "Batman", + "lastName": "Kyle" +}, { + "id": 381, + "firstName": "Luke", + "lastName": "Yoda" +}, { + "id": 517, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 575, + "firstName": "Superman", + "lastName": "Kyle" +}, { + "id": 716, + "firstName": "Cartman", + "lastName": "Titi" +}, { + "id": 646, + "firstName": "Foo", + "lastName": "Whateveryournameis" +}, { + "id": 144, + "firstName": "Someone First Name", + "lastName": "Yoda" +}, { + "id": 306, + "firstName": "Luke", + "lastName": "Whateveryournameis" +}, { + "id": 395, + "firstName": "Luke", + "lastName": "Bar" +}, { + "id": 777, + "firstName": "Toto", + "lastName": "Moliku" +}, { + "id": 624, + "firstName": "Louis", + "lastName": "Someone Last Name" +}, { + "id": 994, + "firstName": "Superman", + "lastName": "Moliku" +}, { + "id": 653, + "firstName": "Batman", + "lastName": "Moliku" +}, { + "id": 198, + "firstName": "Foo", + "lastName": "Bar" +}, { + "id": 157, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 955, + "firstName": "Luke", + "lastName": "Someone Last Name" +}, { + "id": 339, + "firstName": "Foo", + "lastName": "Bar" +}, { + "id": 552, + "firstName": "Batman", + "lastName": "Titi" +}, { + "id": 735, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 294, + "firstName": "Batman", + "lastName": "Bar" +}, { + "id": 287, + "firstName": "Someone First Name", + "lastName": "Bar" +}, { + "id": 399, + "firstName": "Cartman", + "lastName": "Yoda" +}, { + "id": 741, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 670, + "firstName": "Foo", + "lastName": "Bar" +}, { + "id": 260, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 294, + "firstName": "Toto", + "lastName": "Titi" +}, { + "id": 294, + "firstName": "Zed", + "lastName": "Lara" +}, { + "id": 840, + "firstName": "Zed", + "lastName": "Titi" +}, { + "id": 448, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 260, + "firstName": "Luke", + "lastName": "Whateveryournameis" +}, { + "id": 119, + "firstName": "Zed", + "lastName": "Someone Last Name" +}, { + "id": 702, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 87, + "firstName": "Zed", + "lastName": "Someone Last Name" +}, { + "id": 161, + "firstName": "Foo", + "lastName": "Lara" +}, { + "id": 404, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 871, + "firstName": "Toto", + "lastName": "Lara" +}, { + "id": 908, + "firstName": "Someone First Name", + "lastName": "Moliku" +}, { + "id": 484, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 966, + "firstName": "Cartman", + "lastName": "Titi" +}, { + "id": 392, + "firstName": "Someone First Name", + "lastName": "Lara" +}, { + "id": 738, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 560, + "firstName": "Louis", + "lastName": "Kyle" +}, { + "id": 507, + "firstName": "Zed", + "lastName": "Whateveryournameis" +}, { + "id": 660, + "firstName": "Louis", + "lastName": "Whateveryournameis" +}, { + "id": 929, + "firstName": "Superman", + "lastName": "Moliku" +}, { + "id": 42, + "firstName": "Batman", + "lastName": "Moliku" +}, { + "id": 853, + "firstName": "Luke", + "lastName": "Titi" +}, { + "id": 977, + "firstName": "Louis", + "lastName": "Moliku" +}, { + "id": 104, + "firstName": "Toto", + "lastName": "Kyle" +}, { + "id": 820, + "firstName": "Luke", + "lastName": "Someone Last Name" +}, { + "id": 187, + "firstName": "Batman", + "lastName": "Titi" +}, { + "id": 524, + "firstName": "Louis", + "lastName": "Yoda" +}, { + "id": 830, + "firstName": "Cartman", + "lastName": "Whateveryournameis" +}, { + "id": 156, + "firstName": "Someone First Name", + "lastName": "Lara" +}, { + "id": 918, + "firstName": "Foo", + "lastName": "Whateveryournameis" +}, { + "id": 286, + "firstName": "Batman", + "lastName": "Moliku" +}, { + "id": 715, + "firstName": "Louis", + "lastName": "Kyle" +}, { + "id": 501, + "firstName": "Superman", + "lastName": "Whateveryournameis" +}, { + "id": 463, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 419, + "firstName": "Toto", + "lastName": "Yoda" +}, { + "id": 752, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 754, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 497, + "firstName": "Someone First Name", + "lastName": "Kyle" +}, { + "id": 722, + "firstName": "Louis", + "lastName": "Moliku" +}, { + "id": 986, + "firstName": "Batman", + "lastName": "Someone Last Name" +}, { + "id": 908, + "firstName": "Someone First Name", + "lastName": "Titi" +}, { + "id": 559, + "firstName": "Superman", + "lastName": "Bar" +}, { + "id": 816, + "firstName": "Foo", + "lastName": "Bar" +}, { + "id": 517, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 188, + "firstName": "Superman", + "lastName": "Bar" +}, { + "id": 762, + "firstName": "Batman", + "lastName": "Someone Last Name" +}, { + "id": 872, + "firstName": "Batman", + "lastName": "Titi" +}, { + "id": 107, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 968, + "firstName": "Louis", + "lastName": "Moliku" +}, { + "id": 643, + "firstName": "Toto", + "lastName": "Someone Last Name" +}, { + "id": 88, + "firstName": "Toto", + "lastName": "Titi" +}, { + "id": 844, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 334, + "firstName": "Batman", + "lastName": "Someone Last Name" +}, { + "id": 43, + "firstName": "Zed", + "lastName": "Lara" +}, { + "id": 600, + "firstName": "Someone First Name", + "lastName": "Kyle" +}, { + "id": 719, + "firstName": "Luke", + "lastName": "Lara" +}, { + "id": 698, + "firstName": "Zed", + "lastName": "Yoda" +}, { + "id": 994, + "firstName": "Zed", + "lastName": "Whateveryournameis" +}, { + "id": 595, + "firstName": "Someone First Name", + "lastName": "Someone Last Name" +}, { + "id": 223, + "firstName": "Toto", + "lastName": "Yoda" +}, { + "id": 392, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 972, + "firstName": "Toto", + "lastName": "Whateveryournameis" +}, { + "id": 155, + "firstName": "Louis", + "lastName": "Whateveryournameis" +}, { + "id": 956, + "firstName": "Louis", + "lastName": "Yoda" +}, { + "id": 62, + "firstName": "Foo", + "lastName": "Kyle" +}, { + "id": 689, + "firstName": "Superman", + "lastName": "Titi" +}, { + "id": 46, + "firstName": "Foo", + "lastName": "Someone Last Name" +}, { + "id": 401, + "firstName": "Toto", + "lastName": "Someone Last Name" +}, { + "id": 658, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 375, + "firstName": "Someone First Name", + "lastName": "Bar" +}, { + "id": 877, + "firstName": "Toto", + "lastName": "Someone Last Name" +}, { + "id": 923, + "firstName": "Cartman", + "lastName": "Lara" +}, { + "id": 37, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 416, + "firstName": "Cartman", + "lastName": "Yoda" +}, { + "id": 546, + "firstName": "Zed", + "lastName": "Yoda" +}, { + "id": 282, + "firstName": "Luke", + "lastName": "Lara" +}, { + "id": 943, + "firstName": "Superman", + "lastName": "Yoda" +}, { + "id": 319, + "firstName": "Foo", + "lastName": "Whateveryournameis" +}, { + "id": 390, + "firstName": "Louis", + "lastName": "Lara" +}, { + "id": 556, + "firstName": "Luke", + "lastName": "Kyle" +}, { + "id": 255, + "firstName": "Cartman", + "lastName": "Whateveryournameis" +}, { + "id": 80, + "firstName": "Zed", + "lastName": "Kyle" +}, { + "id": 760, + "firstName": "Louis", + "lastName": "Moliku" +}, { + "id": 291, + "firstName": "Louis", + "lastName": "Titi" +}, { + "id": 916, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 212, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 445, + "firstName": "Luke", + "lastName": "Whateveryournameis" +}, { + "id": 101, + "firstName": "Someone First Name", + "lastName": "Someone Last Name" +}, { + "id": 565, + "firstName": "Superman", + "lastName": "Kyle" +}, { + "id": 304, + "firstName": "Luke", + "lastName": "Someone Last Name" +}, { + "id": 557, + "firstName": "Foo", + "lastName": "Titi" +}, { + "id": 544, + "firstName": "Toto", + "lastName": "Kyle" +}, { + "id": 244, + "firstName": "Zed", + "lastName": "Titi" +}, { + "id": 464, + "firstName": "Someone First Name", + "lastName": "Bar" +}, { + "id": 225, + "firstName": "Toto", + "lastName": "Titi" +}, { + "id": 727, + "firstName": "Superman", + "lastName": "Someone Last Name" +}, { + "id": 735, + "firstName": "Louis", + "lastName": "Bar" +}, { + "id": 334, + "firstName": "Foo", + "lastName": "Lara" +}, { + "id": 982, + "firstName": "Batman", + "lastName": "Kyle" +}, { + "id": 48, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 175, + "firstName": "Luke", + "lastName": "Moliku" +}, { + "id": 885, + "firstName": "Louis", + "lastName": "Moliku" +}, { + "id": 675, + "firstName": "Toto", + "lastName": "Moliku" +}, { + "id": 47, + "firstName": "Superman", + "lastName": "Someone Last Name" +}, { + "id": 105, + "firstName": "Toto", + "lastName": "Titi" +}, { + "id": 616, + "firstName": "Cartman", + "lastName": "Lara" +}, { + "id": 134, + "firstName": "Someone First Name", + "lastName": "Someone Last Name" +}, { + "id": 26, + "firstName": "Foo", + "lastName": "Moliku" +}, { + "id": 134, + "firstName": "Toto", + "lastName": "Whateveryournameis" +}, { + "id": 680, + "firstName": "Zed", + "lastName": "Lara" +}, { + "id": 208, + "firstName": "Luke", + "lastName": "Someone Last Name" +}, { + "id": 233, + "firstName": "Someone First Name", + "lastName": "Moliku" +}, { + "id": 131, + "firstName": "Louis", + "lastName": "Moliku" +}, { + "id": 87, + "firstName": "Toto", + "lastName": "Yoda" +}, { + "id": 356, + "firstName": "Batman", + "lastName": "Kyle" +}, { + "id": 39, + "firstName": "Louis", + "lastName": "Whateveryournameis" +}, { + "id": 867, + "firstName": "Batman", + "lastName": "Lara" +}, { + "id": 382, + "firstName": "Someone First Name", + "lastName": "Bar" +}] diff --git a/Angular_Full_Project_GULP/gulpfile.js b/Angular_Full_Project_GULP/gulpfile.js new file mode 100644 index 0000000..4c2f7f6 --- /dev/null +++ b/Angular_Full_Project_GULP/gulpfile.js @@ -0,0 +1,113 @@ +'use strict' + +var gulp = require('gulp'); +var browserSync = require('browser-sync').create(); +var sass = require('gulp-sass'); +var concat = require('gulp-concat'); +var filter = require('gulp-filter'); +var mainBowerFiles = require('main-bower-files'); +var uglify = require('gulp-uglify'); +var rename = require('gulp-rename'); +var del = require('del'); +var runSequence = require('run-sequence'); +var replace = require('gulp-replace'); + +gulp.paths = { + dist: 'dist', +}; + +var paths = gulp.paths; + +// Static Server + watching scss/html files +gulp.task('serve', ['sass'], function() { + + browserSync.init({ + server: "./" + }); + + gulp.watch('scss/**/*.scss', ['sass']); + gulp.watch('**/*.html').on('change', browserSync.reload); + gulp.watch('js/**/*.js').on('change', browserSync.reload); + +}); + +// Static Server without watching scss files +gulp.task('serve:lite', function() { + + browserSync.init({ + server: "./" + }); + + gulp.watch('**/*.css').on('change', browserSync.reload); + gulp.watch('**/*.html').on('change', browserSync.reload); + gulp.watch('js/**/*.js').on('change', browserSync.reload); + +}); + +gulp.task('sass', function () { + return gulp.src('./scss/style.scss') + .pipe(sass()) + .pipe(gulp.dest('./css')) + .pipe(browserSync.stream()); +}); + +gulp.task('sass:watch', function () { + gulp.watch('./scss/**/*.scss'); +}); + +gulp.task('clean:dist', function () { + return del(paths.dist); +}); + +gulp.task('copy:bower', function () { + return gulp.src(mainBowerFiles(['**/*.js', '!**/*.min.js'])) + .pipe(gulp.dest(paths.dist+'/js/libs')) + .pipe(uglify()) + .pipe(rename({ suffix: '.min' })) + .pipe(gulp.dest(paths.dist+'/js/libs')); +}); + +gulp.task('copy:css', function() { + return gulp.src('./css/**/*') + .pipe(gulp.dest(paths.dist+'/css')); +}); + +gulp.task('copy:img', function() { + return gulp.src('./img/**/*') + .pipe(gulp.dest(paths.dist+'/img')); +}); + +gulp.task('copy:fonts', function() { + return gulp.src('./fonts/**/*') + .pipe(gulp.dest(paths.dist+'/fonts')); +}); + +gulp.task('copy:js', function() { + return gulp.src('./js/**/*') + .pipe(gulp.dest(paths.dist+'/js')); +}); + +gulp.task('copy:views', function() { + return gulp.src('./views/**/*') + .pipe(gulp.dest(paths.dist+'/views')); +}); + +gulp.task('copy:html', function() { + return gulp.src('index.html') + .pipe(gulp.dest(paths.dist+'/')); +}); + +gulp.task('replace:bower', function(){ + return gulp.src([ + './dist/**/*.html', + './dist/**/*.js', + ], {base: './'}) + .pipe(replace(/bower_components+.+(\/[a-z0-9][^/]*\.[a-z0-9]+(\'|\"))/ig, 'js/libs$1')) + .pipe(gulp.dest('./')); +}); + +gulp.task('build:dist', function(callback) { + runSequence('clean:dist', 'copy:bower', 'copy:css', 'copy:img', 'copy:fonts', 'copy:js', 'copy:views', 'copy:html', 'replace:bower', callback); +}); + +gulp.task('default', ['serve']); diff --git a/Angular_Full_Project_GULP/index.html b/Angular_Full_Project_GULP/index.html new file mode 100644 index 0000000..423bb49 --- /dev/null +++ b/Angular_Full_Project_GULP/index.html @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + + Real - Bootstrap 4 Admin Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Angular_Full_Project_GULP/js/app.js b/Angular_Full_Project_GULP/js/app.js new file mode 100644 index 0000000..0153e9a --- /dev/null +++ b/Angular_Full_Project_GULP/js/app.js @@ -0,0 +1,34 @@ +// Default colors +var brandPrimary = '#20a8d8'; +var brandSuccess = '#4dbd74'; +var brandInfo = '#63c2de'; +var brandWarning = '#f8cb00'; +var brandDanger = '#f86c6b'; + +var grayDark = '#2a2c36'; +var gray = '#55595c'; +var grayLight = '#818a91'; +var grayLighter = '#d1d4d7'; +var grayLightest = '#f8f9fa'; + +angular + .module('app', [ + 'ui.router', + 'oc.lazyLoad', + 'pascalprecht.translate', + 'ncy-angular-breadcrumb', + 'angular-loading-bar', + 'ngSanitize', + 'ngAnimate' + ]) + .config(['cfpLoadingBarProvider', function(cfpLoadingBarProvider) { + cfpLoadingBarProvider.includeSpinner = false; + cfpLoadingBarProvider.latencyThreshold = 1; + }]) + .run(['$rootScope', '$state', '$stateParams', function($rootScope, $state, $stateParams) { + $rootScope.$on('$stateChangeSuccess',function(){ + document.body.scrollTop = document.documentElement.scrollTop = 0; + }); + $rootScope.$state = $state; + return $rootScope.$stateParams = $stateParams; + }]); diff --git a/Angular_Full_Project_GULP/js/controllers.js b/Angular_Full_Project_GULP/js/controllers.js new file mode 100644 index 0000000..172a177 --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers.js @@ -0,0 +1,44 @@ +// controller.js +angular + .module('app') + .controller('languageCtrl', languageCtrl); + +languageCtrl.$inject = ['$translate', '$scope']; +function languageCtrl($translate, $scope) { + function checkLanguage(languages, langKey) { + languages.map(function (language) { + if (language.langKey == langKey) { + $scope.flag = language.flag; + $scope.lang = language.lang; + return language + } else { + + return null + } + }); + } + + var languages = [ + { + lang: 'Polish', + langKey: 'pl', + flag: 'Poland.png' + }, + { + lang: 'English', + langKey: 'en', + flag: 'United-Kingdom.png' + }, + { + lang: 'Español', + langKey: 'es', + flag: 'Spain.png' + } + ] + $scope.languages = languages; + checkLanguage(languages, $translate.use()) + $scope.changeLanguage = function (langKey) { + $translate.use(langKey); + checkLanguage(languages, langKey) + }; +} diff --git a/Angular_Full_Project_GULP/js/controllers/addController.js b/Angular_Full_Project_GULP/js/controllers/addController.js new file mode 100644 index 0000000..c566b2a --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/addController.js @@ -0,0 +1,19 @@ +function addController($http,$scope,$filter, moment, uiCalendarConfig) { + this.array = ['gujarat', 'maharashtra', 'uttarakhand']; + this.Myobject = { + gujarat: ["Valsad", "Surat", "Baroda", "Rajkot", "Ahmedabad", "Gandhinagar"], + maharashtra: ["Mumbai", "pune", "Aurangabad"], + uttarakhand: ["Haridwar", "Hrishikesh", "Mussorie"] + }; + this.data={ + call1:function(value){ + return{'name':$scope.name,'email':$scope.email,'state':$scope.state,'city':$scope.city,'gender':$scope.gender,'daterange':$scope.daterange,'active':$scope.active} + } + } + this.addUser = function () { + var API = "/api/user"; + $http.post(API,data.call1); + }; +}; +angular.module('app') + .controller('addController', addController); \ No newline at end of file diff --git a/Angular_Full_Project_GULP/js/controllers/app.js b/Angular_Full_Project_GULP/js/controllers/app.js new file mode 100644 index 0000000..40ae9dc --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/app.js @@ -0,0 +1 @@ +angular.module('app', []); \ No newline at end of file diff --git a/Angular_Full_Project_GULP/js/controllers/calendar.js b/Angular_Full_Project_GULP/js/controllers/calendar.js new file mode 100644 index 0000000..3eca374 --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/calendar.js @@ -0,0 +1,132 @@ +//calendar.js +angular + .module('app') + .controller('CalendarCtrl', CalendarCtrl); + +CalendarCtrl.$inject = ['$scope', '$compile', 'uiCalendarConfig']; +function CalendarCtrl($scope, $compile, uiCalendarConfig) { + var date = new Date(); + var d = date.getDate(); + var m = date.getMonth(); + var y = date.getFullYear(); + + $scope.changeTo = 'Hungarian'; + /* event source that pulls from google.com */ + $scope.eventSource = { + url: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic', + className: 'gcal-event', // an option! + currentTimezone: 'America/Chicago' // an option! + }; + /* event source that contains custom events on the scope */ + $scope.events = [ + {title: 'All Day Event',start: new Date(y, m, 1)}, + {title: 'Long Event',start: new Date(y, m, d - 5),end: new Date(y, m, d - 2)}, + {id: 999,title: 'Repeating Event',start: new Date(y, m, d - 3, 16, 0),allDay: false}, + {id: 999,title: 'Repeating Event',start: new Date(y, m, d + 4, 16, 0),allDay: false}, + {title: 'Birthday Party',start: new Date(y, m, d + 1, 19, 0),end: new Date(y, m, d + 1, 22, 30),allDay: false}, + {title: 'Click for Google',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://google.com/'} + ]; + /* event source that calls a function on every view switch */ + $scope.eventsF = function (start, end, timezone, callback) { + var s = new Date(start).getTime() / 1000; + var e = new Date(end).getTime() / 1000; + var m = new Date(start).getMonth(); + var events = [{title: 'Feed Me ' + m,start: s + (50000),end: s + (100000),allDay: false, className: ['customFeed']}]; + callback(events); + }; + + $scope.calEventsExt = { + color: '#f00', + textColor: 'yellow', + events: [ + {type:'party',title: 'Lunch',start: new Date(y, m, d, 12, 0),end: new Date(y, m, d, 14, 0),allDay: false}, + {type:'party',title: 'Lunch 2',start: new Date(y, m, d, 12, 0),end: new Date(y, m, d, 14, 0),allDay: false}, + {type:'party',title: 'Click for Google',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://google.com/'} + ] + }; + /* alert on eventClick */ + $scope.alertOnEventClick = function( date, jsEvent, view){ + $scope.alertMessage = (date.title + ' was clicked '); + }; + /* alert on Drop */ + $scope.alertOnDrop = function(event, delta, revertFunc, jsEvent, ui, view){ + $scope.alertMessage = ('Event Droped to make dayDelta ' + delta); + }; + /* alert on Resize */ + $scope.alertOnResize = function(event, delta, revertFunc, jsEvent, ui, view ){ + $scope.alertMessage = ('Event Resized to make dayDelta ' + delta); + }; + /* add and removes an event source of choice */ + $scope.addRemoveEventSource = function(sources,source) { + var canAdd = 0; + angular.forEach(sources,function(value, key){ + if(sources[key] === source){ + sources.splice(key,1); + canAdd = 1; + } + }); + if(canAdd === 0){ + sources.push(source); + } + }; + /* add custom event*/ + $scope.addEvent = function() { + $scope.events.push({ + title: 'Open Sesame', + start: new Date(y, m, 28), + end: new Date(y, m, 29), + className: ['openSesame'] + }); + }; + /* remove event */ + $scope.remove = function(index) { + $scope.events.splice(index,1); + }; + /* Change View */ + $scope.changeView = function(view,calendar) { + uiCalendarConfig.calendars[calendar].fullCalendar('changeView',view); + }; + /* Change View */ + $scope.renderCalender = function(calendar) { + if(uiCalendarConfig.calendars[calendar]){ + uiCalendarConfig.calendars[calendar].fullCalendar('render'); + } + }; + /* Render Tooltip */ + $scope.eventRender = function( event, element, view ) { + element.attr({'tooltip': event.title, + 'tooltip-append-to-body': true}); + $compile(element)($scope); + }; + /* config object */ + $scope.uiConfig = { + calendar:{ + height: 450, + editable: true, + header:{ + left: 'title', + center: '', + right: 'today prev,next' + }, + eventClick: $scope.alertOnEventClick, + eventDrop: $scope.alertOnDrop, + eventResize: $scope.alertOnResize, + eventRender: $scope.eventRender + } + }; + + $scope.changeLang = function() { + if($scope.changeTo === 'Hungarian'){ + $scope.uiConfig.calendar.dayNames = ['Vasárnap', 'Hétfő', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek', 'Szombat']; + $scope.uiConfig.calendar.dayNamesShort = ['Vas', 'Hét', 'Kedd', 'Sze', 'Csüt', 'Pén', 'Szo']; + $scope.changeTo= 'English'; + } else { + $scope.uiConfig.calendar.dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; + $scope.uiConfig.calendar.dayNamesShort = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; + $scope.changeTo = 'Hungarian'; + } + }; + /* event sources array*/ + $scope.eventSources = [$scope.events, $scope.eventSource, $scope.eventsF]; + $scope.eventSources2 = [$scope.calEventsExt, $scope.eventsF, $scope.events]; +} diff --git a/Angular_Full_Project_GULP/js/controllers/charts.js b/Angular_Full_Project_GULP/js/controllers/charts.js new file mode 100644 index 0000000..4b1084e --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/charts.js @@ -0,0 +1,58 @@ +//chart.js +angular + .module('app') + .controller('LineCtrl', LineCtrl) + .controller('BarCtrl', BarCtrl) + .controller('DoughnutCtrl', DoughnutCtrl) + .controller('RadarCtrl', RadarCtrl) + .controller('PieCtrl', PieCtrl) + .controller('PolarAreaCtrl', PolarAreaCtrl) + +LineCtrl.$inject = ['$scope']; +function LineCtrl($scope) { + $scope.labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; + $scope.series = ['Series A', 'Series B']; + $scope.data = [ + [65, 59, 80, 81, 56, 55, 40], + [28, 48, 40, 19, 86, 27, 90] + ]; +} + +BarCtrl.$inject = ['$scope']; +function BarCtrl($scope) { + $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; + $scope.series = ['Series A', 'Series B']; + + $scope.data = [ + [65, 59, 80, 81, 56, 55, 40], + [28, 48, 40, 19, 86, 27, 90] + ]; +} + +DoughnutCtrl.$inject = ['$scope']; +function DoughnutCtrl($scope) { + $scope.labels = ['Download Sales', 'In-Store Sales', 'Mail-Order Sales']; + $scope.data = [300, 500, 100]; +} + +RadarCtrl.$inject = ['$scope']; +function RadarCtrl($scope) { + $scope.labels =['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running']; + + $scope.data = [ + [65, 59, 90, 81, 56, 55, 40], + [28, 48, 40, 19, 96, 27, 100] + ]; +} + +PieCtrl.$inject = ['$scope']; +function PieCtrl($scope) { + $scope.labels = ['Download Sales', 'In-Store Sales', 'Mail-Order Sales']; + $scope.data = [300, 500, 100]; +} + +PolarAreaCtrl.$inject = ['$scope']; +function PolarAreaCtrl($scope) { + $scope.labels = ['Download Sales', 'In-Store Sales', 'Mail-Order Sales', 'Tele Sales', 'Corporate Sales']; + $scope.data = [300, 500, 100, 40, 120]; +} diff --git a/Angular_Full_Project_GULP/js/controllers/forms.js b/Angular_Full_Project_GULP/js/controllers/forms.js new file mode 100644 index 0000000..277841c --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/forms.js @@ -0,0 +1,629 @@ +//forms.js +angular + .module('app') + //UI Select controller + .controller('selectDemoCtrl', selectDemoCtrl) + .filter('propsFilter', propsFilter) + //dateRangePicker controller + .controller('dateRangeCtrl', dateRangeCtrl) + +selectDemoCtrl.$inject = ['$scope', '$http', '$timeout']; +function selectDemoCtrl($scope, $http, $timeout) { + + $scope.country = {}; + $scope.countries = [ // Taken from https://gist.github.com/unceus/6501985 + {name: 'Afghanistan', code: 'AF'}, + {name: 'Åland Islands', code: 'AX'}, + {name: 'Albania', code: 'AL'}, + {name: 'Algeria', code: 'DZ'}, + {name: 'American Samoa', code: 'AS'}, + {name: 'Andorra', code: 'AD'}, + {name: 'Angola', code: 'AO'}, + {name: 'Anguilla', code: 'AI'}, + {name: 'Antarctica', code: 'AQ'}, + {name: 'Antigua and Barbuda', code: 'AG'}, + {name: 'Argentina', code: 'AR'}, + {name: 'Armenia', code: 'AM'}, + {name: 'Aruba', code: 'AW'}, + {name: 'Australia', code: 'AU'}, + {name: 'Austria', code: 'AT'}, + {name: 'Azerbaijan', code: 'AZ'}, + {name: 'Bahamas', code: 'BS'}, + {name: 'Bahrain', code: 'BH'}, + {name: 'Bangladesh', code: 'BD'}, + {name: 'Barbados', code: 'BB'}, + {name: 'Belarus', code: 'BY'}, + {name: 'Belgium', code: 'BE'}, + {name: 'Belize', code: 'BZ'}, + {name: 'Benin', code: 'BJ'}, + {name: 'Bermuda', code: 'BM'}, + {name: 'Bhutan', code: 'BT'}, + {name: 'Bolivia', code: 'BO'}, + {name: 'Bosnia and Herzegovina', code: 'BA'}, + {name: 'Botswana', code: 'BW'}, + {name: 'Bouvet Island', code: 'BV'}, + {name: 'Brazil', code: 'BR'}, + {name: 'British Indian Ocean Territory', code: 'IO'}, + {name: 'Brunei Darussalam', code: 'BN'}, + {name: 'Bulgaria', code: 'BG'}, + {name: 'Burkina Faso', code: 'BF'}, + {name: 'Burundi', code: 'BI'}, + {name: 'Cambodia', code: 'KH'}, + {name: 'Cameroon', code: 'CM'}, + {name: 'Canada', code: 'CA'}, + {name: 'Cape Verde', code: 'CV'}, + {name: 'Cayman Islands', code: 'KY'}, + {name: 'Central African Republic', code: 'CF'}, + {name: 'Chad', code: 'TD'}, + {name: 'Chile', code: 'CL'}, + {name: 'China', code: 'CN'}, + {name: 'Christmas Island', code: 'CX'}, + {name: 'Cocos (Keeling) Islands', code: 'CC'}, + {name: 'Colombia', code: 'CO'}, + {name: 'Comoros', code: 'KM'}, + {name: 'Congo', code: 'CG'}, + {name: 'Congo, The Democratic Republic of the', code: 'CD'}, + {name: 'Cook Islands', code: 'CK'}, + {name: 'Costa Rica', code: 'CR'}, + {name: 'Cote D\'Ivoire', code: 'CI'}, + {name: 'Croatia', code: 'HR'}, + {name: 'Cuba', code: 'CU'}, + {name: 'Cyprus', code: 'CY'}, + {name: 'Czech Republic', code: 'CZ'}, + {name: 'Denmark', code: 'DK'}, + {name: 'Djibouti', code: 'DJ'}, + {name: 'Dominica', code: 'DM'}, + {name: 'Dominican Republic', code: 'DO'}, + {name: 'Ecuador', code: 'EC'}, + {name: 'Egypt', code: 'EG'}, + {name: 'El Salvador', code: 'SV'}, + {name: 'Equatorial Guinea', code: 'GQ'}, + {name: 'Eritrea', code: 'ER'}, + {name: 'Estonia', code: 'EE'}, + {name: 'Ethiopia', code: 'ET'}, + {name: 'Falkland Islands (Malvinas)', code: 'FK'}, + {name: 'Faroe Islands', code: 'FO'}, + {name: 'Fiji', code: 'FJ'}, + {name: 'Finland', code: 'FI'}, + {name: 'France', code: 'FR'}, + {name: 'French Guiana', code: 'GF'}, + {name: 'French Polynesia', code: 'PF'}, + {name: 'French Southern Territories', code: 'TF'}, + {name: 'Gabon', code: 'GA'}, + {name: 'Gambia', code: 'GM'}, + {name: 'Georgia', code: 'GE'}, + {name: 'Germany', code: 'DE'}, + {name: 'Ghana', code: 'GH'}, + {name: 'Gibraltar', code: 'GI'}, + {name: 'Greece', code: 'GR'}, + {name: 'Greenland', code: 'GL'}, + {name: 'Grenada', code: 'GD'}, + {name: 'Guadeloupe', code: 'GP'}, + {name: 'Guam', code: 'GU'}, + {name: 'Guatemala', code: 'GT'}, + {name: 'Guernsey', code: 'GG'}, + {name: 'Guinea', code: 'GN'}, + {name: 'Guinea-Bissau', code: 'GW'}, + {name: 'Guyana', code: 'GY'}, + {name: 'Haiti', code: 'HT'}, + {name: 'Heard Island and Mcdonald Islands', code: 'HM'}, + {name: 'Holy See (Vatican City State)', code: 'VA'}, + {name: 'Honduras', code: 'HN'}, + {name: 'Hong Kong', code: 'HK'}, + {name: 'Hungary', code: 'HU'}, + {name: 'Iceland', code: 'IS'}, + {name: 'India', code: 'IN'}, + {name: 'Indonesia', code: 'ID'}, + {name: 'Iran, Islamic Republic Of', code: 'IR'}, + {name: 'Iraq', code: 'IQ'}, + {name: 'Ireland', code: 'IE'}, + {name: 'Isle of Man', code: 'IM'}, + {name: 'Israel', code: 'IL'}, + {name: 'Italy', code: 'IT'}, + {name: 'Jamaica', code: 'JM'}, + {name: 'Japan', code: 'JP'}, + {name: 'Jersey', code: 'JE'}, + {name: 'Jordan', code: 'JO'}, + {name: 'Kazakhstan', code: 'KZ'}, + {name: 'Kenya', code: 'KE'}, + {name: 'Kiribati', code: 'KI'}, + {name: 'Korea, Democratic People\'s Republic of', code: 'KP'}, + {name: 'Korea, Republic of', code: 'KR'}, + {name: 'Kuwait', code: 'KW'}, + {name: 'Kyrgyzstan', code: 'KG'}, + {name: 'Lao People\'s Democratic Republic', code: 'LA'}, + {name: 'Latvia', code: 'LV'}, + {name: 'Lebanon', code: 'LB'}, + {name: 'Lesotho', code: 'LS'}, + {name: 'Liberia', code: 'LR'}, + {name: 'Libyan Arab Jamahiriya', code: 'LY'}, + {name: 'Liechtenstein', code: 'LI'}, + {name: 'Lithuania', code: 'LT'}, + {name: 'Luxembourg', code: 'LU'}, + {name: 'Macao', code: 'MO'}, + {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'}, + {name: 'Madagascar', code: 'MG'}, + {name: 'Malawi', code: 'MW'}, + {name: 'Malaysia', code: 'MY'}, + {name: 'Maldives', code: 'MV'}, + {name: 'Mali', code: 'ML'}, + {name: 'Malta', code: 'MT'}, + {name: 'Marshall Islands', code: 'MH'}, + {name: 'Martinique', code: 'MQ'}, + {name: 'Mauritania', code: 'MR'}, + {name: 'Mauritius', code: 'MU'}, + {name: 'Mayotte', code: 'YT'}, + {name: 'Mexico', code: 'MX'}, + {name: 'Micronesia, Federated States of', code: 'FM'}, + {name: 'Moldova, Republic of', code: 'MD'}, + {name: 'Monaco', code: 'MC'}, + {name: 'Mongolia', code: 'MN'}, + {name: 'Montserrat', code: 'MS'}, + {name: 'Morocco', code: 'MA'}, + {name: 'Mozambique', code: 'MZ'}, + {name: 'Myanmar', code: 'MM'}, + {name: 'Namibia', code: 'NA'}, + {name: 'Nauru', code: 'NR'}, + {name: 'Nepal', code: 'NP'}, + {name: 'Netherlands', code: 'NL'}, + {name: 'Netherlands Antilles', code: 'AN'}, + {name: 'New Caledonia', code: 'NC'}, + {name: 'New Zealand', code: 'NZ'}, + {name: 'Nicaragua', code: 'NI'}, + {name: 'Niger', code: 'NE'}, + {name: 'Nigeria', code: 'NG'}, + {name: 'Niue', code: 'NU'}, + {name: 'Norfolk Island', code: 'NF'}, + {name: 'Northern Mariana Islands', code: 'MP'}, + {name: 'Norway', code: 'NO'}, + {name: 'Oman', code: 'OM'}, + {name: 'Pakistan', code: 'PK'}, + {name: 'Palau', code: 'PW'}, + {name: 'Palestinian Territory, Occupied', code: 'PS'}, + {name: 'Panama', code: 'PA'}, + {name: 'Papua New Guinea', code: 'PG'}, + {name: 'Paraguay', code: 'PY'}, + {name: 'Peru', code: 'PE'}, + {name: 'Philippines', code: 'PH'}, + {name: 'Pitcairn', code: 'PN'}, + {name: 'Poland', code: 'PL'}, + {name: 'Portugal', code: 'PT'}, + {name: 'Puerto Rico', code: 'PR'}, + {name: 'Qatar', code: 'QA'}, + {name: 'Reunion', code: 'RE'}, + {name: 'Romania', code: 'RO'}, + {name: 'Russian Federation', code: 'RU'}, + {name: 'Rwanda', code: 'RW'}, + {name: 'Saint Helena', code: 'SH'}, + {name: 'Saint Kitts and Nevis', code: 'KN'}, + {name: 'Saint Lucia', code: 'LC'}, + {name: 'Saint Pierre and Miquelon', code: 'PM'}, + {name: 'Saint Vincent and the Grenadines', code: 'VC'}, + {name: 'Samoa', code: 'WS'}, + {name: 'San Marino', code: 'SM'}, + {name: 'Sao Tome and Principe', code: 'ST'}, + {name: 'Saudi Arabia', code: 'SA'}, + {name: 'Senegal', code: 'SN'}, + {name: 'Serbia and Montenegro', code: 'CS'}, + {name: 'Seychelles', code: 'SC'}, + {name: 'Sierra Leone', code: 'SL'}, + {name: 'Singapore', code: 'SG'}, + {name: 'Slovakia', code: 'SK'}, + {name: 'Slovenia', code: 'SI'}, + {name: 'Solomon Islands', code: 'SB'}, + {name: 'Somalia', code: 'SO'}, + {name: 'South Africa', code: 'ZA'}, + {name: 'South Georgia and the South Sandwich Islands', code: 'GS'}, + {name: 'Spain', code: 'ES'}, + {name: 'Sri Lanka', code: 'LK'}, + {name: 'Sudan', code: 'SD'}, + {name: 'Suriname', code: 'SR'}, + {name: 'Svalbard and Jan Mayen', code: 'SJ'}, + {name: 'Swaziland', code: 'SZ'}, + {name: 'Sweden', code: 'SE'}, + {name: 'Switzerland', code: 'CH'}, + {name: 'Syrian Arab Republic', code: 'SY'}, + {name: 'Taiwan, Province of China', code: 'TW'}, + {name: 'Tajikistan', code: 'TJ'}, + {name: 'Tanzania, United Republic of', code: 'TZ'}, + {name: 'Thailand', code: 'TH'}, + {name: 'Timor-Leste', code: 'TL'}, + {name: 'Togo', code: 'TG'}, + {name: 'Tokelau', code: 'TK'}, + {name: 'Tonga', code: 'TO'}, + {name: 'Trinidad and Tobago', code: 'TT'}, + {name: 'Tunisia', code: 'TN'}, + {name: 'Turkey', code: 'TR'}, + {name: 'Turkmenistan', code: 'TM'}, + {name: 'Turks and Caicos Islands', code: 'TC'}, + {name: 'Tuvalu', code: 'TV'}, + {name: 'Uganda', code: 'UG'}, + {name: 'Ukraine', code: 'UA'}, + {name: 'United Arab Emirates', code: 'AE'}, + {name: 'United Kingdom', code: 'GB'}, + {name: 'United States', code: 'US'}, + {name: 'United States Minor Outlying Islands', code: 'UM'}, + {name: 'Uruguay', code: 'UY'}, + {name: 'Uzbekistan', code: 'UZ'}, + {name: 'Vanuatu', code: 'VU'}, + {name: 'Venezuela', code: 'VE'}, + {name: 'Vietnam', code: 'VN'}, + {name: 'Virgin Islands, British', code: 'VG'}, + {name: 'Virgin Islands, U.S.', code: 'VI'}, + {name: 'Wallis and Futuna', code: 'WF'}, + {name: 'Western Sahara', code: 'EH'}, + {name: 'Yemen', code: 'YE'}, + {name: 'Zambia', code: 'ZM'}, + {name: 'Zimbabwe', code: 'ZW'} + ]; + + $scope.someGroupFn = function (item){ + + if (item.name[0] >= 'A' && item.name[0] <= 'M') + return 'From A - M'; + + if (item.name[0] >= 'N' && item.name[0] <= 'Z') + return 'From N - Z'; + + }; + + $scope.personAsync = {selected : 'wladimir@email.com'}; + $scope.peopleAsync = []; + + $timeout(function(){ + $scope.peopleAsync = [ + { name: 'Adam', email: 'adam@email.com', age: 12, country: 'United States' }, + { name: 'Amalie', email: 'amalie@email.com', age: 12, country: 'Argentina' }, + { name: 'Estefanía', email: 'estefania@email.com', age: 21, country: 'Argentina' }, + { name: 'Adrian', email: 'adrian@email.com', age: 21, country: 'Ecuador' }, + { name: 'Wladimir', email: 'wladimir@email.com', age: 30, country: 'Ecuador' }, + { name: 'Samantha', email: 'samantha@email.com', age: 30, country: 'United States' }, + { name: 'Nicole', email: 'nicole@email.com', age: 43, country: 'Colombia' }, + { name: 'Natasha', email: 'natasha@email.com', age: 54, country: 'Ecuador' }, + { name: 'Michael', email: 'michael@email.com', age: 15, country: 'Colombia' }, + { name: 'Nicolás', email: 'nicole@email.com', age: 43, country: 'Colombia' } + ]; + },3000); + + $scope.counter = 0; + $scope.someFunction = function (item, model){ + $scope.counter++; + $scope.eventResult = {item: item, model: model}; + }; + + $scope.person = {}; + $scope.people = [ + { name: 'Adam', email: 'adam@email.com', age: 12, country: 'United States' }, + { name: 'Amalie', email: 'amalie@email.com', age: 12, country: 'Argentina' }, + { name: 'Estefanía', email: 'estefania@email.com', age: 21, country: 'Argentina' }, + { name: 'Adrian', email: 'adrian@email.com', age: 21, country: 'Ecuador' }, + { name: 'Wladimir', email: 'wladimir@email.com', age: 30, country: 'Ecuador' }, + { name: 'Samantha', email: 'samantha@email.com', age: 30, country: 'United States' }, + { name: 'Nicole', email: 'nicole@email.com', age: 43, country: 'Colombia' }, + { name: 'Natasha', email: 'natasha@email.com', age: 54, country: 'Ecuador' }, + { name: 'Michael', email: 'michael@email.com', age: 15, country: 'Colombia' }, + { name: 'Nicolás', email: 'nicolas@email.com', age: 43, country: 'Colombia' } + ]; + + $scope.availableColors = ['Red','Green','Blue','Yellow','Magenta','Maroon','Umbra','Turquoise']; + + $scope.multipleDemo = {}; + $scope.multipleDemo.colors = ['Blue','Red']; + $scope.multipleDemo.selectedPeople = [$scope.people[5], $scope.people[4]]; + $scope.multipleDemo.selectedPeopleWithGroupBy = [$scope.people[8], $scope.people[6]]; + $scope.multipleDemo.selectedPeopleSimple = ['samantha@email.com','wladimir@email.com']; + + + $scope.address = {}; + $scope.refreshAddresses = function(address) { + var params = {address: address, sensor: false}; + return $http.get( + 'http://maps.googleapis.com/maps/api/geocode/json', + {params: params} + ).then(function(response) { + $scope.addresses = response.data.results; + }); + }; + + $scope.country = {}; + $scope.countries = [ // Taken from https://gist.github.com/unceus/6501985 + {name: 'Afghanistan', code: 'AF'}, + {name: 'Åland Islands', code: 'AX'}, + {name: 'Albania', code: 'AL'}, + {name: 'Algeria', code: 'DZ'}, + {name: 'American Samoa', code: 'AS'}, + {name: 'Andorra', code: 'AD'}, + {name: 'Angola', code: 'AO'}, + {name: 'Anguilla', code: 'AI'}, + {name: 'Antarctica', code: 'AQ'}, + {name: 'Antigua and Barbuda', code: 'AG'}, + {name: 'Argentina', code: 'AR'}, + {name: 'Armenia', code: 'AM'}, + {name: 'Aruba', code: 'AW'}, + {name: 'Australia', code: 'AU'}, + {name: 'Austria', code: 'AT'}, + {name: 'Azerbaijan', code: 'AZ'}, + {name: 'Bahamas', code: 'BS'}, + {name: 'Bahrain', code: 'BH'}, + {name: 'Bangladesh', code: 'BD'}, + {name: 'Barbados', code: 'BB'}, + {name: 'Belarus', code: 'BY'}, + {name: 'Belgium', code: 'BE'}, + {name: 'Belize', code: 'BZ'}, + {name: 'Benin', code: 'BJ'}, + {name: 'Bermuda', code: 'BM'}, + {name: 'Bhutan', code: 'BT'}, + {name: 'Bolivia', code: 'BO'}, + {name: 'Bosnia and Herzegovina', code: 'BA'}, + {name: 'Botswana', code: 'BW'}, + {name: 'Bouvet Island', code: 'BV'}, + {name: 'Brazil', code: 'BR'}, + {name: 'British Indian Ocean Territory', code: 'IO'}, + {name: 'Brunei Darussalam', code: 'BN'}, + {name: 'Bulgaria', code: 'BG'}, + {name: 'Burkina Faso', code: 'BF'}, + {name: 'Burundi', code: 'BI'}, + {name: 'Cambodia', code: 'KH'}, + {name: 'Cameroon', code: 'CM'}, + {name: 'Canada', code: 'CA'}, + {name: 'Cape Verde', code: 'CV'}, + {name: 'Cayman Islands', code: 'KY'}, + {name: 'Central African Republic', code: 'CF'}, + {name: 'Chad', code: 'TD'}, + {name: 'Chile', code: 'CL'}, + {name: 'China', code: 'CN'}, + {name: 'Christmas Island', code: 'CX'}, + {name: 'Cocos (Keeling) Islands', code: 'CC'}, + {name: 'Colombia', code: 'CO'}, + {name: 'Comoros', code: 'KM'}, + {name: 'Congo', code: 'CG'}, + {name: 'Congo, The Democratic Republic of the', code: 'CD'}, + {name: 'Cook Islands', code: 'CK'}, + {name: 'Costa Rica', code: 'CR'}, + {name: 'Cote D\'Ivoire', code: 'CI'}, + {name: 'Croatia', code: 'HR'}, + {name: 'Cuba', code: 'CU'}, + {name: 'Cyprus', code: 'CY'}, + {name: 'Czech Republic', code: 'CZ'}, + {name: 'Denmark', code: 'DK'}, + {name: 'Djibouti', code: 'DJ'}, + {name: 'Dominica', code: 'DM'}, + {name: 'Dominican Republic', code: 'DO'}, + {name: 'Ecuador', code: 'EC'}, + {name: 'Egypt', code: 'EG'}, + {name: 'El Salvador', code: 'SV'}, + {name: 'Equatorial Guinea', code: 'GQ'}, + {name: 'Eritrea', code: 'ER'}, + {name: 'Estonia', code: 'EE'}, + {name: 'Ethiopia', code: 'ET'}, + {name: 'Falkland Islands (Malvinas)', code: 'FK'}, + {name: 'Faroe Islands', code: 'FO'}, + {name: 'Fiji', code: 'FJ'}, + {name: 'Finland', code: 'FI'}, + {name: 'France', code: 'FR'}, + {name: 'French Guiana', code: 'GF'}, + {name: 'French Polynesia', code: 'PF'}, + {name: 'French Southern Territories', code: 'TF'}, + {name: 'Gabon', code: 'GA'}, + {name: 'Gambia', code: 'GM'}, + {name: 'Georgia', code: 'GE'}, + {name: 'Germany', code: 'DE'}, + {name: 'Ghana', code: 'GH'}, + {name: 'Gibraltar', code: 'GI'}, + {name: 'Greece', code: 'GR'}, + {name: 'Greenland', code: 'GL'}, + {name: 'Grenada', code: 'GD'}, + {name: 'Guadeloupe', code: 'GP'}, + {name: 'Guam', code: 'GU'}, + {name: 'Guatemala', code: 'GT'}, + {name: 'Guernsey', code: 'GG'}, + {name: 'Guinea', code: 'GN'}, + {name: 'Guinea-Bissau', code: 'GW'}, + {name: 'Guyana', code: 'GY'}, + {name: 'Haiti', code: 'HT'}, + {name: 'Heard Island and Mcdonald Islands', code: 'HM'}, + {name: 'Holy See (Vatican City State)', code: 'VA'}, + {name: 'Honduras', code: 'HN'}, + {name: 'Hong Kong', code: 'HK'}, + {name: 'Hungary', code: 'HU'}, + {name: 'Iceland', code: 'IS'}, + {name: 'India', code: 'IN'}, + {name: 'Indonesia', code: 'ID'}, + {name: 'Iran, Islamic Republic Of', code: 'IR'}, + {name: 'Iraq', code: 'IQ'}, + {name: 'Ireland', code: 'IE'}, + {name: 'Isle of Man', code: 'IM'}, + {name: 'Israel', code: 'IL'}, + {name: 'Italy', code: 'IT'}, + {name: 'Jamaica', code: 'JM'}, + {name: 'Japan', code: 'JP'}, + {name: 'Jersey', code: 'JE'}, + {name: 'Jordan', code: 'JO'}, + {name: 'Kazakhstan', code: 'KZ'}, + {name: 'Kenya', code: 'KE'}, + {name: 'Kiribati', code: 'KI'}, + {name: 'Korea, Democratic People\'s Republic of', code: 'KP'}, + {name: 'Korea, Republic of', code: 'KR'}, + {name: 'Kuwait', code: 'KW'}, + {name: 'Kyrgyzstan', code: 'KG'}, + {name: 'Lao People\'s Democratic Republic', code: 'LA'}, + {name: 'Latvia', code: 'LV'}, + {name: 'Lebanon', code: 'LB'}, + {name: 'Lesotho', code: 'LS'}, + {name: 'Liberia', code: 'LR'}, + {name: 'Libyan Arab Jamahiriya', code: 'LY'}, + {name: 'Liechtenstein', code: 'LI'}, + {name: 'Lithuania', code: 'LT'}, + {name: 'Luxembourg', code: 'LU'}, + {name: 'Macao', code: 'MO'}, + {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'}, + {name: 'Madagascar', code: 'MG'}, + {name: 'Malawi', code: 'MW'}, + {name: 'Malaysia', code: 'MY'}, + {name: 'Maldives', code: 'MV'}, + {name: 'Mali', code: 'ML'}, + {name: 'Malta', code: 'MT'}, + {name: 'Marshall Islands', code: 'MH'}, + {name: 'Martinique', code: 'MQ'}, + {name: 'Mauritania', code: 'MR'}, + {name: 'Mauritius', code: 'MU'}, + {name: 'Mayotte', code: 'YT'}, + {name: 'Mexico', code: 'MX'}, + {name: 'Micronesia, Federated States of', code: 'FM'}, + {name: 'Moldova, Republic of', code: 'MD'}, + {name: 'Monaco', code: 'MC'}, + {name: 'Mongolia', code: 'MN'}, + {name: 'Montserrat', code: 'MS'}, + {name: 'Morocco', code: 'MA'}, + {name: 'Mozambique', code: 'MZ'}, + {name: 'Myanmar', code: 'MM'}, + {name: 'Namibia', code: 'NA'}, + {name: 'Nauru', code: 'NR'}, + {name: 'Nepal', code: 'NP'}, + {name: 'Netherlands', code: 'NL'}, + {name: 'Netherlands Antilles', code: 'AN'}, + {name: 'New Caledonia', code: 'NC'}, + {name: 'New Zealand', code: 'NZ'}, + {name: 'Nicaragua', code: 'NI'}, + {name: 'Niger', code: 'NE'}, + {name: 'Nigeria', code: 'NG'}, + {name: 'Niue', code: 'NU'}, + {name: 'Norfolk Island', code: 'NF'}, + {name: 'Northern Mariana Islands', code: 'MP'}, + {name: 'Norway', code: 'NO'}, + {name: 'Oman', code: 'OM'}, + {name: 'Pakistan', code: 'PK'}, + {name: 'Palau', code: 'PW'}, + {name: 'Palestinian Territory, Occupied', code: 'PS'}, + {name: 'Panama', code: 'PA'}, + {name: 'Papua New Guinea', code: 'PG'}, + {name: 'Paraguay', code: 'PY'}, + {name: 'Peru', code: 'PE'}, + {name: 'Philippines', code: 'PH'}, + {name: 'Pitcairn', code: 'PN'}, + {name: 'Poland', code: 'PL'}, + {name: 'Portugal', code: 'PT'}, + {name: 'Puerto Rico', code: 'PR'}, + {name: 'Qatar', code: 'QA'}, + {name: 'Reunion', code: 'RE'}, + {name: 'Romania', code: 'RO'}, + {name: 'Russian Federation', code: 'RU'}, + {name: 'Rwanda', code: 'RW'}, + {name: 'Saint Helena', code: 'SH'}, + {name: 'Saint Kitts and Nevis', code: 'KN'}, + {name: 'Saint Lucia', code: 'LC'}, + {name: 'Saint Pierre and Miquelon', code: 'PM'}, + {name: 'Saint Vincent and the Grenadines', code: 'VC'}, + {name: 'Samoa', code: 'WS'}, + {name: 'San Marino', code: 'SM'}, + {name: 'Sao Tome and Principe', code: 'ST'}, + {name: 'Saudi Arabia', code: 'SA'}, + {name: 'Senegal', code: 'SN'}, + {name: 'Serbia and Montenegro', code: 'CS'}, + {name: 'Seychelles', code: 'SC'}, + {name: 'Sierra Leone', code: 'SL'}, + {name: 'Singapore', code: 'SG'}, + {name: 'Slovakia', code: 'SK'}, + {name: 'Slovenia', code: 'SI'}, + {name: 'Solomon Islands', code: 'SB'}, + {name: 'Somalia', code: 'SO'}, + {name: 'South Africa', code: 'ZA'}, + {name: 'South Georgia and the South Sandwich Islands', code: 'GS'}, + {name: 'Spain', code: 'ES'}, + {name: 'Sri Lanka', code: 'LK'}, + {name: 'Sudan', code: 'SD'}, + {name: 'Suriname', code: 'SR'}, + {name: 'Svalbard and Jan Mayen', code: 'SJ'}, + {name: 'Swaziland', code: 'SZ'}, + {name: 'Sweden', code: 'SE'}, + {name: 'Switzerland', code: 'CH'}, + {name: 'Syrian Arab Republic', code: 'SY'}, + {name: 'Taiwan, Province of China', code: 'TW'}, + {name: 'Tajikistan', code: 'TJ'}, + {name: 'Tanzania, United Republic of', code: 'TZ'}, + {name: 'Thailand', code: 'TH'}, + {name: 'Timor-Leste', code: 'TL'}, + {name: 'Togo', code: 'TG'}, + {name: 'Tokelau', code: 'TK'}, + {name: 'Tonga', code: 'TO'}, + {name: 'Trinidad and Tobago', code: 'TT'}, + {name: 'Tunisia', code: 'TN'}, + {name: 'Turkey', code: 'TR'}, + {name: 'Turkmenistan', code: 'TM'}, + {name: 'Turks and Caicos Islands', code: 'TC'}, + {name: 'Tuvalu', code: 'TV'}, + {name: 'Uganda', code: 'UG'}, + {name: 'Ukraine', code: 'UA'}, + {name: 'United Arab Emirates', code: 'AE'}, + {name: 'United Kingdom', code: 'GB'}, + {name: 'United States', code: 'US'}, + {name: 'United States Minor Outlying Islands', code: 'UM'}, + {name: 'Uruguay', code: 'UY'}, + {name: 'Uzbekistan', code: 'UZ'}, + {name: 'Vanuatu', code: 'VU'}, + {name: 'Venezuela', code: 'VE'}, + {name: 'Vietnam', code: 'VN'}, + {name: 'Virgin Islands, British', code: 'VG'}, + {name: 'Virgin Islands, U.S.', code: 'VI'}, + {name: 'Wallis and Futuna', code: 'WF'}, + {name: 'Western Sahara', code: 'EH'}, + {name: 'Yemen', code: 'YE'}, + {name: 'Zambia', code: 'ZM'}, + {name: 'Zimbabwe', code: 'ZW'} + ]; +} + +function propsFilter() { + return function(items, props) { + var out = []; + + if (angular.isArray(items)) { + items.forEach(function(item) { + var itemMatches = false; + + var keys = Object.keys(props); + for (var i = 0; i < keys.length; i++) { + var prop = keys[i]; + var text = props[prop].toLowerCase(); + if (item[prop].toString().toLowerCase().indexOf(text) !== -1) { + itemMatches = true; + break; + } + } + + if (itemMatches) { + out.push(item); + } + }); + } else { + // Let the output be the input untouched + out = items; + } + + return out; + } +} + +dateRangeCtrl.$inject = ['$scope']; +function dateRangeCtrl($scope) { + $scope.date = { + startDate: moment().subtract(5, 'days'), + endDate: moment() + }; + $scope.opts = { + drops: 'up', + opens: 'left', + ranges: { + 'Today': [moment(), moment()], + 'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)], + 'Last 7 days': [moment().subtract('days', 7), moment()], + 'Last 30 days': [moment().subtract('days', 30), moment()], + 'This month': [moment().startOf('month'), moment().endOf('month')] + } + }; + + //Watch for date changes + $scope.$watch('date', function(newDate) { + //console.log('New date set: ', newDate); + }, false); +} diff --git a/Angular_Full_Project_GULP/js/controllers/main.js b/Angular_Full_Project_GULP/js/controllers/main.js new file mode 100644 index 0000000..4cb745b --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/main.js @@ -0,0 +1,541 @@ +//main.js +angular + .module('app') + .controller('toastrWelcome', toastrWelcome) + .controller('mainChartCtrl', mainChartCtrl) + .controller('gaugeCtrl', gaugeCtrl) + .controller('dateRangeCtrl', dateRangeCtrl) + .controller('sparklineChartCtrl', sparklineChartCtrl) + .controller('barChartCtrl', barChartCtrl) + .controller('horizontalBarsCtrl', horizontalBarsCtrl) + .controller('horizontalBarsType2Ctrl', horizontalBarsType2Ctrl) + .controller('usersTableCtrl', usersTableCtrl) + + +toastrWelcome.$inject = ['$scope', 'toastr']; +function toastrWelcome($scope, toastr) { + toastr.info('Bootstrap 4 Admin Template', 'Welcome to Real Admin', { + closeButton: true, + progressBar: true, + }); +} + +//convert Hex to RGBA +function convertHex(hex,opacity){ + hex = hex.replace('#',''); + r = parseInt(hex.substring(0,2), 16); + g = parseInt(hex.substring(2,4), 16); + b = parseInt(hex.substring(4,6), 16); + + result = 'rgba('+r+','+g+','+b+','+opacity/100+')'; + return result; +} + +mainChartCtrl.$inject = ['$scope']; +function mainChartCtrl($scope){ + + function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); + } + + var data1 = [0,0,1,2,21,9,12,10,31,13,65,10,12,6,4,3,0]; + var data2 = [0,0,1,2,7,5,6,8,24,7,12,5,6,3,2,2,0]; + var data3 = [0,0,1,0,2,0,1,0,2,3,0,2,3,2,1,0,0]; + + $scope.labels = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday']; + $scope.series = ['Current', 'Previous', 'BEP']; + $scope.data = [ data1, data2, data3]; + $scope.colors = [{ + backgroundColor: convertHex(brandInfo,10), + borderColor: brandInfo, + pointHoverBackgroundColor: '#fff' + + }, { + backgroundColor: 'transparent', + borderColor: brandSuccess, + pointHoverBackgroundColor: '#fff' + },{ + backgroundColor: 'transparent', + borderColor: brandDanger, + pointHoverBackgroundColor: '#fff', + borderWidth: 1, + borderDash: [8, 5] + }]; + $scope.options = { + responsive: true, + maintainAspectRatio: false, + scales: { + xAxes: [{ + gridLines: { + drawOnChartArea: false, + }, + ticks: { + callback: function(value) { + return value.charAt(0); + } + } + }], + yAxes: [{ + ticks: { + beginAtZero: true, + maxTicksLimit: 5, + } + }] + }, + elements: { + point: { + radius: 0, + hitRadius: 10, + hoverRadius: 4, + hoverBorderWidth: 3, + } + }, + } +} + +gaugeCtrl.$inject = ['$scope', '$timeout']; +function gaugeCtrl($scope, $timeout) { + + function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); + } + + $scope.gauge1 = { + animationSpeed: 32, + value: random(0,3000), + maxValue: 3000, + options: { + lines: 12, + angle: 0.15, + lineWidth: 0.44, + pointer: { + length: 0.8, + strokeWidth: 0.035, + color: grayDark + }, + limitMax: 'false', + colorStart: brandInfo, + colorStop: brandInfo, + strokeColor: grayLighter, + generateGradient: true, + responsive: true, + } + } + + $scope.gauge2 = { + animationSpeed: 32, + value: random(0,3000), + maxValue: 3000, + options: { + lines: 12, + angle: 0.15, + lineWidth: 0.44, + pointer: { + length: 0.8, + strokeWidth: 0.035, + color: grayDark + }, + limitMax: 'false', + colorStart: brandWarning, + colorStop: brandWarning, + strokeColor: grayLighter, + generateGradient: true, + responsive: true + } + } +} + + +dateRangeCtrl.$inject = ['$scope']; +function dateRangeCtrl($scope) { + $scope.date = { + startDate: moment().subtract(5, 'days'), + endDate: moment() + }; + $scope.opts = { + drops: 'down', + opens: 'left', + ranges: { + 'Today': [moment(), moment()], + 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], + 'Last 7 days': [moment().subtract(7, 'days'), moment()], + 'Last 30 days': [moment().subtract(30, 'days'), moment()], + 'This month': [moment().startOf('month'), moment().endOf('month')] + } + }; + + //Watch for date changes + $scope.$watch('date', function(newDate) { + //console.log('New date set: ', newDate); + }, false); + + function gd(year, month, day) { + return new Date(year, month - 1, day).getTime(); + } +} + + +sparklineChartCtrl.$inject = ['$scope']; +function sparklineChartCtrl($scope) { + $scope.labels = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday']; + $scope.data1 = [ + [65, 59, 84, 84, 51, 55, 40] + ]; + $scope.data2 = [ + [1, 13, 9, 17, 34, 41, 38] + ]; + $scope.data3 = [ + [78, 81, 80, 45, 34, 12, 40] + ]; + $scope.data4 = [ + [35, 23, 56, 22, 97, 23, 64] + ]; + $scope.default = [{ + backgroundColor: 'transparent', + borderColor: '#d1d4d7', + }]; + $scope.primary = [{ + backgroundColor: 'transparent', + borderColor: brandPrimary, + }]; + $scope.info = [{ + backgroundColor: 'transparent', + borderColor: brandInfo, + }]; + $scope.danger = [{ + backgroundColor: 'transparent', + borderColor: brandDanger, + }]; + $scope.warning = [{ + backgroundColor: 'transparent', + borderColor: brandWarning, + }]; + $scope.success = [{ + backgroundColor: 'transparent', + borderColor: brandSuccess, + }]; + $scope.options = { + scales: { + xAxes: [{ + display:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { + point: { + radius: 0, + hitRadius: 10, + hoverRadius: 4, + hoverBorderWidth: 3, + } + }, + } +} + +horizontalBarsCtrl.$inject = ['$scope']; +function horizontalBarsCtrl($scope) { + + $scope.data = [ + { + day: 'Monday', new: 34, recurring: 78 + }, + { + day: 'Tuesday', new: 56, recurring: 94 + }, + { + day: 'Wednesday', new: 12, recurring: 67 + }, + { + day: 'Thursday', new: 43, recurring: 91 + }, + { + day: 'Friday', new: 22, recurring: 73 + }, + { + day: 'Saturday', new: 53, recurring: 82 + }, + { + day: 'Sunday', new: 9, recurring: 69 + } + ]; +} + +horizontalBarsType2Ctrl.$inject = ['$scope']; +function horizontalBarsType2Ctrl($scope) { + + $scope.gender = [ + { + title: 'Male', + icon: 'icon-user', + value: 43 + }, + { + title: 'Female', + icon: 'icon-user-female', + value: 37 + }, + ]; + + $scope.source = [ + { + title: 'Organic Search', + icon: 'icon-globe', + value: 191235, + percent: 56 + }, + { + title: 'Facebook', + icon: 'icon-social-facebook', + value: 51223, + percent: 15 + }, + { + title: 'Twitter', + icon: 'icon-social-twitter', + value: 37564, + percent: 11 + }, + { + title: 'LinkedIn', + icon: 'icon-social-linkedin', + value: 27319, + percent: 8 + } + ]; +} + +usersTableCtrl.$inject = ['$scope', '$timeout']; +function usersTableCtrl($scope, $timeout) { + + $scope.users = [ + { + avatar: '1.jpg', + status: 'active', + name: 'Yiorgos Avraamu', + new: true, + registered: 'Jan 1, 2015', + country: 'USA', + flag: 'USA.png', + usage: '50', + period: 'Jun 11, 2015 - Jul 10, 2015', + payment: 'mastercard', + activity: '10 sec ago', + satisfaction: '48' + }, + { + avatar: '2.jpg', + status: 'busy', + name: 'Avram Tarasios', + new: false, + registered: 'Jan 1, 2015', + country: 'Brazil', + flag: 'Brazil.png', + usage: '10', + period: 'Jun 11, 2015 - Jul 10, 2015', + payment: 'visa', + activity: '5 minutes ago', + satisfaction: '61' + }, + { + avatar: '3.jpg', + status: 'away', + name: 'Quintin Ed', + new: true, + registered: 'Jan 1, 2015', + country: 'India', + flag: 'India.png', + usage: '74', + period: 'Jun 11, 2015 - Jul 10, 2015', + payment: 'stripe', + activity: '1 hour ago', + satisfaction: '33' + }, + { + avatar: '4.jpg', + status: 'offline', + name: 'Enéas Kwadwo', + new: true, + registered: 'Jan 1, 2015', + country: 'France', + flag: 'France.png', + usage: '98', + period: 'Jun 11, 2015 - Jul 10, 2015', + payment: 'paypal', + activity: 'Last month', + satisfaction: '23' + }, + { + avatar: '5.jpg', + status: 'active', + name: 'Agapetus Tadeáš', + new: true, + registered: 'Jan 1, 2015', + country: 'Spain', + flag: 'Spain.png', + usage: '22', + period: 'Jun 11, 2015 - Jul 10, 2015', + payment: 'google', + activity: 'Last week', + satisfaction: '78' + }, + { + avatar: '6.jpg', + status: 'busy', + name: 'Friderik Dávid', + new: true, + registered: 'Jan 1, 2015', + country: 'Poland', + flag: 'Poland.png', + usage: '43', + period: 'Jun 11, 2015 - Jul 10, 2015', + payment: 'amex', + activity: 'Yesterday', + satisfaction: '11' + } + ] + + + function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); + } + + $scope.gauge = { + animationTime: 10, + value: random(0,100), + maxValue: 100, + gaugeType: 'donut', + options: { + lines: 12, + // The number of lines to draw + angle: 0.5, + // The length of each line + lineWidth: 0.08, + // The line thickness + pointer: { + length: 0.09, + // The radius of the inner circle + strokeWidth: 0.0035, + // The rotation offset + color: '#000000' // Fill color + }, + limitMax: 'false', + // If true, the pointer will not go past the end of the gauge + colorStart: brandInfo, + // Colors + colorStop: brandInfo, + // just experiment with them + strokeColor: '#d1d4d7', + // to see which ones work best for you + generateGradient: true, + responsive: true + } + } +} + +clientsTableCtrl.$inject = ['$scope', '$timeout']; +function clientsTableCtrl($scope, $timeout) { + + $scope.users = [ + { + avatar: '1.jpg', + status: 'active', + name: 'Yiorgos Avraamu', + registered: 'Jan 1, 2015', + activity: '10 sec ago', + transactions: 189, + comments: 72 + }, + { + avatar: '2.jpg', + status: 'busy', + name: 'Avram Tarasios', + registered: 'Jan 1, 2015', + activity: '5 minutes ago', + transactions: 156, + comments: 76 + }, + { + avatar: '3.jpg', + status: 'away', + name: 'Quintin Ed', + registered: 'Jan 1, 2015', + activity: '1 hour ago', + transactions: 189, + comments: 72 + }, + { + avatar: '4.jpg', + status: 'offline', + name: 'Enéas Kwadwo', + registered: 'Jan 1, 2015', + activity: 'Last month', + transactions: 189, + comments: 72 + }, + { + avatar: '5.jpg', + status: 'active', + name: 'Agapetus Tadeáš', + registered: 'Jan 1, 2015', + activity: 'Last week', + transactions: 189, + comments: 72 + }, + { + avatar: '6.jpg', + status: 'busy', + name: 'Friderik Dávid', + registered: 'Jan 1, 2015', + activity: 'Yesterday', + transactions: 189, + comments: 72 + } + ] +} + +function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); +} + +barChartCtrl.$inject = ['$scope']; +function barChartCtrl($scope) { + + var elements = 16; + var labels = []; + var data = []; + var data1 = []; + var data2 = []; + + for (var i = 0; i <= elements; i++) { + labels.push('1'); + data.push(random(40,100)); + data1.push(random(20,100)); + data2.push(random(60,100)); + } + + $scope.labels = labels; + + $scope.data = [data]; + $scope.data1 = [data1]; + $scope.data2 = [data2]; + + $scope.options = { + showScale: false, + scaleFontSize: 0, + scaleShowGridLines: false, + barStrokeWidth : 0, + barBackground: 'rgba(221, 224, 229, 1)', + + // pointDot :false, + // scaleLineColor: 'transparent', + }; + + $scope.colors = [{ + backgroundColor : brandInfo, + borderColor : 'rgba(0,0,0,1)', + highlightFill: '#818a91', + pointborderColor: '#000' + }]; +} diff --git a/Angular_Full_Project_GULP/js/controllers/notifications.js b/Angular_Full_Project_GULP/js/controllers/notifications.js new file mode 100644 index 0000000..f436eba --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/notifications.js @@ -0,0 +1,138 @@ +//notifications.js +angular + .module('app') + .factory('randomQuotes', randomQuotes) + //toastr controller + .controller('toastrDemoCtrl', toastrDemoCtrl) + +function randomQuotes() { + var quotes = [ + { + title: 'Come to Freenode', + message: 'We rock at #angularjs', + options: { + allowHtml: true + } + }, + { + title: 'Looking for bootstrap?', + message: 'Try ui-bootstrap out!' + }, + { + title: 'Wants a better router?', + message: 'We have you covered with ui-router' + }, + { + title: 'Angular 2', + message: 'Is gonna rock the world' + }, + { + title: null, + message: 'Titles are not always needed' + }, + { + title: null, + message: 'Toastr rock!' + }, + { + title: 'What about nice html?', + message: 'Sure you can!', + options: { + allowHtml: true + } + }, + { + title: 'Ionic is cool', + message: 'Best mobile framework ever', + options: { + allowHtml: true + } + } + ]; + + var types = ['success', 'error', 'info', 'warning']; + + return { + quotes: quotes, + types: types + }; +} +toastrDemoCtrl.$inject = ['$scope', '$templateCache', '$templateRequest', 'randomQuotes', 'toastr', 'toastrConfig']; +function toastrDemoCtrl($scope, $templateCache, $templateRequest, randomQuotes, toastr, toastrConfig) { + var openedToasts = []; + + $scope.toast = { + title: '', + message: '' + }; + + $scope.options = { + autoDismiss: false, + position: 'toast-top-right', + type: 'success', + timeout: '5000', + extendedTimeout: '1000', + html: false, + closeButton: false, + tapToDismiss: true, + progressBar: false, + closeHtml: '', + newestOnTop: true, + maxOpened: 0, + preventDuplicates: false, + preventOpenDuplicates: false + }; + + $scope.$watchCollection('options', function(newValue) { + toastrConfig.autoDismiss = newValue.autoDismiss; + toastrConfig.allowHtml = newValue.html; + toastrConfig.extendedTimeOut = parseInt(newValue.extendedTimeout, 10); + toastrConfig.positionClass = newValue.position; + toastrConfig.timeOut = parseInt(newValue.timeout, 10); + toastrConfig.closeButton = newValue.closeButton; + toastrConfig.tapToDismiss = newValue.tapToDismiss; + toastrConfig.progressBar = newValue.progressBar; + toastrConfig.closeHtml = newValue.closeHtml; + toastrConfig.newestOnTop = newValue.newestOnTop; + toastrConfig.maxOpened = newValue.maxOpened; + toastrConfig.preventDuplicates = newValue.preventDuplicates; + toastrConfig.preventOpenDuplicates = newValue.preventOpenDuplicates; + if (newValue.customTemplate) { + toastrConfig.templates.toast = 'custom'; + } + }); + + $scope.$watch('toast.customTemplate', function(newVal) { + if ($templateCache.get('custom')) { + $templateCache.remove('custom'); + } + $templateCache.put('custom', newVal); + }); + + $scope.clearLastToast = function() { + var toast = openedToasts.pop(); + toastr.clear(toast); + }; + + $scope.clearToasts = function() { + toastr.clear(); + }; + + $scope.openPinkToast = function() { + openedToasts.push(toastr.info('I am totally custom!', 'Happy toast', { + iconClass: 'toast-pink' + })); + }; + + $scope.openRandomToast = function() { + var type = Math.floor(Math.random() * 4); + var quote = Math.floor(Math.random() * 7); + var toastType = randomQuotes.types[type]; + var toastQuote = randomQuotes.quotes[quote]; + openedToasts.push(toastr[toastType](toastQuote.message, toastQuote.title, toastQuote.options)); + }; + + $scope.openToast = function() { + openedToasts.push(toastr[$scope.options.type]($scope.toast.message, $scope.toast.title)); + }; +} diff --git a/Angular_Full_Project_GULP/js/controllers/sliders.js b/Angular_Full_Project_GULP/js/controllers/sliders.js new file mode 100644 index 0000000..e0a6935 --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/sliders.js @@ -0,0 +1,288 @@ +//sliders.js +angular + .module('app') + .controller('slidersDemoCtrl', slidersDemoCtrl); + +slidersDemoCtrl.$inject = ['$scope']; +function slidersDemoCtrl($scope) { + $scope.range1 = {}; + $scope.range2 = { + options: { + min: 100, + max: 1000, + from: 550 + } + } + + $scope.range3 = { + options: { + type: 'double', + grid: true, + min: 0, + max: 1000, + from: 200, + to: 800, + prefix: '$' + } + } + + $scope.range4 = { + options: { + type: 'double', + grid: true, + min: -1000, + max: 1000, + from: -500, + to: 500 + } + } + + $scope.range5 = { + options: { + type: 'double', + grid: true, + min: -1000, + max: 1000, + from: -500, + to: 500, + step: 250 + } + } + + $scope.range6 = { + options: { + type: 'double', + grid: true, + min: -12.8, + max: 12.8, + from: -3.2, + to: 3.2, + step: 0.1 + } + } + + $scope.range7 = { + options: { + type: 'double', + grid: true, + from: 1, + to: 5, + values: [0, 10, 100, 1000, 10000, 100000, 1000000] + } + } + + $scope.range8 = { + options: { + grid: true, + from: 5, + values: [ + 'zero', 'one', + 'two', 'three', + 'four', 'five', + 'six', 'seven', + 'eight', 'nine', + 'ten' + ] + } + } + + $scope.range9 = { + options: { + grid: true, + from: 3, + values: [ + 'January', 'February', 'March', + 'April', 'May', 'June', + 'July', 'August', 'September', + 'October', 'November', 'December' + ] + } + } + + $scope.range10 = { + options: { + grid: true, + min: 1000, + max: 1000000, + from: 100000, + step: 1000, + prettify_enabled: false + } + } + + $scope.range11 = { + options: { + grid: true, + min: 1000, + max: 1000000, + from: 200000, + step: 1000, + prettify_enabled: true + } + } + + $scope.range12 = { + options: { + grid: true, + min: 1000, + max: 1000000, + from: 300000, + step: 1000, + prettify_enabled: true, + prettify_separator: '.' + } + } + + $scope.range13 = { + options: { + grid: true, + min: 1000, + max: 1000000, + from: 400000, + step: 1000, + prettify_enabled: true, + prettify: function (num) { + return (Math.random() * num).toFixed(0); + } + } + } + + $scope.range14 = { + options: { + type: 'double', + grid: true, + min: 0, + max: 10000, + from: 1000, + step: 9000, + prefix: '$' + } + } + + $scope.range15 = { + options: { + type: 'single', + grid: true, + min: -90, + max: 90, + from: 0, + postfix: '°' + } + } + + $scope.range16 = { + options: { + grid: true, + min: 18, + max: 70, + from: 30, + prefix: 'Age ', + max_postfix: '+' + } + } + + $scope.range17 = { + options: { + type: 'double', + min: 100, + max: 200, + from: 145, + to: 155, + prefix: 'Weight: ', + postfix: ' million pounds', + decorate_both: true + } + } + + $scope.range18 = { + options: { + type: 'double', + min: 100, + max: 200, + from: 145, + to: 155, + prefix: 'Weight: ', + postfix: ' million pounds', + decorate_both: false + } + } + + $scope.range19 = { + options: { + type: 'double', + min: 100, + max: 200, + from: 148, + to: 152, + prefix: 'Weight: ', + postfix: ' million pounds', + values_separator: ' → ' + } + } + + $scope.range20 = { + options: { + type: 'double', + min: 100, + max: 200, + from: 148, + to: 152, + prefix: 'Range: ', + postfix: ' light years', + decorate_both: false, + values_separator: ' to ' + } + } + + $scope.range21 = { + options: { + type: 'double', + min: 1000, + max: 2000, + from: 1200, + to: 1800, + hide_min_max: true, + hide_from_to: true, + grid: false + } + } + + $scope.range22 = { + options: { + type: 'double', + min: 1000, + max: 2000, + from: 1200, + to: 1800, + hide_min_max: true, + hide_from_to: true, + grid: false + } + } + + $scope.range23 = { + options: { + type: 'double', + min: 1000, + max: 2000, + from: 1200, + to: 1800, + hide_min_max: false, + hide_from_to: true, + grid: false + } + } + + $scope.range24 = { + options: { + type: 'double', + min: 1000, + max: 2000, + from: 1200, + to: 1800, + hide_min_max: true, + hide_from_to: false, + grid: false + } + } +} diff --git a/Angular_Full_Project_GULP/js/controllers/tables.js b/Angular_Full_Project_GULP/js/controllers/tables.js new file mode 100644 index 0000000..53133fb --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/tables.js @@ -0,0 +1,25 @@ +//tables.js +angular + .module('app') + .controller('BootstrapIntegrationCtrl', BootstrapIntegrationCtrl); + +BootstrapIntegrationCtrl.$inject = ['DTOptionsBuilder', 'DTColumnBuilder']; +function BootstrapIntegrationCtrl(DTOptionsBuilder, DTColumnBuilder) { + var vm = this; + vm.dtOptions = DTOptionsBuilder + .fromSource('data.json') + // Add Bootstrap compatibility + .withBootstrap() + .withBootstrapOptions({ + pagination: { + classes: { + ul: 'pagination pagination-datatables' + } + } + }) + vm.dtColumns = [ + DTColumnBuilder.newColumn('id').withTitle('ID').withClass('text-danger'), + DTColumnBuilder.newColumn('firstName').withTitle('First name'), + DTColumnBuilder.newColumn('lastName').withTitle('Last name') + ]; +} diff --git a/Angular_Full_Project_GULP/js/controllers/uikits/email.js b/Angular_Full_Project_GULP/js/controllers/uikits/email.js new file mode 100644 index 0000000..5d80f46 --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/uikits/email.js @@ -0,0 +1,58 @@ +//email.js +angular + .module('app') + .controller('newMailCtrl', newMailCtrl) + .filter('propsFilter', propsFilter); + +newMailCtrl.$inject = ['$scope', '$http', '$timeout']; +function newMailCtrl($scope, $http, $timeout) { + + $scope.person = {}; + $scope.people = [ + { name: 'Adam', email: 'adam@email.com', age: 12, country: 'United States' }, + { name: 'Amalie', email: 'amalie@email.com', age: 12, country: 'Argentina' }, + { name: 'Estefanía', email: 'estefania@email.com', age: 21, country: 'Argentina' }, + { name: 'Adrian', email: 'adrian@email.com', age: 21, country: 'Ecuador' }, + { name: 'Wladimir', email: 'wladimir@email.com', age: 30, country: 'Ecuador' }, + { name: 'Samantha', email: 'samantha@email.com', age: 30, country: 'United States' }, + { name: 'Nicole', email: 'nicole@email.com', age: 43, country: 'Colombia' }, + { name: 'Natasha', email: 'natasha@email.com', age: 54, country: 'Ecuador' }, + { name: 'Michael', email: 'michael@email.com', age: 15, country: 'Colombia' }, + { name: 'Nicolás', email: 'nicolas@email.com', age: 43, country: 'Colombia' } + ]; + + $scope.multipleDemo = {}; + $scope.multipleDemo.selectedPeople = []; + +} + +function propsFilter() { + return function(items, props) { + var out = []; + + if (angular.isArray(items)) { + items.forEach(function(item) { + var itemMatches = false; + + var keys = Object.keys(props); + for (var i = 0; i < keys.length; i++) { + var prop = keys[i]; + var text = props[prop].toLowerCase(); + if (item[prop].toString().toLowerCase().indexOf(text) !== -1) { + itemMatches = true; + break; + } + } + + if (itemMatches) { + out.push(item); + } + }); + } else { + // Let the output be the input untouched + out = items; + } + + return out; + } +} diff --git a/Angular_Full_Project_GULP/js/controllers/widgets.js b/Angular_Full_Project_GULP/js/controllers/widgets.js new file mode 100644 index 0000000..9d3d72c --- /dev/null +++ b/Angular_Full_Project_GULP/js/controllers/widgets.js @@ -0,0 +1,688 @@ +//widgets.js +angular + .module('app') + .controller('cardChartCtrl1', cardChartCtrl1) + .controller('cardChartCtrl2', cardChartCtrl2) + .controller('cardChartCtrl3', cardChartCtrl3) + .controller('cardChartCtrl4', cardChartCtrl4) + .controller('cardChartCtrl5', cardChartCtrl5) + .controller('cardChartCtrl6', cardChartCtrl6) + .controller('cardChartCtrl7', cardChartCtrl7) + .controller('cardChartCtrl8', cardChartCtrl8) + .controller('cardChartCtrl9', cardChartCtrl9) + .controller('cardChartCtrl10', cardChartCtrl10) + .controller('cardChartCtrl11', cardChartCtrl11) + .controller('cardChartCtrl12', cardChartCtrl12) + .controller('cardChartCtrl13', cardChartCtrl13) + .controller('gaugeCtrl', gaugeCtrl); + +//convert Hex to RGBA +function convertHex(hex,opacity){ + hex = hex.replace('#',''); + r = parseInt(hex.substring(0,2), 16); + g = parseInt(hex.substring(2,4), 16); + b = parseInt(hex.substring(4,6), 16); + + result = 'rgba('+r+','+g+','+b+','+opacity/100+')'; + return result; +} + +cardChartCtrl1.$inject = ['$scope']; +function cardChartCtrl1($scope) { + + $scope.labels = ['January','February','March','April','May','June','July']; + $scope.data = [ + [65, 59, 84, 84, 51, 55, 40] + ]; + $scope.colors = [{ + backgroundColor: brandPrimary, + borderColor: 'rgba(255,255,255,.55)', + }]; + $scope.options = { + maintainAspectRatio: false, + scales: { + xAxes: [{ + gridLines: { + color: 'transparent', + zeroLineColor: 'transparent' + }, + ticks: { + fontSize: 2, + fontColor: 'transparent', + } + + }], + yAxes: [{ + display: false, + ticks: { + display: false, + min: Math.min.apply(Math, $scope.data[0]) - 5, + max: Math.max.apply(Math, $scope.data[0]) + 5, + } + }], + }, + elements: { + line: { + borderWidth: 1 + }, + point: { + radius: 4, + hitRadius: 10, + hoverRadius: 4, + }, + }, + } +} + +cardChartCtrl2.$inject = ['$scope']; +function cardChartCtrl2($scope) { + + $scope.labels = ['January','February','March','April','May','June','July']; + $scope.data = [ + [1, 18, 9, 17, 34, 22, 11] + ]; + $scope.colors = [{ + backgroundColor: brandInfo, + borderColor: 'rgba(255,255,255,.55)', + }]; + $scope.options = { + maintainAspectRatio: false, + scales: { + xAxes: [{ + gridLines: { + color: 'transparent', + zeroLineColor: 'transparent' + }, + ticks: { + fontSize: 2, + fontColor: 'transparent', + } + + }], + yAxes: [{ + display: false, + ticks: { + display: false, + min: Math.min.apply(Math, $scope.data[0]) - 5, + max: Math.max.apply(Math, $scope.data[0]) + 5 + } + }], + }, + elements: { + line: { + tension: 0.00001, + borderWidth: 1 + }, + point: { + radius: 4, + hitRadius: 10, + hoverRadius: 4, + }, + + }, + } +} + +cardChartCtrl3.$inject = ['$scope']; +function cardChartCtrl3($scope) { + + $scope.labels = ['January','February','March','April','May','June','July']; + $scope.data = [ + [78, 81, 80, 45, 34, 12, 40] + ]; + $scope.data4 = [ + [35, 23, 56, 22, 97, 23, 64] + ]; + $scope.colors = [{ + backgroundColor: 'rgba(255,255,255,.2)', + borderColor: 'rgba(255,255,255,.55)', + }]; + $scope.options = { + maintainAspectRatio: false, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + elements: { + line: { + borderWidth: 2 + }, + point: { + radius: 0, + hitRadius: 10, + hoverRadius: 4, + }, + }, + } +} + +function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); +} + +cardChartCtrl4.$inject = ['$scope']; +function cardChartCtrl4($scope) { + + var elements = 16; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push('1'); + data.push(random(40,100)); + } + + $scope.labels = labels; + + $scope.data = [data]; + + $scope.colors = [{ + backgroundColor: 'rgba(255,255,255,.3)', + borderColor: 'transparent', + }]; + $scope.options = { + maintainAspectRatio: false, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + } +} + +cardChartCtrl5.$inject = ['$scope']; +function cardChartCtrl5($scope) { + + var elements = 15; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push('1'); + data.push(random(40,100)); + } + + $scope.labels = labels; + + $scope.data = [data]; + + $scope.colors = [{ + backgroundColor: brandPrimary, + borderColor: 'transparent', + borderWidth: 1 + }]; + + $scope.options = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + } +} + +cardChartCtrl6.$inject = ['$scope']; +function cardChartCtrl6($scope) { + + var elements = 15; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push('1'); + data.push(random(40,100)); + } + + $scope.labels = labels; + + $scope.data = [data]; + + $scope.colors = [{ + backgroundColor: brandDanger, + borderColor: 'transparent', + borderWidth: 1 + }]; + + $scope.options = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + } +} + +cardChartCtrl7.$inject = ['$scope']; +function cardChartCtrl7($scope) { + + var elements = 15; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push('1'); + data.push(random(40,100)); + } + + $scope.labels = labels; + + $scope.data = [data]; + + $scope.colors = [{ + backgroundColor: brandSuccess, + borderColor: 'transparent', + borderWidth: 1 + }]; + + $scope.options = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + } +} + +cardChartCtrl8.$inject = ['$scope']; +function cardChartCtrl8($scope) { + + $scope.labels = ['January','February','March','April','May','June','July']; + $scope.data = [ + [65, 59, 84, 84, 51, 55, 40] + ]; + $scope.colors = [{ + backgroundColor: 'transparent', + borderColor: brandInfo, + }]; + $scope.options = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display:false, + points:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { point: { radius: 0 } } + }; +} + +cardChartCtrl9.$inject = ['$scope']; +function cardChartCtrl9($scope) { + + $scope.labels = ['January','February','March','April','May','June','July']; + $scope.data = [ + [65, 59, 84, 84, 51, 55, 40] + ]; + $scope.colors = [{ + backgroundColor: 'transparent', + borderColor: brandSuccess, + }]; + $scope.options = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display:false, + points:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { point: { radius: 0 } } + }; +} + +cardChartCtrl10.$inject = ['$scope']; +function cardChartCtrl10($scope) { + + $scope.labels = ['January','February','March','April','May','June','July']; + $scope.data = [ + [65, 59, 84, 84, 51, 55, 40] + ]; + $scope.colors = [{ + backgroundColor: 'transparent', + borderColor: brandWarning, + }]; + $scope.options = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display:false, + points:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { point: { radius: 0 } } + }; +} + +cardChartCtrl11.$inject = ['$scope']; +function cardChartCtrl11($scope) { + + $scope.labels = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec','Jan','Feb','Mar','Apr','May']; + $scope.data = [ + [4, 18, 9, 17, 34, 22, 11, 3, 15, 12, 18, 9, 9, 17, 34, 22, 11] + ]; + + $scope.colors = [{ + backgroundColor: 'transparent', + borderColor: 'rgba(255,255,255,.55)', + }]; + $scope.options = { + scales: { + xAxes: [{ + display:false, + points:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { point: { radius: 0 } } + }; + + $scope.colors2 = [{ + backgroundColor: 'rgba(0,0,0,.2)', + borderWidth: 0 + }]; + + $scope.options2 = { + scales: { + xAxes: [{ + display:false, + barPercentage: 0.6, + }], + yAxes: [{ + display:false, + ticks: { + beginAtZero: true, + } + }] + }, + }; + + + + $scope.labels3 = ['M','T','W','T','F','S','S']; + $scope.data3 = [ + [17, 34, 22, 11, 3, 15, 12] + ]; + + $scope.colors3 = [{ + backgroundColor: grayLight, + borderWidth: 0 + }]; + + $scope.options3 = { + responsive: false, + maintainAspectRatio: false, + scales: { + xAxes: [{ + gridLines: { + color: 'transparent', + zeroLineColor: 'transparent', + }, + ticks: { + fontSize: 10, + maxRotation: 0, + }, + barPercentage: 0.6, + }], + yAxes: [{ + display:false, + ticks: { + beginAtZero: true, + } + }] + }, + } +} + +cardChartCtrl12.$inject = ['$scope']; +function cardChartCtrl12($scope) { + + $scope.labels = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']; + $scope.data = [ + [75, 59, 94, 104, 151, 155, 240] + ]; + $scope.colors = [{ + backgroundColor: 'transparent', + borderColor: grayLighter, + pointBackgroundColor: '#fff', + borderWidth: 3, + }]; + $scope.options = { + responsive: true, + maintainAspectRatio: false, + scales: { + xAxes: [{ + display:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { + point: { + radius: 4, + hitRadius: 10, + hoverRadius: 4, + hoverBorderWidth: 3, + } + }, + }; +} + +cardChartCtrl13.$inject = ['$scope']; +function cardChartCtrl13($scope) { + + $scope.labels = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; + $scope.data = [ + [31000, 34000, 27000, 24000, 28000, 42500, 42000, 30000, 35500, 35500, 41500, 41600] + ]; + $scope.colors = [{ + backgroundColor: 'transparent', + borderColor: '#fff', + pointBackgroundColor: brandPrimary, + }]; + $scope.options = { + responsive: true, + maintainAspectRatio: false, + scales: { + xAxes: [{ + gridLines: { + drawOnChartArea: false, + color: 'transparent', + zeroLineColor: 'transparent' + }, + ticks: { + fontColor: '#fff', + maxTicksLimit: 3, + maxRotation: 0, + } + }], + yAxes: [{ + gridLines: { + color: 'rgba(255,255,255,.2)', + zeroLineColor: 'rgba(255,255,255,.2)' + }, + ticks: { + maxTicksLimit: 10, + stepSize: Math.ceil(45000 / 10), + max: 45000, + fontColor: '#fff', + callback: function(value) { + return '$' + value; + } + } + }] + }, + elements: { + point: { + radius: 4, + borderWidth: 2, + hitRadius: 10, + hoverRadius: 4, + hoverBorderWidth: 3, + } + }, + }; + + $scope.labels2 = ['US','PL','GB','DE','NL','CA','FI', 'RU', 'AU', 'N/A']; + $scope.data2 = [ + [35, 14, 10, 8, 6, 6, 5, 4, 3, 9] + ]; + + $scope.colors2 = [{ + backgroundColor: brandSuccess, + borderWidth: 0, + }]; + $scope.options2 = { + responsive: true, + maintainAspectRatio: false, + scales: { + xAxes: [{ + gridLines: { + color: 'transparent', + zeroLineColor: 'transparent', + }, + ticks: { + maxRotation: 0, + }, + barPercentage: 0.6, + }], + yAxes: [{ + display:false, + ticks: { + beginAtZero: true, + } + }] + }, + } +} + +gaugeCtrl.$inject = ['$scope', '$timeout']; +function gaugeCtrl($scope, $timeout) { + + function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); + } + + $scope.gauge1 = { + animationSpeed: 32, + value: random(0,3000), + maxValue: 3000, + options: { + lines: 12, + angle: 0.15, + lineWidth: 0.44, + pointer: { + length: 0.8, + strokeWidth: 0.035, + color: grayDark + }, + limitMax: 'false', + colorStart: brandInfo, + colorStop: brandInfo, + borderColor: grayLighter, + generateGradient: true, + responsive: true, + } + } + + $scope.gauge2 = { + animationSpeed: 32, + value: random(0,3000), + maxValue: 3000, + options: { + lines: 12, + angle: 0.15, + lineWidth: 0.44, + pointer: { + length: 0.8, + strokeWidth: 0.035, + color: gray + }, + limitMax: 'false', + colorStart: brandSuccess, + colorStop: brandSuccess, + borderColor: grayLighter, + generateGradient: true, + responsive: true + } + } + + $scope.gauge3 = { + animationSpeed: 32, + value: random(0,3000), + maxValue: 3000, + options: { + lines: 12, + angle: 0.15, + lineWidth: 0.44, + pointer: { + length: 0.8, + strokeWidth: 0.035, + color: gray + }, + limitMax: 'false', + colorStart: brandWarning, + colorStop: brandWarning, + borderColor: grayLighter, + generateGradient: true, + responsive: true + } + } + + $scope.gauge4 = { + animationSpeed: 32, + value: random(0,3000), + maxValue: 3000, + options: { + lines: 12, + angle: 0.15, + lineWidth: 0.44, + pointer: { + length: 0.8, + strokeWidth: 0.035, + color: gray + }, + limitMax: 'false', + colorStart: brandDanger, + colorStop: brandDanger, + borderColor: grayLighter, + generateGradient: true, + responsive: true + } + } +} diff --git a/Angular_Full_Project_GULP/js/directives.js b/Angular_Full_Project_GULP/js/directives.js new file mode 100644 index 0000000..39fad68 --- /dev/null +++ b/Angular_Full_Project_GULP/js/directives.js @@ -0,0 +1,248 @@ +angular + .module('app') + .directive('a', preventClickDirective) + .directive('a', bootstrapCollapseDirective) + .directive('a', navigationDirective) + .directive('nav', sidebarNavDynamicResizeDirective) + .directive('button', layoutToggleDirective) + .directive('a', layoutToggleDirective) + .directive('button', collapseMenuTogglerDirective) + .directive('div', bootstrapCarouselDirective) + .directive('toggle', bootstrapTooltipsPopoversDirective) + .directive('tab', bootstrapTabsDirective) + .directive('button', cardCollapseDirective) + +//Prevent click if href="#" +function preventClickDirective() { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + if (attrs.href === '#'){ + element.on('click', function(event){ + event.preventDefault(); + }); + } + } +} + +//Bootstrap Collapse +function bootstrapCollapseDirective() { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + if (attrs.toggle=='collapse'){ + element.attr('href','javascript;;').attr('data-target',attrs.href.replace('index.html','')); + } + } +} + +/** +* @desc Genesis main navigation - Siedebar menu +* @example
  • +*/ +function navigationDirective() { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + if(element.hasClass('nav-dropdown-toggle') && angular.element('body').hasClass('sidebar-nav') && angular.element('body').width() > 782) { + element.on('click', function(){ + if(!angular.element('body').hasClass('compact-nav')) { + element.parent().toggleClass('open').find('.open').removeClass('open'); + } + }); + } else if (element.hasClass('nav-dropdown-toggle') && angular.element('body').width() < 783) { + element.on('click', function(){ + element.parent().toggleClass('open').find('.open').removeClass('open'); + }); + } + } +} + +//Dynamic resize .sidebar-nav +sidebarNavDynamicResizeDirective.$inject = ['$window', '$timeout']; +function sidebarNavDynamicResizeDirective($window, $timeout) { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + + if (element.hasClass('sidebar-nav') && angular.element('body').hasClass('fixed-nav')) { + var bodyHeight = angular.element(window).height(); + scope.$watch(function(){ + var headerHeight = angular.element('header').outerHeight(); + + if (angular.element('body').hasClass('sidebar-off-canvas')) { + element.css('height', bodyHeight); + } else { + element.css('height', bodyHeight - headerHeight); + } + }) + + angular.element($window).bind('resize', function(){ + var bodyHeight = angular.element(window).height(); + var headerHeight = angular.element('header').outerHeight(); + var sidebarHeaderHeight = angular.element('.sidebar-header').outerHeight(); + var sidebarFooterHeight = angular.element('.sidebar-footer').outerHeight(); + + if (angular.element('body').hasClass('sidebar-off-canvas')) { + element.css('height', bodyHeight - sidebarHeaderHeight - sidebarFooterHeight); + } else { + element.css('height', bodyHeight - headerHeight - sidebarHeaderHeight - sidebarFooterHeight); + } + }); + } + } +} + +//LayoutToggle +layoutToggleDirective.$inject = ['$interval']; +function layoutToggleDirective($interval) { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + element.on('click', function(){ + + var bodyClass = localStorage.getItem('body-class'); + + if ((element.hasClass('layout-toggler') || element.hasClass('sidebar-close')) && angular.element('body').hasClass('sidebar-off-canvas')) { + angular.element('body').toggleClass('sidebar-opened').parent().toggleClass('sidebar-opened'); + + $interval(function () { + window.dispatchEvent(new Event('resize')); + }, 100, 5) + + } else if (element.hasClass('layout-toggler') && (angular.element('body').hasClass('sidebar-nav') || bodyClass == 'sidebar-nav')) { + angular.element('body').toggleClass('sidebar-nav'); + localStorage.setItem('body-class', 'sidebar-nav'); + if (bodyClass == 'sidebar-nav') { + localStorage.clear(); + } + + $interval(function () { + window.dispatchEvent(new Event('resize')); + }, 100, 5) + } + + if (element.hasClass('aside-toggle')) { + angular.element('body').toggleClass('aside-menu-open'); + + $interval(function () { + window.dispatchEvent(new Event('resize')); + }, 100, 5) + } + }); + } +} + +//Collapse menu toggler +function collapseMenuTogglerDirective() { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + element.on('click', function(){ + if (element.hasClass('navbar-toggler') && !element.hasClass('layout-toggler')) { + angular.element('body').toggleClass('mobile-open') + } + }) + } +} + +//Bootstrap Carousel +function bootstrapCarouselDirective() { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + if (attrs.ride=='carousel'){ + element.find('a').each(function(){ + $(this).attr('data-target',$(this).attr('href').replace('index.html','')).attr('href','javascript;;') + }); + } + } +} + +//Bootstrap Tooltips & Popovers +function bootstrapTooltipsPopoversDirective() { + var directive = { + restrict: 'A', + link: link + } + return directive; + + function link(scope, element, attrs) { + if (attrs.toggle=='tooltip'){ + angular.element(element).tooltip(); + } + if (attrs.toggle=='popover'){ + angular.element(element).popover(); + } + } +} + +//Bootstrap Tabs +function bootstrapTabsDirective() { + var directive = { + restrict: 'A', + link: link + } + return directive; + + function link(scope, element, attrs) { + element.click(function(e) { + e.preventDefault(); + angular.element(element).tab('show'); + }); + } +} + +//Card Collapse +function cardCollapseDirective() { + var directive = { + restrict: 'E', + link: link + } + return directive; + + function link(scope, element, attrs) { + if (attrs.toggle=='collapse' && element.parent().hasClass('card-actions')){ + + if (element.parent().parent().parent().find('.card-block').hasClass('in')) { + element.find('i').addClass('r180'); + } + + var id = 'collapse-' + Math.floor((Math.random() * 1000000000) + 1); + element.attr('data-target','#'+id) + element.parent().parent().parent().find('.card-block').attr('id',id); + + element.on('click', function(){ + element.find('i').toggleClass('r180'); + }) + } + } +} diff --git a/Angular_Full_Project_GULP/js/routes.js b/Angular_Full_Project_GULP/js/routes.js new file mode 100644 index 0000000..fbf0890 --- /dev/null +++ b/Angular_Full_Project_GULP/js/routes.js @@ -0,0 +1,213 @@ +angular + .module('app') + .config(['$stateProvider', '$urlRouterProvider', '$ocLazyLoadProvider', '$breadcrumbProvider', function($stateProvider, $urlRouterProvider, $ocLazyLoadProvider, $breadcrumbProvider) { + + $urlRouterProvider.otherwise('/dashboard'); + + $ocLazyLoadProvider.config({ + // Set to true if you want to see what and when is dynamically loaded + debug: true + }); + + $breadcrumbProvider.setOptions({ + prefixStateName: 'app.main', + includeAbstract: true, + template: '
  • {{step.ncyBreadcrumbLabel}}{{step.ncyBreadcrumbLabel}}
    • ' + }); + + $stateProvider + .state('app', { + abstract: true, + templateUrl: 'views/common/layouts/full.html', + //page title goes here + ncyBreadcrumb: { + label: 'Root', + skip: true + }, + resolve: { + loadCSS: ['$ocLazyLoad', function($ocLazyLoad) { + // you can lazy load CSS files + return $ocLazyLoad.load([{ + serie: true, + name: 'Font Awesome', + files: ['css/font-awesome.min.css'] + },{ + serie: true, + name: 'Simple Line Icons', + files: ['css/simple-line-icons.css'] + }]); + }], + loadPlugin: ['$ocLazyLoad', function ($ocLazyLoad) { + // you can lazy load files for an existing module + return $ocLazyLoad.load([{ + serie: true, + name: 'chart.js', + files: [ + 'bower_components/chart.js/dist/Chart.min.js', + 'bower_components/angular-chart.js/dist/angular-chart.min.js' + ] + }]); + }], + } + }) + .state('app.main', { + url: '/dashboard', + templateUrl: 'views/main.html', + //page title goes here + ncyBreadcrumb: { + label: 'Home', + }, + //page subtitle goes here + params: { subtitle: 'Welcome to Real Bootstrap 4 Admin Template' }, + resolve: { + loadPlugin: ['$ocLazyLoad', function ($ocLazyLoad) { + // you can lazy load files for an existing module + return $ocLazyLoad.load([ + { + serie: true, + name: 'chart.js', + files: [ + 'bower_components/chart.js/dist/Chart.min.js', + 'bower_components/angular-chart.js/dist/angular-chart.min.js' + ] + }, + { + serie: true, + files: ['bower_components/moment/min/moment.min.js'] + }, + { + serie: true, + files: ['bower_components/gauge.js/dist/gauge.min.js'] + }, + { + serie: true, + files: ['bower_components/angular-gaugejs/src/angular-gauge.js'] + }, + { + serie: true, + files: [ + 'bower_components/bootstrap-daterangepicker/daterangepicker.js', + 'bower_components/angular-daterangepicker/js/angular-daterangepicker.min.js' + ] + }, + { + files: ['bower_components/angular-toastr/dist/angular-toastr.tpls.min.js'] + } + ]); + }], + loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { + // you can lazy load controllers + return $ocLazyLoad.load({ + files: ['js/controllers/main.js'] + }); + }] + } + }) + .state('appSimple', { + abstract: true, + templateUrl: 'views/common/layouts/simple.html', + resolve: { + loadCSS: ['$ocLazyLoad', function($ocLazyLoad) { + // you can lazy load CSS files + return $ocLazyLoad.load([{ + serie: true, + name: 'Font Awesome', + files: ['css/font-awesome.min.css'] + },{ + serie: true, + name: 'Simple Line Icons', + files: ['css/simple-line-icons.css'] + }]); + }], + } + }) + + // Additional Pages + .state('appSimple.login', { + url: '/login', + templateUrl: 'views/pages/login.html' + }) + .state('appSimple.register', { + url: '/register', + templateUrl: 'views/pages/register.html' + }) + .state('appSimple.404', { + url: '/404', + templateUrl: 'views/pages/404.html' + }) + .state('appSimple.500', { + url: '/500', + templateUrl: 'views/pages/500.html' + }) + + //UI Kits + .state('app.uikits', { + abstract: true, + template: '', + ncyBreadcrumb: { + label: 'UI Kits' + } + }) + + //UI Kits - Invoicing App + .state('app.uikits.invoicing', { + abstract: true, + template: '', + ncyBreadcrumb: { + label: 'Invoicing' + } + }) + .state('app.uikits.invoicing.invoice', { + url: '/uikits/invoicing/invoice', + templateUrl: 'views/UIkits/invoicing/invoice.html', + ncyBreadcrumb: { + label: '{{ "INVOICE" | translate }}' + } + }) + + //UI Kits - Email App + .state('app.uikits.email', { + abstract: true, + template: '', + ncyBreadcrumb: { + label: 'Email' + } + }) + .state('app.uikits.email.inbox', { + url: '/uikits/email/inbox', + templateUrl: 'views/UIkits/email/inbox.html', + ncyBreadcrumb: { + label: '{{ "INBOX" | translate }}' + } + }) + .state('app.uikits.email.message', { + url: '/uikits/email/message', + templateUrl: 'views/UIkits/email/message.html', + ncyBreadcrumb: { + label: '{{ "INBOX" | translate }}' + } + }) + .state('app.uikits.email.compose', { + url: '/uikits/email/compose', + templateUrl: 'views/UIkits/email/compose.html', + ncyBreadcrumb: { + label: '{{ "INBOX" | translate }}' + }, + resolve: { + loadPlugin: ['$ocLazyLoad', function ($ocLazyLoad) { + // you can lazy load files for an existing module + return $ocLazyLoad.load([ + { + files: ['js/libs/select.min.js'] + } + ]); + }], + loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { + // you can lazy load controllers + return $ocLazyLoad.load({ + files: ['js/controllers/uikits/email.js'] + }); + }] + } + }) + }]); diff --git a/Angular_Full_Project_GULP/js/translations.js b/Angular_Full_Project_GULP/js/translations.js new file mode 100644 index 0000000..1afb2d7 --- /dev/null +++ b/Angular_Full_Project_GULP/js/translations.js @@ -0,0 +1,85 @@ +angular + .module('app') + .config(function($translateProvider) { + $translateProvider + .useSanitizeValueStrategy('escape') + .translations('en', { + CHOOSE_LANGUAGE:'Choose language', + HOME: 'Home', + DASHBOARD: 'Dashboard', + ICONS: 'Icons', + FORMS: 'Forms', + WIDGETS: 'Widgets', + BUTTONS: 'Buttons', + NOTIFICATIONS: 'Notifications', + TABLES: 'Tables', + SLIDERS: 'Sliders', + CHARTS: 'Charts', + ACCOUNT: 'Account', + UPDATES: 'Updates', + MESSAGES: 'Messages', + TASKS: 'Tasks', + COMMENTS: 'Comments', + SETTINGS: 'Settings', + PROFILE: 'Profile', + PAYMENTS: 'Payments', + PROJECTS: 'Projects', + LOCK_ACCOUNT: 'Lock account', + LOGOUT: 'Logout', + CALENDAR: 'Calendar', + ANIMATIONS: 'Animations' + }) + .translations('es', { + CHOOSE_LANGUAGE:'Elige lengua', + HOME: 'Empezar', + DASHBOARD: 'Tablero', + ICONS: 'Iconos', + FORMS: 'Formas', + WIDGETS: 'Widget', + BUTTONS: 'Botón', + NOTIFICATIONS: 'Notificaciones', + TABLES: 'Mesas', + SLIDERS: 'Deslizador', + CHARTS: 'Gráficas', + ACCOUNT: 'Cuenta', + UPDATES: 'Actualizaciones', + MESSAGES: 'Mensajes', + TASKS: 'Tareas', + COMMENTS: 'Comentarios', + SETTINGS: 'Ajustes', + PROFILE: 'Perfilar', + PAYMENTS: 'Pagos', + PROJECTS: 'Proyectos', + LOCK_ACCOUNT: 'Bloqueo de cuenta', + LOGOUT: 'Cerrar sesion', + CALENDAR: 'Calendario', + ANIMATIONS: 'Animaciones' + }) + .translations('pl', { + CHOOSE_LANGUAGE:'Wybierz język', + HOME: 'Start', + DASHBOARD: 'Panel', + ICONS: 'Ikony', + FORMS: 'Formularze', + WIDGETS: 'Widżety', + BUTTONS: 'Przyciski', + NOTIFICATIONS: 'Notyfikacje', + TABLES: 'Tabele', + SLIDERS: 'Suwaki', + CHARTS: 'Wykresy', + ACCOUNT: 'Konto', + UPDATES: 'Aktualizacje', + MESSAGES: 'Wiadomości', + TASKS: 'Zadania', + COMMENTS: 'Komentarze', + SETTINGS: 'Ustawienia', + PROFILE: 'Profil', + PAYMENTS: 'Płatności', + PROJECTS: 'Projekty', + LOCK_ACCOUNT: 'Zablokuj konto', + LOGOUT: 'Wyloguj', + CALENDAR: 'Kalendarz', + ANIMATIONS: 'Animacje' + }); + $translateProvider.preferredLanguage('en'); + }); diff --git a/Angular_Full_Project_GULP/package.json b/Angular_Full_Project_GULP/package.json new file mode 100644 index 0000000..74753a5 --- /dev/null +++ b/Angular_Full_Project_GULP/package.json @@ -0,0 +1,31 @@ +{ + "name": "genesis-ui", + "version": "1.5.13", + "description": "", + "main": "index.html", + "dependencies": { + "del": "^2.2.2", + "gulp": "^3.9.1" + }, + "devDependencies": { + "browser-sync": "^2.16.0", + "gulp": "^3.9.1", + "gulp-bower-src": "^0.1.0", + "gulp-concat": "^2.6.0", + "gulp-filter": "^4.0.0", + "gulp-find": "0.0.10", + "gulp-rename": "^1.2.2", + "gulp-replace": "^0.5.4", + "gulp-sass": "^2.3.2", + "gulp-uglify": "^2.0.0", + "main-bower-files": "^2.13.1", + "run-sequence": "^1.2.2" + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "author": "Łukasz Holeczek", + "url": "https://genesisui.com", + "copyright": "Copyright 2016 creativeLabs Łukasz Holeczek", + "license": "https://genesisui.com/license.html" +} diff --git a/Angular_Full_Project_GULP/scss/_bootstrap-variables.scss b/Angular_Full_Project_GULP/scss/_bootstrap-variables.scss new file mode 100644 index 0000000..611424c --- /dev/null +++ b/Angular_Full_Project_GULP/scss/_bootstrap-variables.scss @@ -0,0 +1,98 @@ +// Bootstrap overrides + +// Colors +// +// Grayscale and brand colors for use across Bootstrap. + +$gray-dark: #2a2c36; +$gray: #9fa1a3; //#5d76a8; +$gray-light: #d1d4d7; //#9faecb; +$gray-lighter: #e4e5e6; //#c0cadd +$gray-lightest: #f8f9fa; //#e1e6ef + +$brand-primary: #20a8d8; +$brand-success: #4dbd74; +$brand-info: #63c2de; +$brand-warning: #f8cb00; +$brand-danger: #f86c6b; + +// Options +// +// Quickly modify global styling by enabling or disabling optional features. + +$enable-transitions: true; +$enable-rounded: false; + +// Spacing +// +// Control the default styling of most Bootstrap elements by modifying these +// variables. Mostly focused on spacing. + +$spacer: 1rem !default; +$spacer-x: $spacer !default; +$spacer-y: $spacer !default; +$spacers: ( + q: ( + x: ($spacer-x * 0.25), + y: ($spacer-y * 0.25) + ), + h: ( + x: ($spacer-x * 0.5), + y: ($spacer-y * 0.5) + ), + 0: ( + x: 0, + y: 0 + ), + 1: ( + x: $spacer-x, + y: $spacer-y + ), + 2: ( + x: ($spacer-x * 1.5), + y: ($spacer-y * 1.5) + ), + 3: ( + x: ($spacer-x * 3), + y: ($spacer-y * 3) + ) +); + +// Body +// +// Settings for the `` element. + +$body-bg: #e4e5e6; +$body-color: #3d3f42; + +// Typography +// +// Font, line-height, and color for body text, headings, and more. + +$font-size-base: 0.875rem; + +// Breadcrumbs + +$breadcrumb-padding-x: 2rem !default; +$breadcrumb-bg: transparent; +$breadcrumb-divider-color: $gray; +$breadcrumb-active-color: $gray; + +// Cards + +$card-border-color: $gray-light; +$card-cap-bg: $gray-lightest; + +// Dropdowns + +$dropdown-padding-y: 0; +$dropdown-border-color: $gray-lighter; +$dropdown-divider-bg: $gray-lightest; + +// Progress bars + +$progress-bg: darken($gray-lightest,1%); + +// Forms + +$input-border-color: $gray-light; diff --git a/Angular_Full_Project_GULP/scss/_custom-variables.scss b/Angular_Full_Project_GULP/scss/_custom-variables.scss new file mode 100644 index 0000000..95e05f7 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/_custom-variables.scss @@ -0,0 +1,168 @@ +// Core Admin Variables + +$enable-sidebar-nav-rounded: false; + +$border-color: $gray-light; +$layout-transition-speed: .25s; + + +// Social Colors + +$facebook: #3b5998; +$twitter: #00aced; +$linkedin: #4875b4; +$google-plus: #d34836; +$flickr: #ff0084; +$tumblr: #32506d; +$xing: #026466; +$github: #4183c4; +$html5: #e34f26; +$openid: #f78c40; +$stack-overflow: #fe7a15; +$youtube: #b00; +$css3: #0170ba; +$dribbble: #ea4c89; +$google-plus: #bb4b39; +$instagram: #517fa4; +$pinterest: #cb2027; +$vk: #45668e; +$yahoo: #400191; +$behance: #1769ff; +$dropbox: #007ee5; +$reddit: #ff4500; +$spotify: #7ab800; +$vine: #00bf8f; +$foursquare: #1073af; +$vimeo: #aad450; + +// Navbar + +$navbar-height: 55px; +$navbar-bg: #fff; +$navbar-border: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +); +$navbar-brand-width: 200px; +$navbar-brand-bg: #fff; +$navbar-brand-logo: url('../img/logo.png'); +$navbar-brand-logo-size: 80px auto; +$navbar-brand-border: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +); + +$navbar-color: $gray-light; +$navbar-hover-color: darken($navbar-color, 10%); +$navbar-active-color: darken($navbar-color, 20%); +$navbar-disabled-color: lighter($navbar-color, 20%); + +// Sidebar + +$sidebar-width: 250px; +$mobile-sidebar-width: 250px; +$sidebar-padding: 0; +$sidebar-compact-width: 50px; +$sidebar-compact-height: $sidebar-compact-width; +$sidebar-color: #fff; +$sidebar-bg: $gray-dark; +$sidebar-header-bg: rgba(0,0,0,.2); +$sidebar-footer-bg: rgba(0,0,0,.2); +$sidebar-borders: none; + +// Sidebar Navigation + +$sidebar-nav-color: #fff; +$sidebar-nav-title-padding-y: .75rem; +$sidebar-nav-title-padding-x: 1rem; +$sidebar-nav-title-color: $text-muted; +$sidebar-nav-link-padding-y: .75rem; +$sidebar-nav-link-padding-x: 1rem; +$sidebar-nav-link-color: #fff; +$sidebar-nav-link-bg: transparent; +$sidebar-nav-link-icon-color: $text-muted; + +$sidebar-nav-link-borders: 0; +$sidebar-nav-link-hover-color: #fff; +$sidebar-nav-link-hover-bg: darken($sidebar-bg, 5%); +$sidebar-nav-link-hover-icon-color: #fff !important; + +$sidebar-nav-link-hover-borders: 0; +$sidebar-nav-link-active-color: #fff; +$sidebar-nav-link-active-bg: darken($sidebar-bg, 5%); +$sidebar-nav-link-active-icon-color: $brand-primary; + +$sidebar-nav-link-active-borders: 0; + +$sidebar-nav-dropdown-color: #fff; +$sidebar-nav-dropdown-bg: darken($sidebar-bg, 3%); +$sidebar-nav-dropdown-borders: 0; + +// Top Navigation + +$top-nav-bg: #fff; +$top-nav-color: $body-color; +$top-nav-borders: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +); +$top-nav-ul-borders: ( + all: ( + size: 1px, + style: solid, + color: $border-color + ) +); + +$top-nav-hover-color: #fff; +$top-nav-hover-bg: $brand-primary; +$top-nav-active-color: #fff; +$top-nav-active-bg: $brand-primary; +$top-nav-height: $navbar-height - 15px; + +// Breadcrumb + +$breadcrumb-borders: 0; + +// Aside + +$aside-menu-width: 250px; +$aside-menu-color: $gray-dark; +$aside-menu-bg: #fff; +$aside-menu-borders: ( + left: ( + size: 1px, + style: solid, + color: $border-color + ) +); + +$aside-menu-nav-padding-y: .75rem; +$aside-menu-nav-padding-x: 1rem; + +// Footer + +$footer-height: 50px; +$footer-bg: $gray-lightest; +$footer-color: $body-color; +$footer-borders: ( + top: ( + size: 1px, + style: solid, + color: $border-color + ) +); + +// Cards + +$card-icon-bg: transparent; +$card-icon-color: $body-color; diff --git a/Angular_Full_Project_GULP/scss/_custom.scss b/Angular_Full_Project_GULP/scss/_custom.scss new file mode 100644 index 0000000..0cb6be1 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/_custom.scss @@ -0,0 +1,93 @@ +// Here you can add other styles +.navbar { + .navbar-toggler { + height: 100%; + } + + .form-inline { + i { + color: $navbar-color; + } + .form-control { + min-width: 250px; + margin-top: -3px; + color: $navbar-color; + border: 0; + + &::placeholder { + color: $navbar-color; + } + } + .form-control::-webkit-input-placeholder { color: $navbar-color; } + .form-control:-moz-placeholder { color: $navbar-color; } + .form-control::-moz-placeholder { color: $navbar-color; } + .form-control:-ms-input-placeholder { color: $navbar-color; } + } + .nav-item { + + .nav-link { + + i { + vertical-align: top; + font-size: 16px; + } + } + } +} + +$sidebar-header-height: 200px; + +body:not(.top-nav) { + .sidebar { + .sidebar-header { + height: $sidebar-header-height; + padding-bottom: 10px; + text-align: center; + background: $sidebar-header-bg; + + .img-avatar { + width: 80px; + margin: 20px auto 10px; + border-radius: 50em; + } + + .text-muted { + margin-top: -5px; + } + + > .btn-group { + margin-top: 10px; + } + + .btn-link { + color: $text-muted; + + &:hover { + color: $sidebar-color; + text-decoration: none; + } + } + } + .sidebar-header + .sidebar-nav { + height: calc(100vh - #{$navbar-height} - #{$sidebar-header-height}) !important; + } + } +} + +@include media-breakpoint-up(sm) { + body.sidebar-nav.compact-nav { + .sidebar { + .sidebar-header { + padding: 0; + + .img-avatar { + width: $sidebar-compact-width - 10px; + margin: 5px auto; + } + div { + display: none; + } + } + } + } +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_breadcrumb.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_breadcrumb.scss new file mode 100644 index 0000000..2185ebd --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_breadcrumb.scss @@ -0,0 +1,6 @@ +.breadcrumb { + position: relative; + margin-bottom: 1.5 * $spacer-y; + + @include borders($breadcrumb-borders); +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_buttons.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_buttons.scss new file mode 100644 index 0000000..a225bb4 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_buttons.scss @@ -0,0 +1,9 @@ +.btn { + + .tag { + position: absolute; + top: 2px; + right: 6px; + font-size: 9px; + } +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_card.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_card.scss new file mode 100644 index 0000000..bdb910b --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_card.scss @@ -0,0 +1,270 @@ +.card { + margin-bottom: 1.5 * $spacer-y; +} + +.card-header { + + i.icon-bg { + display: inline-block; + padding: $card-spacer-y $card-spacer-x !important; + margin-top: -$card-spacer-y; + margin-right: $card-spacer-x; + margin-bottom: -$card-spacer-y; + margin-left: -$card-spacer-x; + line-height: inherit; + color: $card-icon-color; + vertical-align: bottom; + background: $card-icon-bg; + border-right: $card-border-width solid $card-border-color; + } + + ul.nav.nav-tabs { + margin-top: -$card-spacer-y; + margin-bottom: -$card-spacer-y; + border-bottom: 0; + + li.nav-item { + border-top: 0; + a.nav-link { + padding: $card-spacer-y $card-spacer-x / 2; + color: $text-muted; + border-top: 0; + + &.active { + color: $body-color; + background: #fff; + } + } + } + } + + &.card-header-inverse { + color: #fff; + } + + @each $variant, $color in (primary: $brand-primary, secondary: $gray-lighter, success: $brand-success, info: $brand-info, warning: $brand-warning, danger: $brand-danger) { + &.card-header-#{$variant} { + margin: -1px -1px 0; + background: $color; + border-bottom: 1px solid $color; + } + } + + .btn { + margin-top: - $btn-padding-y; + } + .btn-sm { + margin-top: - $btn-padding-y-sm; + } + .btn-lg { + margin-top: - $btn-padding-y-lg; + } +} +// +.card-footer { + + ul { + display: table; + width: 100%; + padding: 0; + margin: 0; + table-layout: fixed; + + li { + display: table-cell; + padding: 0 $card-spacer-x; + text-align: center; + + progress { + margin-top: $card-spacer-y; + margin-bottom: 0; + } + } + } +} + + +// +// Background variations +// + +@mixin card-variant($color) { + background-color: $color; + + .card-header { + border-color: darken($color,5%); + } + + .card-header, .card-footer { + background-color: darken($color,5%); + //border: 0; + } +} + +@each $variant, $color in (primary: $brand-primary, secondary: $gray-lighter, success: $brand-success, info: $brand-info, warning: $brand-warning, danger: $brand-danger) { + .card-#{$variant} { + @include card-variant($color) + } +} + +.card-inverse { + color: #fff; + + .text-muted { + color: rgba(255,255,255,.6) !important; + } + + .progress[value] { + background-color: rgba(255,255,255,.2) !important; + } + + // Unfilled portion of the bar + .progress[value]::-webkit-progress-bar { + background-color: rgba(255,255,255,.2) !important; + } + base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make these styles Firefox-only + .progress[value] { + background-color: rgba(255,255,255,.2) !important; + } + + .progress { + @include progress-variant(#fff !important); + } +} + +[class*="card-outline-"] { + .card-block { + background: #fff !important; + } + + &.card-outline-top { + border-top-width: 2px; + border-right-color: $border-color; + border-bottom-color: $border-color; + border-left-color: $border-color; + } +} + +// Cards with color accent +.card-accent-primary { + @include card-accent-variant($btn-primary-bg); +} +.card-accent-secondary { + @include card-accent-variant($btn-secondary-border); +} +.card-accent-info { + @include card-accent-variant($btn-info-bg); +} +.card-accent-success { + @include card-accent-variant($btn-success-bg); +} +.card-accent-warning { + @include card-accent-variant($btn-warning-bg); +} +.card-accent-danger { + @include card-accent-variant($btn-danger-bg); +} + +// Card Actions +.card-header { + > i { + margin-right: $spacer-x / 2; + } + .card-actions { + position: absolute; + top: 0; + right: 0; + //height: inherit; + + a, button { + display: block; + float: left; + width: 50px; + padding: $card-spacer-y 0; + margin: 0 !important; + color: $body-color; + text-align: center; + background: transparent; + border: 0; + border-left: 1px solid $border-color; + box-shadow: 0; + + &:hover { + text-decoration: none; + } + + [class^="icon-"], [class*=" icon-"] { + display: inline-block; + vertical-align: middle; + } + + i { + display: inline-block; + transition: .4s; + } + + i.r180 { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + .input-group { + width: 230px; + margin: 6px; + + .input-group-addon { + background: #fff; + } + + input { + border-left: 0; + } + } + } +} + +.card-full { + margin-top: - $spacer-y; + margin-right: - $grid-gutter-width-base / 2; + margin-left: - $grid-gutter-width-base / 2; + border: 0; + border-bottom: $card-border-width solid $border-color; +} + +@include media-breakpoint-up(sm) { + .card-columns { + -moz-column-count: 3; + //-moz-column-count: 1.25rem; + -webkit-column-count: 3; + column-gap: 1.25rem; + //-webkit-column-count: 1.25rem; + column-count: 3; + + .card { + display: inline-block; + width: 100%; // Don't let them exceed the column width + } + + &.col-2 { + -moz-column-count: 2; + -webkit-column-count: 2; + column-count: 2; + } + } +} + +.card-group { + margin-bottom: 1.5 * $spacer-y; +} + +.card { + &.drag, .drag { + cursor: move; + } +} + +.card-placeholder { + background: rgba(0,0,0,.025); + border: 1px dashed $gray-light; +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_dropdown.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_dropdown.scss new file mode 100644 index 0000000..f22ee27 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_dropdown.scss @@ -0,0 +1,49 @@ +// Links, buttons, and more within the dropdown menu +.dropdown-item { + position: relative; + padding: 10px 20px; + border-bottom: 1px solid $dropdown-border-color; + + &:last-child { + border-bottom: 0; + } + + i { + display: inline-block; + width: 20px; + margin-right: 10px; + margin-left: -10px; + color: $dropdown-border-color; + text-align: center; + } + + .tag { + position: absolute; + right: 10px; + margin-top: 2px; + } +} + +// Dropdown section headers +.dropdown-header { + padding: 8px 20px; + background: $dropdown-divider-bg; + border-bottom: 1px solid $dropdown-border-color; + + .btn { + margin-top: -7px; + color: $dropdown-header-color; + + &:hover { + color: $body-color; + } + + &.pull-right { + margin-right: -20px; + } + } +} + +.dropdown-menu-lg { + width: 250px; +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_input-group.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_input-group.scss new file mode 100644 index 0000000..536efe0 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_input-group.scss @@ -0,0 +1,7 @@ + +.input-group-addon, +.input-group-btn { + min-width: 40px; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_modal.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_modal.scss new file mode 100644 index 0000000..da7d39a --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_modal.scss @@ -0,0 +1,13 @@ +@each $variant, $color in (primary: $brand-primary, secondary: $gray-lighter, success: $brand-success, info: $brand-info, warning: $brand-warning, danger: $brand-danger) { + .modal-#{$variant} { + + .modal-content { + border-color: $color; + } + + .modal-header { + color: #fff; + background-color: $color; + } + } +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_nav.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_nav.scss new file mode 100644 index 0000000..ea20f3f --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_nav.scss @@ -0,0 +1,32 @@ +.nav-tabs { + .nav-link { + color: $gray; + &.active { + color: $gray-dark; + background: #fff; + border-color: $border-color; + border-bottom-color: #fff; + &:focus { + background: #fff; + border-color: $border-color; + border-bottom-color: #fff; + } + } + } +} + +.tab-content { + margin-top: -1px; + background: #fff; + border: 1px solid $border-color; + .tab-pane { + padding: $spacer-y $spacer-x; + } +} + +.card-block { + .tab-content { + margin-top: 0; + border: 0; + } +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_navbar.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_navbar.scss new file mode 100644 index 0000000..8feecaf --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_navbar.scss @@ -0,0 +1,114 @@ +header.navbar { + position: relative; + height: $navbar-height; + padding: 0; + line-height: $navbar-height; + background-color: $navbar-bg; + @include borders($navbar-border); + + .container-fluid { + padding: 0; + } + + .nav-item { + position: relative; + min-width: 50px; + margin: 0 !important; + text-align: center; + + .nav-link { + i { + vertical-align: middle; + } + + .tag { + position: absolute; + top: 9px; + right: 7px; + } + } + } + + .nav-link > .img-avatar { + height: $navbar-height - 20px; + margin: 0 10px; + } + + .dropdown-menu { + padding-bottom: 0; + line-height: $line-height-base; + } + + .dropdown-item { + min-width: 180px; + } + + a.navbar-brand { + display: inline-block; + width: $navbar-brand-width; + height: $navbar-height; + padding: $navbar-padding-y $navbar-padding-x; + background-color: $navbar-brand-bg; + background-image: $navbar-brand-logo; + background-repeat: no-repeat; + background-position: center center; + background-size: $navbar-brand-logo-size; + @include borders($navbar-brand-border); + } +} + +header.navbar { + .navbar-brand { + margin-right: 0; + } +} + +.navbar-toggler, { + padding: 0 .75em; + line-height: $navbar-height - 4px; +} +.aside-toggle, { + @extend .navbar-toggler; + padding: 0 .75em; + line-height: $navbar-height - 4px; +} + +header.navbar { + .navbar-nav { + .nav-link { + padding-top: 0; + padding-bottom: 0; + } + } +} + +.navbar-brand { + color: $navbar-active-color; + + @include hover-focus { + color: $navbar-active-color; + } +} + +.navbar-nav { + .nav-link { + color: $navbar-color; + + @include hover-focus { + color: $navbar-hover-color; + } + } + + .open > .nav-link, + .active > .nav-link, + .nav-link.open, + .nav-link.active { + @include plain-hover-focus { + color: $navbar-active-color; + } + } +} + +.navbar-divider { + background-color: rgba(0,0,0,.075); +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_progress.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_progress.scss new file mode 100644 index 0000000..9c10c23 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_progress.scss @@ -0,0 +1,8 @@ +.progress { + &.progress-sm { + height: 8px; + } + &.progress-xs { + height: 4px; + } +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_tables.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_tables.scss new file mode 100644 index 0000000..5bc2649 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_tables.scss @@ -0,0 +1,20 @@ +.table-outline { + border: 1px solid $table-border-color; + + td { + vertical-align: middle; + } +} + +.table-align-middle { + + td { + vertical-align: middle; + } +} + +.table-clear { + td { + border: 0; + } +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_custom/_tags.scss b/Angular_Full_Project_GULP/scss/bootstrap_custom/_tags.scss new file mode 100644 index 0000000..1aafa21 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_custom/_tags.scss @@ -0,0 +1,3 @@ +.tag-pill { + border-radius: $tag-pill-border-radius; +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_src/_alert.scss b/Angular_Full_Project_GULP/scss/bootstrap_src/_alert.scss new file mode 100644 index 0000000..260ce20 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_src/_alert.scss @@ -0,0 +1,56 @@ +// +// Base styles +// + +.alert { + padding: $alert-padding-y $alert-padding-x; + margin-bottom: $spacer-y; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($alert-padding-x * 2); + + // Adjust close link position + .close { + position: relative; + top: -.125rem; + right: -$alert-padding-x; + color: inherit; + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); +} +.alert-info { + @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); +} +.alert-warning { + @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); +} +.alert-danger { + @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_src/_animation.scss b/Angular_Full_Project_GULP/scss/bootstrap_src/_animation.scss new file mode 100644 index 0000000..f0dfff8 --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_src/_animation.scss @@ -0,0 +1,36 @@ +.fade { + opacity: 0; + transition: opacity .15s linear; + + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + &.in { + display: block; + } +} + +tr { + &.collapse.in { + display: table-row; + } +} + +tbody { + &.collapse.in { + display: table-row-group; + } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; +} diff --git a/Angular_Full_Project_GULP/scss/bootstrap_src/_breadcrumb.scss b/Angular_Full_Project_GULP/scss/bootstrap_src/_breadcrumb.scss new file mode 100644 index 0000000..1a09bba --- /dev/null +++ b/Angular_Full_Project_GULP/scss/bootstrap_src/_breadcrumb.scss @@ -0,0 +1,38 @@ +.breadcrumb { + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $spacer-y; + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($border-radius); + @include clearfix; +} + +.breadcrumb-item { + float: left; + + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + + // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built + // without `