sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor: update form components names

Browse Source
This commit is contained in:
woothu
2019-10-17 09:43:40 +02:00
parent 767a39d904
commit 0892b8cc2a
7 changed files with 104 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Forms.vue
+89 -89
View File
@@ -19,7 +19,7 @@
<CCardBody> <CCardBody>
<CRow> <CRow>
<CCol sm="12"> <CCol sm="12">
<CFormInput <CInput
label="Name" label="Name"
placeholder="Enter your name" placeholder="Enter your name"
/> />
@@ -27,7 +27,7 @@
</CRow> </CRow>
<CRow> <CRow>
<CCol sm="12"> <CCol sm="12">
<CFormInput <CInput
label="Credit Card Number" label="Credit Card Number"
placeholder="0000 0000 0000 0000" placeholder="0000 0000 0000 0000"
/> />
@@ -35,19 +35,19 @@
</CRow> </CRow>
<CRow> <CRow>
<CCol sm="4"> <CCol sm="4">
<CFormSelect <CSelect
label="Month" label="Month"
:options="[1,2,3,4,5,6,7,8,9,10,11,12]" :options="[1,2,3,4,5,6,7,8,9,10,11,12]"
/> />
</CCol> </CCol>
<CCol sm="4"> <CCol sm="4">
<CFormSelect <CSelect
label="Year" label="Year"
:options="[2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025]" :options="[2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025]"
/> />
</CCol> </CCol>
<CCol sm="4"> <CCol sm="4">
<CFormInput <CInput
label="CVV/CVC" label="CVV/CVC"
placeholder="123" placeholder="123"
/> />
@@ -62,33 +62,33 @@
<strong>Company </strong><small>Form</small> <strong>Company </strong><small>Form</small>
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CFormInput <CInput
label="Company" label="Company"
placeholder="Enter your company name" placeholder="Enter your company name"
/> />
<CFormInput <CInput
label="VAT" label="VAT"
placeholder="PL1234567890" placeholder="PL1234567890"
/> />
<CFormInput <CInput
label="Street" label="Street"
placeholder="Enter street name" placeholder="Enter street name"
/> />
<CRow> <CRow>
<CCol sm="8"> <CCol sm="8">
<CFormInput <CInput
label="City" label="City"
placeholder="Enter your city" placeholder="Enter your city"
/> />
</CCol> </CCol>
<CCol sm="4"> <CCol sm="4">
<CFormInput <CInput
label="Postal code" label="Postal code"
placeholder="Postal code" placeholder="Postal code"
/> />
</CCol> </CCol>
</CRow> </CRow>
<CFormInput <CInput
label="Country" label="Country"
placeholder="Country name" placeholder="Country name"
/> />
@@ -104,30 +104,30 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm> <CForm>
<CFormInput <CInput
description="Let us know your full name." description="Let us know your full name."
label="Enter your name" label="Enter your name"
horizontal horizontal
autocomplete="name" autocomplete="name"
/> />
<CFormInput <CInput
label="Static" label="Static"
value="Username" value="Username"
horizontal horizontal
plaintext plaintext
/> />
<CFormInput <CInput
label="Text input" label="Text input"
description="This is a help text" description="This is a help text"
placeholder="Text" placeholder="Text"
horizontal horizontal
/> />
<CFormInput <CInput
label="Date" label="Date"
type="date" type="date"
horizontal horizontal
/> />
<CFormInput <CInput
label="Email input" label="Email input"
description="Please enter your email" description="Please enter your email"
placeholder="Enter your email" placeholder="Enter your email"
@@ -135,7 +135,7 @@
horizontal horizontal
autocomplete="email" autocomplete="email"
/> />
<CFormInput <CInput
label="Password Input" label="Password Input"
description="Please enter a complex password" description="Please enter a complex password"
placeholder="Enter your password" placeholder="Enter your password"
@@ -143,26 +143,26 @@
horizontal horizontal
autocomplete="current-password" autocomplete="current-password"
/> />
<CFormInput <CInput
label="Disabled Input" label="Disabled Input"
placeholder="Disabled" placeholder="Disabled"
horizontal horizontal
disabled disabled
/> />
<CFormInput <CInput
label="Textarea" label="Textarea"
placeholder="Content..." placeholder="Content..."
horizontal horizontal
textarea="true" textarea="true"
rows="9" rows="9"
/> />
<CFormSelect <CSelect
label="Select" label="Select"
horizontal horizontal
:options="options" :options="options"
placeholder="Please select" placeholder="Please select"
/> />
<CFormSelect <CSelect
label="Large select" label="Large select"
size="lg" size="lg"
horizontal horizontal
@@ -170,14 +170,14 @@
:options="selectOptions" :options="selectOptions"
placeholder="Please select" placeholder="Please select"
/> />
<CFormSelect <CSelect
label="Small select" label="Small select"
size="sm" size="sm"
horizontal horizontal
:options="options" :options="options"
placeholder="Please select" placeholder="Please select"
/> />
<CFormSelect <CSelect
label="Select" label="Select"
horizontal horizontal
:options="options" :options="options"
@@ -190,7 +190,7 @@
{{name}} {{name}}
</CCol> </CCol>
<CCol sm="9" :class="key % 2 === 1 ? 'form-inline' : ''"> <CCol sm="9" :class="key % 2 === 1 ? 'form-inline' : ''">
<CFormCheckbox <CInputCheckbox
v-for="option in options" v-for="option in options"
:key="option" :key="option"
:label="option" :label="option"
@@ -209,7 +209,7 @@
{{name}} {{name}}
</CCol> </CCol>
<CCol sm="9" :class="key % 2 === 1 ? 'form-inline' : ''"> <CCol sm="9" :class="key % 2 === 1 ? 'form-inline' : ''">
<CFormRadio <CInputRadio
v-for="(option, optionIndex) in options" v-for="(option, optionIndex) in options"
:key="option" :key="option"
:label="option" :label="option"
@@ -223,21 +223,21 @@
</CCol> </CCol>
</div> </div>
</template> </template>
<CFormFile <CInputFile
label="File input" label="File input"
horizontal horizontal
/> />
<CFormFile <CInputFile
label="Multiple file input" label="Multiple file input"
horizontal horizontal
multiple multiple
/> />
<CFormFile <CInputFile
label="File custom input" label="File custom input"
horizontal horizontal
custom custom
/> />
<CFormFile <CInputFile
label="Multiple file custom input" label="Multiple file custom input"
horizontal horizontal
multiple multiple
@@ -258,22 +258,22 @@
<CCardBody> <CCardBody>
<!-- Bootstrap Vue has some problems with Inline forms that's why we use some standard bootstrap classes --> <!-- Bootstrap Vue has some problems with Inline forms that's why we use some standard bootstrap classes -->
<CForm inline> <CForm inline>
<CFormInput <CInput
class="mr-2" class="mr-2"
placeholder="Jane Doe" placeholder="Jane Doe"
> >
<template #label> <template #label>
<small>Name:&nbsp;</small> <small>Name:&nbsp;</small>
</template> </template>
</CFormInput> </CInput>
<CFormInput <CInput
placeholder="jane.doe@example.com" placeholder="jane.doe@example.com"
autocomplete="email" autocomplete="email"
> >
<template #label> <template #label>
<small>Email:&nbsp;</small> <small>Email:&nbsp;</small>
</template> </template>
</CFormInput> </CInput>
</CForm> </CForm>
</CCardBody> </CCardBody>
<CCardFooter> <CCardFooter>
@@ -289,7 +289,7 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm> <CForm>
<CFormInput <CInput
type="email" type="email"
description="Please enter your email." description="Please enter your email."
autocomplete="email" autocomplete="email"
@@ -297,7 +297,7 @@
horizontal horizontal
placeholder="Enter Email..." placeholder="Enter Email..."
/> />
<CFormInput <CInput
type="password" type="password"
description="Please enter your password." description="Please enter your password."
autocomplete="current-password" autocomplete="current-password"
@@ -318,7 +318,7 @@
</CCardHeader> </CCardHeader>
<CForm novalidate> <CForm novalidate>
<CCardBody> <CCardBody>
<CFormInput <CInput
type="email" type="email"
description="Please enter your email." description="Please enter your email."
autocomplete="email" autocomplete="email"
@@ -327,7 +327,7 @@
required required
was-validated was-validated
/> />
<CFormInput <CInput
type="password" type="password"
description="Please enter your password." description="Please enter your password."
autocomplete="current-password" autocomplete="current-password"
@@ -350,52 +350,52 @@
<CCardBody> <CCardBody>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="3"> <CCol sm="3">
<CFormInput class="mb-0" placeholder=".col-sm-3"/> <CInput class="mb-0" placeholder=".col-sm-3"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="4"> <CCol sm="4">
<CFormInput class="mb-0" placeholder=".col-sm-4"/> <CInput class="mb-0" placeholder=".col-sm-4"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="5"> <CCol sm="5">
<CFormInput class="mb-0" placeholder=".col-sm-5"/> <CInput class="mb-0" placeholder=".col-sm-5"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="6"> <CCol sm="6">
<CFormInput class="mb-0" placeholder=".col-sm-6"/> <CInput class="mb-0" placeholder=".col-sm-6"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="7"> <CCol sm="7">
<CFormInput class="mb-0" placeholder=".col-sm-7"/> <CInput class="mb-0" placeholder=".col-sm-7"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="8"> <CCol sm="8">
<CFormInput class="mb-0" placeholder=".col-sm-8"/> <CInput class="mb-0" placeholder=".col-sm-8"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="9"> <CCol sm="9">
<CFormInput class="mb-0" placeholder=".col-sm-9"/> <CInput class="mb-0" placeholder=".col-sm-9"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="10"> <CCol sm="10">
<CFormInput class="mb-0" placeholder=".col-sm-10"/> <CInput class="mb-0" placeholder=".col-sm-10"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="11"> <CCol sm="11">
<CFormInput class="mb-0" placeholder=".col-sm-11"/> <CInput class="mb-0" placeholder=".col-sm-11"/>
</CCol> </CCol>
</CRow> </CRow>
<CRow class="form-group"> <CRow class="form-group">
<CCol sm="12"> <CCol sm="12">
<CFormInput class="mb-0" placeholder=".col-sm-12"/> <CInput class="mb-0" placeholder=".col-sm-12"/>
</CCol> </CCol>
</CRow> </CRow>
</CCardBody> </CCardBody>
@@ -409,18 +409,18 @@
Input <strong>Sizes</strong> Input <strong>Sizes</strong>
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CFormInput <CInput
label="Small input" label="Small input"
size="sm" size="sm"
horizontal horizontal
placeholder="size='sm'" placeholder="size='sm'"
/> />
<CFormInput <CInput
label="Default input" label="Default input"
horizontal horizontal
placeholder="normal" placeholder="normal"
/> />
<CFormInput <CInput
label="Large input" label="Large input"
size="lg" size="lg"
horizontal horizontal
@@ -443,11 +443,11 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm validated novalidate> <CForm validated novalidate>
<CFormInput <CInput
label="Input is valid" label="Input is valid"
valid-feedback="Input is not required." valid-feedback="Input is not required."
/> />
<CFormInput <CInput
label="Input is invalid" label="Input is invalid"
required required
valid-feedback="Thank you :)" valid-feedback="Thank you :)"
@@ -464,14 +464,14 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm> <CForm>
<CFormInput <CInput
label="Input is valid" label="Input is valid"
valid-feedback="Input is valid." valid-feedback="Input is valid."
invalid-feedback="Please provide at least 4 characters." invalid-feedback="Please provide at least 4 characters."
value="Valid value" value="Valid value"
:is-valid="validator" :is-valid="validator"
/> />
<CFormInput <CInput
label="Input is invalid" label="Input is invalid"
valid-feedback="Thank you :)" valid-feedback="Thank you :)"
invalid-feedback="Please provide at least 4 characters." invalid-feedback="Please provide at least 4 characters."
@@ -489,17 +489,17 @@
<strong>Icon/Text</strong> Groups <strong>Icon/Text</strong> Groups
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CFormInput <CInput
placeholder="Username" placeholder="Username"
prependHtml="<i class='cui-user'></i>" prependHtml="<i class='cui-user'></i>"
/> />
<CFormInput <CInput
type="email" type="email"
placeholder="Email" placeholder="Email"
autocomplete="email" autocomplete="email"
append-html="<i class='cui-envelope-open'></i>" append-html="<i class='cui-envelope-open'></i>"
/> />
<CFormInput <CInput
prependHtml="<i class='cui-euro'></i>" prependHtml="<i class='cui-euro'></i>"
placeholder="ex. $1.000.000" placeholder="ex. $1.000.000"
append-html=".00" append-html=".00"
@@ -517,14 +517,14 @@
<strong>Buttons</strong> Groups <strong>Buttons</strong> Groups
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CFormInput placeholder="Username"> <CInput placeholder="Username">
<template #prepend> <template #prepend>
<CButton color="primary"> <CButton color="primary">
<i class="cui-magnifying-glass"></i> Search <i class="cui-magnifying-glass"></i> Search
</CButton> </CButton>
</template> </template>
</CFormInput> </CInput>
<CFormInput <CInput
type="email" type="email"
placeholder="Email" placeholder="Email"
autocomplete="email" autocomplete="email"
@@ -532,8 +532,8 @@
<template #append> <template #append>
<CButton type="submit" color="primary">Submit</CButton> <CButton type="submit" color="primary">Submit</CButton>
</template> </template>
</CFormInput> </CInput>
<CFormInput <CInput
type="email" type="email"
placeholder="Email" placeholder="Email"
autocomplete="email" autocomplete="email"
@@ -544,7 +544,7 @@
<template #append> <template #append>
<CButton color="primary"><CIcon name="twitter" height="14"/></CButton> <CButton color="primary"><CIcon name="twitter" height="14"/></CButton>
</template> </template>
</CFormInput> </CInput>
</CCardBody> </CCardBody>
<CCardFooter> <CCardFooter>
<CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton> <CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton>
@@ -558,7 +558,7 @@
<strong>Dropdowns</strong> Groups <strong>Dropdowns</strong> Groups
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CFormInput placeholder="Username"> <CInput placeholder="Username">
<template #prepend> <template #prepend>
<CDropdown <CDropdown
togglerText="Action" togglerText="Action"
@@ -570,8 +570,8 @@
<CDropdownItem disabled>Disabled action</CDropdownItem> <CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdown> </CDropdown>
</template> </template>
</CFormInput> </CInput>
<CFormInput <CInput
type="email" type="email"
placeholder="Email" placeholder="Email"
autocomplete="email" autocomplete="email"
@@ -588,8 +588,8 @@
<CDropdownItem disabled>Disabled action</CDropdownItem> <CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdown> </CDropdown>
</template> </template>
</CFormInput> </CInput>
<CFormInput placeholder="..."> <CInput placeholder="...">
<template #prepend> <template #prepend>
<CDropdown <CDropdown
@@ -617,7 +617,7 @@
</CDropdown> </CDropdown>
</template> </template>
</CFormInput> </CInput>
</CCardBody> </CCardBody>
<CCardFooter> <CCardFooter>
<CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton> <CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton>
@@ -639,10 +639,10 @@
:key="key" :key="key"
> >
<CCol :col="12 - number"> <CCol :col="12 - number">
<CFormInput class="mb-0" :placeholder="`.col-md-${12 - number}`"/> <CInput class="mb-0" :placeholder="`.col-md-${12 - number}`"/>
</CCol> </CCol>
<CCol :col="number"> <CCol :col="number">
<CFormInput class="mb-0" :placeholder="`.col-md-${number}`"/> <CInput class="mb-0" :placeholder="`.col-md-${number}`"/>
</CCol> </CCol>
</CRow> </CRow>
</CCardBody> </CCardBody>
@@ -667,10 +667,10 @@
:key="key" :key="key"
> >
<CCol :col="number"> <CCol :col="number">
<CFormInput class="mb-0" :placeholder="`.col-${number}`"/> <CInput class="mb-0" :placeholder="`.col-${number}`"/>
</CCol> </CCol>
<CCol :col="12 - number"> <CCol :col="12 - number">
<CFormInput class="mb-0" :placeholder="`.col-${12 - number}`"/> <CInput class="mb-0" :placeholder="`.col-${12 - number}`"/>
</CCol> </CCol>
</CRow> </CRow>
</CCardBody> </CCardBody>
@@ -692,17 +692,17 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm> <CForm>
<CFormInput <CInput
prepend-html="Username" prepend-html="Username"
append-html="<i class='cui-user'></i>" append-html="<i class='cui-user'></i>"
/> />
<CFormInput <CInput
prepend-html="Email" prepend-html="Email"
type="email" type="email"
autocomplete="email" autocomplete="email"
append-html="<i class='cui-envelope-closed'></i>" append-html="<i class='cui-envelope-closed'></i>"
/> />
<CFormInput <CInput
prepend-html="Password" prepend-html="Password"
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
@@ -724,17 +724,17 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm> <CForm>
<CFormInput <CInput
placeholder="Username" placeholder="Username"
append-html="<i class='cui-user'></i>" append-html="<i class='cui-user'></i>"
/> />
<CFormInput <CInput
placeholder="Email" placeholder="Email"
type="email" type="email"
autocomplete="email" autocomplete="email"
append-html="<i class='cui-envelope-closed'></i>" append-html="<i class='cui-envelope-closed'></i>"
/> />
<CFormInput <CInput
placeholder="Password" placeholder="Password"
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
@@ -756,17 +756,17 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CForm> <CForm>
<CFormInput <CInput
placeholder="Username" placeholder="Username"
prependHtml="<i class='cui-user'></i>" prependHtml="<i class='cui-user'></i>"
/> />
<CFormInput <CInput
placeholder="Email" placeholder="Email"
type="email" type="email"
autocomplete="email" autocomplete="email"
prependHtml="<i class='cui-envelope-closed'></i>" prependHtml="<i class='cui-envelope-closed'></i>"
/> />
<CFormInput <CInput
placeholder="Password" placeholder="Password"
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
@@ -805,38 +805,38 @@
</CCardHeader> </CCardHeader>
<CCollapse :show="formCollapsed"> <CCollapse :show="formCollapsed">
<CCardBody> <CCardBody>
<CFormInput <CInput
label="Prepended text" label="Prepended text"
prepend-html="@" prepend-html="@"
description="Here's some help text" description="Here's some help text"
type="email" type="email"
autocomplete="email" autocomplete="email"
/> />
<CFormInput <CInput
label="Appended text" label="Appended text"
append-html=".00" append-html=".00"
description="Here's some help text" description="Here's some help text"
/> />
<CFormInput <CInput
label="Appended and prepended text" label="Appended and prepended text"
prepend-html="$" prepend-html="$"
append-html=".00" append-html=".00"
description="Here's some help text" description="Here's some help text"
/> />
<CFormInput <CInput
label="Append with button" label="Append with button"
description="Here's some help text" description="Here's some help text"
> >
<template #append> <template #append>
<CButton color="primary">Go!</CButton> <CButton color="primary">Go!</CButton>
</template> </template>
</CFormInput> </CInput>
<CFormInput label="Two-buttons append"> <CInput label="Two-buttons append">
<template #append> <template #append>
<CButton color="primary">Search</CButton> <CButton color="primary">Search</CButton>
<CButton color="danger">Options</CButton> <CButton color="danger">Options</CButton>
</template> </template>
</CFormInput> </CInput>
<div class="form-actions"> <div class="form-actions">
<CButton type="submit" color="primary">Save changes</CButton> <CButton type="submit" color="primary">Save changes</CButton>
<CButton color="secondary">Cancel</CButton> <CButton color="secondary">Cancel</CButton>
src/views/base/Navbars.vue
+3 -3
View File
@@ -31,7 +31,7 @@
<!-- Right aligned nav items --> <!-- Right aligned nav items -->
<CNavbarNav class="ml-auto"> <CNavbarNav class="ml-auto">
<CForm inline> <CForm inline>
<CFormInput <CInput
class="mr-sm-2" class="mr-sm-2"
placeholder="Search" placeholder="Search"
size="sm" size="sm"
@@ -141,7 +141,7 @@
<CCardBody> <CCardBody>
<CNavbar light color="light"> <CNavbar light color="light">
<CForm inline> <CForm inline>
<CFormInput <CInput
class="mr-sm-2" class="mr-sm-2"
placeholder="Search" placeholder="Search"
size="sm" size="sm"
@@ -159,7 +159,7 @@
<CCardBody> <CCardBody>
<CNavbar light color="light"> <CNavbar light color="light">
<CForm inline> <CForm inline>
<CFormInput <CInput
class="mr-sm-2" class="mr-sm-2"
placeholder="Username" placeholder="Username"
/> />
src/views/buttons/ButtonGroups.vue
+2 -2
View File
@@ -149,14 +149,14 @@
<CButton color="secondary">New</CButton> <CButton color="secondary">New</CButton>
<CButton color="secondary">Edit</CButton> <CButton color="secondary">Edit</CButton>
</CButtonGroup> </CButtonGroup>
<CFormInput <CInput
class="mb-0 w-25 mx-1" class="mb-0 w-25 mx-1"
size="sm" size="sm"
prepend-html="$" prepend-html="$"
append-html=".00" append-html=".00"
value="100" value="100"
/> />
<CFormSelect <CSelect
class="mb-0 w-25 mx-1" class="mb-0 w-25 mx-1"
size="sm" size="sm"
prepend-html="Size" prepend-html="Size"
src/views/pages/Login.vue
+2 -2
View File
@@ -8,12 +8,12 @@
<CForm> <CForm>
<h1>Login</h1> <h1>Login</h1>
<p class="text-muted">Sign In to your account</p> <p class="text-muted">Sign In to your account</p>
<CFormInput <CInput
prependHtml="<i class='cui-user'></i>" prependHtml="<i class='cui-user'></i>"
placeholder="Username" placeholder="Username"
autocomplete="username email" autocomplete="username email"
/> />
<CFormInput <CInput
prependHtml="<i class='cui-lock-locked'></i>" prependHtml="<i class='cui-lock-locked'></i>"
placeholder="Password" placeholder="Password"
type="password" type="password"
src/views/pages/Page404.vue
+2 -2
View File
@@ -8,7 +8,7 @@
<h4 class="pt-3">Oops! You're lost.</h4> <h4 class="pt-3">Oops! You're lost.</h4>
<p class="text-muted">The page you are looking for was not found.</p> <p class="text-muted">The page you are looking for was not found.</p>
</div> </div>
<CFormInput <CInput
class="mb-0" class="mb-0"
prependHtml="<i class='cui-magnifying-glass'></i>" prependHtml="<i class='cui-magnifying-glass'></i>"
placeholder="What are you looking for?" placeholder="What are you looking for?"
@@ -16,7 +16,7 @@
<template #append> <template #append>
<CButton color="info">Search</CButton> <CButton color="info">Search</CButton>
</template> </template>
</CFormInput> </CInput>
</div> </div>
</CCol> </CCol>
</CRow> </CRow>
src/views/pages/Page500.vue
+2 -2
View File
@@ -7,7 +7,7 @@
<h4 class="pt-3">Houston, we have a problem!</h4> <h4 class="pt-3">Houston, we have a problem!</h4>
<p class="text-muted">The page you are looking for is temporarily unavailable.</p> <p class="text-muted">The page you are looking for is temporarily unavailable.</p>
</div> </div>
<CFormInput <CInput
class="mb-0" class="mb-0"
prependHtml="<i class='cui-magnifying-glass'></i>" prependHtml="<i class='cui-magnifying-glass'></i>"
placeholder="What are you looking for?" placeholder="What are you looking for?"
@@ -15,7 +15,7 @@
<template #append> <template #append>
<CButton color="info">Search</CButton> <CButton color="info">Search</CButton>
</template> </template>
</CFormInput> </CInput>
</CCol> </CCol>
</CRow> </CRow>
</CContainer> </CContainer>
src/views/pages/Register.vue
+4 -4
View File
@@ -7,23 +7,23 @@
<CForm> <CForm>
<h1>Register</h1> <h1>Register</h1>
<p class="text-muted">Create your account</p> <p class="text-muted">Create your account</p>
<CFormInput <CInput
placeholder="Username" placeholder="Username"
prependHtml="<i class='cui-user'></i>" prependHtml="<i class='cui-user'></i>"
autocomplete="username" autocomplete="username"
/> />
<CFormInput <CInput
placeholder="Email" placeholder="Email"
prepend-html="@" prepend-html="@"
autocomplete="email" autocomplete="email"
/> />
<CFormInput <CInput
placeholder="Password" placeholder="Password"
type="password" type="password"
prependHtml="<i class='cui-lock-locked'></i>" prependHtml="<i class='cui-lock-locked'></i>"
autocomplete="new-password" autocomplete="new-password"
/> />
<CFormInput <CInput
placeholder="Repeat password" placeholder="Repeat password"
type="password" type="password"
prependHtml="<i class='cui-lock-locked'></i>" prependHtml="<i class='cui-lock-locked'></i>"