geer-builder 1.2.891 → 1.2.893

package/GAchievement.scss

@@ -1,121 +1,121 @@
-.achievement {
-    .summary {
-        width: 500px;
-        margin: auto;
-        border: 1px solid #eee;
-        margin-bottom: 40px;
-        border-radius: 5px;
-        box-shadow: 1px 1px 3px rgba(77, 57, 57, 0.2);
-
-        table {
-            width: 100%;
-            text-align: center;
-            border-collapse: collapse;
-            table-layout: fixed;
-
-            .points {
-                padding: 20px 0;
-                
-                &__value {
-                    font-size: 35px;
-                    font-weight: bold;
-                    color: $primary;
-                }
-                &__label {
-                    margin-top: -7px;
-                    font-size: 16px;
-                    font-weight: 300;
-                }
-            }
-
-            tr {
-                border-bottom: 1px solid #eee;
-
-                &:last-child {
-                    border-bottom: none;
-                }
-                
-
-                td {
-                    border-right: 1px solid #eee;
-                    padding: 10px 10px;
-                    
-                    &:last-child {
-                        border-right: none;
-                    }
-
-                    &.label {
-                        font-weight: 300;
-                    }
-
-                    &.value {
-                        font-weight: 500;
-                    }
-                }
-            }
-        }
-    }
-    .list {
-        background-color: #fafafa;
-        padding: 20px;
-        border: 1px solid #eee;
-        border-radius: 5px;
-        margin-bottom: 20px;
-        
-
-        .details {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            &__title {
-                font-weight: 400;
-                font-size: 18px;
-                text-transform: uppercase;
-            }
-            &__reward {
-                text-align: right;
-                font-weight: 800;
-                font-size: 20px;
-            }
-        }
-        .progress {
-            &__bar {
-                height: 20px;
-                border: 1px solid #eee;
-                background-color: #eee;
-                border-radius: 20px;
-                margin-top: 10px;
-                overflow: hidden;
-
-                .percentage {
-                    background-color: $primary;
-                    height: 20px;
-                }
-            }
-        }
-        .actions {
-            display: grid;
-            grid-template-columns: 2fr 1fr;
-            position: relative;
-
-            &__requirements {
-
-            }
-            &__button {
-                text-align: right;
-                margin-top: 30px;
-
-                .btn {
-                    &.disable {
-                        background-color: rgb(161, 161, 161) !important;
-                        
-                        &:hover {
-                            opacity: 1;
-                            background-color:  rgb(161, 161, 161) !important;
-                        }
-                        cursor: default !important;
-                    }
-                }
-            }
-        }
-    }
+.achievement {
+    .summary {
+        width: 500px;
+        margin: auto;
+        border: 1px solid #eee;
+        margin-bottom: 40px;
+        border-radius: 5px;
+        box-shadow: 1px 1px 3px rgba(77, 57, 57, 0.2);
+
+        table {
+            width: 100%;
+            text-align: center;
+            border-collapse: collapse;
+            table-layout: fixed;
+
+            .points {
+                padding: 20px 0;
+                
+                &__value {
+                    font-size: 35px;
+                    font-weight: bold;
+                    color: $primary;
+                }
+                &__label {
+                    margin-top: -7px;
+                    font-size: 16px;
+                    font-weight: 300;
+                }
+            }
+
+            tr {
+                border-bottom: 1px solid #eee;
+
+                &:last-child {
+                    border-bottom: none;
+                }
+                
+
+                td {
+                    border-right: 1px solid #eee;
+                    padding: 10px 10px;
+                    
+                    &:last-child {
+                        border-right: none;
+                    }
+
+                    &.label {
+                        font-weight: 300;
+                    }
+
+                    &.value {
+                        font-weight: 500;
+                    }
+                }
+            }
+        }
+    }
+    .list {
+        background-color: #fafafa;
+        padding: 20px;
+        border: 1px solid #eee;
+        border-radius: 5px;
+        margin-bottom: 20px;
+        
+
+        .details {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            &__title {
+                font-weight: 400;
+                font-size: 18px;
+                text-transform: uppercase;
+            }
+            &__reward {
+                text-align: right;
+                font-weight: 800;
+                font-size: 20px;
+            }
+        }
+        .progress {
+            &__bar {
+                height: 20px;
+                border: 1px solid #eee;
+                background-color: #eee;
+                border-radius: 20px;
+                margin-top: 10px;
+                overflow: hidden;
+
+                .percentage {
+                    background-color: $primary;
+                    height: 20px;
+                }
+            }
+        }
+        .actions {
+            display: grid;
+            grid-template-columns: 2fr 1fr;
+            position: relative;
+
+            &__requirements {
+
+            }
+            &__button {
+                text-align: right;
+                margin-top: 30px;
+
+                .btn {
+                    &.disable {
+                        background-color: rgb(161, 161, 161) !important;
+                        
+                        &:hover {
+                            opacity: 1;
+                            background-color:  rgb(161, 161, 161) !important;
+                        }
+                        cursor: default !important;
+                    }
+                }
+            }
+        }
+    }
 }

package/GAchievement.vue

@@ -1,110 +1,110 @@
-<template>
-   <div class="achievement">
-        <div v-if="!loading &&  achievement_class">
-            <!-- SUMMARY PROGRESS -->
-            <div class="summary">
-                <table>
-                    <tr>
-                        <td colspan="2" class="points">
-                            <div class="points__value">{{ $_formatNumber(this.staff_info_live.achievement_points, { decimal: 2 }) }}</div>
-                            <div class="points__label">Your Achievement Gems</div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="text-right label">Personal Sprint Progress</td>
-                        <td class="text-left value">{{ $_formatNumber(achievement_class.staff_info.task_total_progress, { decimal: 2 }) }}%</td>
-                    </tr>
-                    <tr>
-                        <td class="text-right label">Team Sprint Progress</td>
-                        <td class="text-left value">{{ $_formatNumber(achievement_class.task_class.production_percentage, { decimal: 2 }) }}%</td>
-                    </tr>
-                    <tr>
-                        <td class="text-right label">Total Workload Hours</td>
-                        <td class="text-left value">{{ $_formatNumber(achievement_class.staff_info.task_total_hours, { decimal: 2 }) }} Hours</td>
-                    </tr>
-                    <tr>
-                        <td class="text-right label">Sprint Day</td>
-                        <td class="text-left value">Day {{ $_formatNumber(achievement_class.task_class.days.used + 1) }}</td>
-                    </tr>
-                    <tr>
-                        <td class="text-right label">Sprint Ideal Percentage</td>
-                        <td class="text-left value">{{ $_formatNumber(achievement_class.task_class.ideal_percentage, { decimal: 2 }) }}%</td>
-                    </tr>
-                </table>
-            </div>
-
-            <!-- ACHIEVEMENT LIST -->
-            <div v-for="achievement in achievement_class.achievement_list" :key="achievement.id" class="list">
-                <div class="details">
-                    <div class="details__title">{{ achievement.title }}</div>
-                    <div class="details__reward" :class="(achievement.claimed || !achievement.authorize) ? 'text-grey' : 'text-primary'">{{ $_formatNumber(achievement.points, { decimal: 2 }) }} GEMS</div>
-                </div>
-                <div v-if="!achievement.claimed && achievement.authorize" class="progress">
-                    <q-linear-progress stripe rounded size="25px" :value="achievement.progress / 100">
-                        <div class="absolute-full flex flex-center">
-                            <q-badge color="white" text-color="primary" :label="$_formatNumber(achievement.progress, { decimal: 2 }) + '%'" />
-                        </div>
-                    </q-linear-progress>
-                </div>
-                <div v-if="achievement.claimed || !achievement.authorize" class="progress">
-                    <q-linear-progress stripe rounded size="25px" :value="1" color="grey">
-                        <div class="absolute-full flex flex-center">
-                            <q-badge color="white" text-color="grey" :label="$_formatNumber(100, { decimal: 2 }) + '%'" />
-                        </div>
-                    </q-linear-progress>
-                </div>
-                <div class="actions">
-                    <div class="actions__requirements">
-                        <ul>
-                            <li v-if="achievement.requirements.hasOwnProperty('sprint_day')">The sprint must be on the day {{ achievement.requirements.sprint_day }} or above of the current sprint.</li>
-                            <li v-if="achievement.requirements.hasOwnProperty('ahead')">You must be ahead of the ideal percentage by atleast {{ achievement.requirements.ahead }}%.</li>
-                            <li v-if="achievement.requirements.hasOwnProperty('personal_progress')">You simply need to reach {{ achievement.requirements.personal_progress }}% or above of your personal sprint progress.</li>
-                            <li v-if="achievement.requirements.hasOwnProperty('required_hours')">You must have atleast {{ achievement.requirements.required_hours }} hours worth of workload in order to be qualified.</li>
-                            <li v-if="achievement.requirements.hasOwnProperty('team_progress')">The team sprint progress must be atleast {{ achievement.requirements.team_progress }}%.</li>
-                            <li v-if="achievement.requirements.hasOwnProperty('team_ahead')">The team must be ahead of the ideal percentage by atleast  {{ achievement.requirements.team_ahead }}%.</li>
-                        </ul>
-                    </div>
-                    <div v-if="achievement.authorize" class="actions__button">
-                        <q-btn @click="achievement_class.claim(achievement.id)" outline class="btn" v-if="achievement.qualified && !achievement.claimed" color="primary"><q-icon class="q-mr-sm" size="14px" name="fa fa-star"></q-icon> Claim Points</q-btn>
-                        <q-btn outline class="btn" v-if="achievement.claimed" color="grey"><q-icon class="q-mr-sm" size="14px" name="fa fa-check"></q-icon> Already Claimed</q-btn>
-                    </div>
-                    <div v-if="!achievement.authorize" class="actions__button">
-                        <q-btn outline class="btn" color="grey"><q-icon class="q-mr-sm" size="14px" name="fa fa-times"></q-icon> Unauthorized</q-btn>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div v-else class="loading text-center q-mt-lg q-pa-lg">
-            <global-loader></global-loader>
-        </div>
-   </div>
-</template>
-
-<script>
-import scss from './GAchievement.scss';
-import GlobalMixins from './mixins/global_mixins';
-import GlobalLoader from './components/GlobalLoader';
-import AchievementClass from './classes/AchievementClass';
-
-export default
-{
-    
-    components: { GlobalLoader },
-    mixins: [GlobalMixins],
-    data:() =>
-    ({
-        staff_info_live: {},
-        achievement_class: null,
-        staff_info: {},
-        is_dialog_open: false,
-        loading: false,
-    }),
-    async mounted() {
-        this.achievement_class = new AchievementClass(),
-        this.loading = true;
-        await this.achievement_class.initialize(this.user_info.uid);
-        await this.$bind('staff_info_live', this.achievement_class.task_class.db_staff.doc(this.achievement_class.staff_info.id));
-        this.loading = false;
-    },
-}
+<template>
+   <div class="achievement">
+        <div v-if="!loading &&  achievement_class">
+            <!-- SUMMARY PROGRESS -->
+            <div class="summary">
+                <table>
+                    <tr>
+                        <td colspan="2" class="points">
+                            <div class="points__value">{{ $_formatNumber(this.staff_info_live.achievement_points, { decimal: 2 }) }}</div>
+                            <div class="points__label">Your Achievement Gems</div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="text-right label">Personal Sprint Progress</td>
+                        <td class="text-left value">{{ $_formatNumber(achievement_class.staff_info.task_total_progress, { decimal: 2 }) }}%</td>
+                    </tr>
+                    <tr>
+                        <td class="text-right label">Team Sprint Progress</td>
+                        <td class="text-left value">{{ $_formatNumber(achievement_class.task_class.production_percentage, { decimal: 2 }) }}%</td>
+                    </tr>
+                    <tr>
+                        <td class="text-right label">Total Workload Hours</td>
+                        <td class="text-left value">{{ $_formatNumber(achievement_class.staff_info.task_total_hours, { decimal: 2 }) }} Hours</td>
+                    </tr>
+                    <tr>
+                        <td class="text-right label">Sprint Day</td>
+                        <td class="text-left value">Day {{ $_formatNumber(achievement_class.task_class.days.used + 1) }}</td>
+                    </tr>
+                    <tr>
+                        <td class="text-right label">Sprint Ideal Percentage</td>
+                        <td class="text-left value">{{ $_formatNumber(achievement_class.task_class.ideal_percentage, { decimal: 2 }) }}%</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- ACHIEVEMENT LIST -->
+            <div v-for="achievement in achievement_class.achievement_list" :key="achievement.id" class="list">
+                <div class="details">
+                    <div class="details__title">{{ achievement.title }}</div>
+                    <div class="details__reward" :class="(achievement.claimed || !achievement.authorize) ? 'text-grey' : 'text-primary'">{{ $_formatNumber(achievement.points, { decimal: 2 }) }} GEMS</div>
+                </div>
+                <div v-if="!achievement.claimed && achievement.authorize" class="progress">
+                    <q-linear-progress stripe rounded size="25px" :value="achievement.progress / 100">
+                        <div class="absolute-full flex flex-center">
+                            <q-badge color="white" text-color="primary" :label="$_formatNumber(achievement.progress, { decimal: 2 }) + '%'" />
+                        </div>
+                    </q-linear-progress>
+                </div>
+                <div v-if="achievement.claimed || !achievement.authorize" class="progress">
+                    <q-linear-progress stripe rounded size="25px" :value="1" color="grey">
+                        <div class="absolute-full flex flex-center">
+                            <q-badge color="white" text-color="grey" :label="$_formatNumber(100, { decimal: 2 }) + '%'" />
+                        </div>
+                    </q-linear-progress>
+                </div>
+                <div class="actions">
+                    <div class="actions__requirements">
+                        <ul>
+                            <li v-if="achievement.requirements.hasOwnProperty('sprint_day')">The sprint must be on the day {{ achievement.requirements.sprint_day }} or above of the current sprint.</li>
+                            <li v-if="achievement.requirements.hasOwnProperty('ahead')">You must be ahead of the ideal percentage by atleast {{ achievement.requirements.ahead }}%.</li>
+                            <li v-if="achievement.requirements.hasOwnProperty('personal_progress')">You simply need to reach {{ achievement.requirements.personal_progress }}% or above of your personal sprint progress.</li>
+                            <li v-if="achievement.requirements.hasOwnProperty('required_hours')">You must have atleast {{ achievement.requirements.required_hours }} hours worth of workload in order to be qualified.</li>
+                            <li v-if="achievement.requirements.hasOwnProperty('team_progress')">The team sprint progress must be atleast {{ achievement.requirements.team_progress }}%.</li>
+                            <li v-if="achievement.requirements.hasOwnProperty('team_ahead')">The team must be ahead of the ideal percentage by atleast  {{ achievement.requirements.team_ahead }}%.</li>
+                        </ul>
+                    </div>
+                    <div v-if="achievement.authorize" class="actions__button">
+                        <q-btn @click="achievement_class.claim(achievement.id)" outline class="btn" v-if="achievement.qualified && !achievement.claimed" color="primary"><q-icon class="q-mr-sm" size="14px" name="fa fa-star"></q-icon> Claim Points</q-btn>
+                        <q-btn outline class="btn" v-if="achievement.claimed" color="grey"><q-icon class="q-mr-sm" size="14px" name="fa fa-check"></q-icon> Already Claimed</q-btn>
+                    </div>
+                    <div v-if="!achievement.authorize" class="actions__button">
+                        <q-btn outline class="btn" color="grey"><q-icon class="q-mr-sm" size="14px" name="fa fa-times"></q-icon> Unauthorized</q-btn>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div v-else class="loading text-center q-mt-lg q-pa-lg">
+            <global-loader></global-loader>
+        </div>
+   </div>
+</template>
+
+<script>
+import scss from './GAchievement.scss';
+import GlobalMixins from './mixins/global_mixins';
+import GlobalLoader from './components/GlobalLoader';
+import AchievementClass from './classes/AchievementClass';
+
+export default
+{
+    
+    components: { GlobalLoader },
+    mixins: [GlobalMixins],
+    data:() =>
+    ({
+        staff_info_live: {},
+        achievement_class: null,
+        staff_info: {},
+        is_dialog_open: false,
+        loading: false,
+    }),
+    async mounted() {
+        this.achievement_class = new AchievementClass(),
+        this.loading = true;
+        await this.achievement_class.initialize(this.user_info.uid);
+        await this.$bind('staff_info_live', this.achievement_class.task_class.db_staff.doc(this.achievement_class.staff_info.id));
+        this.loading = false;
+    },
+}
 </script>

package/GApplyMerchant.vue

@@ -1,71 +1,71 @@
-<template>
-    <div class="g-apply-product" v-if="user_info.slot_owned > 0 && !user_slot_info.hasOwnProperty('merchant') || (user_slot_info.hasOwnProperty('merchant') && !user_slot_info.merchant)">
-        <div v-if="merchant_request.length>0">
-
-            <h3 class="text-primary" style="margin-top:10px;">Thank you!</h3>
-            <div style="color:gray;font-size:17px;text-align:justify">
-                <p>Thanks for taking the time to apply as one of our merchant and for submitting the required documents.</p>
-
-                <p>We're currently in the process of reviewing / approving documents for our Merchant Section.</p>
-
-                <p>For updates, please always check this area for the approval of your application!</p>
-            </div>
-        </div>
-        <div v-else>
-             <div class="q-mb-md message">We have detected that you are not a <b>Merchant</b> yet.</div>
-            <div class="q-mb-md message"><b>Apply</b> to be one now!</div>
-            <q-btn color="primary" @click="is_apply_product_dialog_open=true" label="Apply as a Merchant"/>
-        </div>
-        <q-dialog v-model="is_apply_product_dialog_open">
-            <apply-merchant-dialog @closeDialog="is_apply_product_dialog_open=false"></apply-merchant-dialog>
-        </q-dialog>
-    </div>
-    <div v-else>
-        <template v-if="user_info.slot_owned<=0">
-            <div>You need to own slot to view this component.</div>
-        </template>
-        <template v-else>
-            <div>You are already a Merchant!</div>
-        </template>
-    </div>
-</template>
-<script>
-import ApplyMerchantDialog from "./components/ApplyMerchant/ApplyMerchantDialog";
-import GlobalMixins         from './mixins/global_mixins.js';
-import DB_MERCHANT_REQUEST  from "./models/DB_MERCHANT_REQUEST"
-export default
-{
-    mixins: [GlobalMixins],
-    components:{ ApplyMerchantDialog },
-    data:() =>({
-        is_apply_product_dialog_open: false,
-        public_settings: [],
-        merchant_request: [],
-    }),
-    async mounted() 
-    { 
-        await this.$_getSlotInfo();
-        await this.$bind('merchant_request', await new DB_MERCHANT_REQUEST().collection().where("slot_code", "==", this.user_info.active_slot).where('status', '==', 'pending'));
-    },
-    methods: { },
-    computed: 
-    {
-        user_slot_info()
-        {
-            if(this.current_slot_info)
-            {
-                return this.current_slot_info;
-            }
-            else
-            {
-                return {};
-            }
-        }
-    }
-}
-</script>
-styl <style lang="scss">
-.g-apply-product{
-}
-
+<template>
+    <div class="g-apply-product" v-if="user_info.slot_owned > 0 && !user_slot_info.hasOwnProperty('merchant') || (user_slot_info.hasOwnProperty('merchant') && !user_slot_info.merchant)">
+        <div v-if="merchant_request.length>0">
+
+            <h3 class="text-primary" style="margin-top:10px;">Thank you!</h3>
+            <div style="color:gray;font-size:17px;text-align:justify">
+                <p>Thanks for taking the time to apply as one of our merchant and for submitting the required documents.</p>
+
+                <p>We're currently in the process of reviewing / approving documents for our Merchant Section.</p>
+
+                <p>For updates, please always check this area for the approval of your application!</p>
+            </div>
+        </div>
+        <div v-else>
+             <div class="q-mb-md message">We have detected that you are not a <b>Merchant</b> yet.</div>
+            <div class="q-mb-md message"><b>Apply</b> to be one now!</div>
+            <q-btn color="primary" @click="is_apply_product_dialog_open=true" label="Apply as a Merchant"/>
+        </div>
+        <q-dialog v-model="is_apply_product_dialog_open">
+            <apply-merchant-dialog @closeDialog="is_apply_product_dialog_open=false"></apply-merchant-dialog>
+        </q-dialog>
+    </div>
+    <div v-else>
+        <template v-if="user_info.slot_owned<=0">
+            <div>You need to own slot to view this component.</div>
+        </template>
+        <template v-else>
+            <div>You are already a Merchant!</div>
+        </template>
+    </div>
+</template>
+<script>
+import ApplyMerchantDialog from "./components/ApplyMerchant/ApplyMerchantDialog";
+import GlobalMixins         from './mixins/global_mixins.js';
+import DB_MERCHANT_REQUEST  from "./models/DB_MERCHANT_REQUEST"
+export default
+{
+    mixins: [GlobalMixins],
+    components:{ ApplyMerchantDialog },
+    data:() =>({
+        is_apply_product_dialog_open: false,
+        public_settings: [],
+        merchant_request: [],
+    }),
+    async mounted() 
+    { 
+        await this.$_getSlotInfo();
+        await this.$bind('merchant_request', await new DB_MERCHANT_REQUEST().collection().where("slot_code", "==", this.user_info.active_slot).where('status', '==', 'pending'));
+    },
+    methods: { },
+    computed: 
+    {
+        user_slot_info()
+        {
+            if(this.current_slot_info)
+            {
+                return this.current_slot_info;
+            }
+            else
+            {
+                return {};
+            }
+        }
+    }
+}
+</script>
+styl <style lang="scss">
+.g-apply-product{
+}
+
 </style>