default to newest first and improve variable name

Author: trebor

electron_app/src/components/History.vue

@@ -2,7 +2,7 @@
 <template>
  <div class="animatable_content_box ">
  <div @click="toggle_order()" style="float:right; margin-bottom: 20px;" class="l_button">
- {{this.app_state.show_history_in_reverse ? "Newest" : "Oldest"}} First
+ {{this.app_state.show_history_in_oldest_first ? "Oldest": "Newest"}} First
  </div>
  <div v-if="Object.values(app_state.history).length > 0">
  <div v-for="history_box in get_history()" :key="history_box.key" style="clear: both;">
@@ -68,11 +68,11 @@ export default {
 
  get_history() {
  let history = Object.values(this.app_state.history);
- return this.app_state.show_history_in_reverse ? history.reverse() : history;
+ return this.app_state.show_history_in_oldest_first ? history : history.reverse();
  },
 
  toggle_order() {
- Vue.set( this.app_state, "show_history_in_reverse", !this.app_state.show_history_in_reverse);
+ Vue.set( this.app_state, "show_history_in_oldest_first", !this.app_state.show_history_in_oldest_first);
  },
 
  get_box_params_str(box){