Define listener to try or relesae the lock

See also: #13
snu-quiqcl · Dec 7, 2024 · 1ef6f39 · 1ef6f39
1 parent cac7c6a
commit 1ef6f39
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/wlm-ui/src/MainPage/Channel/Channel.tsx b/wlm-ui/src/MainPage/Channel/Channel.tsx
@@ -14,6 +14,8 @@ interface IProps extends ChannelInfo {
     onClickSetInUse: (inUse: boolean) => void;
     onClickSetExposure: (exposure: number) => void;
     onClickSetPeriod: (period: number) => void;
+    onClickTryLock: () => void;
+    onClickReleaseLock: () => void;
 };
 
 const Channel = (props: IProps) => {
@@ -203,7 +205,11 @@ const Channel = (props: IProps) => {
             </div>
             <div className='channel-lock-container'>
                 <span>{props.lock.locked ? `Locked by ${props.lock.owner}` : 'Open'}</span>
-                <button>{props.hasLock ? 'Release' : 'Acquire'}</button>
+                <button
+                    onClick={props.hasLock ? props.onClickReleaseLock : props.onClickTryLock }
+                >
+                    {props.hasLock ? 'Release' : 'Acquire'}
+                </button>
             </div>
             <div className='channel-attr-viewer-container'>
                 <b>Exp. time</b>

diff --git a/wlm-ui/src/MainPage/Channel/ChannelList.tsx b/wlm-ui/src/MainPage/Channel/ChannelList.tsx
@@ -32,6 +32,14 @@ const ChannelList = () => {
         dispatch(postPeriod({ channel: channel, period: period }));
     };
 
+    const onClickTryLock = (channel: number) => {
+
+    };
+
+    const onClickReleaseLock = (channel: number) => {
+
+    };
+
     return (
         <div>
             <button onClick={onClickRefreshChannelList}>Refresh</button>
@@ -46,6 +54,8 @@ const ChannelList = () => {
                                 onClickSetExposure(info.channel.channel, exposure)}
                             onClickSetPeriod={(period: number) =>
                                 onClickSetPeriod(info.channel.channel, period)}
+                            onClickTryLock={() => onClickTryLock(info.channel.channel)}
+                            onClickReleaseLock={() => onClickReleaseLock(info.channel.channel)}
                         />
                     </article>
                 ))}