memoryfinder



<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <%--<script src="Scripts/jquery.min.js"></script>--%>
   <%-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
      <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>
     <link href="Styles/main.css" rel="stylesheet" />
     <link rel="stylesheet" type="text/css" href="https//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>
     <link rel="stylesheet" type="text/css" href="//cloud.typography.com/6197712/648944/css/fonts.css" />
     <link href="Styles/memory-finder.css" rel="stylesheet" />
    <link href="Styles/chosen.css" rel="stylesheet" />
   <link href="http://www.corsair.com/fonts/214089/9CD8032F26B21AB0D.css" rel="stylesheet" />
    <script src="/scripts/Responsive/modernizr-2.8.3-respond-1.4.2.min.js" type="text/javascript"></script>--%>
    <link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
 <link rel="stylesheet" href="./memory-finder.php_files/normalize.min.css"/>
        <link rel="stylesheet" href="Styles/magnific-popup.css"/>
        <link rel="stylesheet" href="Styles/main.css"/>

        <link rel="stylesheet" type="text/css" href="Styles/slick.css"/>
        <link rel="stylesheet" href="Styles/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="./memory-finder.php_files/fonts.css"/>

        <script src="Scripts/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body>
    <script>
        //Change this value dynamically
        var stepResult = 8;
    </script>

    <form id="form1" runat="server">


<div id="memoryFinder">

    <div class="hero">
        <div class="wrapper">
            <h1 style="display: block;">MEMORY FINDER</h1>
            <p style="display: block;">How Would You Like To Search?</p>

            <div class="search-type" style="display: block;">
                <a href="" class="cta" id="motherboard" style="display: inline;" data-bind="event: { click: $root.motherBoardSelected }">BY MOTHERBOARD</a>
                <span class="hide-on-mobile">Or</span>
                <div class="pad show-on-mobile"></div>
                <a href="" class="cta" id="memorytype" style="display: inline;" data-bind="event: { click: $root.memorySelected }">BY MEMORY TYPE</a>
            </div>
        </div>
    </div>

    <section id="panel1">
        <div class="wrapper text-center" id="ManufacturerFilter">

             <select id="manufacturer" onchange="console.log('changed')" class="gray" data-bind=" foreach: manufacturerList, optionsCaption: 'Manufacturer', value: boardSelected">
                <option data-bind="attr: { value: $data.mid }, html: $data.mname"></option><%--event: { change: selectionChanged },--%>
                </select>

        </div>
    </section>


</div>


        <script type="text/javascript" src="memoryFinder.js"></script>
    </form>
</body>
</html>

var name = "memory";
var compatabilityurl;
var checkedElems;
var partlistslug;
var checkedparams;
var partslug;
var slotrange = [];
var motherbord = [];
var speedList = [];
var CompactMemory = [];
var sessionslug;
var sessionSelectedCategory;
var itemDisplayName = "Shop";
var autocompletevalues = [];
var parturl = "https://api.pcpartpicker.com/api/2015.1/part/category/list/?apikey=5612661951b24c58979b7bb372c2a1f0809e2dc9&part_type=motherboard";
var filtercompatabilityurl = "https://api.pcpartpicker.com/api/2015.1/part/category/list/?apikey=5612661951b24c58979b7bb372c2a1f0809e2dc9&part_type=memory&m=11"
var compxml;
var sessionslug;
var DefaultUrl = window.location.href.substring(0, window.location.href.indexOf("?"));
var hash = DefaultUrl.substring(DefaultUrl.indexOf('?'));
var othercatg = window.location.search.substring(0, window.location.href.indexOf('series=') + 1);
if (DefaultUrl == '' || DefaultUrl == null || othercatg == '' || othercatg == null)
    var DefaultUrl = window.location.href;
var History = window.History;
var displaysort = ko.observable("false");
var lang = window.location.pathname.substring(1, window.location.pathname.substring(1).indexOf("/") + 1);
function Task(desc) {
    this.name = ko.observable('');
    this.id = ko.observable(-1);
}
var listOfTasks = [new Task(''),

];
function refineFilterData(data) {
    var self = this;
    self.mid = ko.observable(data.Key);
    self.mname = ko.observable(data.Name);
}
function refinePcFilterData(data) {
    var self = this;
    self.mid = ko.observable(data.Key);
    self.mname = ko.observable(data.Name);
}
function pcFilterData(data) {
    var self = this;
    self.mname = ko.observable(data);
    self.mid = ko.observable(data);
}
function memoryFilterData(data) {
    var self = this;
    self.mid = ko.observable(data.id);
    self.mname = ko.observable(data.name);
}


compatabilityurl = "https://api.pcpartpicker.com/api/2015.1/part/category/list/?apikey=5612661951b24c58979b7bb372c2a1f0809e2dc9&part_type=memory" + "&m=11&parts=asrock-motherboard-h81mdg4";
/*var MotherboardPcFilters =  $.ajax({
    url: "services/MemoryFinderDataProvider.asmx/AddMemorypartstolist",
    type: "POST",
    data: "{ 'addpart' : '" + compatabilityurl + "'}",
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    error: function (data) {
        alert("Error");
    }
});
*/


function categoryViewModel(tasks) {

    var self = this;

    self.boardSelected = ko.observable();

    self.manufacturerList = ko.observableArray([]);

    /*MotherboardPcFilters.done(function (allData) {
        var filterDoc = $.parseJSON(allData.d);
        for (var i = 0, len = filterDoc.filters.length; i < len; ++i) {
            var refInfo = filterDoc.filters[i];
            if (refInfo.parameter == "m") {
                manufacturers = refInfo.values;
            }
        }
        var manufacturer = $.map(manufacturers, function (item) { return new memoryFilterData(item) });
        self.manufacturerList(manufacturer);
    });*/

  //self.manufacturerList(manufacturer);
  var manufacturer = [{mid:"one",mname:"one"},{ mid:"two",mname:"two"}, {mid: "three",mname:"three"}];
   self.manufacturerList(manufacturer);

    //self.selectionChanged= function (event) {
    //    alert("the other selection changed");
    //}
    self.boardSelected.subscribe(function (newValue) {
        alert("The mobo selected is ");
    });
}

ko.applyBindings(new categoryViewModel(listOfTasks), document.getElementById("memoryFinder"));