|
|
@ -22,7 +22,9 @@ |
|
|
|
|
|
|
|
|
|
|
|
</v-col> |
|
|
|
</v-col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div :class="{ |
|
|
|
|
|
|
|
editDisabled : !isEditable |
|
|
|
|
|
|
|
}"> |
|
|
|
<v-col cols="12" v-if="relation"> |
|
|
|
<v-col cols="12" v-if="relation"> |
|
|
|
<div class="caption"> |
|
|
|
<div class="caption"> |
|
|
|
|
|
|
|
|
|
|
@ -268,6 +270,15 @@ |
|
|
|
</v-col> |
|
|
|
</v-col> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
<div class="disabled-info" :class="{'d-none':isEditable}"> |
|
|
|
|
|
|
|
<v-alert dense type="warning" icon="info" class="caption mx-2" outlined> |
|
|
|
|
|
|
|
This spreadsheet is connected to an SQLite DB.<br> |
|
|
|
|
|
|
|
For production please see <a href="https://github.com/nocodb/nocodb#production-setup" |
|
|
|
|
|
|
|
target="_blank">here</a>. |
|
|
|
|
|
|
|
</v-alert> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</v-row> |
|
|
|
</v-row> |
|
|
|
</v-container> |
|
|
|
</v-container> |
|
|
@ -288,6 +299,7 @@ import CustomSelectOptions from "@/components/project/spreadsheet/editColumn/cus |
|
|
|
import RelationOptions from "@/components/project/spreadsheet/editColumn/relationOptions"; |
|
|
|
import RelationOptions from "@/components/project/spreadsheet/editColumn/relationOptions"; |
|
|
|
import DlgLabelSubmitCancel from "@/components/utils/dlgLabelSubmitCancel"; |
|
|
|
import DlgLabelSubmitCancel from "@/components/utils/dlgLabelSubmitCancel"; |
|
|
|
import LinkedToAnotherOptions from "@/components/project/spreadsheet/editColumn/linkedToAnotherOptions"; |
|
|
|
import LinkedToAnotherOptions from "@/components/project/spreadsheet/editColumn/linkedToAnotherOptions"; |
|
|
|
|
|
|
|
import {SqliteUi} from "@/helpers/SqliteUi"; |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "editColumn", |
|
|
|
name: "editColumn", |
|
|
@ -476,6 +488,9 @@ export default { |
|
|
|
this.focusInput() |
|
|
|
this.focusInput() |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
|
|
|
|
isEditable() { |
|
|
|
|
|
|
|
return !this.editColumn && this.sqlUi === SqliteUi; |
|
|
|
|
|
|
|
}, |
|
|
|
dataTypes() { |
|
|
|
dataTypes() { |
|
|
|
return this.sqlUi.getDataTypeListForUiType(this.newColumn) |
|
|
|
return this.sqlUi.getDataTypeListForUiType(this.newColumn) |
|
|
|
}, |
|
|
|
}, |
|
|
@ -542,4 +557,25 @@ export default { |
|
|
|
border-radius: 4px; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.editDisabled { |
|
|
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.disabled-info { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
|
|
background: var(--v-backgroundColor-base); |
|
|
|
|
|
|
|
opacity: .9; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
& > * { |
|
|
|
|
|
|
|
opacity: 1; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |
|
|
|