fixed loading mock data

public/src/admin/extend/rewards.js

@@ -9,11 +9,15 @@ define('admin/extend/rewards', function() {
 		active;
 
 	rewards.init = function() {
-		available = JSON.parse($('#rewards').val());
-		active = JSON.parse($('#active').val());
+		//available = JSON.parse($('#rewards').val());
+		//active = JSON.parse($('#active').val());
 
-		$('[data-selected]').each(function() {
-			$(this).val($(this).attr('data-selected'));
+
+		$(window).on('action:ajaxify.end', function() {
+			$('[data-selected]').each(function() {
+				console.log($(this).attr('data-selected'));
+				$(this).val($(this).attr('data-selected'));
+			});
 		});
 	};
 

src/rewards/admin.js

@@ -43,7 +43,7 @@ rewards.get = function(callback) {
 		],
 		active: [
 			{
-				"rewardID": 0,
+				"rewardID": 1,
 				"condition": "postcount",
 				"conditional": "greaterthan",
 				"value": 100,

src/views/admin/extend/rewards.tpl

@@ -8,9 +8,9 @@
 						<!-- BEGIN active -->
 						<li>
 							If User's
-							<select name="condition">
+							<select name="condition" data-selected="{active.condition}">
 								<!-- BEGIN conditions -->
-								<option value="{conditions.condition}" data-selected="{active.condition}">{conditions.name}</option>
+								<option value="{conditions.condition}">{conditions.name}</option>
 								<!-- END conditions -->
 							</select>
 							Is
@@ -30,8 +30,8 @@
 						<!-- END active -->
 					</ul>
 				</form>
-				<input type="hidden" id="rewards" value="{function.stringify, rewards}" />
-				<input type="hidden" id="active" value="{function.stringify, active}" />
+				<input type="hidden" name="rewards" value="{function.stringify, rewards}" />
+				<input type="hidden" name="active" value="{function.stringify, active}" />
 			</div>
 		</div>
 	</div>