├── _config.yml
├── .browserslistrc
├── babel.config.js
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── assets
    │   ├── logo.png
    │   └── utils.js
    ├── views
    │   ├── About.vue
    │   ├── Home.vue
    │   ├── mlaBook.vue
    │   ├── chicagoWebsite.vue
    │   ├── apaWebsite.vue
    │   ├── mlaWebsite.vue
    │   ├── apaBook.vue
    │   └── chicagoBook.vue
    ├── main.js
    ├── components
    │   ├── HelloWorld.vue
    │   ├── footer.vue
    │   ├── mlaBookForm.vue
    │   ├── chicagoBookForm.vue
    │   ├── chicagoWebsiteForm.vue
    │   ├── apaWebsiteForm.vue
    │   ├── apaBookForm.vue
    │   └── mlaWebsiteForm.vue
    ├── router.js
    ├── App.vue
    ├── background.js
    └── css
    │   └── pure-min.css
├── postcss.config.js
├── readme
    └── Biblio-Feb-03-2019.gif
├── .gitignore
├── .eslintrc.js
├── vue.config.js
├── package.json
├── LICENSE.TXT
└── README.md


/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-cayman


--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not ie <= 8
4 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JoshuaManuel/biblio/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JoshuaManuel/biblio/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     autoprefixer: {}
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/readme/Biblio-Feb-03-2019.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JoshuaManuel/biblio/HEAD/readme/Biblio-Feb-03-2019.gif


--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="about">
3 |     <h1>About:</h1>
4 |     <p>Author: Joshua Manuel</p>
5 |     <p>github.com/JoshuaManuel</p>
6 |   </div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import router from './router'
 4 | 
 5 | Vue.config.productionTip = false
 6 | 
 7 | new Vue({
 8 |   router,
 9 |   render: h => h(App)
10 | }).$mount('#app')
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw*
22 | 
23 | #Electron-builder output
24 | /dist_electron


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     node: true
 5 |   },
 6 |   'extends': [
 7 |     'plugin:vue/essential',
 8 |     'eslint:recommended'
 9 |   ],
10 |   rules: {
11 |     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
12 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
13 |   },
14 |   parserOptions: {
15 |     parser: 'babel-eslint'
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | //vue.config.js
 2 | 
 3 | module.exports = {
 4 |   pluginOptions: {
 5 |     electronBuilder: {
 6 |       builderOptions: {
 7 |         // options placed here will be merged with default configuration and passed to electron-builder
 8 |         "appId": "com.JoshuaManuel.biblio",
 9 |         "icon": "./Biblio_Logo.icns",
10 |         "directories": {
11 |             "buildResources": "./build"
12 |         },
13 |         "mac": {
14 |             "category": "public.app-category.developer-tools"
15 |         }
16 |       }
17 |     }
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="hello">
 3 |     <h1>{{ msg }}</h1>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   name: 'HelloWorld',
10 |   props: {
11 |     msg: String
12 |   }
13 | }
14 | </script>
15 | 
16 | <!-- Add "scoped" attribute to limit CSS to this component only -->
17 | <style scoped>
18 | h3 {
19 |   margin: 40px 0 0;
20 | }
21 | ul {
22 |   list-style-type: none;
23 |   padding: 0;
24 | }
25 | li {
26 |   display: inline-block;
27 |   margin: 0 10px;
28 | }
29 | a {
30 |   color: #42b983;
31 | }
32 | </style>
33 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>biblio</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but biblio doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="home">
 3 |     <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
 4 |     <HelloWorld msg="Welcome to Biblio!"/>
 5 |     <p>Biblio is an app to help you make bibliography citations. As you fill in the fields, you'll see the citation fill out in real-time!</p>
 6 |     <p>To <b>copy</b> your bibliography, just click on it.</p>
 7 |     <p>If you want to <b>view the template</b> used to create the citation, click on the Template button</p>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | // @ is an alias to /src
13 | import HelloWorld from '@/components/HelloWorld.vue'
14 | 
15 | export default {
16 |   name: 'home',
17 |   components: {
18 |     HelloWorld
19 |   }
20 | }
21 | </script>
22 | 


--------------------------------------------------------------------------------
/src/views/mlaBook.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="book">
 3 |     <h1>MLA Book Citation</h1>
 4 |     <fieldset>
 5 |         <legend v-on:click="showTemplate = !showTemplate" id="showTemplate">Template</legend>
 6 |         <span v-if="showTemplate">
 7 |             <p>Last Name, First Name. Title of Book. City of Publication, Publisher, Publication Date.</p>
 8 |         </span>
 9 |     </fieldset>
10 |         <custom-form>
11 |         </custom-form>
12 |   </div>
13 | </template>
14 | 
15 | <script>
16 | import Form from '../components/mlaBookForm.vue'
17 | export default {
18 |     components: {
19 |         'custom-form': Form
20 |     },
21 |     data: function() {
22 |         return {
23 |             showTemplate: false
24 |         }
25 | 
26 |     }
27 | }
28 | </script>
29 | 


--------------------------------------------------------------------------------
/src/views/chicagoWebsite.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="book">
 3 |     <h1>Chicago Website Citation</h1>
 4 |     <fieldset>
 5 |         <legend v-on:click="showTemplate = !showTemplate" id="showTemplate">Template</legend>
 6 |         <span v-if="showTemplate">
 7 |             <p>Last Name, First Name. “Page Title.” Website Name. Web Address (retrieved Date Accessed).</p>
 8 |         </span>
 9 |     </fieldset>
10 | 
11 | 
12 |         <custom-form>
13 |         </custom-form>
14 |   </div>
15 | </template>
16 | 
17 | <script>
18 | import Form from '../components/chicagoWebsiteForm.vue'
19 | export default {
20 |     components: {
21 |         'custom-form': Form
22 |     },
23 |     data: function() {
24 |         return {
25 |             showTemplate: false
26 |         }
27 | 
28 |     }
29 | }
30 | </script>
31 | 


--------------------------------------------------------------------------------
/src/views/apaWebsite.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="web">
 3 |     <h1>APA Web Citation</h1>
 4 |     <fieldset>
 5 |         <legend v-on:click="showTemplate = !showTemplate" id="showTemplate">Template</legend>
 6 |         <span v-if="showTemplate">
 7 |             <p>Last, F. M. (Year, Month Date Published). Article title. Retrieved from URL</p>
 8 |             <p><b>In text:</b> (Last, Year Published)</p>
 9 |         </span>
10 |     </fieldset>
11 | 
12 |     <custom-form>
13 |     </custom-form>
14 | 
15 |   </div>
16 | </template>
17 | 
18 | <script>
19 | import Form from '../components/apaWebsiteForm.vue'
20 | export default {
21 |     components: {
22 |         'custom-form': Form
23 |     },
24 |     data: function() {
25 |         return {
26 |             showTemplate: false
27 |         }
28 | 
29 |     }
30 | }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/src/views/mlaWebsite.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="web">
 3 |     <h1>MLA Web Citation</h1>
 4 |     <fieldset>
 5 |         <legend v-on:click="showTemplate = !showTemplate" id="showTemplate">Template</legend>
 6 |         <span v-if="showTemplate">
 7 |             <p> "Article Title" Website Title, Publisher, Publication Date, URL. Date Accessed.</p>
 8 |             <p><b>In text:</b> (Last, Year Published)</p>
 9 |         </span>
10 |     </fieldset>
11 | 
12 |     <custom-form>
13 |     </custom-form>
14 | 
15 |   </div>
16 | </template>
17 | 
18 | <script>
19 | import Form from '../components/mlaWebsiteForm.vue'
20 | export default {
21 |     components: {
22 |         'custom-form': Form
23 |     },
24 |     data: function() {
25 |         return {
26 |             showTemplate: false
27 |         }
28 | 
29 |     }
30 | }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/src/views/apaBook.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="book">
 3 |     <h1>APA Book Citation</h1>
 4 |     <fieldset>
 5 |         <legend v-on:click="showTemplate = !showTemplate" id="showTemplate">Template</legend>
 6 |         <span v-if="showTemplate">
 7 |             <p>Last, F. M. (Year Published) <i>Book</i>. City, State: Publisher.</p>
 8 |             <p><b>In text:</b> (Last, Year Published, Page(s) Referenced</p>
 9 |         </span>
10 |     </fieldset>
11 | 
12 |       <custom-form>
13 |       </custom-form>
14 | 
15 |   </div>
16 | </template>
17 | 
18 | <script>
19 | import Form from '../components/apaBookForm.vue'
20 | 
21 | export default {
22 |     components: {
23 |         'custom-form': Form,
24 |     },
25 |     data: function() {
26 |         return {
27 |             showTemplate: false
28 |         }
29 | 
30 |     }
31 | }
32 | </script>
33 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "biblio",
 3 |   "version": "1.2.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint",
 9 |     "electron:build": "vue-cli-service electron:build",
10 |     "electron:serve": "vue-cli-service electron:serve",
11 |     "postinstall": "electron-builder install-app-deps"
12 |   },
13 |   "dependencies": {
14 |     "vue": "^2.5.21",
15 |     "vue-router": "^3.0.1"
16 |   },
17 |   "devDependencies": {
18 |     "@vue/cli-plugin-babel": "^3.3.0",
19 |     "@vue/cli-plugin-eslint": "^3.3.0",
20 |     "@vue/cli-service": "^3.3.0",
21 |     "babel-eslint": "^10.0.1",
22 |     "electron": "^4.0.0",
23 |     "eslint": "^5.8.0",
24 |     "eslint-plugin-vue": "^5.0.0",
25 |     "vue-cli-plugin-electron-builder": "^1.0.0-rc.10",
26 |     "vue-template-compiler": "^2.5.21"
27 |   },
28 |   "main": "background.js"
29 | }
30 | 


--------------------------------------------------------------------------------
/src/views/chicagoBook.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="book">
 3 |     <h1>Chicago Book Citation</h1>
 4 |     <fieldset>
 5 |         <legend v-on:click="showTemplate = !showTemplate" id="showTemplate">Template</legend>
 6 |         <span v-if="showTemplate">
 7 |             <p><b>Long:</b></p>
 8 |             <p>First Last, Book, (Place of Publication, Publisher, Year), Pages Referenced.</p>
 9 | 
10 |             <p><b>Short:</b></p>
11 |             <p>Last, Book, Pages Referenced.</p>
12 | 
13 |             <p><b>In text:</b> (Last, Year Published, Pages Referenced)</p>
14 |         </span>
15 |         </fieldset>
16 | 
17 |         <custom-form>
18 |         </custom-form>
19 | 
20 |   </div>
21 | </template>
22 | 
23 | <script>
24 | import Form from '../components/chicagoBookForm.vue'
25 | export default {
26 |     components: {
27 |         'custom-form': Form
28 |     },
29 |     data: function() {
30 |         return {
31 |             showTemplate: false
32 |         }
33 | 
34 |     }
35 | }
36 | </script>
37 | 


--------------------------------------------------------------------------------
/LICENSE.TXT:
--------------------------------------------------------------------------------
1 | Copyright 2019 Joshua Manuel
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 | 


--------------------------------------------------------------------------------
/src/components/footer.vue:
--------------------------------------------------------------------------------
 1 | <template lang="html">
 2 |     <div class="footer">
 3 |         <!--
 4 |         <button v-on:click="$emit('save')" class="pure-button button-success">Save Biblio!</button>
 5 |         -->
 6 |         <button v-on:click="$emit('clear')" class="pure-button button-warning">Clear Form</button>
 7 |     </div>
 8 | </template>
 9 | 
10 | <script>
11 | export default {
12 | }
13 | </script>
14 | 
15 | <style lang="css" scoped>
16 | .button-success,
17 | .button-error,
18 | .button-warning,
19 | .button-secondary {
20 |     color: white;
21 |     border-radius: 4px;
22 |     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
23 |     margin-right: 15px;
24 |     margin-bottom: 15px;
25 |     margin-top: 15px;
26 | }
27 | 
28 | .button-success {
29 |     background: rgb(28, 184, 65); /* this is a green */
30 | }
31 | 
32 | .button-error {
33 |     background: rgb(202, 60, 60); /* this is a maroon */
34 | }
35 | 
36 | .button-warning {
37 |     background: rgb(223, 117, 20); /* this is an orange */
38 | }
39 | 
40 | .button-secondary {
41 |     background: rgb(66, 184, 221); /* this is a light blue */
42 | }
43 | 
44 | .footer {
45 |     position:fixed;
46 |     width: 100%;
47 |     left: 190px;
48 |     bottom: 0;
49 |     right: 0;
50 |     background-color: white;
51 | }
52 | </style>
53 | 


--------------------------------------------------------------------------------
/src/assets/utils.js:
--------------------------------------------------------------------------------
 1 | 
 2 | export function initialState() {
 3 |     return {
 4 |         lName: '',
 5 |         fName:'',
 6 |         fInitial: '',
 7 |         mInitial: '',
 8 |         Year: '',
 9 |         Month:'',
10 |         Day: '',
11 |         YearPub: '',
12 |         MonthPub: '',
13 |         DayPub: '',
14 |         Title: '',
15 |         url: '',
16 |         City: '',
17 |         State: '',
18 |         Publisher: '',
19 |         Pages: '',
20 |         Website: ''
21 |     }
22 | }
23 | //not needed. Make sure to delete once all the pages are in!
24 | export function resetForm() {
25 |     this.lName = '';
26 |     this.fName = '';
27 |     this.fInitial = '';
28 |     this.mInitial = '';
29 |     this.Year = '';
30 |     this.Month = '';
31 |     this.Day = '';
32 |     this.Title = '';
33 |     this.url = '';
34 |     this.City = '';
35 |     this.State = '';
36 |     this.Publisher = '';
37 |     this.Pages = '';
38 |     this.Website = '';
39 | }
40 | 
41 | export function convertHtmlToRtf(html) {
42 |     var header = "{\\rtf1\\ansi\\deff0\n"
43 |     var footer = "}"
44 | 
45 |     html = html.replace("<i>", "{\\i ")
46 |     html = html.replace("</i>", "}")
47 | 
48 |     console.log(header + html+ footer);
49 |     //console.log(html)
50 |     return header + html + footer;
51 | }
52 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <a href="https://electronjs.org/apps/biblio"> <img src="https://electronjs.org/app-img/biblio/biblio-icon-128.png"></a>
 2 | 
 3 | # Biblio
 4 | 
 5 | An app to help you create APA, MLA, and Chicago-style citations quickly and easily!
 6 | 
 7 | ## How it works:
 8 | 
 9 | Just fill in the fields and then click on the completed citations to copy them to your clipboard!
10 | 
11 | ![](readme/Biblio-Feb-03-2019.gif)
12 | 
13 | ## Installation
14 | 
15 | 1) Go to the **Releases** tab right above the green "clone/download" button
16 | 2) Download the most recent "biblio-X.X.X-mac.zip" file
17 | 3) Open it up and drag it to your Applications folder
18 | 
19 | If you get an **error about an unidentified developer**, control-click the app and hit open.
20 | 
21 | Download or clone the repo, then run "npm run electron:serve" in the directory to build and launch the program in developer mode.
22 | 
23 | To build the app for your system, run "npm run electron:build"
24 | 
25 | ## Built With
26 | 
27 | * [Vue CLI 3](https://cli.vuejs.org/)- Command line tool for scaffolding the initial Vue project
28 | 
29 | * [Electron](https://electronjs.org/) - Dependency Management
30 | 
31 | * [vue-cli-plugin-electron-builder](https://github.com/nklayman/vue-cli-plugin-electron-builder) - Scaffolding Electron in Biblio
32 | 
33 | * [PureCSS](https://purecss.io/) - some CSS formatting
34 | 
35 |   
36 | 
37 | ## Authors
38 | 
39 | * **Joshua Manuel** - *Initial work* - [JoshuaManuel](https://github.com/JoshuaManuel)
40 | 
41 | ## License
42 | 
43 | MIT
44 | 


--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Router from 'vue-router'
 3 | import Home from './views/Home.vue'
 4 | 
 5 | import apaBook from "./views/apaBook.vue"
 6 | import apaWebsite from "./views/apaWebsite.vue"
 7 | import chicagoBook from "./views/chicagoBook.vue"
 8 | import chicagoWebsite from "./views/chicagoWebsite.vue"
 9 | import mlaBook from "./views/mlaBook.vue"
10 | import mlaWebsite from "./views/mlaWebsite.vue"
11 | 
12 | Vue.use(Router)
13 | 
14 | export default new Router({
15 |   routes: [
16 |     {
17 |       path: '/',
18 |       name: 'home',
19 |       component: Home
20 |     },
21 |     {
22 |       path: '/apaBook',
23 |       name: 'APA Book',
24 |       component: apaBook
25 |     },
26 |     {
27 |       path: '/apaWebsite',
28 |       name: 'APA Website',
29 |       component: apaWebsite
30 |     },
31 |     {
32 |       path: '/chicagoBook',
33 |       name: 'Chicago Book',
34 |       component: chicagoBook
35 |     },
36 |     {
37 |       path: '/chicagoWebsite',
38 |       name: 'Chicago Website',
39 |       component: chicagoWebsite
40 |     },
41 |     {
42 |       path: '/mlaBook',
43 |       name: 'MLA Book',
44 |       component: mlaBook
45 |     },
46 |     {
47 |       path: '/mlaWebsite',
48 |       name: 'MLA Website',
49 |       component: mlaWebsite
50 |     },
51 |     {
52 |       path: '/about',
53 |       name: 'about',
54 |       // route level code-splitting
55 |       // this generates a separate chunk (about.[hash].js) for this route
56 |       // which is lazy-loaded when the route is visited.
57 |       component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
58 |     }
59 |   ]
60 | })
61 | 


--------------------------------------------------------------------------------
/src/components/mlaBookForm.vue:
--------------------------------------------------------------------------------
 1 | <template lang="html">
 2 |     <div class="mlaBookForm">
 3 |         <p ref="ref1" class="clickable" v-on:click="copy('ref1')">{{lName}}, {{fName}}. <i>{{Title}}</i>. {{Publisher}}, {{Year}}</p>
 4 | 
 5 |         <p v-on:click="copy('ref1_text')" class="clickable"><b>In text:</b> <span ref="ref1_text"> ({{lName}} {{Pages}})</span></p>
 6 | 
 7 |         <form class="pure-form pure-form-aligned">
 8 |             <fieldset>
 9 |                 <div class="pure-control-group">
10 |                     <label for="lName">Last Name</label>
11 |                     <input v-model="lName" placeholder="Last Name">
12 |                 </div>
13 | 
14 |                 <div class="pure-control-group">
15 |                     <label for="fInitial">First Name</label>
16 |                     <input v-model="fName" placeholder="First Name">
17 |                 </div>
18 | 
19 |                 <div class="pure-control-group">
20 |                     <label for="Title">Title</label>
21 |                     <input v-model="Title" placeholder="Title of Work">
22 |                 </div>
23 | 
24 |                 <div class="pure-control-group">
25 |                     <label for="Publisher">Publisher</label>
26 |                     <input v-model="Publisher" placeholder="Publisher">
27 |                 </div>
28 | 
29 |                 <div class="pure-control-group">
30 |                     <label for="Year">Year Published</label>
31 |                     <input v-model="Year" placeholder="Year Published">
32 |                 </div>
33 | 
34 |                 <div class="pure-control-group">
35 |                     <label for="Year">Page(s) Referenced</label>
36 |                     <input v-model="Pages" placeholder="Page(s) Referenced">
37 |                 </div>
38 | 
39 |             </fieldset>
40 |             <custom-footer v-on:save="test" v-on:clear="clearForm"></custom-footer>
41 |         </form>
42 |     </div>
43 | 
44 | </template>
45 | 
46 | <script>
47 | import * as utils from '../assets/utils.js'
48 | import Footer from './footer.vue'
49 | 
50 | const { clipboard } = require('electron')
51 | 
52 | export default {
53 |   name: 'book',
54 |   data: function () {
55 |       return utils.initialState();
56 |   },
57 |   methods: {
58 |       clearForm: function () {
59 |           for (let prop in utils.initialState()) {
60 |               this[prop] = '';
61 |           }
62 |       },
63 |       test: function () {
64 |           alert("hello");
65 |       },
66 |       copy: function(ref) {
67 |           var text = this.$refs[ref].innerHTML
68 |           var richText = utils.convertHtmlToRtf(this.$refs[ref].innerHTML)
69 |           var plainText = text.replace(/<(?:.|\n)*?>/gm, '');
70 |           clipboard.writeRTF(richText)
71 |           let myNotification = new Notification('Bibliography copied!', {
72 |             body: plainText
73 |           })
74 |       },
75 |   },
76 |   components: {
77 |       'custom-footer': Footer,
78 |   }
79 | }
80 | </script>
81 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <div id="nav">
  4 |       <router-link to="/" class="spaced">Introduction</router-link>
  5 |       <span>APA</span>
  6 |       <router-link to="/apaBook" class="indented">Book</router-link>
  7 |       <router-link to="/apaWebsite" class="indented">Website</router-link>
  8 |       <span>Chicago</span>
  9 |       <router-link to="/chicagoBook" class="indented">Book</router-link>
 10 |       <router-link to="/chicagoWebsite" class="indented">Website</router-link>
 11 |       <span>MLA</span>
 12 |       <router-link to="/mlaBook" class="indented">Book</router-link>
 13 |       <router-link to="/mlaWebsite" class="indented">Website</router-link>
 14 | 
 15 | 
 16 |       <router-link to="/about" class="bottom">About</router-link>
 17 |     </div>
 18 |     <router-view/>
 19 |   </div>
 20 | </template>
 21 | 
 22 | <style>
 23 | @import url("css/pure-min.css");
 24 | #app {
 25 |   font-family: 'Avenir', Helvetica, Arial, sans-serif;
 26 |   -webkit-font-smoothing: antialiased;
 27 |   -moz-osx-font-smoothing: grayscale;
 28 |   color: #2c3e50;
 29 |   padding-left: 190px;
 30 |   padding-right: 30px;
 31 |   padding-bottom: 60px;
 32 | 
 33 | }
 34 | 
 35 | #nav a {
 36 |   font-weight: bold;
 37 |   color: #2c3e50;
 38 |   display: block;
 39 | }
 40 | 
 41 | #nav a.router-link-exact-active {
 42 |   color: #42b983;
 43 | }
 44 | 
 45 | #nav {
 46 |   height: 100%; /* Full-height: remove this if you want "auto" height */
 47 |   width: 160px; /* Set the width of the sidebar */
 48 |   position: fixed; /* Fixed Sidebar (stay in place on scroll) */
 49 |   z-index: 1; /* Stay on top */
 50 |   top: 0; /* Stay at the top */
 51 |   left: 0;
 52 |   margin-left: 30px;
 53 |   overflow-x: hidden; /* Disable horizontal scroll */
 54 |   padding-top: 20px;
 55 | }
 56 | 
 57 | #showTemplate {
 58 |     cursor: pointer;
 59 | }
 60 | 
 61 | .indented {
 62 |     margin-left: 30px;
 63 | }
 64 | 
 65 | .bottom {
 66 |     bottom: 30px;
 67 |     margin-top: 30px;
 68 |     position: fixed;
 69 | }
 70 | 
 71 | .spaced {
 72 |     margin-bottom: 30px;
 73 |     margin-top: 30px;
 74 | }
 75 | 
 76 | .button-success,
 77 | .button-error,
 78 | .button-warning,
 79 | .button-secondary {
 80 |     color: white;
 81 |     border-radius: 4px;
 82 |     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 83 |     margin-right: 15px;
 84 |     margin-bottom: 15px;
 85 |     margin-top: 15px;
 86 | }
 87 | 
 88 | .button-success {
 89 |     background: rgb(28, 184, 65); /* this is a green */
 90 | }
 91 | 
 92 | .button-error {
 93 |     background: rgb(202, 60, 60); /* this is a maroon */
 94 | }
 95 | 
 96 | .button-warning {
 97 |     background: rgb(223, 117, 20); /* this is an orange */
 98 | }
 99 | 
100 | .button-secondary {
101 |     background: rgb(66, 184, 221); /* this is a light blue */
102 | }
103 | 
104 | .footer {
105 |     position:fixed;
106 |     width: 100%;
107 |     left: 190px;
108 |     bottom: 0;
109 |     right: 0;
110 |     background-color: white;
111 | }
112 | 
113 | .clickable:hover {
114 |     cursor: copy;
115 | }
116 | 
117 | </style>
118 | 


--------------------------------------------------------------------------------
/src/components/chicagoBookForm.vue:
--------------------------------------------------------------------------------
 1 | <template lang="html">
 2 |   <div class="chicagoBookForm">
 3 |       <p ref="ref1" class="clickable" v-on:click="copy('ref1')">{{fName}} {{lName}}, <i>{{Title}}</i>, ({{City}}, {{Publisher}}, {{Year}}), {{Pages}}.</p>
 4 | 
 5 |       <p  ref="ref2" class="clickable" v-on:click="copy('ref2')">{{lName}}, <i>{{Title}}</i>, {{Pages}}.</p>
 6 | 
 7 |       <p v-on:click="copy('ref1_text')" class="clickable"><b>In text:</b> <span ref="ref1_text"> ({{lName}}, {{Year}}, {{Pages}})</span></p>
 8 | 
 9 |   <form class="pure-form pure-form-aligned">
10 |       <fieldset>
11 | 
12 |           <div class="pure-control-group">
13 |               <label for="fName">First Name</label>
14 |               <input v-model="fName" placeholder="First Name">
15 |           </div>
16 | 
17 |           <div class="pure-control-group">
18 |               <label for="lName">Last Name</label>
19 |               <input v-model="lName" placeholder="Last Name">
20 |           </div>
21 | 
22 |           <div class="pure-control-group">
23 |               <label for="Title">Title</label>
24 |               <input v-model="Title" placeholder="Title of Work">
25 |           </div>
26 | 
27 |           <div class="pure-control-group">
28 |               <label for="City">City of Publication</label>
29 |               <input v-model="City" placeholder="City of Publication">
30 |           </div>
31 | 
32 |           <div class="pure-control-group">
33 |               <label for="Publisher">Publisher</label>
34 |               <input v-model="Publisher" placeholder="Publisher">
35 |           </div>
36 | 
37 |           <div class="pure-control-group">
38 |               <label for="Year">Year Published</label>
39 |               <input v-model="Year" placeholder="Year Published">
40 |           </div>
41 | 
42 |           <div class="pure-control-group">
43 |               <label for="Pages">Pages Referenced</label>
44 |               <input v-model="Pages" placeholder="ex. 1-2, 4">
45 |           </div>
46 | 
47 |       </fieldset>
48 |       <custom-footer v-on:save="test" v-on:copy="copy" v-on:clear="clearForm"></custom-footer>
49 |   </form>
50 |   </div>
51 | </template>
52 | 
53 | <script>
54 | import * as utils from '../assets/utils.js'
55 | import Footer from './footer.vue'
56 | 
57 | const { clipboard } = require('electron')
58 | 
59 | export default {
60 |   name: 'book',
61 |   data: function () {
62 |       return utils.initialState();
63 |   },
64 |   methods: {
65 |       clearForm: function () {
66 |           for (let prop in utils.initialState()) {
67 |               this[prop] = '';
68 |           }
69 |       },
70 |       test: function () {
71 |           alert("hello");
72 |       },
73 |       copy: function(ref) {
74 |           var text = this.$refs[ref].innerHTML
75 |           var richText = utils.convertHtmlToRtf(this.$refs[ref].innerHTML)
76 |           var plainText = text.replace(/<(?:.|\n)*?>/gm, '');
77 |           clipboard.writeRTF(richText)
78 |           let myNotification = new Notification('Bibliography copied!', {
79 |             body: plainText
80 |           })
81 |       },
82 |   },
83 |   components: {
84 |       'custom-footer': Footer,
85 |   }
86 | }
87 | </script>
88 | 


--------------------------------------------------------------------------------
/src/components/chicagoWebsiteForm.vue:
--------------------------------------------------------------------------------
 1 | <template lang="html">
 2 |   <div class="chicagoWebsiteForm">
 3 | 
 4 |         <p ref="ref1" class="clickable" v-on:click="copy('ref1')">{{lName}}, {{fName}}. "{{Title}}." {{Website}}. {{url}} (accessed {{Month}} {{Day}}, {{Year}})</p>
 5 | 
 6 |         <p v-on:click="copy('ref1_text')" class="clickable"><b>In text:</b> <span ref="ref1_text"> ({{lName}}, {{Year}})</span></p>
 7 | 
 8 |     <form class="pure-form pure-form-aligned">
 9 |         <fieldset>
10 | 
11 |             <div class="pure-control-group">
12 |                 <label for="lName">Last Name</label>
13 |                 <input v-model="lName" placeholder="Last Name">
14 |             </div>
15 | 
16 |             <div class="pure-control-group">
17 |                 <label for="fName">First Name</label>
18 |                 <input v-model="fName" placeholder="First Name">
19 |             </div>
20 | 
21 |             <div class="pure-control-group">
22 |                 <label for="Title">Page Title</label>
23 |                 <input v-model="Title" placeholder="Page Title">
24 |             </div>
25 | 
26 |             <div class="pure-control-group">
27 |                 <label for="Website">Website Name</label>
28 |                 <input v-model="Website" placeholder="Owner, if unknown">
29 |             </div>
30 | 
31 |             <div class="pure-control-group">
32 |                 <label for="url">URL of article</label>
33 |                 <input v-model="url" placeholder="URL of article">
34 |             </div>
35 | 
36 |             <div class="pure-control-group">
37 |                 <label for="Month">Month Published</label>
38 |                 <input v-model="Month" placeholder="Month published">
39 |             </div>
40 | 
41 |             <div class="pure-control-group">
42 |                 <label for="Day">Date Published</label>
43 |                 <input v-model="Day" placeholder="Date published">
44 |             </div>
45 | 
46 |             <div class="pure-control-group">
47 |                 <label for="Year">Year Published</label>
48 |                 <input v-model="Year" placeholder="Year Published">
49 |             </div>
50 | 
51 |         </fieldset>
52 | 
53 |         <custom-footer v-on:save="test" v-on:copy="copy" v-on:clear="clearForm"></custom-footer>
54 | 
55 |     </form>
56 |   </div>
57 | </template>
58 | 
59 | <script>
60 | import * as utils from '../assets/utils.js'
61 | import Footer from './footer.vue'
62 | 
63 | const { clipboard } = require('electron')
64 | 
65 | export default {
66 |   name: 'book',
67 |   data: function () {
68 |       return utils.initialState();
69 |   },
70 |   methods: {
71 |       clearForm: function () {
72 |           for (let prop in utils.initialState()) {
73 |               this[prop] = '';
74 |           }
75 |       },
76 |       test: function () {
77 |           alert("hello");
78 |       },
79 |       copy: function(ref) {
80 |           var text = this.$refs[ref].innerHTML
81 |           var richText = utils.convertHtmlToRtf(this.$refs[ref].innerHTML)
82 |           var plainText = text.replace(/<(?:.|\n)*?>/gm, '');
83 |           clipboard.writeRTF(richText)
84 |           let myNotification = new Notification('Bibliography copied!', {
85 |             body: plainText
86 |           })
87 |       },
88 |   },
89 |   components: {
90 |       'custom-footer': Footer,
91 |   }
92 | }
93 | </script>
94 | 


--------------------------------------------------------------------------------
/src/components/apaWebsiteForm.vue:
--------------------------------------------------------------------------------
 1 | <template lang="html">
 2 |   <div class="apaWebsiteForm">
 3 |       <p ref="ref1" class="clickable" v-on:click="copy('ref1')">{{lName}}, {{fInitial}}. {{mInitial}}. ({{YearPub}}, {{MonthPub}} {{DayPub}}). <i>{{Title}}</i>. Retrieved from {{url}}</p>
 4 | 
 5 |       <p v-on:click="copy('ref1_text')" class="clickable"><b>In text:</b> <span ref="ref1_text"> ({{lName}}, {{YearPub}})</span></p>
 6 | 
 7 |       <form class="pure-form pure-form-aligned">
 8 |           <fieldset>
 9 |               <div class="pure-control-group">
10 |                   <label for="lName">Last Name</label>
11 |                   <input v-model="lName" placeholder="Last Name">
12 |               </div>
13 | 
14 |               <div class="pure-control-group">
15 |                   <label for="fInitial">First Initial</label>
16 |                   <input v-model="fInitial" placeholder="First Initial">
17 |               </div>
18 | 
19 |               <div class="pure-control-group">
20 |                   <label for="mInitial">Middle Initial</label>
21 |                   <input v-model="mInitial" placeholder="Middle Initial">
22 |               </div>
23 | 
24 |               <div class="pure-control-group">
25 |                   <label for="YearPub">Year Published</label>
26 |                   <input v-model="YearPub" placeholder="Year Published">
27 |               </div>
28 | 
29 |               <div class="pure-control-group">
30 |                   <label for="MonthPub">Month Published</label>
31 |                   <input v-model="MonthPub" placeholder="Month published">
32 |               </div>
33 | 
34 |               <div class="pure-control-group">
35 |                   <label for="DayPub">Date Published</label>
36 |                   <input v-model="DayPub" placeholder="Date published">
37 |               </div>
38 | 
39 |               <div class="pure-control-group">
40 |                   <label for="Title">Title</label>
41 |                   <input v-model="Title" placeholder="Title of Work">
42 |               </div>
43 | 
44 |               <div class="pure-control-group">
45 |                   <label for="url">URL of article</label>
46 |                   <input v-model="url" placeholder="URL of article">
47 |               </div>
48 |           </fieldset>
49 |           <custom-footer v-on:save="test" v-on:copy="copy" v-on:clear="clearForm"></custom-footer>
50 |       </form>
51 |   </div>
52 | </template>
53 | 
54 | <script>
55 | import * as utils from '../assets/utils.js'
56 | import Footer from './footer.vue'
57 | 
58 | const { clipboard } = require('electron')
59 | 
60 | export default {
61 |   name: 'website',
62 |   data: function () {
63 |       return utils.initialState();
64 |   },
65 |   methods: {
66 |       clearForm: function () {
67 |           for (let prop in utils.initialState()) {
68 |               this[prop] = '';
69 |           }
70 |       },
71 |       test: function () {
72 |           alert("hello");
73 |       },
74 |       copy: function(ref) {
75 |           var text = this.$refs[ref].innerHTML
76 |           var richText = utils.convertHtmlToRtf(this.$refs[ref].innerHTML)
77 |           var plainText = text.replace(/<(?:.|\n)*?>/gm, '');
78 |           clipboard.writeRTF(richText)
79 |           let myNotification = new Notification('Bibliography copied!', {
80 |             body: plainText
81 |           })
82 |       },
83 |   },
84 |   components: {
85 |       'custom-footer': Footer,
86 |   }
87 | }
88 | </script>
89 | 


--------------------------------------------------------------------------------
/src/components/apaBookForm.vue:
--------------------------------------------------------------------------------
 1 | <template lang="html">
 2 |     <div class="apaBookForm">
 3 |         <p ref="ref1" class="clickable" v-on:click="copy('ref1')">{{lName}}, {{fInitial}}. {{mInitial}}. ({{Year}}) <i>{{Title}}</i>. {{City}}, {{State}}: {{Publisher}}.</p>
 4 | 
 5 |         <p v-on:click="copy('ref1_text')" class="clickable"><b>In text:</b> <span ref="ref1_text"> ({{lName}}, {{Year}})</span></p>
 6 | 
 7 |         <form class="pure-form pure-form-aligned">
 8 |             <fieldset>
 9 |                 <div class="pure-control-group">
10 |                     <label for="lName">Last Name</label>
11 |                     <input v-model="lName" placeholder="Last Name">
12 |                 </div>
13 | 
14 |                 <div class="pure-control-group">
15 |                     <label for="fInitial">First Initial</label>
16 |                     <input v-model="fInitial" placeholder="First Initial">
17 |                 </div>
18 | 
19 |                 <div class="pure-control-group">
20 |                     <label for="mInitial">Middle Initial</label>
21 |                     <input v-model="mInitial" placeholder="Middle Initial">
22 |                 </div>
23 | 
24 |                 <div class="pure-control-group">
25 |                     <label for="Year">Year Published</label>
26 |                     <input v-model="Year" placeholder="Year Published">
27 |                 </div>
28 | 
29 |                 <div class="pure-control-group">
30 |                     <label for="Title">Title</label>
31 |                     <input v-model="Title" placeholder="Title of Work">
32 |                 </div>
33 | 
34 |                 <div class="pure-control-group">
35 |                     <label for="City">City of Publication</label>
36 |                     <input v-model="City" placeholder="City of Publication">
37 |                 </div>
38 | 
39 |                 <div class="pure-control-group">
40 |                     <label for="State">State of Publication</label>
41 |                     <input v-model="State" placeholder="State of Publication">
42 |                 </div>
43 | 
44 |                 <div class="pure-control-group">
45 |                     <label for="Publisher">Publisher</label>
46 |                     <input v-model="Publisher" placeholder="Publisher">
47 |                 </div>
48 |             </fieldset>
49 |             <custom-footer v-on:save="test" v-on:clear="clearForm"></custom-footer>
50 |         </form>
51 |     </div>
52 | 
53 | </template>
54 | 
55 | <script>
56 | import * as utils from '../assets/utils.js'
57 | import Footer from './footer.vue'
58 | 
59 | const { clipboard } = require('electron')
60 | 
61 | export default {
62 |   name: 'book',
63 |   data: function () {
64 |       return utils.initialState();
65 |   },
66 |   methods: {
67 |       clearForm: function () {
68 |           for (let prop in utils.initialState()) {
69 |               this[prop] = '';
70 |           }
71 |       },
72 |       test: function () {
73 |           alert("hello");
74 |       },
75 |       copy: function(ref) {
76 |           var text = this.$refs[ref].innerHTML
77 |           var richText = utils.convertHtmlToRtf(this.$refs[ref].innerHTML)
78 |           var plainText = text.replace(/<(?:.|\n)*?>/gm, '');
79 |           clipboard.writeRTF(richText)
80 |           let myNotification = new Notification('Bibliography copied!', {
81 |             body: plainText
82 |           })
83 |       },
84 |   },
85 |   components: {
86 |       'custom-footer': Footer,
87 |   }
88 | }
89 | </script>
90 | 


--------------------------------------------------------------------------------
/src/components/mlaWebsiteForm.vue:
--------------------------------------------------------------------------------
  1 | <template lang="html">
  2 |   <div class="mlaWebsiteForm">
  3 |       <p ref="ref1" class="clickable" v-on:click="copy('ref1')">{{lName}}, {{fName}}. <i>{{Title}}</i>, {{Publisher}}, {{DayPub}} {{MonthPub}} {{YearPub}}, {{url}}. Accessed ({{Day}}, {{Month}} {{Year}}). </p>
  4 | 
  5 |       <p v-on:click="copy('ref1_text')" class="clickable"><b>In text:</b> <span ref="ref1_text"> ({{lName}}, "{{Title}}")</span></p>
  6 | 
  7 |       <form class="pure-form pure-form-aligned">
  8 |           <fieldset>
  9 |               <div class="pure-control-group">
 10 |                   <label for="lName">Last Name</label>
 11 |                   <input v-model="lName" placeholder="Last Name">
 12 |               </div>
 13 | 
 14 |               <div class="pure-control-group">
 15 |                   <label for="fName">First Name</label>
 16 |                   <input v-model="fName" placeholder="First Name">
 17 |               </div>
 18 | 
 19 |               <div class="pure-control-group">
 20 |                   <label for="Title">Title</label>
 21 |                   <input v-model="Title" placeholder="Title">
 22 |               </div>
 23 | 
 24 |               <div class="pure-control-group">
 25 |                   <label for="Publisher">Publisher</label>
 26 |                   <input v-model="Publisher" placeholder="Publisher">
 27 |               </div>
 28 | 
 29 |               <div class="pure-control-group">
 30 |                   <label for="DayPub">Date Published</label>
 31 |                   <input v-model="DayPub" placeholder="Date published">
 32 |               </div>
 33 | 
 34 |               <div class="pure-control-group">
 35 |                   <label for="MonthPub">Month Published</label>
 36 |                   <input v-model="MonthPub" placeholder="Month published">
 37 |               </div>
 38 | 
 39 |               <div class="pure-control-group">
 40 |                   <label for="YearPub">Year Published</label>
 41 |                   <input v-model="YearPub" placeholder="Year Published">
 42 |               </div>
 43 | 
 44 |               <div class="pure-control-group">
 45 |                   <label for="url">URL of article</label>
 46 |                   <input v-model="url" placeholder="URL of article">
 47 |               </div>
 48 | 
 49 |               <div class="pure-control-group">
 50 |                   <label for="Day">Date Accessed</label>
 51 |                   <input v-model="Day" placeholder="Date Accessed">
 52 |               </div>
 53 | 
 54 |               <div class="pure-control-group">
 55 |                   <label for="Month">Month Accessed</label>
 56 |                   <input v-model="Month" placeholder="Month Accessed">
 57 |               </div>
 58 | 
 59 |               <div class="pure-control-group">
 60 |                   <label for="Month">Month Accessed</label>
 61 |                   <input v-model="Month" placeholder="Month">
 62 |               </div>
 63 | 
 64 |               
 65 |           </fieldset>
 66 |           <custom-footer v-on:save="test" v-on:copy="copy" v-on:clear="clearForm"></custom-footer>
 67 |       </form>
 68 |   </div>
 69 | </template>
 70 | 
 71 | <script>
 72 | import * as utils from '../assets/utils.js'
 73 | import Footer from './footer.vue'
 74 | 
 75 | const { clipboard } = require('electron')
 76 | 
 77 | export default {
 78 |   name: 'website',
 79 |   data: function () {
 80 |       return utils.initialState();
 81 |   },
 82 |   methods: {
 83 |       clearForm: function () {
 84 |           for (let prop in utils.initialState()) {
 85 |               this[prop] = '';
 86 |           }
 87 |       },
 88 |       test: function () {
 89 |           alert("hello");
 90 |       },
 91 |       copy: function(ref) {
 92 |           var text = this.$refs[ref].innerHTML
 93 |           var richText = utils.convertHtmlToRtf(this.$refs[ref].innerHTML)
 94 |           var plainText = text.replace(/<(?:.|\n)*?>/gm, '');
 95 |           clipboard.writeRTF(richText)
 96 |           let myNotification = new Notification('Bibliography copied!', {
 97 |             body: plainText
 98 |           })
 99 |       },
100 |   },
101 |   components: {
102 |       'custom-footer': Footer,
103 |   }
104 | }
105 | </script>
106 | 


--------------------------------------------------------------------------------
/src/background.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | import { app, Menu, protocol, BrowserWindow } from 'electron'
  4 | import {
  5 |   createProtocol,
  6 |   installVueDevtools
  7 | } from 'vue-cli-plugin-electron-builder/lib'
  8 | const isDevelopment = process.env.NODE_ENV !== 'production'
  9 | 
 10 | // Keep a global reference of the window object, if you don't, the window will
 11 | // be closed automatically when the JavaScript object is garbage collected.
 12 | let win
 13 | 
 14 | // Standard scheme must be registered before the app is ready
 15 | protocol.registerStandardSchemes(['app'], { secure: true })
 16 | function createWindow () {
 17 |   // Create the browser window.
 18 |   win = new BrowserWindow({ width: 800, height: 700 })
 19 | 
 20 |   if (process.env.WEBPACK_DEV_SERVER_URL) {
 21 |     // Load the url of the dev server if in development mode
 22 |     win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)
 23 |     if (!process.env.IS_TEST) win.webContents.openDevTools()
 24 |   } else {
 25 |     createProtocol('app')
 26 |     // Load the index.html when not in development
 27 |     win.loadURL('app://./index.html')
 28 |   }
 29 | 
 30 |   const template = [
 31 |     {
 32 |       label: 'Edit',
 33 |       submenu: [
 34 |         { role: 'undo' },
 35 |         { role: 'redo' },
 36 |         { type: 'separator' },
 37 |         { role: 'cut' },
 38 |         { role: 'copy' },
 39 | 
 40 | 
 41 |         { role: 'paste' },
 42 |         { role: 'pasteandmatchstyle' },
 43 |         { role: 'delete' },
 44 |         { role: 'selectall' }
 45 |       ]
 46 |     },
 47 |     {
 48 |       label: 'View',
 49 |       submenu: [
 50 |         { role: 'reload' },
 51 |         { role: 'forcereload' },
 52 |         { role: 'toggledevtools' },
 53 |         { type: 'separator' },
 54 |         { role: 'resetzoom' },
 55 |         { role: 'zoomin' },
 56 |         { role: 'zoomout' },
 57 |         { type: 'separator' },
 58 |         { role: 'togglefullscreen' }
 59 |       ]
 60 |     },
 61 |     {
 62 |       role: 'window',
 63 |       submenu: [
 64 |         { role: 'minimize' },
 65 |         { role: 'close' }
 66 |       ]
 67 |     },
 68 |     {
 69 |       role: 'help',
 70 |       submenu: [
 71 |         {
 72 |           label: 'Learn More',
 73 |           click () { require('electron').shell.openExternal('https://github.com/JoshuaManuel/biblio') }
 74 |         },
 75 |         {
 76 |           label: 'Check for Updates',
 77 |           click () { require('electron').shell.openExternal('https://github.com/JoshuaManuel/biblio/releases') }
 78 |         }
 79 |       ]
 80 |     }
 81 |   ]
 82 |   
 83 |   if (process.platform === 'darwin') {
 84 |     template.unshift({
 85 |       label: app.getName(),
 86 |       submenu: [
 87 |         { role: 'about' },
 88 |         { type: 'separator' },
 89 |         { role: 'services' },
 90 |         { type: 'separator' },
 91 |         { role: 'hide' },
 92 |         { role: 'hideothers' },
 93 |         { role: 'unhide' },
 94 |         { type: 'separator' },
 95 |         { role: 'quit' }
 96 |       ]
 97 |     })
 98 |   
 99 |     // Edit menu
100 |     template[1].submenu.push(
101 |       { type: 'separator' },
102 |       {
103 |         label: 'Speech',
104 |         submenu: [
105 |           { role: 'startspeaking' },
106 |           { role: 'stopspeaking' }
107 |         ]
108 |       }
109 |     )
110 |   
111 |     // Window menu
112 |     template[3].submenu = [
113 |       { role: 'close' },
114 |       { role: 'minimize' },
115 |       { role: 'zoom' },
116 |       { type: 'separator' },
117 |       { role: 'front' }
118 |     ]
119 |   }
120 |   
121 |   const menu = Menu.buildFromTemplate(template)
122 |   Menu.setApplicationMenu(menu)
123 | 
124 |   win.on('closed', () => {
125 |     win = null
126 |   })
127 | }
128 | 
129 | // Quit when all windows are closed.
130 | app.on('window-all-closed', () => {
131 |   // On macOS it is common for applications and their menu bar
132 |   // to stay active until the user quits explicitly with Cmd + Q
133 |   if (process.platform !== 'darwin') {
134 |     app.quit()
135 |   }
136 | })
137 | 
138 | app.on('activate', () => {
139 |   // On macOS it's common to re-create a window in the app when the
140 |   // dock icon is clicked and there are no other windows open.
141 |   if (win === null) {
142 |     createWindow()
143 |   }
144 | })
145 | 
146 | // This method will be called when Electron has finished
147 | // initialization and is ready to create browser windows.
148 | // Some APIs can only be used after this event occurs.
149 | app.on('ready', async () => {
150 |   if (isDevelopment && !process.env.IS_TEST) {
151 |     // Install Vue Devtools
152 |     await installVueDevtools()
153 |   }
154 |   createWindow()
155 | })
156 | 
157 | // Exit cleanly on request from parent process in development mode.
158 | if (isDevelopment) {
159 |   if (process.platform === 'win32') {
160 |     process.on('message', data => {
161 |       if (data === 'graceful-exit') {
162 |         app.quit()
163 |       }
164 |     })
165 |   } else {
166 |     process.on('SIGTERM', () => {
167 |       app.quit()
168 |     })
169 |   }
170 | }
171 | 


--------------------------------------------------------------------------------
/src/css/pure-min.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 | Pure v1.0.0
 3 | Copyright 2013 Yahoo!
 4 | Licensed under the BSD License.
 5 | https://github.com/yahoo/pure/blob/master/LICENSE.md
 6 | */
 7 | /*!
 8 | normalize.css v^3.0 | MIT License | git.io/normalize
 9 | Copyright (c) Nicolas Gallagher and Jonathan Neal
10 | */
11 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;filter:alpha(opacity=40);opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}


--------------------------------------------------------------------------------