Replaces "disabled" by "readonly" and Closes #2241

packages/rocketchat-integrations/client/views/integrationsIncoming.html

@@ -24,7 +24,7 @@
 							<label>{{_ "Post_as"}}</label>
 							<div>
 								{{#if data.token}}
-									<input type="text" name="username" value="{{data.username}}" disabled="disabled" />
+									<input type="text" name="username" value="{{data.username}}" readonly="readonly" />
 								{{else}}
 									<input type="text" name="username" value="{{data.username}}" />
 								{{/if}}
@@ -59,7 +59,7 @@
 							<div class="input-line double-col">
 								<label>Webhook URL</label>
 								<div>
-									<input type="text" name="webhookurl" value="{{data.url}}" disabled="disabled" />
+									<input type="text" name="webhookurl" value="{{data.url}}" readonly="readonly" />
 									<div class="settings-description">{{_ "Send_your_JSON_payloads_to_this_URL"}}</div>
 									<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=webhookurl]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 								</div>
@@ -67,7 +67,7 @@
 							<div class="input-line double-col">
 								<label>Token</label>
 								<div>
-									<input type="text" name="completeToken" value="{{data.completeToken}}" disabled="disabled" />
+									<input type="text" name="completeToken" value="{{data.completeToken}}" readonly="readonly" />
 									<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=completeToken]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 								</div>
 							</div>
@@ -76,7 +76,7 @@
 							<label>{{_ "Example"}}</label>
 							<div>
 								<pre><code class="hljs json json-example">{{{exampleJson}}}</code></pre>
-								<input type="text" name="curl" value="{{curl}}" disabled="disabled" />
+								<input type="text" name="curl" value="{{curl}}" readonly="readonly" />
 								<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=curl]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 							</div>
 						</div>

packages/rocketchat-oauth2-server-config/admin/client/views/oauthApp.html

@@ -30,28 +30,28 @@
 							<div class="input-line double-col">
 								<label>{{_ "Client_ID"}}</label>
 								<div>
-									<input type="text" name="clientId" value="{{data.clientId}}" disabled="disabled" />
+									<input type="text" name="clientId" value="{{data.clientId}}" readonly="readonly" />
 									<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=clientId]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 								</div>
 							</div>
 							<div class="input-line double-col">
 								<label>{{_ "Client_Secret"}}</label>
 								<div>
-									<input type="text" name="clientSecret" value="{{data.clientSecret}}" disabled="disabled" />
+									<input type="text" name="clientSecret" value="{{data.clientSecret}}" readonly="readonly" />
 									<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=clientSecret]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 								</div>
 							</div>
 							<div class="input-line double-col">
 								<label>{{_ "Authorization_URL"}}</label>
 								<div>
-									<input type="text" name="authorization_url" value="{{data.authorization_url}}" disabled="disabled" />
+									<input type="text" name="authorization_url" value="{{data.authorization_url}}" readonly="readonly" />
 									<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=authorization_url]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 								</div>
 							</div>
 							<div class="input-line double-col">
 								<label>{{_ "Access_Token_URL"}}</label>
 								<div>
-									<input type="text" name="access_token_url" value="{{data.access_token_url}}" disabled="disabled" />
+									<input type="text" name="access_token_url" value="{{data.access_token_url}}" readonly="readonly" />
 									<div class="settings-description"><a href="#" class="clipboard" data-clipboard-target="[name=access_token_url]">{{_ "COPY_TO_CLIPBOARD"}}</a></div>
 								</div>
 							</div>

packages/rocketchat-theme/assets/stylesheets/base.less

@@ -500,7 +500,9 @@ form.inline {
 	}
 }
 
+input[readonly],
 input[disabled],
+textarea[readonly],
 textarea[disabled] {
 	background-color: #f4f4f4 !important;
 }

packages/rocketchat-ui-account/account/accountProfile.html

@@ -21,7 +21,7 @@
 						{{#if allowUsernameChange}}
 							<input type="text" name="username" id="username" placeholder="{{username}}" />
 						{{else}}
-							<input type="text" name="username" id="username" placeholder="{{username}}" disabled="disabled" title="{{usernameChangeDisabled}}" />
+							<input type="text" name="username" id="username" placeholder="{{username}}" readonly="readonly" title="{{usernameChangeDisabled}}" />
 						{{/if}}
 						</div>
 					</div>
@@ -31,7 +31,7 @@
 						{{#if allowEmailChange}}
 							<input type="email" name="email" id="email" placeholder="{{email}}" />
 						{{else}}
-							<input type="email" name="email" id="email" placeholder="{{email}}" disabled="disabled" title="{{emailChangeDisabled}}" />
+							<input type="email" name="email" id="email" placeholder="{{email}}" readonly="readonly" title="{{emailChangeDisabled}}" />
 						{{/if}}
 						</div>
 					</div>
@@ -41,7 +41,7 @@
 						{{#if allowPasswordChange}}
 							<input type="password" name="oldPassword" id="oldPassword" />
 						{{else}}
-							<input type="password" name="oldPassword" id="oldPassword" disabled="disabled" title="{{passwordChangeDisabled}}" />
+							<input type="password" name="oldPassword" id="oldPassword" readonly="readonly" title="{{passwordChangeDisabled}}" />
 						{{/if}}
 						</div>
 					</div>
@@ -51,7 +51,7 @@
 						{{#if allowPasswordChange}}
 							<input type="password" name="password" id="password" />
 						{{else}}
-							<input type="password" name="password" id="password" disabled="disabled" title="{{passwordChangeDisabled}}"/>
+							<input type="password" name="password" id="password" readonly="readonly" title="{{passwordChangeDisabled}}"/>
 						{{/if}}
 						</div>
 					</div>