API tools faq
paste
Advertisement
Guest User

http://stackoverflow.com/questions/28990588/angular-js-http-

a guest
Mar 11th, 2015
568
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 31.12 KB | None | 0 0
raw download clone embed print report
  1. <!--http://stackoverflow.com/questions/28990588/angular-js-http-request/28990912#28990912 -->
  2.  
  3. <!DOCTYPE html>
  4. <html ng-app="wmw">
  5. <head>
  6.     <title rel="localize[/FIS/ESM_ALL/SHOP_NAME]">WIEDEMANN Mobile</title>
  7.  
  8.     <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  9.     <meta name="apple-mobile-web-app-capable" content="yes">
  10.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11.  
  12.     <!-- 22.01.2013 @M@ #cf FISOSS 109156 - Anpassungen Mobile V2 { -->
  13.     <meta name="format-detection" content="telephone=no">
  14.     <!-- 22.01.2013 @M@ #cf FISOSS 109156 - Anpassungen Mobile V2 } -->
  15.  
  16.     <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
  17.  
  18.     <link rel="icon" href="custom/images/favicon.ico" type="image/x-icon">
  19.     <link rel="shortcut icon" href="custom/images/favicon.ico" type="image/x-icon">
  20.     <link rel="apple-touch-icon" href="custom/images/apple-touch-icon.png" type="image/png" />
  21.  
  22.     <link rel="stylesheet" type="text/css" href="jquery/jquery.mobile.structure-1.0.1.min.css" />
  23.  
  24.     <!-- 28.10.2013 @M@ #cf FISOSS OSS 148714 - FIS/esales mobile - Anpassung Layout { -->
  25.     <!--<link rel="stylesheet" type="text/css" href="jquery/themes/fis_v17/jquery.mobile.theme.min.css" />-->
  26.     <link rel="stylesheet" type="text/css" href="jquery/themes/flatui/jquery.mobile.flatui.css" />
  27.     <link rel="stylesheet" type="text/css" href="custom/custom.css" />
  28.     <!-- 28.10.2013 @M@ #cf FISOSS OSS 148714 - FIS/esales mobile - Anpassung Layout } -->
  29.     <!--<script type="text/javascript" src="custom/require-min.js"></script>-->
  30.     <script type="text/javascript" src="jquery/jquery-1.6.4.min.js"></script>
  31.     <script type="text/javascript" charset="utf-8" src="phonegap_src_NOT_COPY/phonegap-min.js"></script>
  32.     <script type="text/javascript" src="phonegap_src_NOT_COPY/ChildBrowser.js"></script>
  33.     <script type="text/javascript" src="custom/custom-min.js"></script>
  34.     <script type="text/javascript" src="script/jquery-1.11.1.min.js"></script>
  35.     <script type="text/javascript" src="script/phonenavigator.js"></script>
  36.     <script type="text/javascript" src="jquery/jquery.localize-esm-min.js"></script>
  37.     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  38.     <script type="text/javascript" src="custom/browser_detect-min.js"></script>
  39.     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAKGtyKEyatmQwGzSiO2rW4wODZViwepKI&sensor=true"></script>
  40.  
  41.  
  42.     <style>
  43.         body, html {
  44.             background-color: #F9F9F9;
  45.             height: 100%;
  46.             margin: 0;
  47.             padding: 0;
  48.         }
  49.  
  50.         a {
  51.             color: #FFFFFF;
  52.             text-decoration: none;
  53.         }
  54.  
  55.         #main_page {
  56.             height: 100%;
  57.             overflow: hidden;
  58.         }
  59.  
  60.         .ui-mobile .ui-header {
  61.             height: 64px;
  62.             position: absolute;
  63.         }
  64.  
  65.         [data-role="header"] {
  66.             text-align: center;
  67.         }
  68.  
  69.         .ios [data-role="header"] {
  70.             padding: 25px 0 10px !important;
  71.         }
  72.  
  73.         #base-container {
  74.             box-sizing: border-box;
  75.             -webkit-box-sizing: border-box;
  76.             height: 100%;
  77.             padding-top: 64px;
  78.             width: 100%;
  79.         }
  80.  
  81.  
  82.         .window-select {
  83.             box-sizing: border-box;
  84.             -webkit-box-sizing: border-box;
  85.             background-color: #FFFFFF;
  86.             display: none;
  87.             height: 100%;
  88.             left: 0;
  89.             position: fixed;
  90.             top: 0;
  91.             width: 100%;
  92.             z-index: 500;
  93.         }
  94.  
  95.             .window-select.active {
  96.                 display: block;
  97.             }
  98.  
  99.         #input-wrap {
  100.             background-color: #FFFFFF;
  101.             left: 0;
  102.             position: fixed;
  103.             width: 100%;
  104.             z-index: 100;
  105.         }
  106.  
  107.         #type-wrap {
  108.             background-color: #FFFFFF;
  109.             -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); /* WebKit */
  110.             -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); /* Firefox */
  111.             box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); /* Standard */
  112.             border-top: 1px solid #D5D5D5;
  113.             left: 0;
  114.             position: fixed;
  115.             width: 100%;
  116.             z-index: 100;
  117.         }
  118.  
  119.  
  120.         .typeset {
  121.             border-radius: 0;
  122.             border: 0;
  123.         }
  124.  
  125.         #input-filter {
  126.             box-sizing: border-box;
  127.             -webkit-box-sizing: border-box;
  128.             font-size: 18px;
  129.             border: 0;
  130.             padding: 20px;
  131.             width: 100%;
  132.         }
  133.  
  134.             #input-filter:focus {
  135.                 outline: none;
  136.             }
  137.  
  138.         #filter-list {
  139.             box-sizing: border-box;
  140.             -webkit-box-sizing: border-box;
  141.             height: 100%;
  142.             margin: 0;
  143.             padding: 0;
  144.             padding-bottom: 91px;
  145.             overflow-y: scroll;
  146.             -webkit-overflow-scrolling: touch;
  147.             width: 100%;
  148.         }
  149.  
  150.             #filter-list li {
  151.                 border-bottom: 1px solid #D5D5D5;
  152.                 display: block;
  153.                 margin: 0;
  154.                 padding: 30px 40px;
  155.             }
  156.  
  157.                 #filter-list li.active {
  158.                     background-color: #d9e9f4;
  159.                 }
  160.  
  161.                 #filter-list li span {
  162.                     color: #818181;
  163.                     display: block;
  164.                     font-size: 12px;
  165.                     margin-bottom: 5px;
  166.                 }
  167.  
  168.         h2 {
  169.             color: #0068b0;
  170.             font-size: 14px;
  171.             margin-bottom: 5px;
  172.         }
  173.  
  174.         .plain-button {
  175.             -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  176.             box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  177.             box-sizing: border-box;
  178.             -webkit-box-sizing: border-box;
  179.             border: 1px solid #E7E7E7;
  180.             border-top-color: #F0F0F0;
  181.             background-color: #FFFFFF;
  182.             color: #9C9C9C;
  183.             border-radius: 3px;
  184.             font-size: 16px;
  185.             line-height: 50px;
  186.             margin: auto auto 15px;
  187.             padding: 0 10px;
  188.             height: 50px;
  189.             text-align: center;
  190.             width: 370px;
  191.             max-width: 100%;
  192.         }
  193.  
  194.         .selected-data {
  195.             background-color: #FFFFFF;
  196.             border: 1px solid #E7E7E7;
  197.             border-top-color: #F0F0F0;
  198.             border-radius: 3px;
  199.             color: #2F2F2F;
  200.             padding: 20px 20px;
  201.         }
  202.  
  203.             .selected-data h3 {
  204.                 color: #0068b0;
  205.                 margin: 0;
  206.                 font-size: 12px;
  207.             }
  208.  
  209.             .selected-data > div {
  210.                 margin-bottom: 30px;
  211.             }
  212.  
  213.                 .selected-data > div:last-child {
  214.                     margin-bottom: 0;
  215.                 }
  216.  
  217.  
  218.         #dest-info, #start-info {
  219.             font-size: 14px;
  220.             color: #737373;
  221.         }
  222.  
  223.             #dest-info span {
  224.                 font-size: 12px;
  225.                 margin-bottom: 3px;
  226.                 display: block;
  227.             }
  228.  
  229.         #get-route-button {
  230.             background-color: #0068b0;
  231.             bottom: 0;
  232.             left: 0;
  233.             color: #FFFFFF;
  234.             line-height: 50px;
  235.             height: 50px;
  236.             position: fixed;
  237.             text-align: center;
  238.             width: 100%;
  239.         }
  240.  
  241.             #get-route-button.disabled {
  242.                 background-color: #D6D6D6;
  243.             }
  244.  
  245.         #input-wrap:after {
  246.             background: url(images/search.svg) no-repeat center;
  247.             background-size: 25px;
  248.             content: '';
  249.             height: 100%;
  250.             position: absolute;
  251.             right: 15px;
  252.             top: 0;
  253.             width: 40px;
  254.             z-index: 500;
  255.         }
  256.     </style>
  257. <script>
  258.    
  259.  
  260.  
  261.     $(function () {
  262.  
  263.  
  264.         //ANGULAR CODE STARTS
  265.         var app = angular.module('wmw', []);
  266.  
  267.         app.controller('MainCtrl', function ($scope, $http) {
  268.            
  269.             //Angular Method
  270.             $scope.getTargetCords = function (data) {
  271.  
  272.                 $http.get(data).success(function (response) {
  273.                     var responseData = JSON.parse(response);
  274.                     console.log(responseData);
  275.                 });
  276.             };
  277.         });
  278.         //ANGULAR CODE ENDS
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.         var topType = $('#input-wrap').outerHeight();
  286.         var heightType = $('#type-wrap').outerHeight();
  287.         $('#type-wrap').css('margin-top', topType);
  288.  
  289.         $('#filter-list').css('padding-top', topType + heightType);
  290.  
  291.         var deviceType = (navigator.userAgent.match(/iPad/i)) == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i)) == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null";
  292.  
  293.         if (deviceType == 'iPad' || deviceType == 'iPhone') {
  294.             $('body').addClass('ios');
  295.         }
  296.  
  297.         var locations = [];
  298.         var activeDest;
  299.  
  300.         function addLocation(name, zip, city, street, phone, mail, distance, type) {
  301.             locations.push({
  302.                 name: name,
  303.                 city: city,
  304.                 street: street,
  305.                 zip: zip,
  306.                 phone: phone,
  307.                 mail: mail,
  308.                 distance: distance,
  309.                 type: type,
  310.                 search: name + ' ' + zip + ' ' + city + ' ' + street + ' ' + type
  311.             });
  312.         }
  313.  
  314.         addLocation('WIEDEMANN GmbH & Co. KG Zentrale', 'D-31157', 'Sarstedt', 'Boksberg 1-3', '05066-997-0', '[email protected]');
  315.         addLocation('WIEDEMANN Technik und Beratungsgesellschaft mbH KG Zentrale', 'D-31157', 'Sarstedt', 'Wiedemannstraße', '05066-997331', '[email protected]');
  316.         addLocation('WIEDEMANN Elektro GmbH & Co. KG Zentrale', 'D-39288', 'Burg', 'Pappelweg 1', '03921 9110', '[email protected]');
  317.         addLocation('Walter WESEMEYER GmbH Zentrale mit Ausstellung', 'D-22962', 'Siek', 'Jacobsrade 3-21', '04107-9077-0', '[email protected]');
  318.         addLocation('GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Zentrale', 'D-33415', 'Verl', 'Kapellenweg 42', '05246-962-0', '[email protected]');
  319.  
  320.         addLocation("DIGICONTROL Benelux B.V.", "NL-7324", "AJ Apeldoorn", "Watermanstraat 29a ", "+31 55-36805-30", "[email protected]");
  321.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Büro Dresden", "D-01307", "Dresden", "ABAKUS Business-Center Blasewitzer Sr. 41", "0351-450-4237", "[email protected]");
  322.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Büro Würzburg", "D-97292", "Uettingen", "Am Finkenflug 35", "09369-982287-0", "[email protected]");
  323.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-07745", "Jena", "Rudolstädter Str. 41", "03641-4697-0", "[email protected]");
  324.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-12555", "Berlin", "Friedrichshagener Str. 6b ", "030-762032-31", "[email protected]");
  325.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-22962", "Siek", "Jacobsrade 3-21 ", "04107-908571", "[email protected]");
  326.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-31157", "Sarstedt", "Am Boksberg 3 ", "05066-9011-29", "[email protected]");
  327.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-48565", "Steinfurt", "Webereistraße 1", "02552-638-186", "[email protected]");
  328.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-51491", "Overath-Steinenbrück", "Olper Str. 113", "02204-98793-0", "[email protected]");
  329.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-65529", "Waldems", "Auf der Lind 8", "06126-710975", "[email protected] ");
  330.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-71069", "Sindelfingen", "Dornierstraße 4", "07031-410093-40", "[email protected]");
  331.         addLocation("GFR - Gesellschaft für Regelungstechnik und Energieeinsparung mbH Niederlassung ", "D-82110", "Germering", "Sembdnerstraße 5", "089-80909057-11", "[email protected]");
  332.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-17489", "Greifswald", "An der Thronpost 3", "03834-5751-0", "[email protected]");
  333.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-21244", "Buchholz i. d. Nordheide", "Maurerstraße 38", "04181-2889-0", "[email protected]");
  334.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-21493", "Schwarzenbek", "Grabauer Straße 27a", "04151-89626-0", "[email protected]");
  335.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-22525", "Hamburg-Altona", "Holstenkamp 54-56", "040-807877-0", "[email protected]");
  336.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-22549", "Hamburg-Osdorf", "Brandstücken 41", "040-7038489-0", "[email protected]");
  337.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-23556", "Lübeck", "Krempelsdorfer Allee 62", "0451-49909-0", "[email protected]");
  338.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-23843", "Bad Oldesloe", "Teichkoppel 1", "04531-89306-0", "[email protected]");
  339.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-23970", "Wismar", "Am Torney 6", "03841-6310-0", "[email protected]");
  340.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-24113", "Kiel", "Speckenbeker Weg 143", "0431-649936-0", "[email protected]");
  341.         addLocation("Walter WESEMEYER GmbH Abhollager", "D-24568", "Kaltenkirchen", "Werner-von-Siemens-Straße 9", "04191-9104-0", "[email protected]");
  342.         addLocation("Walter WESEMEYER GmbH Abhollager Lüneburg", "D-21339", "Lüneburg", "In der Marsch 13", "04131-26386-0", "[email protected]");
  343.         addLocation("Walter WESEMEYER GmbH Abhollager mit Ausstellung", "D-17192", "Waren/Müritz", "Heinrich-Seidel-Straße 10", "03991-626-0", "[email protected]");
  344.         addLocation("Walter WESEMEYER GmbH Abhollager mit Ausstellung", "D-18209", "Bad Doberan", "An der Gartenanlage 10", "038203-489-0", "[email protected]");
  345.         addLocation("Walter WESEMEYER GmbH Abhollager mit Ausstellung", "D-19061", "Schwerin", "Carl-von-Linde-Straße 3", "0385-64764-0", "[email protected]");
  346.         addLocation("Walter WESEMEYER GmbH Abhollager mit Ausstellung", "D-22081", "Hamburg-Barmbek", "Alter Teichweg 37–39", "040-27832-0", "[email protected]");
  347.         addLocation("Walter WESEMEYER GmbH Abhollager mit Ausstellung", "D-25421", "Pinneberg", "Flensburger Straße 5", "04101-51794-0", "[email protected]");
  348.         addLocation("WIEDEMANN Elektro GmbH & Co. KG Abhollager Hannover-Waldheim", "D-30519", "Hannover-Waldheim", "Zeißstraße 14", "0511-9845978-014", "[email protected]");
  349.         addLocation("WIEDEMANN Elektro GmbH & Co. KG Abhollager Nienburg", "D-31582", "Nienburg", "Hannoversche Straße 154", "05021-88778-15", "[email protected]");
  350.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Barsinghausen", "D-30890", "Barsinghausen", "", "05105-582599-0", "[email protected]");
  351.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Garbsen", "D-30827", "Garbsen", "Hertzstraße 10", "05131-4612656", "[email protected]");
  352.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Hannover", "D-30179", "Hannover", "Industrieweg 28A", "0511-899597-0", "[email protected]");
  353.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Hannover-Waldheim", "D-30519", "Hannover-Waldheim", "Zeißstraße 14", "0511-9845978-0", "[email protected]");
  354.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Herzberg", "D-37412", "Herzberg", "Gartenstraße 11", "05521-85178-0", "[email protected]");
  355.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Hildesheim", "D-31139", "Hildesheim-Ochtersum", "Rex-Brauns-Straße 13", "05121-208089-0", "[email protected]");
  356.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Höxter", "D-37671", "Höxter", "Zur Lüre 47", "05271-9661-0", "[email protected]");
  357.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Verden", "D-27283", "Verden", "Otto-Hahn-Straße 2", "04231-67736-0", "[email protected]");
  358.         addLocation("WIEDEMANN GmbH & Co. KG Abhollager Wolfsburg", "D-38446", "Wolfsburg", "Lerchenweg 49", "05361-53343", "[email protected]");
  359.         addLocation("WIEDEMANN GmbH & Co. KG Ausstellung Hildesheim", "D-31134", "Hildesheim", "Marheinekestraße 21", "05121-1021267", "[email protected]");
  360.         addLocation("WIEDEMANN GmbH & Co. KG Ausstellung Sarstedt", "31157", "Sarstedt", "Wiedemannstraße", "05066 - 997-0", "[email protected]");
  361.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Bielefeld", "D-33609", "Bielefeld", "Herforder Straße 221", "0521-98235-0", "[email protected]");
  362.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Braunschweig", "D-38122", "Braunschweig", "Friedrich-Seele-Straße 6", "0531-80928-0", "[email protected]");
  363.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Bückeburg", "D-31675", "Bückeburg", "Röcker Feld 3", "05722-9572-0", "[email protected]");
  364.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Celle", "D-29227", "Celle", "Hannoversche Heerstraße 88a", "05141-88819-0", "[email protected]");
  365.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Goslar", "D-38644", "Goslar", "Gerhard-Weule-Straße 5", "05321-31734-0", "[email protected]");
  366.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Göttingen", "D-37079", "Göttingen", "Adolf-Hoyer-Straße 4", "0551-50493-0", "[email protected]");
  367.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Hameln", "D-31785", "Hameln", "Stüvestraße 42", "05151-105-0", "[email protected]");
  368.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Nienburg", "D-31582", "Nienburg", "Hannoversche Straße 154", "05021-88778-0", "[email protected]");
  369.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Osnabrück", "D-49084", "Osnabrück", "Hannoversche Straße 52", "0541-99044-0", "[email protected]");
  370.         addLocation("WIEDEMANN GmbH & Co. KG Niederlassung Soltau", "D-29614", "Soltau", "Marienburger Damm 2", "05191-2535", "[email protected]");
  371.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH", "60327", "Frankfurt am Main", "Gutleutstraße 322", "069 271388830", "[email protected]");
  372.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH ", "D-12529", "Schönefeld", "Lilienthalstraße 6", "030-63311445", "[email protected]");
  373.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Berlin-Köpenick", "D-12557", "Berlin-Köpenick", "Haustechnik GmbH", "030-6167493-0", "[email protected]");
  374.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Berlin-Lichtenberg", "D-10365", "Berlin-Lichtenberg", "Bornitzstraße 103", "030-556708-0", "[email protected]");
  375.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Berlin-Mahlsdorf", "D-12623", "Berlin-Mahlsdorf", "Landsberger Straße 247", "030-56598660", "[email protected]");
  376.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Berlin-Tempelhof", "D-12109", "Berlin-Tempelhof", "Ullsteinstraße 73", "030-7017369-0", "[email protected]");
  377.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Berlin-Tiergarten", "D-13353", "Berlin-Tiergarten", "Friedrich-Krause-Ufer 16-21", "030-398996-0", "[email protected]");
  378.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Berlin-Weissensee", "D-13088", "Berlin-Weissensee", "Piesporter Straße 29-34", "030-9240305-0", "[email protected]");
  379.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Brandenburg", "D-14772", "Brandenburg", "Am Industriegelände 2", "03381-7279-0", "[email protected]");
  380.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Landsberg", "D-06188", "Landsberg", "Zörbiger Straße 4", "034602-21395", "[email protected]");
  381.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Nordhausen", "D-99734", "Nordhausen", "An der Helme 15", "03631-602121", "[email protected]");
  382.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Potsdam", "D-14482", "Potsdam", "Wetzlarer Straße 52", "0331-88726-0", "[email protected]");
  383.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Reinickendorf", "D-13509", "Berlin-Reinickendorf", "Miraustraße 27-29", "030-4089986-0", "[email protected]");
  384.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Thyrow", "D-14959", "Trebbin / OT Thyrow", "Ahornstraße 3", "033731-80315", "[email protected]");
  385.         addLocation("WIEDEMANN Industrie und Haustechnik GmbH Niederlassung Wildau", "D-15745", "Wildau", "Am Kleingewerbegebiet 12", "03375-5258-0", "[email protected]")
  386.  
  387.         function positionButton() {
  388.             var scrollOffset = $(window).scrollTop();
  389.             var windowHeight = $(window).height();
  390.             var buttonHeight = $('#get-route-button').height();
  391.             var buttonPositon = windowHeight + scrollOffset - buttonHeight;
  392.             $('#get-route-button').css({
  393.                 top: buttonPositon,
  394.                 position: 'absolute'
  395.             });
  396.         }
  397.  
  398.         $(window).on('resize', positionButton);
  399.         $('body, html').on('scroll', positionButton);
  400.         $('#input-filter').on('blur', positionButton);
  401.         positionButton();
  402.  
  403.  
  404.         function addItemToList(data, distance) {
  405.             if (!data)
  406.                 return;
  407.             if (typeof distance == 'undefined') {
  408.                 distance = 'berechnet';
  409.             }
  410.             var html = '';
  411.             if (data['name']) {
  412.                 html += '<h2>' + data['name'] + '</h2>';
  413.             }
  414.  
  415.             if (data['street']) {
  416.                 html += '<span class="data-val">' + data['street'] + '</span>';
  417.             }
  418.  
  419.             if (data['zip'] && data['city']) {
  420.                 html += '<span class="data-val">' + data['zip'] + ' ' + data['city'] + '</span>';
  421.             }
  422.  
  423.             if (data['phone']) {
  424.                 html += '<span class="data-val">Tel.: ' + data['phone'] + '</span>';
  425.             }
  426.  
  427.             if (data['mail']) {
  428.                 html += '<span class="data-val">E-Mail: ' + data['mail'] + '</span>';
  429.             }
  430.             html += '<span class="data-val">Entfernung: ' + distance + '</span>';
  431.             $('<li>' + html + '</li>').appendTo('#filter-list').on('click', function () {
  432.                 selectDestination(data);
  433.                 $('#filter-list').find('.active').removeClass('active');
  434.                 $(this).addClass('active');
  435.             });
  436.         }
  437.  
  438.         function selectDestination(data) {
  439.             $('.window-select').removeClass('active');
  440.             $('#dest-info').empty();
  441.             var html = '<h2>' + data['name'] + '</h2>';
  442.             html += '<span>' + data['street'] + '</span>';
  443.             html += '<span>' + data['zip'] + '' + data['city'] + '</span>';
  444.             activeDest = data;
  445.             $(html).appendTo($('#dest-info'));
  446.             $('#get-route-button.disabled').removeClass('disabled');
  447.         }
  448.  
  449.  
  450.         //MODIFIED THIS TO CALL ANGULAR FROM AN EXTERNAL SCOPE. THIS IS NOT HOW IT SHOULD BE. BUT GL :)
  451.         function getCords() {
  452.             var city = activeDest['city'];
  453.             var destUrl = 'http://maps.googleapis.com/maps/api/geocode/xml?address=' + activeDest['street'] + ',' + activeDest['city'] + ',Deutschland' + '&sensor=true';
  454.            
  455.             var MyAngularScope = angular.element($("#MainCtrlId")).scope();
  456.             //Now call your angular method.
  457.             MyAngularScope.getTargetCords(destUrl);
  458.         }
  459.         /////////////////////
  460.  
  461.         var currentLat = '';
  462.         var currentLng = '';
  463.  
  464.  
  465.         function toRad(value) {
  466.             var RADIANT_CONSTANT = 0.0174532925199433;
  467.             return (value * RADIANT_CONSTANT);
  468.         }
  469.  
  470.         function calculateDistance(s1, s2, e1, e2) {
  471.             var KM_RATIO = 6371;
  472.             try {
  473.                 var dLat = toRad(e2 - s2);
  474.                 var dLon = toRad(e1 - s1);
  475.                 var lat1Rad = toRad(s1);
  476.                 var lat2Rad = toRad(e1);
  477.  
  478.                 var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
  479.                     Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1Rad) * Math.cos(lat2Rad);
  480.                 var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
  481.                 var d = KM_RATIO * c;
  482.                 return d;
  483.             } catch (e) {
  484.                 return -1;
  485.             }
  486.         }
  487.  
  488.         function filter(value) {
  489.             var numItems = locations.length;
  490.             var found = [];
  491.             var data;
  492.             searches = value.split(' ');
  493.             for (var s = 0; s < searches.length; s++)
  494.                 if (searches[s] == '')
  495.                     searches.splice(s, s + 1);
  496.             console.log(searches);
  497.             $('#get-route-button').addClass('disabled');
  498.             for (var i = 0; i < numItems; ++i) {
  499.                 data = locations[i];
  500.                 var counter = 0;
  501.                 for (var s = 0; s < searches.length; s++) {
  502.                     if (data['search'].toLowerCase().indexOf(searches[s].toLowerCase()) > -1) {
  503.                         counter++;
  504.                     }
  505.                 }
  506.                 if (counter === searches.length) {
  507.                     found.push(data);
  508.                     if (found.length >= 5) {
  509.                         break;
  510.                     }
  511.                 }
  512.  
  513.  
  514.             }
  515.  
  516.  
  517.             $('#filter-list').empty();
  518.             numItems = found.length;
  519.             if (numItems == 0) {
  520.                 $('<li>Keine Standorte gefunden.</li>').appendTo('#filter-list').on('click', function () {
  521.  
  522.                 });
  523.             } else {
  524.                 for (i = 0; i < numItems; ++i) {
  525.                     addItemToList(found[i]);
  526.                 }
  527.             }
  528.  
  529.         }
  530.  
  531.  
  532.         function filterType(value) {
  533.             var numItems = locations.length;
  534.             var found = [];
  535.             var data;
  536.             var searches = [];
  537.             searches = value.split(' ');
  538.             for (var s = 0; s < searches.length; s++)
  539.                 if (searches[s] == '')
  540.                     searches.splice(s, s + 1);
  541.             $('#get-route-button').addClass('disabled');
  542.             for (var i = 0; i < numItems; ++i) {
  543.                 data = locations[i];
  544.                 var counter = 0;
  545.                 for (var s = 0; s < searches.length; s++) {
  546.                     if (data['search'].toLowerCase().indexOf(searches[s].toLowerCase()) > -1) {
  547.                         counter++;
  548.                     }
  549.                 }
  550.                 if (counter === searches.length) {
  551.                     found.push(data);
  552.                     if (found.length >= 5) {
  553.                         break;
  554.                     }
  555.                 }
  556.             }
  557.             $('#filter-list').empty();
  558.             numItems = found.length;
  559.             if (numItems == 0) {
  560.                 $('<li>Keine Standorte gefunden.</li>').appendTo('#filter-list').on('click', function () {
  561.  
  562.                 });
  563.             } else {
  564.                 for (i = 0; i < numItems; ++i) {
  565.                     addItemToList(found[i]);
  566.                 }
  567.             }
  568.         }
  569.  
  570.         function displayFirst() {
  571.             $('#filter-list').empty();
  572.  
  573.             var counter = 0;
  574.             while (counter < 6) {
  575.                 addItemToList(locations[counter]);
  576.                 counter++;
  577.             }
  578.         }
  579.  
  580.         document.addEventListener("backbutton", backKeyDown, true);
  581.  
  582.         function backKeyDown(event) {
  583.             if ($('.window-select').hasClass('active')) {
  584.                 event.preventDefault();
  585.                 event.stopImmediatePropagation();
  586.  
  587.                 $('.window-select').removeClass('active');
  588.  
  589.  
  590.                 return false;
  591.             }
  592.         }
  593.  
  594.  
  595.         displayFirst();
  596.         var types = '';
  597.         $('#input-filter').on('keyup', function () {
  598.             filter($(this).val() + ' ' + types);
  599.         });
  600.         $('input[type="checkbox"]').on('change', function () {
  601.             types = '';
  602.             if ($('#nieder').prop('checked')) {
  603.                 types += 'Niederlassung ';
  604.             } else if (!$('#nieder').prop('checked')) {
  605.                 types.replace('Niederlassung ', '');
  606.             }
  607.             if ($('#baus').prop('checked')) {
  608.                 types += 'Badausstellung ';
  609.             } else if (!$('#baus').prop('checked')) {
  610.                 types.replace('Badausstellung ', '');
  611.             }
  612.             if ($('#abh').prop('checked')) {
  613.                 types += 'Abholer ';
  614.  
  615.             } else if (!$('#abh').prop('checked')) {
  616.                 types.replace('Abholer ', '');
  617.             }
  618.             console.log(types + $('#input-filter').val());
  619.             filterType(types + $('#input-filter').val());
  620.         });
  621.  
  622.         $('.destination-select').on('click', function () {
  623.             $('.window-select').addClass('active');
  624.         });
  625.  
  626.         $('#get-route-button').on('click', function () {
  627.             if ($(this).hasClass('disabled')) {
  628.                 return;
  629.             }
  630.  
  631.             getCords();
  632.         });
  633.  
  634.  
  635.     });
  636.  
  637.  
  638. </script>
  639. </head>
  640. <body ng-controller="MainCtrl" id="MainCtrlId">
  641.  
  642.     <div data-role=" page" data-theme="a" id="main_page">
  643.  
  644.     <div data-role="header" data-position="fixed">
  645.         <a href="javascript: history.back(); void(0);" rel="localize[/FIS/ESI_ALL/ZURUECK]" data-icon="arrow-l">Zur&uuml;ck zur Übersicht</a>
  646.     </div>
  647.  
  648.     <div id="input-wrap">
  649.         <input id="input-filter" placeholder="Standorte finden..." />
  650.     </div>
  651.     <div id="type-wrap">
  652.         <fieldset class="typeset">
  653.             <label for="check1">
  654.                 Niederlassung
  655.                 <input id="nieder" type="checkbox" name="zutat" value="salami" id="check1">
  656.             </label> <br />
  657.             <label for="check2">
  658.                 Badausstellung
  659.                 <input id="baus" type="checkbox" name="zutat" value="schinken" id="check2">
  660.             </label> <br />
  661.             <label for="check3">
  662.                 Abholer
  663.                 <input id="abh" type="checkbox" name="zutat" value="sardellen" id="check3">
  664.             </label>
  665.         </fieldset>
  666.     </div>
  667.  
  668.     <ul id="filter-list">
  669.         -->
  670.  
  671.     </ul>
  672.     <div id="get-route-button" class="disabled">
  673.         Route berechnen
  674.     </div>
  675.  
  676.     </div>
  677. </body>
  678. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!