"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "components/http/Authorization.vue" between
hoppscotch-2.0.0.tar.gz and hoppscotch-2.1.0.tar.gz

About: Hoppscotch is a light-weight, web based API development suite.

Authorization.vue  (hoppscotch-2.0.0):Authorization.vue  (hoppscotch-2.1.0)
skipping to change at line 84 skipping to change at line 84
class="px-2" class="px-2"
@change="authActive = !authActive" @change="authActive = !authActive"
> >
{{ $t("state.enabled") }} {{ $t("state.enabled") }}
</SmartToggle> </SmartToggle>
<ButtonSecondary <ButtonSecondary
v-tippy="{ theme: 'tooltip' }" v-tippy="{ theme: 'tooltip' }"
to="https://docs.hoppscotch.io/features/authorization" to="https://docs.hoppscotch.io/features/authorization"
blank blank
:title="$t('app.wiki')" :title="$t('app.wiki')"
icon="help_outline" svg="help-circle"
/> />
<ButtonSecondary <ButtonSecondary
v-tippy="{ theme: 'tooltip' }" v-tippy="{ theme: 'tooltip' }"
:title="$t('action.clear')" :title="$t('action.clear')"
icon="clear_all" svg="trash-2"
@click.native="clearContent" @click.native="clearContent"
/> />
</div> </div>
</div> </div>
<div <div
v-if="authType === 'none'" v-if="authType === 'none'"
class="flex flex-col text-secondaryLight p-4 items-center justify-center" class="flex flex-col text-secondaryLight p-4 items-center justify-center"
> >
<img
:src="`/images/states/${$colorMode.value}/login.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
/>
<span class="text-center pb-4"> <span class="text-center pb-4">
{{ $t("empty.authorization") }} {{ $t("empty.authorization") }}
</span> </span>
<ButtonSecondary <ButtonSecondary
outline outline
:label="$t('action.learn_more')" :label="$t('app.documentation')"
to="https://docs.hoppscotch.io" to="https://docs.hoppscotch.io"
blank blank
icon="open_in_new" svg="external-link"
reverse reverse
/> />
</div> </div>
<div v-if="authType === 'basic'" class="border-b border-dividerLight flex"> <div v-if="authType === 'basic'" class="border-b border-dividerLight flex">
<div class="border-r border-dividerLight w-2/3"> <div class="border-r border-dividerLight w-2/3">
<div <div class="border-b border-dividerLight flex">
class="divide-x divide-dividerLight border-b border-dividerLight flex"
>
<SmartEnvInput <SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="basicUsername"
class="bg-transparent flex flex-1 py-1 px-4"
:placeholder="$t('authorization.username')"
/>
<input
v-else
id="http_basic_user"
v-model="basicUsername" v-model="basicUsername"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('authorization.username')" :placeholder="$t('authorization.username')"
name="http_basic_user" styles="bg-transparent flex flex-1 py-1 px-4"
/> />
</div> </div>
<div <div class="border-b border-dividerLight flex">
class="divide-x divide-dividerLight border-b border-dividerLight flex"
>
<SmartEnvInput <SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="basicPassword" v-model="basicPassword"
class="bg-transparent flex flex-1 py-1 px-4"
:placeholder="$t('authorization.password')" :placeholder="$t('authorization.password')"
styles="bg-transparent flex flex-1 py-1 px-4"
/> />
<input
v-else
id="http_basic_passwd"
v-model="basicPassword"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('authorization.password')"
name="http_basic_passwd"
:type="passwordFieldType"
/>
<span>
<ButtonSecondary
:icon="
passwordFieldType === 'text' ? 'visibility' : 'visibility_off'
"
@click.native="switchVisibility"
/>
</span>
</div> </div>
</div> </div>
<div <div
class=" class="
bg-primary bg-primary
h-full h-full
top-upperTertiaryStickyFold top-upperTertiaryStickyFold
min-w-46 min-w-46
max-w-1/3 max-w-1/3
p-4 p-4
skipping to change at line 186 skipping to change at line 160
class="link" class="link"
:label="`${$t('authorization.learn')} \xA0 →`" :label="`${$t('authorization.learn')} \xA0 →`"
to="https://docs.hoppscotch.io/" to="https://docs.hoppscotch.io/"
blank blank
/> />
</div> </div>
</div> </div>
</div> </div>
<div v-if="authType === 'bearer'" class="border-b border-dividerLight flex"> <div v-if="authType === 'bearer'" class="border-b border-dividerLight flex">
<div class="border-r border-dividerLight w-2/3"> <div class="border-r border-dividerLight w-2/3">
<div <div class="border-b border-dividerLight flex">
class="divide-x divide-dividerLight border-b border-dividerLight flex"
>
<SmartEnvInput <SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="bearerToken" v-model="bearerToken"
class="bg-transparent flex flex-1 py-1 px-4"
placeholder="Token" placeholder="Token"
/> styles="bg-transparent flex flex-1 py-1 px-4"
<input
v-else
id="bearer_token"
v-model="bearerToken"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Token"
name="bearer_token"
/> />
</div> </div>
</div> </div>
<div <div
class=" class="
bg-primary bg-primary
h-full h-full
top-upperTertiaryStickyFold top-upperTertiaryStickyFold
min-w-46 min-w-46
max-w-1/3 max-w-1/3
skipping to change at line 236 skipping to change at line 199
blank blank
/> />
</div> </div>
</div> </div>
</div> </div>
<div <div
v-if="authType === 'oauth-2'" v-if="authType === 'oauth-2'"
class="border-b border-dividerLight flex" class="border-b border-dividerLight flex"
> >
<div class="border-r border-dividerLight w-2/3"> <div class="border-r border-dividerLight w-2/3">
<div <div class="border-b border-dividerLight flex">
class="divide-x divide-dividerLight border-b border-dividerLight flex"
>
<SmartEnvInput <SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="oauth2Token"
class="bg-transparent flex flex-1 py-1 px-4"
placeholder="Token"
/>
<input
v-else
id="oauth2_token"
v-model="oauth2Token" v-model="oauth2Token"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Token" placeholder="Token"
name="oauth2_token" styles="bg-transparent flex flex-1 py-1 px-4"
/> />
</div> </div>
<HttpOAuth2Authorization /> <HttpOAuth2Authorization />
</div> </div>
<div <div
class=" class="
bg-primary bg-primary
h-full h-full
top-upperTertiaryStickyFold top-upperTertiaryStickyFold
min-w-46 min-w-46
skipping to change at line 286 skipping to change at line 238
to="https://docs.hoppscotch.io/" to="https://docs.hoppscotch.io/"
blank blank
/> />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, Ref, ref } from "@nuxtjs/composition-api" import { computed, defineComponent, Ref } from "@nuxtjs/composition-api"
import { import {
HoppRESTAuthBasic, HoppRESTAuthBasic,
HoppRESTAuthBearer, HoppRESTAuthBearer,
HoppRESTAuthOAuth2, HoppRESTAuthOAuth2,
} from "~/helpers/types/HoppRESTAuth" } from "~/helpers/types/HoppRESTAuth"
import { pluckRef, useStream } from "~/helpers/utils/composables" import { pluckRef, useStream } from "~/helpers/utils/composables"
import { restAuth$, setRESTAuth } from "~/newstore/RESTSession" import { restAuth$, setRESTAuth } from "~/newstore/RESTSession"
import { useSetting } from "~/newstore/settings" import { useSetting } from "~/newstore/settings"
export default defineComponent({ export default defineComponent({
skipping to change at line 322 skipping to change at line 274
const basicUsername = pluckRef(auth as Ref<HoppRESTAuthBasic>, "username") const basicUsername = pluckRef(auth as Ref<HoppRESTAuthBasic>, "username")
const basicPassword = pluckRef(auth as Ref<HoppRESTAuthBasic>, "password") const basicPassword = pluckRef(auth as Ref<HoppRESTAuthBasic>, "password")
const bearerToken = pluckRef(auth as Ref<HoppRESTAuthBearer>, "token") const bearerToken = pluckRef(auth as Ref<HoppRESTAuthBearer>, "token")
const oauth2Token = pluckRef(auth as Ref<HoppRESTAuthOAuth2>, "token") const oauth2Token = pluckRef(auth as Ref<HoppRESTAuthOAuth2>, "token")
const URLExcludes = useSetting("URL_EXCLUDES") const URLExcludes = useSetting("URL_EXCLUDES")
const passwordFieldType = ref("password")
const clearContent = () => { const clearContent = () => {
auth.value = { auth.value = {
authType: "none", authType: "none",
authActive: true, authActive: true,
} }
} }
const switchVisibility = () => {
if (passwordFieldType.value === "text")
passwordFieldType.value = "password"
else passwordFieldType.value = "text"
}
return { return {
auth, auth,
authType, authType,
authName, authName,
authActive, authActive,
basicUsername, basicUsername,
basicPassword, basicPassword,
bearerToken, bearerToken,
oauth2Token, oauth2Token,
URLExcludes, URLExcludes,
passwordFieldType,
clearContent, clearContent,
switchVisibility,
EXPERIMENTAL_URL_BAR_ENABLED: useSetting("EXPERIMENTAL_URL_BAR_ENABLED"),
} }
}, },
}) })
</script> </script>
 End of changes. 27 change blocks. 
77 lines changed or deleted 18 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)