 |
このセクションに記載されているコードの完全版は、GitHub の Appendix 3 で見つかります。
|
|
|
このセクションに記載されているコードの完全版は、GitHub の Appendix 3 で見つかります。
|
|
関数
|
説明
|
コード
|
||
|
addToCart
|
選択した部品をカートに追加します。この関数はスタンドアロン関数として作成します。
|
以下の手順を実行します。
1. hilite 関数の下で cartLabel アプリケーションパラメータを初期化し、Cart と指定します。
これが labelCart ラベルの開始テキストになります。アイテムがカートに追加されると変更されます。また、cart という名前の空のオブジェクトを初期化します。hilite 関数の下に以下を追加します。
$scope.app.params.cartLabel = "Cart"; // set cartLabel app parameter to be "Cart". This will bind to the Text property for the labelCart label
$scope.cart = {}; // declare empty object called cart 2. addToCart 関数を開始します。cartItem という変数を作成して初期化し、現在選択している部品に対応する cart のプロパティ値として設定します。
部品を初めて選択する場合、このプロパティは undefined になります。cart は空のオブジェクトとして初期化されているからです。
現在選択している部品をまだ cart オブジェクトに追加していない (undefined になっている) 場合、選択している部品の itemCount、itemNumber、itemName、priceInfo の各アプリケーションパラメータが cartItem に渡されます。
これらのアプリケーションパラメータはすべて cartItem オブジェクト内のプロパティ値として設定されます。アイテムをすでにカートに追加したことがある場合、itemCount パラメータの cartItem のプロパティ値のみが 1 つ増加して変更されます。同じ部品の別のインスタンスがカートに追加されているからです。
以下の if 文が実行された後、cartItem オブジェクトとそのプロパティは cart オブジェクトに追加されます。このプロセスはカートに追加されるさまざまな部品を区別するのに役立ちます。
$scope.cart = {}; // declare empty object called cart の後に以下を追加します。
//
// function for adding a selected part to the cart $scope.addToCart = function () { // // create variable called cartItem that is equal to the value of the currentSelection property of the cart object. //If the selected part hasn't been added to the cart yet, then the cartItem variable will be undefined and populate the cartItem variable with the current //information about the part so that cartItem becomes an object. If the selected part has already been added, then the count property of cartItem will increase by the item count var cartItem =$scope.cart[$scope.currentSelection]; if (cartItem === undefined) { cartItem = { count: $scope.app.params.itemCount, itm: $scope.app.params.itemNumber, tag: $scope.app.params.itemName, prc: $scope.app.params.priceInfo } } else { cartItem.count += $scope.app.params.itemCount } $scope.cart[$scope.currentSelection] = cartItem; } // end of addToCart function 3. 関数の変数をさらに初期化します。cartItemAmount はカート内のアイテムの数をカウントします。cartContents はカートのコンテンツを保持する空の配列として初期化します。cartPrice はカート内のオブジェクトの合計金額を示します。$scope.cart[$scope.currentSelection] = cartItem; の後に以下を追加します。
//
//cartItemAmount initialized as 0. will be used to count how many items are in the cart var cartItemAmount = 0; // // set an empty array for the cart. this array will have an object pushed into it var cartContents = []; // // initialize variable for keeping track of the price of the objects in the cart var cartPrice = 0; 4. for ループを使用してカート内の各アイテムをループし、指定した条件が処理されるようにします。
itm はループのカウント変数です。このループでは、部品の別のインスタンスがカートに追加されるたびに、選択した部品に対応するオブジェクトの count プロパティ値が増加します。
また、価格変数である cartPrice は、選択したアイテムのカートの prc プロパティに基づいて増加します。
アイテムをカートに追加すると、部品の価格と追加した部品の数量を乗算した値によって金額が増加します。
.push メソッドを使用して、選択したオブジェクトの名前 (tag)、数量 (count)、価格 (prc) を cartContents 配列にプッシュします。この後、cartContents 配列は cart アプリケーションパラメータと同じ値に設定されます。
var cartPrice = 0; の後に以下のコードを追加します。
//
//loop over each item that is added to the cart for (var itm in $scope.cart) { // //add a number to the counting variable for each item added cartItemAmount += $scope.cart[itm].count; // // add the price of each item to the total price of the cart cartPrice = cartPrice += $scope.cart[itm].count*$scope.cart[itm].prc // //push the name (tag), item count (count), and price (prc) of each part into the repeater for the cart cartContents.push({ tag : $scope.cart[itm].tag, count: $scope.cart[itm].count, prc : $scope.cart[itm].prc }); // end of the push method for cartContents }// for loop end // // set the app parameter for cart to be equal to the cartContents array $scope.app.params.cart = cartContents; 5. addToCart 関数の最後のセクションでは、cartLabel アプリケーションパラメータに値を追加して、labelCart ラベルのテキストを編集するように指定します。
$scope.app.params.cart = cartContents; の後に以下のコードを追加します。
//
//setting the cartLabel app parameter. if there are items to put into the cart (true), the text of the cart label should be cart(total cost of cart). If false, just keep the label text as cart $scope.app.params.cartLabel = cartItemAmount > 0 ? "Cart($" + cartPrice + ")" : "Cart"; |
||
|
clearCart
|
この関数は clearButton ボタンがクリックされるとカートをクリアします。この関数は、cart のアプリケーションパラメータを空の配列に設定し、cart オブジェクトを空にします。また、cartLabel アプリケーションパラメータを使用して、labelCart ボタンの「テキスト」プロパティを Cart に戻し、合計金額が表示されないようにします。
|
addToCart 関数の後に以下のコードを追加します。
//
// clear the cart. set the part app parameter and cart object to be empty. change the text on the cart label back to just Cart $scope.clearCart = function () { $scope.app.params.cart = []; $scope.cart = {}; $scope.app.params.cartLabel = "Cart"; } // end of clearCart function |
||
|
hiliteOff
|
この関数はポップアップが閉じると、モデルからシェーダーが除去されるようにします。hiliteOff 関数は、PTC API 内の、シェーダーを部品に追加するコードの下に作成されます。
|
$scope.hilite([$scope.currentSelection], true); のすぐ下に以下のコードを追加します。
//
//function for removing the highlight $scope.hiliteOff = function() { $scope.hilite([$scope.currentSelection], false) }; // end of hiliteOff function |
||
|
disassemble
|
disassemble 関数も PTC API 内に作成します。ポップアップの Disassemble ボタンに機能を追加するために使用します。モデルのシーケンスが設定されると、playButton で使用されるロジックと同じロジックを使用して sequenceloaded イベントリスナーをトリガーします。
|
上の手順で作成した hiliteOff 関数のすぐ下に以下のコードを追加します。
//
// function to be bound to the Disassemble button in the popup $scope.disassemble = function () { // // set an object that targets the model and its instruction property var modelObject = { model: targetName, instruction: 'l-Creo 3D - ' + instructionName + '.pvi' }; // // set the sequence for the quadcopter to be the name of the associated instruction $scope.view.wdg.quadcopter.sequence = modelObject.instruction } //disassemble function end |