Init

Preview: http://dashboards.webkom.co/react/airframe
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
--- a/app/routes/components/SearchResults/ImagesResultsCard.js
+++ b/app/routes/components/SearchResults/ImagesResultsCard.js
@@ -0,0 +1,91 @@
+import React from 'react';
+import faker from 'faker/locale/en_US';
+
+import { 
+    Card,
+    CardImg,
+    HolderProvider,
+    Media,
+    Avatar,
+    AvatarAddOn,
+    CardFooter,
+    CardBody
+} from './../../../components';
+
+import { randomArray, randomAvatar } from './../../../utilities';
+
+const status = [
+    "danger",
+    "success",
+    "warning",
+    "secondary"
+];
+
+const ImagesResultsCard = () => (
+    <React.Fragment>
+        { /* START Card */}
+        <Card className="mb-3">
+            <HolderProvider.Icon
+                iconChar=""
+                size={ 32 }
+            >
+            <CardImg top />
+            </HolderProvider.Icon>
+            <CardBody>
+                <div className="d-flex mb-3">
+                    <span>
+                        <a className="h6 text-decoration-none" href="#">
+                            { faker.commerce.productName() }
+                        </a>
+                        <br />
+                        <a href="#" className="text-success">
+                            { faker.internet.url() }
+                        </a>
+                    </span>
+                    <a href="#" className="ml-auto">
+                        <i className="fa fa-external-link"></i>
+                    </a>
+                </div>
+                <Media>
+                    <Media left className="align-self-center mr-3">
+                        <Avatar.Image
+                            size="md"
+                            src={ randomAvatar() }
+                            addOns={[
+                                <AvatarAddOn.Icon 
+                                    className="fa fa-circle"
+                                    color="white"
+                                    key="avatar-icon-bg"
+                                />,
+                                <AvatarAddOn.Icon 
+                                    className="fa fa-circle"
+                                    color={ randomArray(status) }
+                                    key="avatar-icon-fg"
+                                />
+                            ]}
+                        /> 
+                    </Media>
+                    <Media body>
+                        <div className="mt-0 d-flex text-inverse">
+                            { faker.name.firstName() } { faker.name.lastName() }
+                        </div>
+                        <span>
+                            { faker.address.state() }, { faker.address.stateAbbr() }
+                        </span>
+                    </Media>
+                </Media>
+            </CardBody>
+            <CardFooter className="bt-0">
+                <span className="mr-3">
+                    <i className="fa fa-eye mr-1"></i> <span className="text-inverse">233</span> 
+                </span>
+                <span>
+                    <i className="fa fa-heart-o mr-1"></i> <span className="text-inverse">98</span> 
+                </span>
+            </CardFooter>
+        </Card>
+        { /* END Card */}
+    </React.Fragment>
+)
+
+export { ImagesResultsCard };