3dw / hackstep

一個無後端的分享知識平台

hackstep

一個無後端的分享知識平台

相關專案

教育元語言

目標 Goal

無後端小階梯編輯 + 分享介面

編輯的同步時，網頁上的url會跟著改變 Just Edit and Share Deadly Simple to use!

近端測試(for developers)

1. 先clone本專案
2. 用命令列進入本專案
3. yarn install
4. quasar dev

hackstep's Issues

Remove last step >> Save button

Add 捷徑 text

Delete last step 》 Save button

Every remove button should confirm first

拖曳時需要同步網址參數的更新

拖曳時需要同步網址參數的更新

iPad input字體大小要可以浮動

cloud upload 有 bug

cloud upload 有 bug

download md function

there should be a "download md" button with that function

add a Github link on Left Drawer

Edit button should be primary color

可以拖拉重排的功能

有「，」的時候在Line分享會出問題

EncodeURICompnents

CSS優化

CSS優化

複製連結的圖示要換成分享

iOS 下載按鈕無法正常使用

可能是在Line上面的錯誤

步驟太多的時候校隊會有困難

每一個步驟都應該有刪除按鍵
右邊應該有留白的卷軸提供托拉

複製連結的功能有誤

編輯、剖析、呈現

編輯：

• 清空重填
• 修改內容

剖析與同步

• 和router的參數同步
  呈現

左側抽屜和使用說明

左側抽屜應該放入使用說明
採訪、分享、校隊

Icon labels center

FinishEdit should be renamed to JumpEdit

需要顯示層的設計草圖(Draft)

• 可以直接用鉛筆畫prototye

Link copied 中文化

編輯step內容"過長時"需要點選到輸入框的文字段的任何一個位置開始進行編輯, 而不需要每次都要從最後一個字元用backspace到前方

已經在fork完成修改並測試成功,等待審核...........

nextTick(() => {
// 使用動態ref聚焦到對應的輸入框
const inputRef = input-${step.id};
const inputElement = ref(inputRef); // inputElement.value.$el.focus();無法使用因為inputElement.value.$el 是undefined
if (inputElement.value && inputElement.value.$el) {
inputElement.value.$el.focus();
}
});

const finishEdit = (step) => {
console.log('end edit!');
//step.editing = false; 這行不需要會過快跳出編輯模式或toggleEdit時就失去焦點，因為編輯內容"過長時"需要點選到文字段的任何一個位置開始進行編輯

  onChange();
  // 可以在這裡添加對step.name的驗證或其他邏輯
};

回首頁的時候應該要記住狀態

edit / search mode

Every step can be searched?

If step(n)

Edit就應該先清空

Edit btn should stop event bubbling up

移除top right save button

先把範本簡化比較好

需要先部署才可以測試
這個順序是不對的，先把範本簡化比較好

點擊一個步驟的時候就應該可以edit