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

refactor: replace font icons with svg icons

Browse Source
This commit is contained in:
woothu
2019-11-08 17:20:56 +01:00
parent 1c7b133ae5
commit bc822612da
67 changed files with 397 additions and 44811 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Forms.vue
+65 -61
View File
@@ -245,8 +245,8 @@
</CForm>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="primary"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="primary"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
<CCard>
@@ -276,8 +276,8 @@
</CForm>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="primary"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="primary"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
</CCol>
@@ -307,8 +307,8 @@
</CForm>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="primary"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="primary"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
<CCard>
@@ -337,8 +337,8 @@
/>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="primary"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="primary"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CForm>
</CCard>
@@ -399,8 +399,8 @@
</CRow>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="primary"><i class="cui-user"></i> Login</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="primary"><CIcon name="user"/> Login</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
<CCard>
@@ -427,8 +427,8 @@
/>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="primary"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="primary"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
</CCol>
@@ -488,25 +488,26 @@
<strong>Icon/Text</strong> Groups
</CCardHeader>
<CCardBody>
<CInput
placeholder="Username"
prependHtml="<i class='cui-user'></i>"
/>
<CInput placeholder="Username">
<template #prepend-content><CIcon name="user"/></template>
</CInput>
<CInput
type="email"
placeholder="Email"
autocomplete="email"
append-html="<i class='cui-envelope-open'></i>"
/>
>
<template #append-content><CIcon name="envelope-open"/></template>
</CInput>
<CInput
prependHtml="<i class='cui-euro'></i>"
placeholder="ex. $1.000.000"
append-html=".00"
/>
append=".00"
>
<template #prepend-content><CIcon name="euro"/></template>
</CInput>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="success"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
</CCol>
@@ -519,7 +520,7 @@
<CInput placeholder="Username">
<template #prepend>
<CButton color="primary">
<i class="cui-magnifying-glass"></i> Search
<CIcon name="magnifying-glass"/> Search
</CButton>
</template>
</CInput>
@@ -546,8 +547,8 @@
</CInput>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="success"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
</CCol>
@@ -619,8 +620,8 @@
</CInput>
</CCardBody>
<CCardFooter>
<CButton type="submit" size="sm" color="success"><i class="cui-circle-check"></i> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><i class="cui-ban"></i> Reset</CButton>
<CButton type="submit" size="sm" color="success"><CIcon name="circle-check"/> Submit</CButton>
<CButton type="reset" size="sm" color="danger"><CIcon name="ban"/> Reset</CButton>
</CCardFooter>
</CCard>
</CCol>
@@ -691,22 +692,23 @@
</CCardHeader>
<CCardBody>
<CForm>
<CInput prepend="Username">
<template #append-content><CIcon name="user"/></template>
</CInput>
<CInput
prepend-html="Username"
append-html="<i class='cui-user'></i>"
/>
<CInput
prepend-html="Email"
type="email"
autocomplete="email"
append-html="<i class='cui-envelope-closed'></i>"
/>
prepend="Email"
>
<template #append-content><CIcon name="envelope-closed"/></template>
</CInput>
<CInput
prepend-html="Password"
type="password"
autocomplete="current-password"
append-html="<i class='cui-shield'></i>"
/>
prepend="Password"
>
<template #append-content><CIcon name="shield-alt"/></template>
</CInput>
<div class="form-group form-actions">
<CButton type="submit" size="sm" color="primary">
Submit
@@ -723,22 +725,23 @@
</CCardHeader>
<CCardBody>
<CForm>
<CInput
placeholder="Username"
append-html="<i class='cui-user'></i>"
/>
<CInput placeholder="Username">
<template #append-content><CIcon name="user"/></template>
</CInput>
<CInput
placeholder="Email"
type="email"
autocomplete="email"
append-html="<i class='cui-envelope-closed'></i>"
/>
>
<template #append-content><CIcon name="envelope-closed"/></template>
</CInput>
<CInput
placeholder="Password"
type="password"
autocomplete="current-password"
append-html="<i class='cui-shield'></i>"
/>
>
<template #append-content><CIcon name="shield-alt"/></template>
</CInput>
<div class="form-group form-actions">
<CButton type="submit" class="btn btn-sm btn-secondary">
Submit
@@ -755,22 +758,23 @@
</CCardHeader>
<CCardBody>
<CForm>
<CInput
placeholder="Username"
prependHtml="<i class='cui-user'></i>"
/>
<CInput placeholder="Username">
<template #prepend-content><CIcon name="user"/></template>
</CInput>
<CInput
placeholder="Email"
type="email"
autocomplete="email"
prependHtml="<i class='cui-envelope-closed'></i>"
/>
>
<template #prepend-content><CIcon name="envelope-closed"/></template>
</CInput>
<CInput
placeholder="Password"
type="password"
autocomplete="current-password"
prependHtml="<i class='cui-shield'></i>"
/>
<template #prepend-content><CIcon name="shield-alt"/></template>
</CInput>
<div class="form-group form-actions">
<CButton type="submit" size="sm" color="success">
Submit
@@ -786,19 +790,19 @@
<transition name="fade">
<CCard v-if="show">
<CCardHeader>
<i class="cui-pencil"></i> Form Elements
<CIcon name="pencil"/> Form Elements
<div class="card-header-actions">
<CLink href="#" class="card-header-action btn-setting">
<i class="cui-settings"></i>
<CIcon name="settings"/>
</CLink>
<CLink
class="card-header-action btn-minimize"
@click="formCollapsed=!formCollapsed"
>
<i :class="`cui-chevron-${formCollapsed ? 'bottom' : 'top'}`"></i>
<CIcon :name="`chevron-${formCollapsed ? 'bottom' : 'top'}`"/>
</CLink>
<CLink href="#" class="card-header-action btn-close" v-on:click="show = !show">
<i class="cui-circle-x"></i>
<CIcon name="x-circle"/>
</CLink>
</div>
</CCardHeader>
@@ -806,21 +810,21 @@
<CCardBody>
<CInput
label="Prepended text"
prepend-html="@"
description="Here's some help text"
type="email"
autocomplete="email"
prepend="@"
/>
<CInput
label="Appended text"
append-html=".00"
append=".00"
description="Here's some help text"
/>
<CInput
label="Appended and prepended text"
prepend-html="$"
append-html=".00"
append=".00"
description="Here's some help text"
prepend="$"
/>
<CInput
label="Append with button"