Addons/saves/dupes

Addon list: small optimisations.

Addon list workshop files: Make use of the optimised UpdateDigest system.

Save/Dupe tabs in spawn menu: Keep the special handling for menu resizing (also used on first load), but prevent it from being cancelled by the optimised UpdateDigest.

Author: DarthTealc

garrysmod/html/js/creations/dupes.js

@@ -101,9 +101,9 @@ function WindowResized()
 	dupe.UpdatePageNav();
 
 	// Refresh HTML
-	dupe.DigestUpdate = setTimeout( function()
+	dupe.DigestUpdateResize = setTimeout( function()
 	{
-		self.DigestUpdate = 0;
+		self.DigestUpdateResize = 0;
 		Scope.Go( 0 );
 	}, 500 )
 }

garrysmod/html/js/creations/saves.js

@@ -94,9 +94,9 @@ function WindowResized()
 	save.UpdatePageNav();
 
 	// Refresh HTML
-	save.DigestUpdate = setTimeout( function()
+	save.DigestUpdateResize = setTimeout( function()
 	{
-		self.DigestUpdate = 0;
+		self.DigestUpdateResize = 0;
 		Scope.Go( 0 );
 	}, 500 )
 }

garrysmod/html/js/menu/WorkshopFiles.js

@@ -312,17 +312,24 @@ WorkshopFiles.prototype.ReceiveImage = function( id, url )
 
 WorkshopFiles.prototype.Changed = function()
 {
+	
+	if ( !IS_SPAWN_MENU ) // Game menu works with the common.js UpdateDigest
+	{
+		UpdateDigest( this.Scope, 10 );
+		return;
+	}
+	
 	this.Scope.$digest();
 
 	// An update is queued - so chill
-	if ( this.DigestUpdate ) return;
+	if ( this.DigestUpdateResize ) return;
 
 	var self = this;
 
 	// Update the digest in 10ms
-	this.DigestUpdate = setTimeout( function()
+	this.DigestUpdateResize = setTimeout( function()
 	{
-		self.DigestUpdate = 0;
+		self.DigestUpdateResize = 0;
 		self.Scope.$digest();
 	}, 10 )
 }

garrysmod/html/template/addon_list.html

@@ -54,7 +54,7 @@ <h1 class="menuheader">
 			<workshopmessage ng-show="( TotalResults == 0 || NumResults == 0 ) && !Loading && ( !Disabled || Category != 'subscribed' )" ng-Tranny="'addons.none'">...</workshopmessage>
 			<workshopmessage ng-show="TotalResults == 0 && !Loading && Disabled && Category == 'subscribed'" ng-Tranny="'addons.disabled'">...</workshopmessage>
 
-			<workshopicon ng-hide="Loading" ng-repeat="file in Files" ng-click="ToggleSelect( file, $event )" style="width: {{IconWidth|number:0}}px; height: {{IconHeight|number:0}}px" class="{{GetAddonClasses( file )}}">
+			<workshopicon ng-hide="Loading" ng-repeat="file in Files track by file.id" ng-click="ToggleSelect( file, $event )" style="width: {{IconWidth|number:0}}px; height: {{IconHeight|number:0}}px" class="{{GetAddonClasses( file )}}">
 
 				<preview style="width: {{IconMax|number:0}}px; height: {{IconMax|number:0}}px; margin-left: -{{IconMax*0.5|number:0}}px; margin-top: -{{IconMax*0.5|number:0}}px">
 					<img src='../{{file.background || "img/downloading.png"}}' style="width: {{IconMax|number:0}}px; height: {{IconMax|number:0}}px;" loading="lazy"/>
@@ -151,7 +151,7 @@ <h1 class="menuheader">
 		</div>
 	</div>
 
-	<div class="modaldialog" ng-show="CreatePresetOpen">
+	<div class="modaldialog" ng-if="CreatePresetOpen">
 		<div class="centermessage left create_preset">
 			<b ng-tranny="'addons.create_preset'"></b>
 			<br/><br/>
@@ -175,7 +175,7 @@ <h1 class="menuheader">
 		</div>
 	</div>
 
-	<div class="modaldialog" ng-show="ImportPresetOpen">
+	<div class="modaldialog" ng-if="ImportPresetOpen">
 		<div class="centermessage left create_preset">
 			<b ng-tranny="'addons.import_preset'"></b>
 			<br/><br/>
@@ -199,13 +199,13 @@ <h1 class="menuheader">
 		</div>
 	</div>
 
-	<div class="modaldialog" ng-show="ImportPresetLoading">
+	<div class="modaldialog" ng-if="ImportPresetLoading">
 		<div class="centermessage left create_preset">
 			<h1 ng-tranny="'dupes.loading'"></h1>
 		</div>
 	</div>
 
-	<div class="modaldialog" ng-show="LoadPresetMenuOpen">
+	<div class="modaldialog" ng-if="LoadPresetMenuOpen">
 		<div class="centermessage left">
 			<b ng-tranny="'addons.load_preset'"></b>
 			<br/><br/>
@@ -236,7 +236,7 @@ <h1 ng-tranny="'dupes.loading'"></h1>
 		 --><a ng-click="ClosePopupMessage()" ng-tranny="'addons.cancel'"></a></div>
 	</div>
 
-	<div class="modaldialog" ng-show="PopupMessageDisplayed">
+	<div class="modaldialog" ng-if="PopupMessageDisplayed">
 		<div class="centermessage">
 			<span ng-tranny="'addons.warning'"></span>
 			<span ng-tranny="PopupMessageDisplayedMessage"></span>