fix(ui): add warning for http nextcloud url in https daemon (#312)

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [2.7.0 - 2024-07-0x]
+
+### Fixed
+
+- Nextcloud URL state warning in the Register daemon form for HTTPS configuration. #312
+
 ## [2.6.0 - 2024-05-10]
 
 ### Added

appinfo/info.xml

@@ -43,7 +43,7 @@ to join us in shaping a more versatile, stable, and secure app landscape.
 *Your insights, suggestions, and contributions are invaluable to us.*
 
 	]]></description>
-	<version>2.6.0</version>
+	<version>2.7.0</version>
 	<licence>agpl</licence>
 	<author mail="[email protected]" homepage="https://github.com/andrey18106">Andrey Borysenko</author>
 	<author mail="[email protected]" homepage="https://github.com/bigcat88">Alexander Piskun</author>

src/components/DaemonConfig/RegisterDaemonConfigModal.vue

@@ -57,7 +57,10 @@
 						<label for="nextcloud-url">{{ t('app_api', 'Nextcloud URL') }}</label>
 						<NcInputField
 							id="nextcloud-url"
+							:helper-text="isNextcloudUrlSafeHelpText"
+							:input-class="!isNextcloudUrlSafe ? 'text-warning' : ''"
 							:value.sync="nextcloud_url"
+							style="max-width: 70%;"
 							:placeholder="t('app_api', 'Nextcloud URL')"
 							:aria-label="t('app_api', 'Nextcloud URL')" />
 					</div>
@@ -356,6 +359,15 @@ export default {
 		isAdditionalOptionValid() {
 			return this.additionalOption.key.trim() !== '' && this.additionalOption.value.trim() !== ''
 		},
+		isNextcloudUrlSafe() {
+			if (this.httpsEnabled) {
+				return this.nextcloud_url.startsWith('https://')
+			}
+			return this.nextcloud_url.startsWith('http://') || this.nextcloud_url.startsWith('https://')
+		},
+		isNextcloudUrlSafeHelpText() {
+			return this.isNextcloudUrlSafe ? '' : t('app_api', 'For HTTPS daemon, Nextcloud URL should be HTTPS')
+		},
 	},
 	watch: {
 		configurationTab(newConfigurationTab) {
@@ -542,3 +554,12 @@ export default {
 	}
 }
 </style>
+
+<style lang="scss">
+.register-daemon-config-body {
+	.input-field__input.text-warning {
+		border-color: var(--color-warning-text) !important;
+		color: var(--color-warning-text) !important;
+	}
+}
+</style>