ENHANCEMENT: SSF-38 added new template for the upload field that is u…

…sed within a page image insertion dialog box. This upload field is slightly different from the one used in Files. E.g. it uses smaller fonts (h4 instead of h3)

forms/HtmlEditorField.php

@@ -387,7 +387,7 @@ function MediaForm() {
 		$computerUploadField->setConfig('previewMaxHeight', 30);
 		$computerUploadField->addExtraClass('ss-assetuploadfield');
 		$computerUploadField->removeExtraClass('ss-uploadfield');
-		$computerUploadField->setTemplate('AssetUploadField');
+		$computerUploadField->setTemplate('PageUploadField');
 		$computerUploadField->setFolderName(Upload::$uploads_folder);
 
 		$tabSet = new TabSet(

templates/PageUploadField.ss

@@ -0,0 +1,38 @@
+<div class="ss-uploadfield-item ss-uploadfield-addfile field">
+
+	<h4>
+		<span class="step-label">
+			<span class="flyout">1</span><span class="arrow"></span>
+			<span class="title"><% _t('AssetUploadField.ChooseFiles', 'Choose files') %></span>
+		</span>
+	</h4>
+
+	<div class="ss-uploadfield-item-info">
+		<label class="ss-uploadfield-fromcomputer ss-ui-button ss-ui-action-constructive" title="<% _t('AssetUploadField.FROMCOMPUTERINFO', 'Upload from your computer') %>" data-icon="drive-upload">
+			<% _t('AssetUploadField.FROMCOMPUTER', 'Choose files from your computer') %>
+			<input id="$id" name="$getName" class="$extraClass ss-uploadfield-fromcomputer-fileinput" data-config="$configString" type="file"<% if $multiple %> multiple="multiple"<% end_if %> title="<% _t('AssetUploadField.FROMCOMPUTER', 'Choose files from your computer') %>" />
+		</label>
+
+		<div class="clear"><!-- --></div>
+	</div>
+	<div class="ss-uploadfield-item-uploador">
+		<% _t('AssetUploadField.UPLOADOR', 'OR') %>
+	</div>
+	<div class="ss-uploadfield-item-preview ss-uploadfield-dropzone">
+		<div>
+			<% _t('AssetUploadField.DROPAREA', 'Drop Area') %>
+			<span><% _t('AssetUploadField.DRAGFILESHERE', 'Drag files here') %></span>
+		</div>
+	</div>
+	<div class="clear"><!-- --></div>
+</div>
+
+<div class="ss-uploadfield-editandorganize">
+	<h3>
+		<span class="step-label">
+			<span class="flyout">2</span><span class="arrow"></span>
+			<span class="title"><% _t('AssetUploadField.EDITANDORGANIZE', 'Edit & organize') %></span>
+		</span>
+	</h3>
+	<ul class="ss-uploadfield-files files"></ul>
+</div>