ACC-thumbnail

src/AwesomeCMSCore/AwesomeCMSCore/AwesomeCMSCore.csproj

@@ -3,6 +3,7 @@
   <PropertyGroup>
 	<TargetFramework>netcoreapp2.2</TargetFramework>
     <UserSecretsId>69ce3cf7-0978-46d5-8702-8ccc4ce831d0</UserSecretsId>
+    <TypeScriptToolsVersion>3.1</TypeScriptToolsVersion>
   </PropertyGroup>
 
   <ItemGroup>

src/AwesomeCMSCore/AwesomeCMSCore/Extension/ServiceCollectionExtensions.cs

@@ -143,6 +143,7 @@ public static IServiceCollection InjectApplicationServices(this IServiceCollecti
 
 			services.AddScoped<IQueueService, QueueService>();
 			services.AddScoped(typeof(IGenericRepository<>), typeof(GenericRepository<>));
+			services.AddScoped(typeof(IJsonParseService<>), typeof(JsonParseService<>));
 
 			services.AddScoped<IUnitOfWork, UnitOfWork>();
 			services.AddScoped<IUrlHelperExtension, UrlHelperExtension>();

src/AwesomeCMSCore/AwesomeCMSCore/Hubs/CmsCoreHub.cs

@@ -0,0 +1,16 @@
+using Microsoft.AspNetCore.SignalR;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace AwesomeCMSCore.Hubs
+{
+	public class CmsCoreHub : Hub
+	{
+		public async Task NotifyImageProcessCompleted(string user, string message)
+		{
+			await Clients.All.SendAsync("NotifyImageProcessCompleted", user, message);
+		}
+	}
+}

src/AwesomeCMSCore/AwesomeCMSCore/React/css/Admin/Post/Post.scss

@@ -3,5 +3,15 @@
 
     #postContainer {
         margin: 20px 0 20px 0;
+
+        #thumbnail-preview {
+            margin-top: 15px;
+            width: 295px;
+            height: 205px;
+        }
+
+        #remove-icon {
+            position: absolute;
+        }
     }
 }

src/AwesomeCMSCore/AwesomeCMSCore/React/js/App/Helper/Http.js

@@ -2,157 +2,160 @@ import axios from "axios";
 import qs from 'qs';
 
 import {
-  APP_ENUM,
-  STATUS_CODE
+	APP_ENUM,
+	STATUS_CODE
 } from "./AppEnum";
 import {
-  getStorage,
-  setStorage
+	getStorage,
+	setStorage
 } from "./StorageHelper";
-import { TOKEN_ENDPOINT } from './API_Endpoint/AccountEndpoint';
+import {
+	TOKEN_ENDPOINT
+} from './API_Endpoint/AccountEndpoint';
 
 export function Get(url) {
-  const authHeader = initAuthHeaders();
-  const config = {
-    headers: {
-      Authorization: "Bearer " + authHeader
-    }
-  };
-
-  return axios.get(url, config);
+	const authHeader = initAuthHeaders();
+	const config = {
+		headers: {
+			Authorization: "Bearer " + authHeader
+		}
+	};
+
+	return axios.get(url, config);
 }
 
 export function Post(url, data) {
-  const authHeader = initAuthHeaders();
-  const config = {
-    headers: {
+	const authHeader = initAuthHeaders();
+	const config = {
+		headers: {
 			Authorization: "Bearer " + authHeader
-    }
-  };
+		}
+	};
 
-  return axios.post(url, data, config);
+	return axios.post(url, data, config);
 }
 
-export function PostWithSpinner(url, data) {
-  return new Promise((resolve, reject) => {
-    const authHeader = initAuthHeaders();
-    const config = {
-      headers: {
-        Authorization: "Bearer " + authHeader
-      }
-    };
-
-    this.setState({
-      loading: true
-    });
-
-    axios
-      .post(url, data, config)
-      .then(data => {
-        this.setState({
-          loading: false
-        });
-        resolve(data);
-      })
-      .catch(error => {
-        this.setState({
-          loading: false
-        });
-        reject(error);
-      });
-  });
+export function PostWithSpinner(url, data, contentType = "") {
+	return new Promise((resolve, reject) => {
+		const authHeader = initAuthHeaders();
+		const config = {
+			headers: {
+				Authorization: "Bearer " + authHeader,
+				'Content-Type': contentType == "" ? "application/json;charset=UTF-8" : contentType
+			}
+		};
+
+		this.setState({
+			loading: true
+		});
+
+		axios
+			.post(url, data, config)
+			.then(data => {
+				this.setState({
+					loading: false
+				});
+				resolve(data);
+			})
+			.catch(error => {
+				this.setState({
+					loading: false
+				});
+				reject(error);
+			});
+	});
 }
 
 export function PutWithSpinner(url, data) {
-  return new Promise((resolve, reject) => {
-    const authHeader = initAuthHeaders();
-    const config = {
-      headers: {
-        Authorization: "Bearer " + authHeader
-      }
-    };
-
-    this.setState({
-      loading: true
-    });
-
-    axios
-      .put(url, data, config)
-      .then(data => {
-        this.setState({
-          loading: false
-        });
-        resolve(data);
-      })
-      .catch(error => {
-        this.setState({
-          loading: false
-        });
-        reject(error);
-      });
-  });
+	return new Promise((resolve, reject) => {
+		const authHeader = initAuthHeaders();
+		const config = {
+			headers: {
+				Authorization: "Bearer " + authHeader
+			}
+		};
+
+		this.setState({
+			loading: true
+		});
+
+		axios
+			.put(url, data, config)
+			.then(data => {
+				this.setState({
+					loading: false
+				});
+				resolve(data);
+			})
+			.catch(error => {
+				this.setState({
+					loading: false
+				});
+				reject(error);
+			});
+	});
 }
 
 export function Put(url, data) {
-  const authHeader = initAuthHeaders();
-  const config = {
-    headers: {
-      Authorization: "Bearer " + authHeader
-    }
-  };
-
-  return axios.put(url, data, config);
+	const authHeader = initAuthHeaders();
+	const config = {
+		headers: {
+			Authorization: "Bearer " + authHeader
+		}
+	};
+
+	return axios.put(url, data, config);
 }
 
 export function Delete(url) {
-  const authHeader = initAuthHeaders();
-  const config = {
-    headers: {
-      Authorization: "Bearer " + authHeader
-    }
-  };
-
-  return axios.delete(url, config);
+	const authHeader = initAuthHeaders();
+	const config = {
+		headers: {
+			Authorization: "Bearer " + authHeader
+		}
+	};
+
+	return axios.delete(url, config);
 }
 
 function initAuthHeaders() {
-  const token = getStorage(APP_ENUM.AUTH_TOKEN);
-  if (token != null) {
-    return token.access_token;
-  }
+	const token = getStorage(APP_ENUM.AUTH_TOKEN);
+	if (token != null) {
+		return token.access_token;
+	}
 }
 
 axios.interceptors.response.use(function (response) {
-  return response;
+	return response;
 }, function (error) {
-  const originalRequest = error.config;
-  if (error.response.status === STATUS_CODE.NotAuthorize) {
-    const token = getStorage(APP_ENUM.AUTH_TOKEN);
-    const refreshToken = token.refresh_token;
-
-    Post(
-      TOKEN_ENDPOINT,
-      qs.stringify({
-        refresh_token: refreshToken,
-        grant_type: "refresh_token",
-        scope: "offline_access"
-      })
-    ).then(function (res) {
-      let token = {
-        access_token: res.data.access_token,
-        refresh_token: refreshToken,
-        token_type: res.data.token_type,
-        expires_in: res.data.expires_in
-      };
-
-      setStorage(APP_ENUM.AUTH_TOKEN, token);
-      window.location.reload();
-      return axios(originalRequest);
-
-    }).catch(function (error) {
-      console.log(error);
-    });
-  }
-
-  return Promise.reject(error);
+	const originalRequest = error.config;
+	if (error.response.status === STATUS_CODE.NotAuthorize) {
+		const token = getStorage(APP_ENUM.AUTH_TOKEN);
+		const refreshToken = token.refresh_token;
+
+		Post(
+			TOKEN_ENDPOINT,
+			qs.stringify({
+				refresh_token: refreshToken,
+				grant_type: "refresh_token",
+				scope: "offline_access"
+			})
+		).then(function (res) {
+			let token = {
+				access_token: res.data.access_token,
+				refresh_token: refreshToken,
+				token_type: res.data.token_type,
+				expires_in: res.data.expires_in
+			};
+
+			setStorage(APP_ENUM.AUTH_TOKEN, token);
+			window.location.reload();
+			return axios(originalRequest);
+
+		}).catch(function (error) {
+			console.log(error);
+		});
+	}
+
+	return Promise.reject(error);
 })